@import url("https://discord-custom-covers.github.io/usrbg/snippets/userPopouts.css");
@import "https://fontlibrary.org/face/horta"; /* 'HortaRegular' */
@import "https://monstrousdev.github.io/themes/addons/user-tags.css";
/* @import "https://monstrousdev.github.io/themes/addons/filter.css"; */
@import "https://themonstrousdev.github.io/styles/google-fonts.css";

/*
                                                                                                     
✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧     ✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧     ✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧
      ✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧     ✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧     ✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧
✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧     ✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧     ✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧
      ✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧     ✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧     ✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧
✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧     ✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧     ✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧
 /$$$$$$$  /$$                     /$$             /$$   /$$           /$$          
| $$__  $$| $$                    | $$            | $$  | $$          | $$           
| $$  \ $$| $$  /$$$$$$   /$$$$$$$| $$   /$$      | $$  | $$  /$$$$$$ | $$  /$$$$$$ 
| $$$$$$$ | $$ |____  $$ /$$_____/| $$  /$$/      | $$$$$$$$ /$$__  $$| $$ /$$__  $$
| $$__  $$| $$  /$$$$$$$| $$      | $$$$$$/       | $$__  $$| $$  \ $$| $$| $$$$$$$$
| $$  \ $$| $$ /$$__  $$| $$      | $$_  $$       | $$  | $$| $$  | $$| $$| $$_____/
| $$$$$$$/| $$|  $$$$$$$|  $$$$$$$| $$ \  $$      | $$  | $$|  $$$$$$/| $$|  $$$$$$$
|_______/ |__/ \_______/ \_______/|__/  \__/      |__/  |__/ \______/ |__/ \_______/
✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧       ✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧     ✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧
      ✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧     ✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧     ✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧
✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧     ✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧     ✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧
      ✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧     ✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧     ✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧
✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧     ✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧     ✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧                      
✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧     (c) Lil Monster#3557      ✧･ﾟ: *✧･ﾟ:* 　　 *:･ﾟ✧*:･ﾟ✧     ✧･ﾟ: *✧･ﾟ:*


*/


/* *•̩̩͙⊱••••••••••••✩ VARIABLES ✩••••̩̩͙⊰•••••••••** */
:root {
	--theme-name: "Black Hole";
  --theme-version: "1.5";
  --blurple: rgb(113, 136, 217);
  --greyple: rgb(151, 168, 180);
  --blurple-sheer: rgba(114, 137, 218, 0.267);
  --greyple-sheer: rgba(151, 168, 180, 0.267);
  --black-hole: url(https://images.all-free-download.com/images/graphicthumb/starry_night_192398.jpg);
  --stars: url(https://www.freeiconspng.com/uploads/twinkle-star-png-stars-9.png);
  --roundness: 50px;
  --uno: rgb(25, 25, 27);
  /* primary background color */
  --dos: rgb(30, 30, 33);
  /* secondary background color */
  --tres: rgb(35, 35, 39);
  /* tertiary background color */
  --quatro: rgb(16, 16, 17);
  /* quaternary background color */
  --sheer: rgba(0,0,0,0.6);
  --veil: rgba(100, 100, 100, 0.2);


  --online: rgb(67, 181, 129);
  --online-sheer: rgba(67, 181, 129, 0.267);
  /* color for online status */
  --idle: rgb(250, 166, 26);
  --idle-sheer: #faa61a44;
  /* color for idle status */
  --dnd: rgb(240, 71, 71);
  --dnd-sheer: rgba(240, 71, 71, 0.267);
  /* color for dnd status */
  --offline: rgb(99, 107, 117);
  --offline-sheer: rgba(99, 107, 117, 0.267);
  /* color for offline status */
  --invisi: rgb(116, 127, 141);
  --invisi-sheer: rgba(116, 127, 141, 0.267);
  /* color for invisible status - Note this will only show for your own invisibility */
  --streaming: rgb(100, 61, 167);
  --streaming-sheer: rgba(100, 61, 167, 0.267);
  /* color for streaming status */

}

/* ==== TABLE OF CONTENTS ====
*  ========== STATIC ==========
*  I. App Window
*  II. Title Bar
*  III. Channel Area
*     A. Channels Header
*     B. Channel Groups and Individual Channels
*     C. User Settings and Voice Connection
*     D. Private Channels
*     
*  IV. Guilds Area
*     A. Guilds Header
*     B. Guild Styles
*     C. Guild Folders
*
*  V. Pages
*     A. Main Areas
*       1. Embeds, Code Blocks, and Invites
*       2. Login Page
*       3. Download Discord
*     B. Members List
*     C. Top Bar & Typing Status
*     D. Cards and Tiles
*     E. Buttons, Switches, and Bars
*     F. Change SVGs
*
*  VI. Top Layers
*  VII. ScrollBars
*
*
*
*
*  ========== MODALS AND POPOUTS ==========
*  VIII. Menus
*     A. Server Menu
*     B. User Status
*     C. Context Menu
*     D. Dropdown Menus
*  IX. Popouts
*     A. User Popout
*     B. Message Popout
*     C. Search Popout & Results
*     D. Attach Popout, Add Game popout
*     E. Tooltips & Notices
*     F. Autocomplete & Everyone Popout
*     G. Gift Nitro and Gif Picker
*     H. Emoji Picker
*     I. Game Preview
*     J. Add Roles Popout & Roles Overflow
*     K. RTC Connection
*     L. Stream Popout
*     M. Follow Channel
*     
*  X. Modals
*     A. User Modal
*     B. Upload Modal 
*     C. Join Guild Modal
*     D. Messages Modal, Games Download Modal, Screenshare
*     E. Incoming Call & Phone Verification
*     F. Reactions Modal & Server Invite Modal
*     G. Gift Modal
*  XI. Keyframes
*  XII. Custom CSS
*  XIII. Plugin Optimization
*     A. Ghost Ping
*     B. Permissions Viewer
*  XIV. Addon Optimization
*/


/* I. App Window */
#app-mount,
.container-2RRFHK,
.perksModalContentWrapper-2HU6uL {
  background: linear-gradient(var(--sheer), var(--sheer)),var(--black-hole) center/30% fixed;
}

#app-mount .app-2CXKsg, 
#app-mount .layers-OrUESM,
.privateChannels-oVe7HL,
.container-1eFtFS,
#app-mount .layer-86YKbF,
.bg-1QIAus {
  background-color: transparent;
}


/* II. Title Bar */
.wordmark-2u86JB svg {
  display: none;
}

.titleBar-1it3bQ:not(.typeMacOS-3V4xXE)::after {
  content: "𐌁𐌋𐌀𐌂𐌊 𐋏𐍈𐌋𐌄";
  position: absolute;
  top: 5px;
  left: 10px;
  color: rgb(170, 170, 170);
  display: block;
  height: 16px;
  width: fit-content;
  pointer-events: none;
  font-size: 14px;
}

.winButtonMinMax-3RsPUg:hover {
  background-color: var(--blurple);
}

.titleBar-1it3bQ {
  background-color: transparent;
}



/* III. Channel Area */
  /* A. Channels Header */
#app-mount .channelNotice-tO6Tus {
  background-color: var(--blurple-sheer);
}

.container-3O_wAf,
.icon-1SdhiF {
  background: var(--black-hole) center/30% fixed;
}

.attachButton-1UjEWA {
  height: 100%;
}

#app-mount .channelNotices-41mJbj .channelNotice-tO6Tus .message-3KLVy1 .btn-38SvSS {
  background-color: var(--blurple-sheer);
  border-color: transparent;
  transition: all .2s ease-in-out;
}

#app-mount .channelNotices-41mJbj .channelNotice-tO6Tus .message-3KLVy1 .btn-38SvSS:hover {
  background-color: var(--blurple);
}

.container-PNkimc,
.animatedContainer-1pJv5C,
.sidebar-1tnWFu,
.scrollableContainer-38zsVD,
.channels-Ie2l6A {
  background-color: transparent;
}

.attachWrapper-1_D-pj {
  border-right: none;
}

#app-mount .bannerImage-1jOskm {
  -webkit-mask: linear-gradient(rgb(0, 0, 0), transparent);
  mask: linear-gradient(rgb(0, 0, 0), transparent);
  border-radius: 10px 10px 0 0;
}

  /* B. Channel Groups and Individual Channels */
.containerDefault-3GGEv_, 
.containerDragAfter-3TEhpe, 
.containerDragBefore-3Dzc5x, 
.containerUserOver-1Tcb7l {
  padding-top: 20px;
}

.contentSelectedText-3wUhMi, 
.contentSelectedVoice-1WDIBM,
.contentConnectedVoice-qL-YrL,
.wrapper-2NJDcI,
.containerDefault-YUSmu3.selected-2TbFuo .content-1gYQeQ, 
.containerDefault-YUSmu3.selected-2TbFuo:hover .content-1gYQeQ {
  background: var(--veil) var(--stars) top left;
  background-attachment: fixed;
  color: var(--blurple)
}

.containerDefault-YUSmu3.selected-2TbFuo .content-1gYQeQ .name-28HaxV {
  color: var(--blurple);
}

.contentConnectedVoice-qL-YrL:active, 
.contentHoveredText-2D9B-x, 
.contentHoveredVoice-3p_NEO:active, 
.contentSelectedVoice-1WDIBM:active,
#app-mount .listeningAlong-2UPsxf,
#app-mount .wrapper-1ucjTd:hover .content-1gYQeQ {
  background-color: transparent;
}

.contentSelectedText-3wUhMi .icon-sxakjD, 
.contentSelectedVoice-1WDIBM .icon-sxakjD {
  opacity: 1;
  filter: brightness(100%);
}

.colorHoveredText-OZnAgu, 
.colorHoveredVoice-1kucsK,
#app-mount .wrapper-1ucjTd:not(.modeSelected-1zApJ_):hover .name-3_Dsmg,
#app-mount .wrapper-1ucjTd:not(.modeSelected-1zApJ_):hover svg {
  color: var(--blurple);
  opacity: 1;
}

.nameConnectedText-3CzNQn, 
.nameConnectedVoice-MHUX5F, 
.nameSelectedText-sp_EUw, 
.nameSelectedVoice-1qSph5,
.colorConnectedText-1c_uzY, 
.colorConnectedVoice-3kyvUN, 
.colorSelectedText-1y4Wvs, 
.colorSelectedVoice-Xcb_9R {
  color: currentColor;
}

.unread-2wipsx {
  background-color: var(--blurple-sheer);  
  transition: background-color .2s ease-in-out;
}

.unread-2wipsx:hover {
  background-color: var(--blurple);
}

.mention-3XBnnZ {
  background-color: var(--dnd-sheer);
  transition: background-color .2s ease-in-out;
}

.mention-3XBnnZ:hover {
  background-color: var(--dnd);
}

  /* C. User Settings and Voice Connection */
.info-1sUqUG::before {
  content: var(--theme-name)" v."var(--theme-version);
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: var(--blurple);
}

.panels-3wFtMD .container-YkUktl {
  border-top: 1px solid var(--tres);
}

.container-1zzFcN,
.container-YkUktl,
.container-1UB9sr,
.payment-2bOh4k,
.expandedInfo-1W31i3,
.panels-3wFtMD {
  background-color: transparent !important;
}

.container-1zzFcN,
.container-YkUktl {
  border: none;
}

.hoverablePayment-lE1s4t:hover,
.button-12Fmur.enabled-9OeuTA:hover,
.titleContainer-3fPic2,
.header-JUTO-g {
  background: var(--quatro)  var(--stars) top left !important;
  background-attachment: fixed;
}

.notches-2w7UZJ {
  background: var(--quatro)  var(--stars) top left !important;
  background-attachment: fixed;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='20'%20fill='%2336393f'><path%20fill-rule='evenodd'%20d='M0%200h8v20H0V0zm4%202a2%202%200%200%200-2%202v12a2%202%200%201%200%204%200V4a2%202%200%200%200-2-2z'/></svg>");
  -webkit-mask-repeat: repeat-x;
}

.progress-1S-TDF {
  background: var(--dos) !important;
}

.authedApp-1tw-eT,
.paginator-1eqD2g,
.container-A2jo65 {
  background: var(--sheer) !important;
}

.defaultIndicator-2ndWks,
.paymentPane-ut5qKZ,
#app-mount .defaultIndicator-2X8Auf,
#app-mount .gemIndicatorContainer-PqApbX {
  background-color: var(--sheer) !important;
}

#app-mount .lookFilled-yCfaCM.colorPrimary-2AuQVo {
  background-color: var(--uno) !important;
}

.users-i_3-kL {
  background-color: var(--blurple-sheer);
  color: white;
}

.total-3tKGEB {
  background-color: var(--blurple);
  color: white;
}

.total-3tKGEB::after {
  border-right-color: var(--blurple);
}

  /* D. Private Channels */
.searchBar-3TnChZ {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.scroller-WSmht3 {
  background: transparent;
}

.searchBar-2_Yu-C {
  background-color: transparent;
  border-color: var(--tres);
}

.privateChannels-oVe7HL .searchBar-2_Yu-C .searchBarInner-1_Tg2R,
a.selected-1-Z6gm .layout-1qmrhw, a.channel-1Shao0:hover,
.searchBar-3TnChZ .searchBarComponent-3N7dCG {
  background: var(--veil) var(--stars) top left;
  background-attachment: fixed;
}



/* IV. Guilds Area */
  /* A. Guilds Header */
#app-mount .guilds-2JjMmN {
  background-color: transparent;
  overflow: visible;
}

#app-mount .platform-osx .guilds-2JjMmN {
  margin-top: 60px;
}

.guilds-2JjMmN .scroller-3X7KbA::-webkit-scrollbar {
  display: none;
}

.container-2td-dC .wrapper-2lTRaf,
.scroller-3X7KbA {
  background-color: transparent !important;
}

#app-mount .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS .listItem-3SmSlK .svg-2zuE5p {
  height: 100% !important;
  width: 100% !important;
}

.scroller-3X7KbA {
  padding: 0px;
}

.guilds-2JjMmN .scroller-3X7KbA>.listItem-3SmSlK:first-child .pill-2uzAFe,
.homeIcon-FuNwkv path {
  display: none;
}

.pill-31IEus .item-2LIpTv {
  background-color: var(--blurple);
}

#app-mount .button-OhfaWu {
  background-color: transparent;
}

#app-mount .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS .listItem-3SmSlK .wrapper-28eC3z .childWrapper-1j_1ub {
  background-color: transparent;
}

.homeIcon-FuNwkv {
  background-color: white;
  -webkit-mask: url(https://ellexidecodes.github.io/Discord-Themes/assets/home.svg);
  -webkit-mask-size: 45px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  transform: scale(0.5);
  transition: background-color .2s ease-in-out;
  -webkit-mask-position: center;
  margin-left: 0px;
  height: 100% !important;
  width: 100% !important;
}

#app-mount .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS .listItem-3SmSlK .wrapper-28eC3z.selected-1Drb7Z .homeIcon-FuNwkv {
  background-color: var(--blurple) !important;
}

#app-mount .downloadProgressCircle-yTgLNF {
  top: 0px;
}

.circleBackground-1QJWqA {
  fill: var(--blurple-sheer);
  stroke: var(--greyple-sheer);
}

.guildIconContainer-E1JUVt {
  margin-top: 14px;
  transform: translateY(-50%);
}

  /* B. Guild Styles */
#app-mount .wrapper-2lTRaf {
    background: transparent;
  }
  
#app-mount .dragPlaceholder-D9-haY,
#app-mount .acronym-2zrAHN,
#app-mount .placeholderMask-3v3K7P .dragInner-Oq_toX {
  background-color: var(--blurple-sheer);
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  transition: all 200ms ease-in-out;
} 

#app-mount .acronym-2zrAHN:hover {
  background-color: var(--blurple);
}

#app-mount .iconBadge-2wi9r4 {
  background-color: var(--blurple) !important;
  transition: all .2s ease-in-out;
}

.unread-2OHH1w:before {
  box-shadow: 2px 0px 10px var(--blurple);
}

.unread-2OHH1w.selected-nT-gM3::before {
  box-shadow: none;
}

.createJoinContainer-2Av064 {
  margin-bottom: 10px;
}

#app-mount .guildsError-b7zR5H {
  background: var(--dnd-sheer);
  border-color: transparent;
}

#app-mount .guildsError-b7zR5H:hover {
  background: var(--dnd);
}

  /* C. Guild Folders */
#app-mount .expandedFolderBackground-1cujaW, 
#app-mount .folder-1hbNCn {
  background-color: transparent;
}

#app-mount .expandedFolderBackground-1cujaW::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% + 6px);
  width: 100%;
  opacity: 0.4;
  background-color: var(--blurple-sheer);
  border-radius: calc(var(--roundness)/5);
}

#app-mount .folder-1hbNCn [style*="rgba(114, 137, 218, 0.4)"] {
  background-color: transparent !important;
}

#app-mount svg[name="Folder"][style*="color: rgb(114, 137, 218)"] {
  color: var(--blurple) !important;
}

/* V. Pages */
  /* A. Main Areas */
.chat-2ZfjoI,
#app-mount .activityFeed-28jde9,
#app-mount .activityFeed-1C0EmJ,
#app-mount .gameLibrary-TTDw4Y,
#app-mount .container-3gCOGc,
#app-mount .applicationStore-2nk7Lo,
#app-mount .pageWrapper-2PwDoS,
#app-mount .root-1BQpZw,
#app-mount .container-2cd8Mz,
.threadSidebar-1o3BTy {
  background-color: transparent !important;
  margin-bottom: 10px;
  margin-right: 10px;
  border-radius: 10px;
}

.chat-2ZfjoI.threadSidebarOpen-1LSXvU {
  margin-right: 0px;
}

.tabBody-2dgbAs {
  margin-bottom: 55px;
  overflow: visible;
  background: var(--quatro)  var(--stars) top left fixed !important;
}

.tabBody-2dgbAs:before {
  top: unset;
  bottom: -55px;
  height: 55px;
  background: var(--veil) var(--stars) top left fixed !important;
}

.platform-linux .chat-2ZfjoI,
.platform-linux #app-mount .activityFeed-28jde9,
.platform-linux #app-mount .activityFeed-1C0EmJ,
.platform-linux #app-mount .gameLibrary-TTDw4Y,
.platform-linux #app-mount .container-3gCOGc,
.platform-linux #app-mount .applicationStore-2nk7Lo,
.platform-linux #app-mount .pageWrapper-2PwDoS,
.platform-linux #app-mount .root-1BQpZw {
  margin-top: 10px;
}

.table-2J5ScI:only-child {
  padding-top: 50px;
}

#app-mount .messages-3amgkR,
.sidebarRegionScroller-FXiQOh,
.contentRegionScroller-2_GT_N,
.scroller-2XLwLg,
.scroller-5bBood,
.scroller-29cQFV,
.scroller-3_YDR2,
[class*="scroller-"],
.scrollableContainer-15eg7h,
.nowPlayingColumn-1eCBCN,
.container-1NXEtd,
.container-1oAagU,
.section-3G9aLW,
.stageSection-3mAD8V {
  background-color: transparent;
}

#app-mount .noChannel-Z1DQK7 {
  margin-bottom: 10px;
  margin-right: 10px;
  border-radius: 10px;
}

.searchHelpText-19imBp {
  margin-bottom: -20px;
}

.bg-AYqtMd {
  -webkit-mask: linear-gradient(rgb(0, 0, 0) 50%, transparent);
  mask: linear-gradient(rgb(0, 0, 0) 50%, transparent);
}

#app-mount .searchBox-pyIJJj {
      background: var(--veil);
}

.videoControls-3glNbo {
  padding-left: 0px;
  padding-right: 0px;
}

.bottomControls-UTyHwG, 
.topControls-Jnxmi6 .headerBar-qN9GBP {
  padding: 0 16px;
}

#app-mount .title-31SJ6t, 
#app-mount .titleCall-_b9o8P,
#app-mount .headerBar-UHpsPw,
#app-mount .container-ZMc96U,
#app-mount .header-2EadGG,
#app-mount .chat-2ZfjoI .channelTextArea-1FufC0,
#app-mount .friendsTable-133bsv .friendsRow-2yicud:hover,
#app-mount .video-eAcneW {
  background: var(--veil) var(--stars) top left !important;
  background-attachment: fixed;
}

.wrapper-1gVUIN.minimum-fXpVNc,
.wrapper-1gVUIN,
#app-mount .outer-2JOHae.interactive-2zD88a:hover {
  background: var(--sheer) var(--stars) top left !important;
  background-attachment: fixed;
}

.scrollableContainer-15eg7h .inner-NQg18Y{
  margin-bottom: 0px;
}

.chat-2ZfjoI .textArea-2CLwUE {
  background-color: transparent !important;
  line-height: 1.25rem !important;
  margin-top: 8px;
}

.chat-2ZfjoI .attachButton-1UjEWA,
.attachButton-_ACFSu {
  margin: 5px;
}

.friendsTable-133bsv .friendsTableBody-1ZhKif {
  background: transparent;
}

.channelTextAreaDisabled-rZtG8r {
  opacity: 1;
}

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

#app-mount .gameUpdates-3Ts_5W {
  background: linear-gradient(var(--blurple-sheer), transparent 80%), var(--veil) var(--stars) top left fixed;
}


#app-mount .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:not(:last-child) {
  background-color: var(--online-sheer)
}

.friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:not(:last-child):hover {
  background-color: var(--online)
}


.friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:last-child {
  background-color: var(--dnd-sheer);
}


.friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:last-child:hover {
  background-color: var(--dnd);
}

.gameLibrary-TTDw4Y>.libraryHeader-2loraV+div+.scrollerWrap-2lJEkd>.scroller-2FKFPG {
  margin-top: 47px;
}

.stickyHeader-fX4ei6+.stickyHeader-fX4ei6 {
  margin-top: -47px;
}

#app-mount .content-1jQy2l,
#app-mount .chat-2ZfjoI form .inner-zqa7da,
#app-mount .chat-2ZfjoI form,
#app-mount .itemBackground-2vEldQ,
#app-mount .wrapper-29NfPK {
  background-color: transparent;
}

#app-mount .contentCozy-3XX413 .inner-zqa7da {
  background-color: var(--veil);
  border-radius: 3px;
}

#app-mount .divider-2rZFJK {
  border: none;
  margin-bottom: 10px;
}

#app-mount .divider-2rZFJK span {
  color: var(--greyple-sheer);
}

#app-mount .isUnread-3Lojb- .divider-2rZFJK span {
  color: var(--dnd-sheer);
}

#app-mount .divider-3gKybi:not(.isUnread-3Lojb-) .divider-2rZFJK span:after {
  border-image: linear-gradient(to right, var(--greyple-sheer) 50%, transparent);
  border-image-slice: 1;
}

#app-mount .divider-2rZFJK.isUnread-3Lojb- .unreadPillCap-2-iI4h {
  display: none;
}

#app-mount .divider-2rZFJK span {
  left: 0;
  right: unset;
  background: transparent;
  display: flex;
  flex-flow: row wrap;
  color: var(--blurple);
}

#app-mount .divider-2rZFJK.isUnread-3Lojb-.hasContent-31hcsn .content-3spvdd {
  margin-left: 30px;
}

#app-mount .divider-2rZFJK.isUnread-3Lojb-.hasContent-31hcsn .content-3spvdd::before {
  content: " | ";
  margin-right: 10px;
}

#app-mount .divider-2rZFJK.isUnread-3Lojb- span {
  color: var(--dnd);
}

#app-mount .divider-2rZFJK:after {
  content: "";
  position: relative;
  flex: 1 0 auto;
  margin-left: 5px;
  height: 1px;
  border: 1px;
  background: linear-gradient(to right, var(--blurple-sheer) 50%, transparent);
}

#app-mount .divider-2rZFJK.isUnread-3Lojb-:after {
  margin-left: 30px;
  background: linear-gradient(to right, var(--dnd-sheer) 50%, transparent);
}

#app-mount .divider-2rZFJK.isUnread-3Lojb-.hasContent-31hcsn:after {
  margin-left: 5px;
}

#app-mount .content-1jQy2l {
  border: 1px solid var(--quatro);
}

#app-mount .messagesWrapper-3lZDfY {
  background-color: transparent;
}


#app-mount .content-1jQy2l,
#app-mount .activityFeed-28jde9m,
.gameLibrary-TTDw4Y .scrollerWrap-2lJEkd,
.friendsTable-133bsv,
.applicationStore-2nk7Lo .scrollerWrap-2lJEkd,
.activityFeed-1C0EmJ .scrollerWrap-2lJEkd,
.root-1BQpZw .scrollerWrap-2lJEkd,
#app-mount .noChannel-Z1DQK7,
.submenu-1apzyU,
.threadSidebar-1o3BTy .chat-1rZYgu {
  background: var(--quatro)  var(--stars) top left !important;
  background-attachment: fixed;
}

.codeRedemption-2CtsK6,
#app-mount .emptyStateHeader-1ADtcL, 
#app-mount .header-2HrZI4 {
  padding: 0 20px;
}

.chat-2ZfjoI>.content-1jQy2l .messages-3amgkR .containerCozy-jafyvG:last-child,
.containerCompactBounded-cYR5cW:last-child {
  padding-bottom: 30px;
}

.chat-2ZfjoI .channelTextArea-1FufC0 {
  margin: 0px 0 0 0px;
  padding: 0;
  border: none;
}

.chat-2ZfjoI .innerNoAutocomplete-1WpcVO {
  border-radius: 0px;
}


.chat-2ZfjoI .textArea-2Spzkt {
  background-color: transparent !important;
  line-height: 1.25rem !important;
  margin-top: 8px;
}

.buttons-205you {
  align-self: center;
}

.chat-2ZfjoI form,
.chat-2ZfjoI .channelTextArea-1FufC0,
.innerNoAutocomplete-1WpcVO,
.innerAutocomplete-1PN280 {
  margin: 0;
  min-height: 55px;
  padding: 0;
  border-radius: 0;
}

.sansAttachButton-1ERHue:not(.innerDisabled-2dbG11) {
  padding-left: 0px
}

.sansAttachButton-1ERHue > .textArea-2CLwUE {
  margin-left: 16px;
}

.form-3gdLxP:before {
  display: none;
}

.gatedContent-31-gID::after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 55px;
  width: 101.5%;
  background: var(--veil) var(--stars) top left;
  background-attachment: fixed;
}

.applicationStore-2nk7Lo .gatedContent-31-gID::after {
  display: none;
}

    /* 1. Embeds, Code Blocks, and Invites */
#app-mount .markup-eYLPri pre,
#app-mount .wrapper-1HIH0j,
#app-mount .embedInner-1-fpTo,
#app-mount .messageGroupBlocked-3wrQQX .messageGroupBlockedBtn-1PBBh-,
.embedFull-1HGV2S,
.textContainer-36wgKK {
  background: var(--uno) var(--stars) top left;
  background-attachment: fixed;
  border-color: var(--tres)
}

.modalTextContainer-1FUO2W {
  background: var(--uno) var(--stars) top left fixed;
}

.footer-GXWBBp {
  background-color: var(--blurple-sheer);
  border-color: var(--tres);
}

#app-mount .messageGroupBlocked-3wrQQX.revealed-1_RKsf {
  background: linear-gradient(var(--dnd-sheer), transparent 80%),var(--uno) var(--stars) top left fixed;
  border-color: var(--tres)
}

#app-mount .markup-eYLPri code, 
#app-mount .markup-eYLPri code.inline,
#app-mount .messageGroupBlocked-3wrQQX.revealed-1_RKsf .messageGroupBlockedBtn-1PBBh-,
#app-mount .bodySection-3iDdop {
  background: transparent;
}

.aka-1mqp34,
#app-mount .akaBadge-3i7V3p,
#app-mount .spoilerText-27bIiA.hidden-3B-Rum,
.wrapper-2vIMkT {
  background: var(--blurple-sheer);
}

#app-mount .spoilerText-27bIiA {
  background: var(--sheer);
  padding: 0 5px;
}

#app-mount .partyMemberOverflow-Nei5T6,
#app-mount .guildIconEmptyBackground-14tfYf,
#app-mount .overflow-3zpvTV {
  background-color: var(--blurple-sheer);
}

#app-mount .guildIconEmptyIcon-rSyLPf,
#app-mount .partyMemberOverflow-Nei5T6,
#app-mount .overflow-3zpvTV {
  color: white;
}


.smallCarousel-20QIi8 {
  background: var(--sheer);
  border-radius: 5px;
}

#app-mount .jumpToPresentBar-9P20AM button:first-of-type {
  display: none;
}

#app-mount .chat-2ZfjoI .jumpToPresentBar-9P20AM {
  background-color: var(--blurple);
  bottom: 15px;
  border-radius: 20px;
  right: 50px !important;
  width: auto !important;
  box-shadow: 0 2px 20px rgba(0, 0, 0, .1);
  left: auto !important;
  animation: slide-up .7s cubic-bezier(.4, 0, 0, 1), opacity .7s ease;
  padding: 3px 0;
}

#app-mount .chat-2ZfjoI .jumpToPresentBar-9P20AM:before {
  content: "";
  width: 20px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0wIDEyVjBoMTJ2MTIiLz4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik01LjI0ODI5MTAyIDJ2NS4yMTg2ODg5NkwzIDUgMiA2bDQgNCA0LTQtMS0xLTIuMjg0MTE4NjUgMi4yMTg2ODg5NlYyIi8+CiAgPC9nPgo8L3N2Zz4=) 50% no-repeat;
  margin-right: -15px;
  padding-left: 10px;
  transition: all .2s ease-in-out;
}

#app-mount .chat-2ZfjoI .jumpToPresentBar-9P20AM button:last-child {
  text-align: center;
  font-family: Montserrat;
  font-size: 11px;
}

#app-mount  .chat-2ZfjoI .jumpToPresentBar-9P20AM .spinner-2RT7ZC {
  margin-left: 20px !important;
  margin-top: 10px;
  padding-right: 15px;
  margin-bottom: 10px;
  -ms-transform: scale(1.3);
  transform: scale(1.3)
}

#app-mount .chat-2ZfjoI .newMessagesBar-mujexs {
  background-color: var(--blurple);
}

#app-mount .chat-2ZfjoI .newMessagesBar-mujexs:hover {
  background-color: var(--blurple);
}

#app-mount .chat-2ZfjoI .hasMore-3e72_v {
  background: var(--quatro) var(--stars) top left;
  background-attachment: fixed;
  border: 1px solid var(--quatro);
  color: var(--blurple);
}

  /* 2. Login Page */
.rightSplit-24Bqk0 img,
.canvas-2dBZRV {
  display: none;
}

.rightSplit-24Bqk0 {
  background: linear-gradient(var(--blurple-sheer), transparent 80%), var(--quatro) var(--stars) top left fixed;
  -webkit-mask: url(https://ellexidecodes.github.io/Discord-Themes/assets/bubbleMask.png) top/100% no-repeat;
  animation: slide-in 1.5s cubic-bezier(.4, 0, 0, 1.3) forwards;
}

@keyframes slide-in {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(-5%);
  }
}

.wrapper-25sY58 {
  background: linear-gradient(transparent, var(--blurple-sheer) 80%)
}

.authBox-1HR6Ha {
  background: linear-gradient(var(--greyple-sheer), transparent 80%), var(--uno) var(--stars) top left fixed;
}

  /* 3. Download Discord */
#app-mount .backdrop-2ByYRN[style*="background-color: rgb(255, 255, 255)"] {
  background: linear-gradient(transparent, var(--blurple-sheer) 80%), var(--quatro) var(--stars) top left fixed !important;
}

  /* 4. Light Theme Alert */
[class*="platform-"].theme-light::after {
  content: 'Light does not scatter in space. Please turn dark theme back on.';
  line-height: 30px;
  text-align: center;
  white-space: pre;
  position: fixed;
  top: 10%;
  left: 50%;
  transform: translate(-40%);
  height: fit-content;
  width: fit-content;
  padding: 5px 10px;
  box-sizing: border-box;
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-shadow: 1px 2px 1px rgb(0, 0, 0);
  font-size: 15px;
  background: var(--dnd-sheer) var(--stars) top left fixed;
  z-index: 500;
  pointer-events: none;
  animation: lightTheme 1s cubic-bezier(.4, 0, 0, 1.3) forwards;
  border-radius: 5px;
  border: 2px solid var(--dnd);
  font-family: "Whitney";
}

@keyframes lightTheme {
  from {
    top: -50%;
  }
}

#app-mount .theme-light .itemSubMenu-1vN_Yn:nth-child(16) .theme-light.contextMenu-HLZMGh .item-1Yvehc:first-child,
#app-mount .theme-light .preview-rua1rr+.marginTop40-Q4o1tS .radioGroup-1GBvlr:nth-child(2) .cardPrimaryEditable-2mz_3i:nth-child(2) {
  color: white;
  background-color: var(--dnd-sheer);
  border-color: var(--dnd);
  box-shadow: 0 0 20px var(--dnd);
}

  /* B. Members List */
#app-mount .container-2o3qEW {
  background-color: transparent;
}

#app-mount .membersWrap-3NUR2t,
#app-mount .members-3WRCEx .content-2a4AW9 {
  height: 100% !important;
}

#app-mount .members-3WRCEx {
  background-color: transparent;
  margin-bottom: 55px;
}

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

#app-mount .membersWrap-3NUR2t::after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 55px;
  width: 100%;
  background: var(--veil) var(--stars) top left;
  background-attachment: fixed;
}

#app-mount .member-3W1lQa  {
  border-right: 2px solid transparent;
}

#app-mount .member-3W1lQa:hover {
  background: transparent;
  border-right-color: var(--blurple);
}

#app-mount .member-3W1lQa.popout-open, 
#app-mount .member-3W1lQa.popout-open:hover,
#app-mount .codeRedemptionRedirect-3SBiCp,
#app-mount .elevationHigh-28Pty4 {
  background: var(--veil) var(--stars) top left;
  background-attachment: fixed;
}

#app-mount .elevationHigh-28Pty4[style*="background-color: rgba(32, 34, 37, 0.9)"] {
  background: linear-gradient(to right, var(--blurple-sheer), transparent 80%), var(--veil) var(--stars) top left fixed !important;
}

#app-mount .status-2s6iDp,
#app-mount .status-2kJpnA,
#app-mount .status-1ibiUI {
  border-color: transparent;
  right: -4px;
}


  /* C. Top Bar & Typing Status */
#app-mount .search-1FM8Qc .searchBar-zdmu7v,
#app-mount .darkTheme-3uETC4.container-1SX9VC,
#app-mount .container-2oNtJn {
  background: transparent;
}

#app-mount .chat-2ZfjoI form .typing-2J1mQU {
  background-color: var(--sheer);
  bottom: 100%;
  padding-left: 10px;
  z-index: 0;
  overflow: hidden;
  animation: opacity 300ms ease;
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
  -ms-transform: scale(1);
  transform: scale(1);
  width: fit-content;
  display: -webkit-box;
  padding-right: 20px;
  padding-top: 0px;
  border-radius: 5px 5px 0 0;
  box-shadow: 0 -3px 20px rgba(0, 0, 0, .1);
  opacity: 1;
  transition: all 200ms ease;
  text-overflow: ellipsis;
  z-index: 5;
}

.base-3bcbY3 .cooldownWrapper-2k1jHK {
  margin-left: initial;
}

  /* D. Cards and Tiles */
.article-3kb3qm,
#app-mount .body-2S0G9D,
#app-mount .news-2GDtLJ,
#app-mount .wrapper-1FP9YQ,
#app-mount .embedContainer-cDgtEA,
#app-mount .carousel-2WxMes,
#app-mount .paginationItem-2lUq0s,
#app-mount .info-3NKfPL,
#app-mount .header-Qk7iwL,
#app-mount .tierHeaderLocked-1a2opw,
#app-mount .tierBody-x9kBBp,
#app-mount .guildHeader-3nh5RK,
.wrapper-3HVHpV,
.wrapper-15CKyy,
.cardFolder-3H4uH4,
.item-4m-12I,
.fieldList-in8WkP {
  background-color: transparent;
}

.background-3d_SjE,
.accountList-305sx3,
.connection-107AGH,
.bumpBox-1Pp4td,
.group-LWHoGI,
.container-3EtAkD,
#app-mount .feature-2IUcBI,
#app-mount .container-S9SaVf,
.replyBar-1oi75v {
  background-color: var(--blurple-sheer);
}

.group-LWHoGI {
  border-color: var(--blurple-sheer);
}

.closeIcon-2Qp1gl {
  color: var(--uno);
}

.connectionHeader-2rV1ze,
.addMemberRow-KVhQFf.selectedRow-1SAgVL,
.reaction-2A2y9y,
.container-7Unqij,
.accountProfileCard-lbN7n- {
  background-color: var(--sheer);
}

.addMemberRow-KVhQFf .checkboxWrapper-2fDzaA.checked-1pZh2h {
  background-color: transparent !important;
  border-color: transparent !important;
}

.wrapper-2fEmwW {
  color: white;
}

.attachment-16cAbS, 
.avatar-l9Txm5, 
.blob-1uHjdp,
.role-1adzi2:hover,
.container-3EtAkD:hover,
.total-1c5KCN,
.iconBadge-3qSJIw {
  background-color: var(--blurple);
}

.premiumTabItem-1QTfBr[aria-selected=true] {
  color: var(--blurple) !important;
  background-color: var(--blurple-sheer) !important;
}

.premiumTabItem-1QTfBr[aria-selected=true] .icon-Zc-uZZ {
  fill: var(--blurple) !important;
}

.premiumTabItem-1QTfBr .icon-Zc-uZZ {
  margin-left: 5px;
}

.premiumTabItem-1QTfBr .flex-2S1XBF {
  justify-content: center;
}

.mulitplePlaceholderUsername-2T3DCI, 
.placeholderAvatar-1qAcRZ, 
.placeholderUsername-3iQi_D,
.role-23oyrw,
.passthrough--fbdFR.selected-3jieYB,
.users-2JoyGL {
  background-color: var(--blurple-sheer);
}

.total-1c5KCN:after {
  border-right-color: var(--blurple);
}

.disableColor-MwOAZf, 
.iconBackgroundTierNone-3MPhMJ, 
.iconBackgroundTierOne-2LhaMB, 
.iconBackgroundTierThree-3qw3JX, 
.iconBackgroundTierTwo-3bCmdc {
  color: var(--veil);
}

#app-mount .paginationItem-2lUq0s:after,
#app-mount .guildSubscriptionSlots-JPXXvN,
.actionButton-3-B2x- {
  background: var(--sheer);
}

.emptyChannelIcon-1YdEz2,
.card-1yV8cG {
  background-color: var(--sheer);
}

.profileBannerPreview-3_l0Wd {
  background: linear-gradient(transparent, var(--uno) 90%), var(--quatro) var(--stars) top left fixed;
}

#app-mount .splashArt-3I5Qmp {
  -webkit-mask: linear-gradient(to right, transparent, rgb(0, 0, 0) 70%);
  transition: filter .2s ease-in-out;
  opacity: 1;
}

#app-mount .header-ISPHUQ,
#app-mount .bda-slist li,
#app-mount .notDetected-2HEmAp,
#app-mount .container-2Zlzt0,
#app-mount .tier1Banner-1B_WXY,
#app-mount .emptyState-2-sT0o,
#app-mount .loading-3ozbwt,
#app-mount .userHovered-2_fT4Z:active,
#app-mount .wrapperAudio-1Bzv_Z,
#app-mount .guildGraphicContainer-39I_Pl,
.wrapper-2RrXDg,
.peopleListItem-u6dGxF:hover,
#app-mount .bd-addon-list .bd-addon-card,
#app-mount .bd-addon-list .bd-addon-header,
.emptyContainer-poti7J,
.item-2idW98,
.settingCard-xZSDjS.active-3EK-ed{
  background: var(--veil) var(--stars) top left;
  background-attachment: fixed;
}

#app-mount .inset-SbsSFp,
.descriptionBox-1EKQKL,
.attachment-1PZZB2,
.emojiContainer-1u-_sQ,
#app-mount .wrapperAudio-1Bzv_Z,
#app-mount .card-3_CqkU,
#app-mount .iconMask-30Tvqs,
.welcomeChannel-1rFrIO,
.optionContainer-yOpaLq,
.item-2idW98[aria-checked=true]  {
  background: var(--blurple-sheer);
}

#app-mount .userHovered-2_fT4Z:active {
  border-radius: 3px;
}

#app-mount .card-2ART2V:before {
  background: linear-gradient(to right, var(--blurple-sheer), var(--veil));
}

#app-mount .entitledHeader-3TLJwI {
  border-radius: 5px;
}

#app-mount .card-rJBFl3,
#app-mount .card-3Zmutq,
#app-mount .audioControls-3fmemK, 
#app-mount .videoControls-2NzHnF,
#app-mount .tile-2mmK5T,
#app-mount .wrapper-3UweLa,
#app-mount .multipleIconWrapper-1PjkRO, 
#app-mount .section-2VKIPC,
#app-mount .card-2TuZPZ,
.upsellContainer-L9xv7w,
.upsellFooter-ZYsio_,
.analyticsCard-2fnrVG,
.developerPortalCtaWrapper-2XNafh,
.container-2w0lh0,
.header-2Y0-A-,
.previewContainer-1SS3uO,
.enableContainer-6E-puu,
.iconWrapper-3plkqh {
  background: var(--sheer) var(--stars) top left;
  background-attachment: fixed;
}

#app-mount .splash-1VADA3 {
  -webkit-mask: linear-gradient(black, transparent);
  mask: linear-gradient(black, transparent);
}

#app-mount .itemBackground-2vEldQ:before {
  background: radial-gradient(ellipse at top,transparent,var(--sheer)),linear-gradient(90deg,var(--sheer) 0,transparent 40%,transparent 60%,var(--sheer)),linear-gradient(0deg,var(--sheer) 10%,transparent 70%);
}

#app-mount .carouselRightGradientEdge-2Z3H8D {
  background-image: linear-gradient(270deg,var(--sheer),transparent);
}

#app-mount .carouselLeftGradientEdge-3P4spl {
  background-image: linear-gradient(90deg,var(--sheer),transparent);
}

#app-mount .iconCircle-3CMTjB,
#app-mount .emojiAliasInput-1y-NBz .emojiInput-1aLNse,
#app-mount .mediaBarWrapper-33h1oY, 
#app-mount .mediaBarWrapper-33h1oY:after, 
#app-mount .mediaBarWrapper-33h1oY:before,
#app-mount .tierNoneContainer-3hhK3h,
#app-mount .tierBody-16Chc9,
.detailsBlock-FoDTGA,
.premiumSubscriptionAccountCredit-1UInYJ,
.descriptionInput-3b30C8 {
  background: var(--sheer);
}

#app-mount .buffer-3eVqKK, 
#app-mount .buffer-3eVqKK:after, 
#app-mount .buffer-3eVqKK:before,
#app-mount .tierInProgress-1vFUnw,
#app-mount .barForeground-2kwBa_ {
  background: var(--blurple)
}

#app-mount .tile-QA_yMc,
#app-mount .tileMedia-1q3guD,
#app-mount .popout-2xBvMR,
#app-mount .outer-2IVh5n,
#app-mount .popout-3G62UL,
#app-mount  .recentlyPlayedContainer-2F3MqS,
#app-mount .guildPopout-G6M0fK {
  background: var(--uno)  var(--stars) top left !important;
  background-attachment: fixed;
}

#app-mount .tile-QA_yMc:hover,
#app-mount .tileMedia-1q3guD:hover,
#app-mount .multipleIconWrapper-2TXVB4, 
#app-mount .section-3TvauS {
  background: var(--sheer)  var(--stars) top left !important;
  background-attachment: fixed;
}

#app-mount .nowPlaying-zBamm2 {
  background: var(--online-sheer) var(--stars) top left fixed;
}

#app-mount .dockItem-2kQDqg:hover,
#app-mount .entitledHeader-3TLJwI,
#app-mount .cardPrimary-3qRT__,
#app-mount .cardPrimaryEditable-2mz_3i,
#app-mount .genreTag-3QLRUJ,
#app-mount  .content-1W9-9i,
#app-mount .emptyCard-3CNsz2,
#app-mount .guildGraphicBackground-UDBjuF,
#app-mount .info-3UT5_W,
#app-mount .ctaBar-2UsjF2,
#app-mount .perk-2WeBWW,
.actionButton-3-B2x-.highlight-3DSi7b {
  background: var(--blurple-sheer) var(--stars) top left fixed;
}

#app-mount .cardPrimary-3qRT__,
#app-mount .cardPrimaryEditable-2mz_3i,
#app-mount .emptyApplications-3GTmw-,
#app-mount .emptyUsers--hiToV {
  border-color: var(--sheer);
}

#app-mount .wrapper-2SplAX {
  background: var(--veil) var(--stars) top left fixed;
  margin-bottom: 0px;
  height: 23px;
  border-radius: 0;
}

#app-mount .nowPlaying-zBamm2 .gameNameInput-3TuPuA:focus, 
#app-mount .nowPlaying-zBamm2 .gameNameInput-3TuPuA:hover,
#app-mount .tierHeaderLocked-1s2JJz,
#app-mount .guildGraphicBackground-wbfC17, 
#app-mount .guildGraphicContainer-_IAetM,
#app-mount .subscriptionDuration-3WXA_o,
#app-mount .subscriptionDuration-UvxLGw,
#app-mount .tierPill-1yRO48,
#app-mount .emptyApplications-3GTmw-,
#app-mount .emptyUsers--hiToV,
.input-2g-os5.focused-1AtTHC, 
.input-2g-os5:focus {
  background-color: var(--sheer);
}

.input-2g-os5.focused-1AtTHC, 
.input-2g-os5:focus {
  border-color: var(--blurple);
}

#app-mount .mediaFade-1SdEfL {
  background: linear-gradient(180deg,transparent,var(--sheer));
}

#app-mount .gradientOverlayLeft-3w159C {
  background: linear-gradient(90deg,var(--sheer),transparent);
}

#app-mount .gradientOverlayRight-3vMuS8 {
  background: linear-gradient(90deg,transparent,var(--sheer));
}

.listingSmall-UFrFb_ .purchaseUnit-3zccCk,
#app-mount .root-3mkK8X,
#app-mount .item-2yFVoY,
#app-mount .card-NB61oR,
#app-mount .guildSubscription-2bT8-B,
#app-mount .tier-3H4BXk,
#app-mount .guild-Hq0WWA {
  background: linear-gradient(var(--blurple-sheer), transparent 80%),var(--uno) var(--stars) top left fixed;
}

.checkmarkIcon-2YUUhA {
  color: var(--online);
}

#app-mount .row-2qQ--F {
  background: linear-gradient(to right, transparent, var(--online-sheer)),var(--uno) var(--stars) top left fixed;
}

#app-mount .purchaseUnitOperatingSystem-1OW7Kw,
#app-mount .background-3xJH_4 {
  color: var(--blurple-sheer);
}

  /* E. Buttons, Switches, and Bars */
.headerButtonColor-3NRbCG {
  background-color: var(--dos);
}

.userSettingsVoice-1_dzjw .media-engine-video {
  background: transparent;
}

.toolbar-37BrJ5 {
  background: rgba(0,0,0,0.9) var(--stars) top left !important;
  background-attachment: fixed;
}

.toolbar-37BrJ5:before {
  border-top-color: rgba(0,0,0,0.9);
}

.active-136ioF, .hover-3OQb9Y:hover {
  background-color: var(--blurple-sheer);
}

.container-2nx-BQ[style*="background-color: rgb(114, 118, 125);"] {
  background-color: var(--blurple-sheer) !important;
}

.active-136ioF .icon-3g7qdA, .hover-3OQb9Y:hover .icon-3g7qdA {
  color: var(--blurple);
}


#app-mount .bar-1Bhnl9,
.themeDefault-24hCdX,
#app-mount .userSettingsVoice-1_dzjw .previewOverlay-2reuWf,
#bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch,
#app-mount .interactive-1FxC7B:hover,
#app-mount .price-1BMuA2,
#app-mount .playerOverflow-GbSZQs,
#app-mount .barBackground-unEPDT,
.primary-38Hs-h:hover:not(.disabled-184-il), 
.secondary-2bzKEX,
.roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) .circleButton-33AIyY {
  background-color: var(--sheer);
}

.bd-switch input:checked+.bd-switch-body {
  --switch-color: var(--blurple);
}

.bd-switch-body {
  --switch-color: var(--sheer);
}

#app-mount .tierMarkerBackground-G8FoN4 {
  background: linear-gradient(var(--sheer), var(--sheer)), var(--stars) top left, linear-gradient(var(--quatro), var(--quatro));
  background-attachment: fixed;
}

#app-mount .userSettingsVoice-1_dzjw .previewOverlay-2reuWf {
  border-color: rgb(0, 0, 0);
}

#app-mount .accountBtnInner-3XK70s,
#app-mount .button-mM-y8i,
#app-mount .restoreButton-22-SIW,
#app-mount .topPill-3DJJNV .itemSelected-1qLhcL,
#app-mount .side-2ur1Qk .themed-2-lozF.selected-g-kMVV.item-3XjbnG, 
#app-mount .topPill-3DJJNV .themed-2-lozF.selected-g-kMVV.item-3XjbnG,
#app-mount #bd-settings-sidebar .ui-tab-bar-item.selected,
#app-mount .listDefault-2y5Z9D .clickable-23RaYz:hover .content-3xS9Lh,
#app-mount .pageButton-MknE-_:hover {
  background-color: var(--veil);
}

#app-mount .topPill-3DJJNV .itemSelected-1qLhcL,
#app-mount .side-2ur1Qk .themed-2-lozF.selected-g-kMVV.item-3XjbnG, 
#app-mount .topPill-3DJJNV .themed-2-lozF.selected-g-kMVV.item-3XjbnG,
#app-mount #bd-settings-sidebar .ui-tab-bar-item.selected {
  color: var(--blurple)
}

#app-mount .side-2ur1Qk .themed-2-lozF.selected-g-kMVV.item-3XjbnG:hover, 
#app-mount .topPill-3DJJNV .themed-2-lozF.selected-g-kMVV.item-3XjbnG:hover,
#app-mount #bd-settings-sidebar .ui-tab-bar-item.selected:hover {
  background-color: var(--greyple-sheer);
  color: var(--greyple);
}

#app-mount .accountBtnInner-3XK70s:hover,
#app-mount .topPill-3DJJNV .item-3XjbnG:hover:not(.itemSelected-1qLhcL) {
  background-color: var(--sheer);
}

#app-mount .background-3laMJt {
  stroke: var(--sheer);
}

#app-mount .circleIconButton-1QV--U {
  background: transparent;
  color: var(--blurple-sheer)
}

#app-mount .circleIconButton-1QV--U:hover {
  color: var(--blurple)
}

#app-mount .moreUsers-Gej0iV,
#app-mount .lookFilled-yCfaCM.colorGrey-2iAG-B:hover,
#app-mount .lookFilled-yCfaCM.colorBrand-I6CyqQ,
#app-mount .side-2ur1Qk .themed-2-lozF.item-3XjbnG:hover, 
#app-mount .topPill-3DJJNV .themed-2-lozF.item-3XjbnG:hover,
#app-mount #bd-settings-sidebar .ui-tab-bar-item:hover,
#app-mount .boostCount-UFqabz,
#app-mount .tag-15zcD_,
#app-mount .listDefault-2y5Z9D .clickable-23RaYz.selected-3TGCSZ .content-3xS9Lh,
.bd-pfbtn:hover,
.bd-button:hover {
  background-color: var(--blurple-sheer);
}

#app-mount .lookFilled-yCfaCM.colorBrand-I6CyqQ:hover,
.bd-addon-list .bd-card-footer button,
.bd-button,
.bd-pfbtn,
.colorable-3rVGna.primaryDark-2UJt1G {
  background-color: var(--blurple)
}

#app-mount .lookFilled-yCfaCM.hoverGreen-1KfT6K.hasHover-26V98q:hover {
  background-color: var(--online-sheer);
}

#bd-pub-li {
  display: none;
}

  /* F. Change SVGs */
svg[name="Nova_Bell"] path,
svg[name="Nova_BellOff"] path,
svg[name="Nova_Pin"] path,
svg[name="Nova_People"] path,
svg[name="Nova_At"] path,
svg[name="Nova-CallJoin"] path,
svg[name="PersonWaving"] path,
svg[name="NitroWheel"] path,
svg[name="Library"] path,
svg[name="Activity"] path{
  display: none;
}

svg[name="Nova_Bell"] {
  background-color: currentColor;
  -webkit-mask: url(https://monstrousdev.github.io/themes/assets/svgs/bell.svg) center/100% no-repeat;
  mask: url(https://monstrousdev.github.io/themes/assets/svgs/bell.svg) center/100% no-repeat;
}

svg[name="Nova_BellOff"] {
  background-color: currentColor;
  -webkit-mask: url(https://monstrousdev.github.io/themes/assets/svgs/bell-off.svg) center/100% no-repeat;
  mask: url(https://monstrousdev.github.io/themes/assets/svgs/bell.svg) center/100% no-repeat;
}

svg[name="Nova_Pin"] {
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSJub25lIiBkPSJNMCwwaDI0djI0SDBWMHoiLz4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTcuOSwxMy43IDE1LjgsMTIuNiAxNS4xLDUuMyAxNi40LDUgMTYuNCwzIDcuNiwzIDcuNiw1IDguOSw1LjMgOC4yLDEyLjYgNi4xLDEzLjcgNi4xLDE1LjcgDQoJMTEsMTUuNyAxMSwyMSAxMywyMSAxMywxNS43IDE3LjksMTUuNyAiLz4NCjwvc3ZnPg0K") center/100% no-repeat;
  mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSJub25lIiBkPSJNMCwwaDI0djI0SDBWMHoiLz4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTcuOSwxMy43IDE1LjgsMTIuNiAxNS4xLDUuMyAxNi40LDUgMTYuNCwzIDcuNiwzIDcuNiw1IDguOSw1LjMgOC4yLDEyLjYgNi4xLDEzLjcgNi4xLDE1LjcgDQoJMTEsMTUuNyAxMSwyMSAxMywyMSAxMywxNS43IDE3LjksMTUuNyAiLz4NCjwvc3ZnPg0K") center/100% no-repeat;
  transform: scaleX(-1)
}

svg[name="Nova_People"] {
  background-color: currentColor;
  -webkit-mask: url(https://monstrousdev.github.io/themes/assets/home-tabs/friends.svg) center/100% no-repeat;
  mask: url(https://monstrousdev.github.io/themes/assets/home-tabs/friends.svg) center/100% no-repeat;
}

svg[name="Nova_At"] {
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' name='Mention' class='iconInactive-g2AXfB icon-1R19_H da-iconInactive da-icon' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' class='iconForeground-3y9f0B da-iconForeground' fill-rule='evenodd' d='M12.2608,9.57136 C11.91424,9.57136 11.6072,9.67136 11.3464,9.87136 C11.0856,10.07136 10.86432,10.32496 10.68208,10.63568 C10.5,10.94288 10.36432,11.2856 10.26784,11.65712 C10.17488,12.02864 10.12496,12.38944 10.12496,12.73216 C10.12496,12.90352 10.14288,13.08576 10.17856,13.28224 C10.21424,13.47504 10.2856,13.6536 10.39632,13.82144 C10.50352,13.9856 10.64624,14.12144 10.82128,14.22864 C10.99632,14.33584 11.22848,14.38944 11.51776,14.38944 C11.91056,14.38944 12.24272,14.2928 12.51776,14.1 C12.7928,13.9072 13.01776,13.66416 13.1928,13.36784 C13.36784,13.07504 13.4928,12.7536 13.57504,12.41088 C13.6536,12.068 13.6928,11.75008 13.6928,11.46432 C13.6928,11.23568 13.67136,11.01072 13.62864,10.78576 C13.58576,10.56432 13.51088,10.36432 13.4,10.18224 C13.2928,10.00368 13.14288,9.85728 12.9536,9.74288 C12.76784,9.62864 12.53584,9.57136 12.2608,9.57136 L12.2608,9.57136 Z M18.57808,16.8728 C18.84672,17.16224 18.84672,17.63168 18.55136,17.89328 C17.81248,18.54608 16.96928,19.0408 16.02144,19.37504 C14.8464,19.7928 13.6072,20 12.30352,20 C11.05696,20 9.92128,19.80352 8.9,19.4072 C7.87856,19.0144 7.00352,18.46416 6.28208,17.7608 C5.55712,17.05728 4.99632,16.21424 4.59632,15.23216 C4.19648,14.24992 4,13.17856 4,12.01792 C4,10.87136 4.21792,9.81072 4.6536,8.83568 C5.08928,7.86064 5.68208,7.01424 6.43568,6.29632 C7.18928,5.57856 8.06784,5.01776 9.07856,4.60704 C10.08208,4.20352 11.16064,4 12.30352,4 C13.28912,4 14.2464,4.14288 15.17136,4.42864 C16.1,4.7144 16.92144,5.1464 17.63936,5.71792 C18.35712,6.29296 18.92864,7.0072 19.35712,7.86784 C19.78576,8.72864 20,9.73936 20,10.9 C20,11.76064 19.88224,12.52144 19.64288,13.17856 C19.40368,13.8392 19.08592,14.38928 18.68592,14.83568 C18.28592,15.28208 17.83232,15.61408 17.31792,15.83568 C16.80368,16.05712 16.26448,16.16768 15.70016,16.16768 C15.1216,16.16768 14.65728,16.032 14.30736,15.76064 C13.96096,15.48912 13.78592,15.14272 13.78592,14.72848 L13.67872,14.72848 C13.46096,15.07136 13.12864,15.39984 12.67872,15.70704 C12.2288,16.01424 11.67872,16.1712 11.02512,16.1712 C10.03936,16.1712 9.27872,15.84976 8.74288,15.20336 C8.2072,14.55696 7.93936,13.72112 7.93936,12.6856 C7.93936,12.08192 8.03936,11.48912 8.24288,10.89984 C8.4464,10.31056 8.73584,9.78912 9.11072,9.32848 C9.48576,8.87136 9.93568,8.49984 10.45712,8.22128 C10.97856,7.94272 11.55712,7.80352 12.19648,7.80352 C12.74656,7.80352 13.21088,7.91776 13.58928,8.1464 C13.96432,8.37504 14.21088,8.65712 14.32864,8.98576 L14.35008,8.98576 L14.38288,8.82512 C14.46144,8.4384 14.8448,8.12512 15.23936,8.12512 L15.74656,8.12512 C16.14128,8.12512 16.3952,8.43792 16.31408,8.824 L15.60736,12.19296 C15.57872,12.39296 15.53936,12.6144 15.48944,12.8608 C15.43952,13.10384 15.4144,13.33232 15.4144,13.55024 C15.4144,13.79312 15.46096,13.99664 15.55744,14.16448 C15.65024,14.3288 15.836,14.41104 16.11088,14.41104 C16.6752,14.41104 17.14304,14.11088 17.51456,13.50752 C17.8824,12.904 18.068,12.0968 18.068,11.07888 C18.068,10.21824 17.9216,9.45392 17.63232,8.7896 C17.34288,8.12176 16.93936,7.56464 16.42512,7.11104 C15.91088,6.66112 15.29648,6.31824 14.58928,6.0896 C13.87872,5.86096 13.10368,5.74672 12.26448,5.74672 C11.35008,5.74672 10.5144,5.90736 9.75376,6.22896 C8.99296,6.5504 8.34304,6.9968 7.8072,7.56112 C7.27152,8.12896 6.85376,8.79328 6.55728,9.56112 C6.25728,10.32544 6.10736,11.15408 6.10736,12.04336 C6.10736,12.98976 6.26448,13.84336 6.5752,14.604 C6.88592,15.36464 7.32528,16.0112 7.88944,16.5504 C8.4536,17.0896 9.1288,17.50048 9.91088,17.78624 C10.69312,18.07184 11.55728,18.21472 12.49664,18.21472 C13.67168,18.21472 14.6824,18.02912 15.5288,17.65408 C16.16528,17.37488 16.76304,17.01264 17.32304,16.56944 C17.632,16.3248 18.08192,16.3384 18.35056,16.62768 L18.57808,16.8728 L18.57808,16.8728 Z'%3E%3C/path%3E%3C/svg%3E") center/100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' name='Mention' class='iconInactive-g2AXfB icon-1R19_H da-iconInactive da-icon' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' class='iconForeground-3y9f0B da-iconForeground' fill-rule='evenodd' d='M12.2608,9.57136 C11.91424,9.57136 11.6072,9.67136 11.3464,9.87136 C11.0856,10.07136 10.86432,10.32496 10.68208,10.63568 C10.5,10.94288 10.36432,11.2856 10.26784,11.65712 C10.17488,12.02864 10.12496,12.38944 10.12496,12.73216 C10.12496,12.90352 10.14288,13.08576 10.17856,13.28224 C10.21424,13.47504 10.2856,13.6536 10.39632,13.82144 C10.50352,13.9856 10.64624,14.12144 10.82128,14.22864 C10.99632,14.33584 11.22848,14.38944 11.51776,14.38944 C11.91056,14.38944 12.24272,14.2928 12.51776,14.1 C12.7928,13.9072 13.01776,13.66416 13.1928,13.36784 C13.36784,13.07504 13.4928,12.7536 13.57504,12.41088 C13.6536,12.068 13.6928,11.75008 13.6928,11.46432 C13.6928,11.23568 13.67136,11.01072 13.62864,10.78576 C13.58576,10.56432 13.51088,10.36432 13.4,10.18224 C13.2928,10.00368 13.14288,9.85728 12.9536,9.74288 C12.76784,9.62864 12.53584,9.57136 12.2608,9.57136 L12.2608,9.57136 Z M18.57808,16.8728 C18.84672,17.16224 18.84672,17.63168 18.55136,17.89328 C17.81248,18.54608 16.96928,19.0408 16.02144,19.37504 C14.8464,19.7928 13.6072,20 12.30352,20 C11.05696,20 9.92128,19.80352 8.9,19.4072 C7.87856,19.0144 7.00352,18.46416 6.28208,17.7608 C5.55712,17.05728 4.99632,16.21424 4.59632,15.23216 C4.19648,14.24992 4,13.17856 4,12.01792 C4,10.87136 4.21792,9.81072 4.6536,8.83568 C5.08928,7.86064 5.68208,7.01424 6.43568,6.29632 C7.18928,5.57856 8.06784,5.01776 9.07856,4.60704 C10.08208,4.20352 11.16064,4 12.30352,4 C13.28912,4 14.2464,4.14288 15.17136,4.42864 C16.1,4.7144 16.92144,5.1464 17.63936,5.71792 C18.35712,6.29296 18.92864,7.0072 19.35712,7.86784 C19.78576,8.72864 20,9.73936 20,10.9 C20,11.76064 19.88224,12.52144 19.64288,13.17856 C19.40368,13.8392 19.08592,14.38928 18.68592,14.83568 C18.28592,15.28208 17.83232,15.61408 17.31792,15.83568 C16.80368,16.05712 16.26448,16.16768 15.70016,16.16768 C15.1216,16.16768 14.65728,16.032 14.30736,15.76064 C13.96096,15.48912 13.78592,15.14272 13.78592,14.72848 L13.67872,14.72848 C13.46096,15.07136 13.12864,15.39984 12.67872,15.70704 C12.2288,16.01424 11.67872,16.1712 11.02512,16.1712 C10.03936,16.1712 9.27872,15.84976 8.74288,15.20336 C8.2072,14.55696 7.93936,13.72112 7.93936,12.6856 C7.93936,12.08192 8.03936,11.48912 8.24288,10.89984 C8.4464,10.31056 8.73584,9.78912 9.11072,9.32848 C9.48576,8.87136 9.93568,8.49984 10.45712,8.22128 C10.97856,7.94272 11.55712,7.80352 12.19648,7.80352 C12.74656,7.80352 13.21088,7.91776 13.58928,8.1464 C13.96432,8.37504 14.21088,8.65712 14.32864,8.98576 L14.35008,8.98576 L14.38288,8.82512 C14.46144,8.4384 14.8448,8.12512 15.23936,8.12512 L15.74656,8.12512 C16.14128,8.12512 16.3952,8.43792 16.31408,8.824 L15.60736,12.19296 C15.57872,12.39296 15.53936,12.6144 15.48944,12.8608 C15.43952,13.10384 15.4144,13.33232 15.4144,13.55024 C15.4144,13.79312 15.46096,13.99664 15.55744,14.16448 C15.65024,14.3288 15.836,14.41104 16.11088,14.41104 C16.6752,14.41104 17.14304,14.11088 17.51456,13.50752 C17.8824,12.904 18.068,12.0968 18.068,11.07888 C18.068,10.21824 17.9216,9.45392 17.63232,8.7896 C17.34288,8.12176 16.93936,7.56464 16.42512,7.11104 C15.91088,6.66112 15.29648,6.31824 14.58928,6.0896 C13.87872,5.86096 13.10368,5.74672 12.26448,5.74672 C11.35008,5.74672 10.5144,5.90736 9.75376,6.22896 C8.99296,6.5504 8.34304,6.9968 7.8072,7.56112 C7.27152,8.12896 6.85376,8.79328 6.55728,9.56112 C6.25728,10.32544 6.10736,11.15408 6.10736,12.04336 C6.10736,12.98976 6.26448,13.84336 6.5752,14.604 C6.88592,15.36464 7.32528,16.0112 7.88944,16.5504 C8.4536,17.0896 9.1288,17.50048 9.91088,17.78624 C10.69312,18.07184 11.55728,18.21472 12.49664,18.21472 C13.67168,18.21472 14.6824,18.02912 15.5288,17.65408 C16.16528,17.37488 16.76304,17.01264 17.32304,16.56944 C17.632,16.3248 18.08192,16.3384 18.35056,16.62768 L18.57808,16.8728 L18.57808,16.8728 Z'%3E%3C/path%3E%3C/svg%3E") center/100% no-repeat;
}


svg[name="Nova_CallJoin"] {
  background-color: currentColor;
  -webkit-mask: url(https://monstrousdev.github.io/themes/assets/svgs/phone-call.svg) center/100% no-repeat;
  mask: url(https://monstrousdev.github.io/themes/assets/svgs/phone-call.svg) center/100% no-repeat;
}

svg[name="Nova_CallVideo"] {
  background-color: currentColor;
  -webkit-mask: url(https://monstrousdev.github.io/themes/assets/svgs/video-call.svg) center/100% no-repeat;
  mask: url(https://monstrousdev.github.io/themes/assets/svgs/video-call.svg) center/100% no-repeat;
}

svg[name="PersonWaving"] {
  color: inherit !important;
  background-color: currentColor;
  -webkit-mask: url(https://monstrousdev.github.io/themes/assets/home-tabs/friends.svg) center/100% no-repeat;;
}

svg[name="NitroWheel"] {
  color: inherit !important;
  background-color: currentColor;
  -webkit-mask: url(https://monstrousdev.github.io/themes/assets/home-tabs/nitro.svg) center/100% no-repeat;;
}

svg[name="Library"] {
  color: inherit !important;
  background-color: currentColor;
  -webkit-mask: url(https://monstrousdev.github.io/themes/assets/home-tabs/library.svg) center/100% no-repeat;;
}

svg[name="Activity"] {
  color: inherit !important;
  background-color: currentColor;
  -webkit-mask: url(https://monstrousdev.github.io/themes/assets/home-tabs/activity.svg) center/100% no-repeat;;
}

/* VI. Top Layers */
#app-mount  .standardSidebarView-E9Pc3j,
#app-mount .sidebarRegion-1VBisG {
  background: transparent;
}

#app-mount .contentRegion-3HkfJJ {
  background: var(--quatro)  var(--stars) top left;
  background-attachment: fixed;
  margin-bottom: 10px;
  margin-right: 10px;
  border-radius: 10px;
}

.sidebarRegionScroller-FXiQOh,
#app-mount .sidebarRegion-1VBisG .scrollerWrap-2lJEkd {
  justify-content: center;
  text-align: center;
}




/* VII. Scrollbars */

.scroller-2FKFPG::-webkit-scrollbar,
.rolesList-22qj2L::-webkit-scrollbar,
#bd-settingspane-container .scroller-wrap .scroller::-webkit-scrollbar,
.contentRegionScroller-2_GT_N::-webkit-scrollbar,
.scrollerBase-_bVAAt::-webkit-scrollbar {
  width: 5px !important;
}

.scroller-2FKFPG::-webkit-scrollbar-track,
.scroller-2FKFPG::-webkit-scrollbar-track-piece,
.rolesList-22qj2L::-webkit-scrollbar-track-piece,
#bd-settingspane-container .scroller-wrap .scroller::-webkit-scrollbar-track-piece,
.scroller-kQBbkU::-webkit-scrollbar-track,
.scroller-kQBbkU::-webkit-scrollbar-track-piece,
.contentRegionScroller-2_GT_N::-webkit-scrollbar-track,
.scrollerBase-_bVAAt::-webkit-scrollbar-track {
  background: transparent !important;
  border: none !important;
  border-radius: 10px;
}

.scroller-2FKFPG::-webkit-scrollbar-thumb,
.rolesList-22qj2L::-webkit-scrollbar-thumb,
#bd-settingspane-container .scroller-wrap .scroller::-webkit-scrollbar-thumb,
.contentRegionScroller-2_GT_N::-webkit-scrollbar-thumb,
.scrollerBase-_bVAAt::-webkit-scrollbar-thumb {
  border: none;
  background-color: var(--blurple) !important;
  border-radius: 10px;
}










/* =================== MODALS AND POPOUTS ================== */

/* VIII. Menus */
  /* A. Server Menu */
#app-mount .menu-1QACrS {
  background: var(--quatro)  var(--stars) top left;
  background-attachment: fixed;
  border-radius: 0;
  display: flex;
  flex-flow: row wrap;
  position: relative;
}

#app-mount .item-1GzJrl:hover {
  background: var(--uno)  var(--stars) top left;
  background-attachment: fixed;
  color: var(--blurple);
}

.item-1GzJrl {
  margin: 0;
  padding: 0px;
  width: 40px;
  justify-content: center;
}

.icon-2doZ3q,
.iconContainer-2ZxvJk,
.premiumGuildIcon-BhwtRn {
  margin: 0;
}

.label-1Y-LW5 {
  display: none;
}

.popoutBottom-1YbShG[style*="overflow: hidden; visibility: visible;"][role*="dialog"] {
  width: fit-content !important;
  top: 58px !important;
  left: 190px !important;
  transform: translateX(-50%) !important;
  border: 1px solid var(--blurple);
  border-radius: 0;
  animation: popoutanim-min 300ms cubic-bezier(.4, 0, 0, 1);
}

  /* B. User Status */
  .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] {
  height: fit-content !important;
  width: fit-content !important;
  animation: popoutanim-status 300ms cubic-bezier(.4, 0, 0, 1);
}

.layer-2aCOJ3[style*="; bottom: "][id*="popout_"],
.layer-2aCOJ3[style*="; bottom: "][id*="popout_"] .menu-1QACrS {
  height: fit-content !important;
}

.layer-2aCOJ3[style*="; bottom: "][id*="popout_"] .menu-1QACrS {
  box-shadow: 0 -2px 15px rgba(0,0,0,0.6);
}

.layer-2aCOJ3[style*="; bottom: "][id*="popout_"] .menu-1QACrS{
  bottom: 0px !important;
  left: -5.5px !important;
}

#status-picker {
  width: fit-content;
}

#status-picker .scroller-1bVxF5 {
  padding: 0;
  overflow: visible !important;
}

#status-picker .item-1OdjEX:nth-child(7) > div {
  position: relative;
  width: 100%;
}

#status-picker .item-1OdjEX:nth-child(7) .status-3TYC5W,
#status-picker .item-1OdjEX:nth-child(7) .customText-36Uwzc {
  margin-left: 10px;
}

#status-picker .item-1OdjEX:nth-child(7) .customStatusWithEmoji-Y8lMLP,
#status-picker .item-1OdjEX:nth-child(7) .statusItem-2hiCNB {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  padding: 0 15px;
}

.clearStatusButton-GXA1lF {
  width: fit-content;
  margin-left: auto;
}

.menu-1QACrS .separator-1So4YB,
#status-picker .item-1OdjEX:not(:nth-child(7)) * {
  display: none;
}

#status-picker .item-1OdjEX {
  display: inline-block;
  height: 41px;
  width: 41px;
  margin: .5vw;
  transition: all .2s ease-in-out;
}

#status-picker .item-1OdjEX:nth-child(1) {
  background: var(--online) !important;
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bS0yIDE1bC01LTUgMS40MS0xLjQxTDEwIDE0LjE3bDcuNTktNy41OUwxOSA4bC05IDl6Ii8+PC9zdmc+) center/90% no-repeat;
}

#status-picker .item-1OdjEX:nth-child(3) {
  background: var(--idle) !important;
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE1IDFIOXYyaDZWMXptLTQgMTNoMlY4aC0ydjZ6bTguMDMtNi42MWwxLjQyLTEuNDJjLS40My0uNTEtLjktLjk5LTEuNDEtMS40MWwtMS40MiAxLjQyQzE2LjA3IDQuNzQgMTQuMTIgNCAxMiA0Yy00Ljk3IDAtOSA0LjAzLTkgOXM0LjAyIDkgOSA5IDktNC4wMyA5LTljMC0yLjEyLS43NC00LjA3LTEuOTctNS42MXpNMTIgMjBjLTMuODcgMC03LTMuMTMtNy03czMuMTMtNyA3LTcgNyAzLjEzIDcgNy0zLjEzIDctNyA3eiIvPjwvc3ZnPg==) center/90% no-repeat;
}

#status-picker .item-1OdjEX:nth-child(4) {
  background: var(--dnd) !important;
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkuMzEgMTdsMi40NC0yLjQ0TDE0LjE5IDE3bDEuMDYtMS4wNi0yLjQ0LTIuNDQgMi40NC0yLjQ0TDE0LjE5IDEwbC0yLjQ0IDIuNDRMOS4zMSAxMGwtMS4wNiAxLjA2IDIuNDQgMi40NC0yLjQ0IDIuNDRMOS4zMSAxN3pNMTkgM2gtMVYxaC0ydjJIOFYxSDZ2Mkg1Yy0xLjExIDAtMS45OS45LTEuOTkgMkwzIDE5YzAgMS4xLjg5IDIgMiAyaDE0YzEuMSAwIDItLjkgMi0yVjVjMC0xLjEtLjktMi0yLTJ6bTAgMTZINVY4aDE0djExeiIvPjwvc3ZnPg==) center/90% no-repeat;
}

#status-picker .item-1OdjEX:nth-child(5) {
  background: var(--invisi) !important;
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTEyIDQuNUM3IDQuNSAyLjczIDcuNjEgMSAxMmMxLjczIDQuMzkgNiA3LjUgMTEgNy41czkuMjctMy4xMSAxMS03LjVjLTEuNzMtNC4zOS02LTcuNS0xMS03LjV6TTEyIDE3Yy0yLjc2IDAtNS0yLjI0LTUtNXMyLjI0LTUgNS01IDUgMi4yNCA1IDUtMi4yNCA1LTUgNXptMC04Yy0xLjY2IDAtMyAxLjM0LTMgM3MxLjM0IDMgMyAzIDMtMS4zNCAzLTMtMS4zNC0zLTMtM3oiLz48L3N2Zz4=) center/90% no-repeat;
}

#status-picker .item-1OdjEX:nth-child(7) {
  display: block;
  width: 100%;
  top: 0;
  left: 0;
  padding: 5px;
  height: fit-content;
  position: absolute;
  transform: translateY(-95%);
  box-sizing: border-box;
  margin: 0;
  background: var(--quatro)  var(--stars) top left;
  background-attachment: fixed;
  z-index: -1;
}

#status-picker .item-1GzJrl:nth-child(7) .customStatusContentIcon-2sionu {
  height: 100%;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

#status-picker .item-1OdjEX:last-child:nth-child(7) {
  background: var(--quatro)  var(--stars) top left;
  background-attachment: fixed;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

#status-picker .item-1OdjEX:not(:nth-child(7)):hover {
  transform: scale(1.3);
}

  /* C. Context Menu */
#app-mount .contextMenu-HLZMGh,
#app-mount .container-3cGP6G {
  background: var(--quatro)  var(--stars) top left;
  background-attachment: fixed;
  border: 1px solid rgb(0, 0, 0);
}

#app-mount .itemGroup-1tL0uz {
  border-color: rgb(0, 0, 0);
}

#app-mount .itemSubMenu-1vN_Yn:hover,
#app-mount .item-1Yvehc:hover,
#app-mount .item-2J1YMK:hover {
  background-color: var(--sheer);
}

  /* D. Dropdown Menus */
#app-mount .select-1YfRS9 .Select-menu-outer,
#app-mount .popout-2sKjHu,
#app-mount .popoutList-10IFAa,
#app-mount .css-n57xjs-menu,
.lookFilled-1GseHa.select-1Ia3hD,
.popout-1KHNAq,
.css-3vaxre-menu {
  background: var(--quatro)  var(--stars) top left;
  background-attachment: fixed;
  border: 1px solid rgb(0, 0, 0);
}

#app-mount .css-1wqqa50-container {
  background-color: var(--veil);
}

#app-mount .css-12o7ek3-option,
.css-rzbxvl-option {
  background-color: var(--blurple-sheer);
}

#app-mount .selectableItem-3-fmiM[style*="background: rgb(114, 137, 218)"] {
  background-color: var(--blurple-sheer) !important;
}

#app-mount .select-1YfRS9 .Select-option.is-focused, 
#app-mount .select-1YfRS9 .Select-option:hover,
#app-mount .optionActive-KkAdqq,
#app-mount .selectableItem-3-fmiM:hover,
#app-mount .css-1gnr91b-option,
.option-2eIyOn[aria-selected=true],
.option-2eIyOn:hover,
.option-2eIyOn.focused-ODgjnC, 
.option-2eIyOn:focus, 
.option-2eIyOn:hover {
  background: var(--sheer);
}
 
/* IX. Popouts */

  /* A. User Popout */
#app-mount .headerNormal-1mX3KY,
#app-mount .body-2wLx-E, 
#app-mount .footer-1fjuF6,
#app-mount .headerTop-2cWpdB,
#app-mount .headerPlaying-j0WQBV,
#app-mount .headerXbox-3G-4PF,
#app-mount .headerSpotify-zpWxgT,
#app-mount .headerStreaming-2FjmGz,
#app-mount .bodyInnerWrapper-1NH0NQ {
  background: transparent;
}

.rolesList-22qj2L {
  max-height: 70px;
  overflow: auto;
}

.role-2TIOKu {
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  box-sizing: content-box;
  height: 16px;
  margin: 3px;
  padding: 2px;
  position: relative;
  line-height: 16px;
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
  overflow: visible;
}

.role-2TIOKu::before {
  content: '';
  position: absolute;
  top: 0;
  left: -1px;
  height: 100%;
  width: calc(100% + 1px);
  border-top: 21px solid;
  border-color: inherit;
  opacity: 0.5;
}

.roleName-2ZJJYR {
  margin: 0 4px;
}

.roleCircle-1EgnFN {
  position: absolute;
  height: 20px;
  width: 20px;
  border-radius: 0px;
  margin: 0;
  left: 0;
}

.roleCircle-1EgnFN {
  padding: 0;
  position: absolute;
  z-index: 2;
  height: 22px;
  top: -1px;
  left: 0px;
  border-radius: 2px 0 0 2px;
  width: 22px;
  display: flex !important;
  transition: width 0.2s;
  background-color: transparent !important;
  overflow: hidden;
}

.addButton-1_dZYu {
  line-height: 10px;
  width: 22px;
  box-sizing: border-box;
  height: 22px;
}

.roleRemoveIcon-387wKV {
  display: block;
  opacity: 0;
  transition: opacity 200ms ease-in-out;
  background-color: inherit;
  height: 20px;
  width: 22px;
  left: -22px;
}

.roleRemoveIcon-387wKV path:first-child {
  fill: rgba(0,0,0,.8) !important;
}

.roleRemoveIcon-387wKV path:last-child {
  transform: scale(0.6);
  transform-origin: center center;
  fill: white;
}

.role-2TIOKu:hover .roleRemoveIcon-387wKV {
  opacity: 1;
  transition: opacity 0.2s;
}

.addButtonIcon-3HZ_2f {
  height: 7px;
  width: 7px;
}

#app-mount .userPopout-2j1gM4 {
  background: linear-gradient(transparent, var(--uno) 90%), var(--quatro) var(--stars) top left fixed;
}

#app-mount .headerPlaying-j0WQBV {
  background: linear-gradient(var(--blurple-sheer), transparent 80%), var(--stars) top left fixed;
}

#app-mount .headerXbox-3G-4PF,
#app-mount .headerSpotify-zpWxgT {
  background: linear-gradient(var(--online-sheer), transparent 80%), var(--stars) top left fixed;
}

#app-mount .headerStreaming-2FjmGz {
  background: linear-gradient(var(--streaming-sheer), transparent 80%), var(--stars) top left fixed;
}

  /* B. Message Popout */
.layer-2aCOJ3[id*="popout"][style*="absolute; right:"] {
  transform-origin: 50% -10%;
  animation: popoutanim 300ms cubic-bezier(.4, 0, 0, 1), opacity 100ms ease 100ms backwards;
}

#app-mount .messagesPopoutWrap-3zryHW,
.container-2ebMPP {
  background: var(--quatro) var(--stars) top left !important;
  background-attachment: fixed;
}

#app-mount .messagesPopout-eVzQcI {
  background: transparent;
}

.channelHeader-DFRX8q {
  background: linear-gradient(var(--sheer), var(--sheer)), var(--stars) top left, linear-gradient(var(--quatro), var(--quatro)) !important;
  background-attachment: fixed;
  padding: 12px 20px !important;
  margin-top: 10px;
  border-radius: 5px 5px 0 0;
}

.messages-23can0,
.messageContainer-3VTXBC {
  background: linear-gradient(var(--veil), var(--veil)), var(--stars) top left, linear-gradient(var(--quatro), var(--quatro)) !important;
  background-attachment: fixed;
  border-radius: 0 0 5px 5px;
}

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

#app-mount .header-1w9Q93,
#app-mount .themedPopout-25DgLi .footer-SRC48P {
  background: var(--veil) var(--stars) top left !important;
  background-attachment: fixed;
}

#app-mount .messageGroupWrapper-1jf_7C {
  background: var(--sheer) var(--stars) top left !important;
  background-attachment: fixed;
  border-color: var(--quatro);
}

#app-mount .top-K_jibn .itemSelected-1qLhcL {
  color: var(--greyple) !important;
  border-color: var(--greyple) !important;
}

#app-mount .hasMoreButton-1MELpI {
  background: var(--sheer) var(--stars) top left !important;
  background-attachment: fixed;
  border-color: var(--quatro);
}

#app-mount .messageGroupWrapper-1jf_7C:hover .actionButtons-2mNSAB {
  background-color: var(--veil);
  box-shadow: 0 0 6px 4px var(--veil);
}

#app-mount .jumpButton-1ZwI_j {
  background-color: var(--veil);
}

  /* C. Search Popout & Results */
#app-mount .container-2McqkF,
.searchResultsWrap-5RVOkx,
.searchResult-O9NDji.expanded-ovgtuV,
.searchHeader-1r_ZSh {
  background: var(--quatro) var(--stars) top left fixed;
}

#app-mount .option-2KkUJO:after {
  background: linear-gradient(90deg,transparent,var(--sheer) 80%);
}

#app-mount .option-2KkUJO.selected-rZcOL-,
#app-mount .searchAnswer-23w-CH, 
#app-mount .searchFilter-2UfsDk {
  background-color: var(--veil);
}

.searchResultGroup-1lU_-i {
  background: var(--veil);
  border-radius: 5px 5px 0 0;
}

.searchResult-O9NDji {
  border-radius: 0;
  margin: 0px;
  border-bottom: 5px solid var(--sheer);
  background: transparent;
}

.channelName-3w2Y3c {
  background-color: var(--sheer);
  padding-left: 8px;
  border-radius: 5px 5px 0 0;
}

#app-mount .searchResult-O9NDji:before {
  background-image: linear-gradient(0deg,transparent,var(--sheer));
}

.pageButton-1GMGeJ:hover {
  background-color: var(--veil);
}

#app-mount .searchResult-O9NDji .searchResultMessage-1fxgXh.hit-1fVM9e {
  background: var(--sheer);
  box-shadow: 0 0 10px 6px var(--sheer);
  border-color: rgb(0, 0, 0);
}

.searchResultMessage-1fxgXh.hit-1fVM9e .avatar-2e8lTP {
  top: 14px;
}

#app-mount .jumpButton-1ol35X {
  background-color: var(--blurple);
  color: rgb(255, 255, 255);
  transition: all .2s ease-in-out;
}

#app-mount .searchBar-1MOL6S {
  background-color: var(--veil);
}

#app-mount .quickMessage-1yeL4E,
#app-mount .searchOption-8nCYo-.selected-1r_nkg {
  background: var(--sheer) var(--stars) top left !important;
  background-attachment: fixed;
  border-color: rgb(0, 0, 0);
}

#app-mount .jumpButton-Ia2hRJ:hover,
#app-mount .dim-2Uxgxb span {
  background-color: var(--greyple);
}

#app-mount .calendarPicker-sDhzdi .react-datepicker__day--disabled, 
#app-mount .calendarPicker-sDhzdi .react-datepicker__day--outside-month {
  background-color: var(--sheer);
}

#app-mount .dim-2Uxgxb span {
  color: rgb(255, 255, 255);
}

#app-mount .searchResult-O9NDji:after {
  background: linear-gradient(180deg,transparent,var(--sheer));
}

#app-mount .searchResultsWrap-2DKFzt {
  background: var(--quatro) var(--stars) top left !important;
  background-attachment: fixed;
}

#app-mount .searchHeader-1l-wpR,
#app-mount .focused-2FU0YH,
#app-mount .focused-1Yu0L3 {
  background: var(--veil) var(--stars) top left !important;
  background-attachment: fixed;
}

#app-mount .calendarPicker-sDhzdi .react-datepicker,
#app-mount .tab-2j5AEF.selected-2LAck8 {
  background: var(--blurple-sheer);
}

#app-mount .calendarPicker-sDhzdi .react-datepicker__header {
  background: transparent;
}

#app-mount .searchResultsContainer-1ma_dc,
#app-mount .popout-13LQ_3 {
  background: var(--uno) var(--stars) top left fixed;
}

#app-mount .searchHeader-1l-wpR .tab-2Ixsn0.selected-16te-P, 
#app-mount .searchHeader-1l-wpR .tab-2Ixsn0:hover {
  color: var(--greyple);
  border-color: var(--greyple);
}

  /* D. Attach Popout, Add Game popout */
#app-mount .attachPopout-1n-ZKM,
#app-mount .colorPickerCustom-1swUKF {
  background: var(--uno) var(--stars) top left !important;
  background-attachment: fixed;
}

#app-mount .attachPopoutRow-KrE-f6:hover {
  background: var(--veil) var(--stars) top left !important;
  background-attachment: fixed;
}

#app-mount .preview-3GfI5V,
#app-mount .invite-3uuHYQ {
  background: var(--sheer);
  border-color: rgb(0, 0, 0);
}

#app-mount .modal-3HD5ck .inner-zqa7da {
  background: var(--veil);
}

#app-mount .lookFilled-yCfaCM.colorGrey-2iAG-B {
  background: var(--uno);
}

  /* E. Tooltips & Notices */
.tooltip-14MtrL {
  border-radius: 5px !important;
}

#app-mount .tooltip-14MtrL.tooltipRed-2z14Wl {
  background: var(--dnd);
}

#app-mount .tooltip-14MtrL.tooltipGreen-oouJdx {
  background: var(--online);
}

#app-mount .tooltipRed-2z14Wl .tooltipPointer-3L49xb {
  border-top-color: var(--dnd);
}

#app-mount .tooltipGreen-oouJdx .tooltipPointer-3L49xb {
  border-top-color: var(--online);
}
    
#app-mount .tooltip-14MtrL,
#app-mount .bubble-3we2di {
  background: var(--blurple);
}
    
#app-mount .tooltipBlack-vMYxvw .tooltipPointer-3L49xb,
#app-mount .bubble-3we2di:before {
  border-top-color: var(--blurple) !important;
}

.notice-1tZwqv {
  position: absolute;
  top: 46px;
  left: 240px;
  right: 0px;
  border-radius: 0px;
  background: linear-gradient(var(--blurple-sheer), var(--blurple-sheer)), var(--stars) top left fixed, linear-gradient(var(--quatro), var(--quatro));
}

.button-3Ijpww:hover {
  background: white;
  color: var(--quatro)
}

.viewAsRolesWarning-1lkgoG {
  background: linear-gradient(var(--blurple-sheer), var(--blurple-sheer)), var(--stars) top left fixed, linear-gradient(var(--quatro), var(--quatro));
}

.container-3LUQwT {
  background: linear-gradient(var(--sheer), var(--sheer)), var(--stars) top left fixed, linear-gradient(var(--quatro), var(--quatro));
}

.role-3ulsK-:hover {
  background-color: var(--blurple-sheer)
}

#app-mount .notice-2FJMB4 {
  border-radius: 5px !important;
  background-image: var(--stars), linear-gradient(to right, var(--sheer), var(--sheer));
}

#app-mount .notice-12Koq- {
  position: absolute;
  bottom: 11px;
  left: 241px;
  right: 240px;
  z-index: 100;
  background:  linear-gradient(var(--veil), var(--veil)), var(--stars) top left fixed, linear-gradient(var(--quatro), var(--quatro));
  padding: 15.5px;
}

#app-mount .notice-12Koq- .colorStandard-21JIj7 {
  margin-left: 80px;
  margin-right: 25px;
}
    
#app-mount .button-1MICoQ:hover {
  background: var(--blurple-sheer);
  border-color: var(--blurple-sheer);
  color: rgb(255, 255, 255);
}

.channelNotices-41mJbj .channelNotice-tO6Tus.guildMFAWarning-3GEzs8 {
  background: linear-gradient(var(--blurple-sheer), transparent 80%), var(--stars) top left fixed;
  border-radius: 10px 10px 0 0;
}

/* tropix's fade in tooltip anim */
    
.layerContainer-2v_Sit .tooltip-14MtrL.tooltipRight-2TSb42 {
  animation: fadeFromRight 200ms
}

.layerContainer-2v_Sit .tooltip-14MtrL.tooltipBottom-2WzfVx {
  animation: fadeFromBottom 200ms
}

.layerContainer-2v_Sit .tooltip-14MtrL[class*="tooltipLeft-"] {
  animation: fadeFromLeft 200ms
}

.layerContainer-2v_Sit .tooltip-14MtrL.tooltipTop-1wv5UJ{
  animation: fadeFromTop 200ms;
}

  /* F. Autocomplete & Everyone Popout */
#app-mount .autocomplete-3NRXG8,
#app-mount .everyonePopout-nEbJY3 {
  background: linear-gradient(transparent, var(--blurple-sheer) 80%),var(--uno) var(--stars) top left !important;
  background-attachment: fixed;
  border: 1px solid var(--sheer);
}

#app-mount .content-Qb0rXO {
  color: rgb(255, 255, 255);
}

#app-mount .footer-2aTx0s {
  background: transparent;
}

#app-mount .selectorSelected-1_M1WV {
  background: var(--veil) var(--stars) top left !important;
  background-attachment: fixed;
}

  /* G. Gift Nitro and Gif Picker */
#app-mount .option-1l2vXE,
#app-mount .table-17_dGF {
  background: var(--veil);
}

#app-mount .categoryFadeBlurple-1HuV1x {
  background: var(--blurple) var(--stars) top left !important;
  background-attachment: fixed;
  opacity: .7;
}

#app-mount .categoryFade-2EGqIh {
  background: var(--quatro) var(--stars) top left !important;
  background-attachment: fixed;
  opacity: .4;
}

#app-mount .categoryFade-2EGqIh:hover {
  background: var(--quatro) var(--stars) top left !important;
  background-attachment: fixed;
  opacity: .7;
}

  /* H. Emoji Picker */
.contentWrapper-3vHNP2,
.emojiPicker-6YCk8a,
.diversitySelectorPopout-3FiGaM,
.premiumPromo-yVfLiA,
#app-mount #bda-qem-twitch-container, 
#app-mount #bda-qem-favourite-container {
  background: var(--quatro) var(--stars) top left !important;
  background-attachment: fixed;
  border: 1px solid rgb(0, 0, 0);
}

.wrapper-22rqw6,
.inspector-DFKXwB
{
  background: var(--quatro) var(--stars) top left !important;
  background-attachment: fixed;
}


.bda-dark .emojiPicker-3m1S-j .category-2U57w6,
.emojiPicker-3m1S-j .category-2U57w6,
.emojiPicker-3m1S-j .categories-1feg4n,
#app-mount .emojiPicker-3m1S-j .searchBar-2pWH0_,
.guildIcon-2SUGiq {
  background-color: transparent;
}

#app-mount .diversitySelector-tmmMv0 .popout-2nUePc {
  width: unset;
}

#app-mount .lightTheme-3LGLQs.container-1SX9VC {
  background: transparent
}

#bda-qem,
.infoBar-U6oBFk {
  background: var(--quatro) var(--stars) top left !important;
  background-attachment: fixed;
  border: 1px solid rgb(0, 0, 0);
}

.infoBarWrapper-283ttO.infoBarExpanded-2Of7UZ {
  position: absolute;
  bottom: 38px;
  left: 5px;
  border-radius: 5px;
}

.infoBar-U6oBFk {
  border: none;
  background: var(--stars) top left,
  linear-gradient(var(--blurple-sheer), var(--blurple-sheer)),
  linear-gradient(var(--quatro), var(--quatro)) !important;
  background-attachment: fixed;
}

#bda-qem button {
  border-left: 1px solid black;
  color: rgb(223, 223, 223);
  box-shadow: none;
}

#bda-qem button.active,
.navButtonActive-3RPAJy,
.emojiItem-277VFM.emojiItemSelected-2Lg50V,
.categoryItemDefaultCategorySelected-2YeRUu, 
.categoryItemDefaultCategorySelected-2YeRUu:hover {
  background-color: var(--blurple-sheer);
}

#app-mount .searchBar-2_Yu-C.searchBarLight-1NxoDG {
  background: transparent;
}

#app-mount .diversitySelector-tmmMv0 .popout-2nUePc .item-16cXuq:hover,
#bda-qem button:not(.active):hover {
  background-color: var(--veil);
}

#app-mount .searchBar-2_Yu-C.searchBarLight-1NxoDG .searchBarInner-1_Tg2R {
  background: var(--veil);
}

#app-mount .emojiPicker-3m1S-j .stickyHeader-1SS0JU,
#app-mount .quickSelectPopout-2F0PXw,
.wrapper-1NNaWG {
  background: var(--uno) var(--stars) top left !important;
  background-attachment: fixed;
}

.navButtonActive-1EqC5l,
.emojiPicker-3m1S-j .scroller-3vODG7 .emojiItem-109bjA.selected-39BZ4S,
.emote-container:hover {
  background-color: var(--blurple-sheer);
}

.emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq {
  align-items: flex-start;
  margin-top: 4px;
}

.categoryItemDefaultCategory-3haEDq svg {
  display: none;
}

.categoryItemDefaultCategory-3haEDq[aria-label*='recent'],
.categoryItemDefaultCategory-3haEDq[aria-label*='recent'].categoryItemDefaultCategorySelected-2YeRUu,
.categoryItemDefaultCategory-3haEDq[aria-label*='recent']:hover {
  background-image: url(https://monstrousdev.github.io/themes/assets/emojiCategory/frequent.svg) !important
}

.categoryItemDefaultCategory-3haEDq[aria-label*='people'],
.categoryItemDefaultCategory-3haEDq[aria-label*='people'].categoryItemDefaultCategorySelected-2YeRUu,
.categoryItemDefaultCategory-3haEDq[aria-label*='people']:hover {
  background-image: url(https://monstrousdev.github.io/themes/assets/emojiCategory/people.svg) !important
}

.categoryItemDefaultCategory-3haEDq[aria-label*='nature'],
.categoryItemDefaultCategory-3haEDq[aria-label*='nature'].categoryItemDefaultCategorySelected-2YeRUu,
.categoryItemDefaultCategory-3haEDq[aria-label*='nature']:hover {
  background-image: url(https://monstrousdev.github.io/themes/assets/emojiCategory/nature.svg) !important
}

.categoryItemDefaultCategory-3haEDq[aria-label*='food'],
.categoryItemDefaultCategory-3haEDq[aria-label*='food'].categoryItemDefaultCategorySelected-2YeRUu,
.categoryItemDefaultCategory-3haEDq[aria-label*='food']:hover {
  background-image: url(https://monstrousdev.github.io/themes/assets/emojiCategory/food.svg) !important
}

.categoryItemDefaultCategory-3haEDq[aria-label*='activity'],
.categoryItemDefaultCategory-3haEDq[aria-label*='activity'].categoryItemDefaultCategorySelected-2YeRUu,
.categoryItemDefaultCategory-3haEDq[aria-label*='activity']:hover {
  background-image: url(https://monstrousdev.github.io/themes/assets/emojiCategory/activity.svg) !important
}

.categoryItemDefaultCategory-3haEDq[aria-label*='travel'],
.categoryItemDefaultCategory-3haEDq[aria-label*='travel'].categoryItemDefaultCategorySelected-2YeRUu,
.categoryItemDefaultCategory-3haEDq[aria-label*='travel']:hover {
  background-image: url(https://monstrousdev.github.io/themes/assets/emojiCategory/travel.svg) !important
}

.categoryItemDefaultCategory-3haEDq[aria-label*='objects'],
.categoryItemDefaultCategory-3haEDq[aria-label*='objects'].categoryItemDefaultCategorySelected-2YeRUu,
.categoryItemDefaultCategory-3haEDq[aria-label*='objects']:hover {
  background-image: url(https://monstrousdev.github.io/themes/assets/emojiCategory/objects.svg) !important
}

.categoryItemDefaultCategory-3haEDq[aria-label*='symbols'],
.categoryItemDefaultCategory-3haEDq[aria-label*='symbols'].categoryItemDefaultCategorySelected-2YeRUu,
.categoryItemDefaultCategory-3haEDq[aria-label*='symbols']:hover {
  background-image: url(https://monstrousdev.github.io/themes/assets/emojiCategory/symbols.svg) !important
}

.categoryItemDefaultCategory-3haEDq[aria-label*='flags'],
.categoryItemDefaultCategory-3haEDq[aria-label*='flags'].categoryItemDefaultCategorySelected-2YeRUu,
.categoryItemDefaultCategory-3haEDq[aria-label*='flags']:hover {
  background-image: url(https://monstrousdev.github.io/themes/assets/emojiCategory/flags.svg) !important
}

#app-mount .sadImage-2_mw0p {
  background: url(https://ellexidecodes.github.io/Discord-Themes/assets/sadDiscord.png) center/100% no-repeat;
}

  /* I. Game Preview */
#app-mount .gamePreview-9weYR2,
#app-mount .container-jGk-CT {
  background: linear-gradient(var(--blurple-sheer), transparent 80%), var(--quatro) var(--stars) top left !important;
  background-attachment: fixed;
}

.news-2KwXHF,
#app-mount .body-1SVoBw,
#app-mount .news-2KwXHF {
  background: transparent;
}

.newsLink-38Naqi:hover {
  background: var(--sheer);
}

#app-mount .popout-3sVMXz .container-jGk-CT {
  background: linear-gradient(var(--blurple-sheer), transparent 80%), var(--quatro) var(--stars) top left !important;
  background-attachment: fixed;
}

#app-mount .popout-3sVMXz .news-2KwXHF,
#app-mount .emptyPlayers-dx3qig, 
#app-mount .players-1zg2l8,
#app-mount .footer-3J5oP4 {
  background-color: transparent;
}

#app-mount .player-3zB-0D:hover {
  background-color: var(--sheer);
}

  /* J. Add Roles Popout & Roles Overflow */
#app-mount .autocompleteArrow-jJE9TQ, 
#app-mount .autocompleteHeaderBackground-3u7TwO,
.container-2O1UgZ {
  background: var(--quatro) var(--stars) top left !important;
  background-attachment: fixed;
}

#app-mount  .container-1S70rv .sectionTag-28mLyE {
  background: linear-gradient(var(--blurple-sheer), transparent 80%), var(--quatro) var(--stars) top left !important;
  background-attachment: fixed;
}

#app-mount .overflowRolesPopout-1Puiuq {
  background: linear-gradient(var(--blurple-sheer), var(--blurple-sheer)), var(--quatro) var(--stars) top left !important;
  background-attachment: fixed;
}

#app-mount .row-1Ib2uD.selected-1IWCoj {
  background: var(--blurple-sheer) var(--stars) top left !important;
  background-attachment: fixed;
}

#app-mount .overflowRolesPopoutArrow-2R7g3K {
  background: linear-gradient(var(--blurple-sheer), var(--blurple-sheer)), var(--quatro);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  box-shadow: none;
  -webkit-box-shadow: none;
}

  /* K. RTC Connection */
#app-mount .container-1ILvLB {
  background: linear-gradient(var(--blurple-sheer), transparent 80%), var(--quatro) var(--stars) top left !important;
  background-attachment: fixed;
}

#app-mount .popout-2GtBL-:after {
  border-top-color: var(--quatro);
}

#app-mount .container-1ILvLB header,
#app-mount .container-1ILvLB section {
  background: transparent;
}

  /* L. Stream Popout */
#app-mount .previewContainer-21fFBz {
  background-color: transparent;
}

#app-mount .popout-1k352f,
#app-mount .streamPreview-3qoMP4,
#app-mount .root-25RxKh {
  background: var(--quatro) var(--stars) top left !important;
  background-attachment: fixed;
}

.card-1SdQ2-,
#app-mount .item-2OyinQ {
  background: var(--blurple-sheer);
}

#app-mount .item-2OyinQ.selectorButtonSelected-3Z0WNU {
  background: var(--blurple);
}


  /* M. Follow Channel */
#app-mount .header-13P3fr,
#app-mount .channelContainer-3YAhb_,
#app-mount .footer-31IekZ {
  background: transparent;
}

.channel-k2TVLQ {
  background-color: var(--blurple-sheer)
}



/* X. Modals */
  /* A. User Modal */
#app-mount .focusLock-2tveLW .root-8LYsGj,
#app-mount .slide-2pHaq5,
#app-mount .root-g14mjS {
  background: linear-gradient(transparent, var(--uno) 90%), var(--quatro) var(--stars) top left fixed;
  border-radius: 10px;
}

#app-mount .body-1Ukv50,
#app-mount .topSection-13QKHs {
  background: transparent;
}

#app-mount .topSectionPlaying-1J5E4n {
  background: linear-gradient(var(--blurple-sheer), transparent 80%), var(--stars) top left fixed;
}

#app-mount .topSectionXbox-3fWLjS,
#app-mount .topSectionSpotify-1lI0-P {
  background: linear-gradient(var(--online-sheer), transparent 80%), var(--stars) top left fixed;
}

#app-mount .topSectionStreaming-1Tpf5X {
  background: linear-gradient(var(--streaming-sheer), transparent 80%), var(--stars) top left fixed;
}

  /* B. Upload Modal */
.uploadModal-2ie9O_,
#app-mount .addGamePopout-3yePJc,
#app-mount .inner-1JeGVc .container-qBnZJg,
#app-mount .keyboardShortcutsModal-2CRmCm,
#app-mount .uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .bgScale-1iWuPF,
#app-mount .modalRoot-2fww1y {
  background: linear-gradient(var(--blurple-sheer), transparent 80%), var(--quatro) var(--stars) top left !important;
  background-attachment: fixed;
  border-radius: 10px;
}

.uploadModal-2ie9O_ .inner-rBP-MS,
.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ-.image-2ssF8k {
  border-color: var(--sheer)
}

.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ-.image-2ssF8k:hover {
  width: 93%;
  height: 160%;
  margin-top: -95px;
}

.uploadModal-2ie9O_ .footer-VCsJQY,
.ctaSection-3LqbxQ,
.formSection-23ecNl {
  background: transparent;
}

.lookInverted-2mDUMi.colorBrand-I6CyqQ,
/* #app-mount .checked-1pZh2h, */
.theme-brand .inner-zqa7da,
.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ-.image-2ssF8k,
#app-mount .resultFocused-3aIoYe,
.usagePill-P-Cmcv,
.channelsWrapper-51IUFR, 
.rolesWrapper-1LLZrU {
  background-color: var(--sheer);
  transition: all .2s ease-in-out;
}

.lookInverted-2mDUMi.colorBrand-I6CyqQ:hover,
#app-mount .input-3r5zZY,
#app-mount .container-1SX9VC {
  background-color: var(--veil);
}

#app-mount .modal-3HD5ck,
#app-mount .modal-3v8ziU {
  background: var(--quatro) var(--stars) top left !important;
background-attachment: fixed;
}

#app-mount .footer-2yfCgX,
#app-mount .footer-1hTRRZ,
#app-mount .footer-30ewN8 {
  background: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
}

#app-mount .scrollerOuter-3FLELE {
  margin-top: 0px;
}

  /* C. Join Guild Modal */
.theme-light .root-g14mjS {
  --header-primary: var(--blurple);
  --header-secondary: #888;
  --background-modifier-accent: var(--sheer);
  --background-modifier-hover: var(--blurple-sheer);
  --background-primary: var(--sheer);
  --text-normal: #888;
  --uno: var(--blurple);
  --background-tertiary: transparent;
  --deprecated-text-input-bg: var(--sheer);
  background: linear-gradient(transparent, var(--blurple-sheer)), var(--quatro) var(--stars) top left fixed !important;
}

.theme-light .footer-31IekZ {
  box-shadow: none;
}

.theme-light .root-g14mjS .lookBlank-21BCro{
  color: var(--text-normal)
}

  /* D. Messages Modal, Games Download Modal, Screenshare */
#app-mount .message-G6O-Wv,
#app-mount .tiles-2aXG_k {
  background: var(--sheer) var(--stars) top left !important;
  background-attachment: fixed;
  box-shadow: none;
}

#app-mount .installSize-3az1nt {
  background-color: var(--blurple-sheer);
}

  /* E. Incoming Call & Phone Verification */
#app-mount .incomingCallInner-2VmFiR {
  background: linear-gradient(var(--blurple-sheer), transparent 80%), var(--quatro) var(--stars) top left no-repeat fixed;
  border-color: var(--blurple-sheer);
  border-radius: 10px;
}

#app-mount .lookFilled-yCfaCM.colorTransparent-13Bvvi {
  background: var(--veil);
}

#app-mount .incomingCallInner-2VmFiR .lookFilled-yCfaCM.colorTransparent-13Bvvi {
  background: var(--dnd-sheer);
  transition: background-color .2s ease-in-out;
}

#app-mount .incomingCallInner-2VmFiR .lookFilled-yCfaCM.colorTransparent-13Bvvi:hover {
  background: var(--dnd);
}

.lookFilled-yCfaCM.colorGreen-3y-Z79 {
  background: var(--online-sheer);
  transition: background-color .2s ease-in-out;
}

.lookFilled-yCfaCM.colorGreen-3y-Z79:hover {
  background: var(--online);
}

#app-mount .phoneField-3NAPDv,
#app-mount .input-3NIgDw {
  background: var(--sheer) var(--stars) top left fixed;
}

#app-mount .phoneField-3NAPDv .countryButton-1cNDvB {
  background: var(--veil) var(--stars) top left fixed;
}

#app-mount .phoneField-3NAPDv .inputField-1iYysB {
  background: transparent;
}

  /* F. Reactions Modal & Server Invite Modal */
#app-mount .sidebar-1-SQro,
#app-mount  .reactors-1VXca7 {
  background: linear-gradient(var(--blurple-sheer), transparent 80%), var(--sheer) var(--stars) top left fixed;
}

#app-mount #app-mount .reactors-1VXca7 {
  background: linear-gradient(var(--blurple-sheer), transparent 80%);
}

#app-mount .contentWrapper-3oy4Xo {
  background: linear-gradient(var(--blurple-sheer), transparent 80%), var(--quatro) var(--stars) top left fixed;
}

#app-mount .contentWrapper-3oy4Xo .pill-qMtBTq:nth-child(2) {
  background: var(--offline-sheer);
}

#app-mount .contentWrapper-3oy4Xo .pill-qMtBTq:nth-child(1) {
  background: var(--online-sheer);
}

  /* G. Gift Modal */
#app-mount .modal-2RrUKJ {
  background: linear-gradient(var(--blurple-sheer), transparent 80%), var(--quatro) var(--stars) top left fixed;
  border-radius: 5px;
}

#app-mount .footer-1Ip3Sd {
  background: transparent;
}

#app-mount .tierMarker-Vw1C95[style*="background-image: linear-gradient(to right, rgb(32, 34, 37), rgb(32, 34, 37));"] {
  background: linear-gradient(to right, var(--quatro), var(--veil)) !important;
}

  /* H. Quick Switcher & Keyboard Shortcuts */
#app-mount .keybindShortcut-3zF1P9 span {
  background-color: var(--blurple);
}

#app-mount .quickswitcher-pKcM9U {
  background: linear-gradient(var(--blurple-sheer), transparent 80%), var(--quatro) var(--stars) top left fixed;
  border-radius: 5px;
}

.scroller-2qwVWY {
  background: transparent;
}

  /* I. BetterDiscord Error Modal */
.bd-modal-wrapper .bd-modal-inner {
  background: linear-gradient(var(--blurple-sheer), transparent 80%), var(--quatro) var(--stars) top left fixed;
}

.bd-modal-wrapper .header,
.bd-modal-wrapper .bd-modal-body {
  background: transparent;
}

/* XI. Keyframes */

@keyframes fadeIn {
  to {
    display: block;
    opacity: 1 !important;
  }
}

@keyframes slide-up {
  from {
    transform: translate(0, 100%);
  }
}

@keyframes slide-down {
  from {
    transform: translate(0, -100%);
  }
}

@keyframes slide-left {
  from {
    transform: translate(-100);
  }
}

@keyframes slide-right {
  from {
    transform: translate(100%);
  }
}

@keyframes show-status {
  from {
    transform: translateY(100%) translateX(0%) translateZ(0px);
  }
}

@keyframes status {
  from {
    transform: scale(0);
    opacity: 0
  }
}

@keyframes context-open-invertY {
  0% {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
  }
}

@keyframes context-open-new {
  0% {
    transform: scale(1, 0.8);
  }
}

@keyframes context-open {
  0% {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@keyframes popoutanim-inner {
  0% {
    transform: scale(2);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes popoutanim {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes popoutanim-status {
  0% {
    transform: scale(0) translateY(-100%);
  }
  100% {
    transform: scale(1) translateY(-100%);
  }
}

@keyframes popoutanim-min {
  0% {
    transform: translateX(-50%) scale(0);
  }
  100% {
    transform: translateX(-50%) scale(1);
  }
}

@keyframes fadeFromTop {
  0% {
      opacity: 0;
      transform: translateY(-50%)
  }
  100% {
      opacity: 0.9;
      transform: none
  }
}

@keyframes fadeFromRight {
  0% {
      opacity: 0;
      transform: translateX(50%)
  }
  100% {
      opacity: 0.9;
      transform: none
  }
}

@keyframes fadeFromBottom {
  0% {
      opacity: 0;
      transform: translateY(50%)
  }
  100% {
      opacity: 0.9;
      transform: none
  }
}

@keyframes fadeFromLeft {
  0% {
      opacity: 0;
      transform: translateX(-50%)
  }
  100% {
      opacity: 0.9;
      transform: none
  }
}

/* XII. Custom CSS */
.contentRegion-3HkfJJ #bd-customcss-attach-controls, 
#bd-customcss-detach-container #bd-customcss-attach-controls {
  background: transparent;
  box-shadow: none;
}

.standardSidebarView-E9Pc3j #bd-customcss-attach-controls button, 
.bd-detached-css-editor #bd-customcss-attach-controls button {
  background: var(--online-sheer);
}

.bd-detached-editor .chat .title-31SJ6t > div:last-child,
.bd-detached-editor .headerBar-UHpsPw > div:last-child {
    margin-right: 0 !important;
}

#bd-customcss-detach-container #bd-customcss-attach-controls{
    display: flex;
    flex-flow: column;
    align-items: center;
}
#bd-customcss-attach-controls {
    display: flex;
    flex-flow: column;
    align-items: center;
}
#bd-customcss-detach-controls-button > span {
    font-size: 0 !important;
    display: flex;
    flex-flow: column;
    align-items: center;
}
#bd-customcss-attach-controls .checkbox-group {
    order: 1;
}

/* Main CSS Box */
.contentColumnDefault-3eyv5o .ace-monokai {
  background-color: var(--sheer);
  color: rgb(255, 255, 255);
  border-radius: 10px;
}

/* Gutter Line */
.ace-monokai .ace_gutter {
  background: var(--tres) var(--stars) top left/cover fixed;
  border-radius: 10px 0 0 10px;
  color: var(--streaming);
}

/* Shorter Highlight Line */
.ace-monokai .ace_gutter-active-line {
  background-color: var(--quatro);
}

/* When Clicking and Dragging through the codes to highlight them */
.ace-monokai .ace_marker-layer .ace_selection {
  background: var(--blurple-sheer);
}

/* Long Highlight Line */
.ace-monokai .ace_marker-layer .ace_active-line {
  background: var(--offline-sheer);
}

/* Bracket Border */
.ace-monokai .ace_marker-layer .ace_bracket {
  margin: -1px 0 0 -1px;
  border: 1px solid var(--greyple-sheer);
}

/* Comment Code */
.ace-monokai .ace_comment {
  color: var(--online);
}

/* XIII. Plugin Optimization */
  /* A. Ghost Ping */
.ghostping-button-unread .ghostping-button-icon {
  color: var(--dnd);
  transition: color 200ms ease-in-out;
}

#ghostping-panel {
  height: calc(100% - 32px) !important;
  padding: 65px 30px 30px !important;
  box-sizing: border-box;
  left: 10px !important;
  background-color: var(--uno) !important;
  background-image: var(--stars);
  background-position: top left !important;
  background-attachment: fixed !important;
  border-radius: 10px;
}

#ghostping-panel[style*="opacity: 0.9"] {
  opacity: 1 !important;
}

#ghostping-panel #ghostping-panel-close-button ~ div {
  background-color: transparent !important;
  background-image: var(--stars), linear-gradient(to right, var(--blurple-sheer), var(--tres)) !important;
  background-size: 100%, 100% !important;
  background-position: top left, center !important;
  background-attachment: fixed, initial !important;
  width: calc(100% - 60px) !important;
}

  /* B. Permissions Viewer */
#permissions-modal-wrapper #permissions-modal {
  background: linear-gradient(var(--blurple-sheer), transparent 80%), var(--quatro) var(--stars) top left !important;
  background-attachment: fixed;
  border-radius: 10px;
}

#permissions-modal-wrapper .header,
#permissions-modal-wrapper .modal-body,
#permissions-modal-wrapper .role-side,
#permissions-modal-wrapper .perm-side {
  background: transparent;
}

/* XIV. Addon Optimization */