/**
 * @name Trude's Midnight
 * @description Trude's Theme
 * @author Trude
 * @version 1.0.0
*/

/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
:root {
  /* Customization */
  --font: "Adwaita Sans", "gg sans";
  --font-weight: 400;
  --blur: 10px;
  --background-image: url();
  --background-image-blur: 10px;

  /* top left corner text */
  --corner-text: "TrudeCord";

  /* color of status indicators and window controls */
  --online-indicator: #23a55a; /* change to #23a55a for default green */
  --dnd-indicator: hsl(340, 60%, 60%); /* change to #f13f43 for default red */
  --idle-indicator: hsl(
    50,
    60%,
    60%
  ); /* change to #f0b232 for default yellow */
  --streaming-indicator: hsl(
    260,
    60%,
    60%
  ); /* change to #593695 for default purple */

  /* accent colors */
  --accent-1: hsl(40, 100%, 60%); /* links */
  --accent-2: hsl(40, 100%, 59%); /* general unread/mention elements */
  --accent-3: hsl(40, 100%, 40%); /* accent buttons */
  --accent-4: hsl(40, 100%, 34%); /* accent buttons when hovered */
  --accent-5: hsl(40, 100%, 27%); /* accent buttons when clicked */
  --mention: hsla(40, 100%, 52%, 0.1); /* mentions & mention messages */
  --mention-hover: hsla(
    40,
    100%,
    52%,
    0.05
  ); /* mentions & mention messages when hovered */

  /* text colors */
  --text-0: white; /* text on colored elements */
  --text-1: var(--text-2); /* other normally white text */
  --text-2: hsl(35, 25%, 90%); /* headings and important text */
  --text-3: hsla(34, 16%, 80%, 0.8); /* normal text */
  --text-4: hsl(35, 15%, 60%); /* icon buttons and channels */
  --text-5: hsl(35, 15%, 35%); /* muted channels/chats and timestamps */

  /* background and dark colors */
  --bg-1: hsl(35, 15%, 20%); /* dark buttons when clicked */
  --bg-2: hsl(35, 15%, 16%); /* dark buttons */
  --bg-3: hsl(35, 15%, 13%); /* spacing, secondary elements */
  --bg-4: hsl(35, 15%, 10%); /* main background color */
  --hover: hsla(35, 20%, 40%, 0.1); /* channels and buttons when hovered */
  --active: hsla(
    35,
    20%,
    40%,
    0.2
  ); /* channels and buttons when clicked or selected */
  --message-hover: hsla(35, 0%, 0%, 0.15); /* messages when hovered */

  /* amount of spacing and padding */
  --spacing: 12px;

  /* animations */
  /* ALL ANIMATIONS CAN BE DISABLED WITH REDUCED MOTION IN DISCORD SETTINGS */
  --list-item-transition: 0.2s ease; /* channels/members/settings hover transition */
  --unread-bar-transition: 0.2s ease; /* unread bar moving into view transition */
  --icon-spin-transition: 1s ease; /* round icon button spin (settings, emoji, etc.) */

  /* corner roundness (border-radius) */
  --roundness-xl: 22px; /* roundness of big panel outer corners */
  --roundness-l: 20px; /* popout panels */
  --roundness-m: 16px; /* smaller panels, images, embeds */
  --roundness-s: 12px; /* members, settings inputs */
  --roundness-xs: 10px; /* channels, buttons */
  --roundness-xxs: 8px; /* searchbar, small elements */

  /* filter uncolorable elements to fit theme */
  /* (just set to none, they're too much work to configure) */
  --login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4); /* login background artwork */
  --green-to-accent-3-filter: hue-rotate(56deg) saturate(1.43); /* add friend page explore icon */
  --blurple-to-accent-3-filter: hue-rotate(304deg) saturate(0.84)
    brightness(1.2); /* add friend page school icon */

  /* nav buttons */
  --windows-nav: none;
  --custom-nav: block;
}

/* INTERNAL - DO NOT TOUCH */

:root {
  --font-primary: var(--font), -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  --font-display: var(--font), -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
}

body {
  font-weight: var(--font-weight) !important;
}

/* background image */
.layers__960e4 {
  background: var(--background-image) !important;
}
.layer__960e4 {
  -webkit-backdrop-filter: blur(var(--background-image-blur)) !important;
  backdrop-filter: blur(var(--background-image-blur)) !important;
}

/* blur */
.buttons__74017 {
  backdrop-filter: blur(var(--blur));
  background: #60606027;
}

/* moved the emoji bar to the side */
.buttons__74017 {
  position: fixed;
  right: 20px;
  top: 200px;
  flex-direction: column;
  z-index: 9999;

  height: fit-content;
  border-radius: 15px;
  padding-top: 10px;
  padding-bottom: 5px;
}

/* Remove nitro upsell */
.upsell__795fb {
  display: none;
}

/* modify colors */
#app-mount .container__2637a /* channel list */,
.privateChannels__35e86 /* dms list */,
#app-mount .container__37e49 /* user panel inner */,
.members_c8ffbb /* member list inner */,
.member__5d473 /* member list members */,
.searchResultsWrap_a9e706 /* search results */,
.searchHeader_f3b986 /* search results header */,
.chat_f75fb0.container_f391e3 /* message requests */,
#app-mount .panels_c48ade > div /* user panel children */,
.container_e131a9 /* vc panel */,
.sidebarRegionScroller__23e6b /* settings left */,
#app-mount .container__0b563 /* browse channels container */,
#app-mount .header__0b563 /* browse channels header */,
#app-mount .container_c2efea /* browse channels inner */,
.chat_f75fb0.background__7449f /* server guide body */,
#app-mount .scrollerContainer_c6b11b /* channels and roles customize */,
.shop__6db1d /* shop */,
.wrapper_cb9592.minimum_cb9592 /* private call */,
.container_fea832, .container__33507 /* emoji/sticker searchbars */,
.searchBar_fed6d3 /* gif picker searchbar */ ,
#app-mount .uploadModal_dbca3c /* upload modal */,
.uploadModal_dbca3c .footer_dbca3c /* upload modal footer */,
.container_f369db /* forums page */ {
  background: var(--bg-4);
}
.sidebarContainer_a3a4ce, .container_a56260, .contentContainer_a56260 /* quests page */ {
  background-color: var(--bg-4) !important;
}
.outer_c0bea0 {
  --background-secondary-alt: var(--bg-4) !important;
}
.mainCard_f369db /* forum post */,
.navRow__86e92[data-theme=dark] /* add new account bottom */,
.container_ca49a1 /* forum guidelines box */,
.searchBar_c7e907 /* settings searchbar */,
.circleIconButton__5bc7e /* server list buttons */ {
  background: var(--bg-3);
}
.folderIconWrapper__48112[style="background-color: rgba(88, 101, 242, 0.4);"] /* default color closed folders */ {
  background: var(--bg-3) !important;
}
.folder__48112.hover__48112 /* folder opened on hover */, 
#app-mount .outer_bf1984.interactive_bf1984:hover, #app-mount .outer_bf1984.active_bf1984 /* friend activity cards on hover */ {
  background: var(--bg-2);
}
#app-mount .searchAnswer_bd8186 /* search filter answer */,
#app-mount .searchFilter_bd8186 /* search filter */ {
  background: var(--bg-1);
}
.input_ac6cb0 /* big 'find conversation' search bar */ {
  background: var(--bg-2);
}
.chat_f75fb0 /* chat + member list */,
.sidebar_c48ade /* channel sidebar */,
.privateChannels__35e86 .scroller__99e7c /* dms list inner */,
#app-mount .innerHeader__0b563:after /* channels and roles header shadow */,
.stackedBars__74017 /* reply bar underneath */ {
  background: none;
}
.contentContainer_a56260 /* quests page fix */ {
  background: none !important;
}
.selected_f37cb1 .header_f37cb1, .clickable_f37cb1 .header_f37cb1:hover /* server name hover */ {
  background: var(--message-hover);
}
.message__5126c.replying__5126c.selected__5126c, .mouse-mode.full-motion .message__5126c.replying__5126c:hover /* fix reply message hover */ {
  background: var(--background-message-highlight-hover);
}
div.message__5126c.replying__5126c::before /* change reply message bar to neutral */ {
  background: var(--text-2);
}
.activeButtonChild_aa63ab /* send button */ {
  color: var(--accent-2);
}
.container__37e49 /* user panel button strikethroughs */,
.numberBadge__2b1f5  /* unread number badge */,
.toolbar__9293f /* toolbar button strikethroughs */ {
  --status-danger: var(--accent-2);
}
.expandedFolderIconWrapper__48112 > svg[style="color: rgb(88, 101, 242);"] /* default color folder icons */ {
  color: var(--accent-3) !important;
}
.divider__5126c /* unread divider */,
.mention__3b95d /* NEW unread pill */,
.mentionsBar__7aaec /* channel list new mention pill */ {
  --status-danger: var(--accent-3);
  color: var(--status-danger-text);
}
.message__5126c.mentioned__5126c:before /* mention message left edge */,
.botTagOP__82f07 /* OP tag */ {
  background: var(--accent-3);
}

/* settings checkbuttons */
.container__87bf1 {
  transition: background-color ease 0.3s;
}
.container__87bf1 path {
  fill: var(--text-4);
}
.container__87bf1.checked__87bf1 {
  background: var(--accent-3) !important;
}
.container__87bf1.checked__87bf1 path {
  fill: var(--accent-3) !important;
}
.container__87bf1 > .slider__87bf1 > rect {
  transition: fill ease 0.3s;
}

.mention__3b95d:active /* NEW unread pill when clicked */ {
  background: var(--accent-4);
}
path[fill="var(--white-500)"] {
  fill: var(--text-0) !important;
}
.numberBadge__2b1f5 /* dms number badge */,
.newMessagesBar__0f481 .barButtonBase__0f481 /* unread bar */,
.botTagRegular__82f07 /* bot tag */,
.endCap__908e2 /* unread divider */,
.lookFilled__201d5.colorBrand__201d5 /* accent buttons */,
.lookFilled__201d5.colorBrand__201d5 .defaultColor__77578 /* accent buttons */,
.lookFilled__201d5.colorBrandNew__8872c /* accent buttons */,
.lookFilled__201d5.colorGreen__201d5 /* green buttons */,
.lookFilled__201d5.colorRed__201d5 /* red buttons */,
.lookFilled__201d5.colorYellow__818c3 /* yellow buttons */,
.bar__3b95d /* NEW unread pill */,
.wrapper__6e9f8:hover .childWrapper__6e9f8, /* default server icon text */ 
.wrapper__6e9f8.selected_ae80f7 .childWrapper__6e9f8 /* default server icon text */,
.colorDefault_c1e9c4.focused_c1e9c4 /* menu option hover */,
.colorDefault_c1e9c4.focused_c1e9c4 .caret_c1e9c4 /* popup menu hover caret */,
.colorDefault_c1e9c4:active:not(.hideInteraction_c1e9c4) /* menu option active */,
.colorDefault_c1e9c4:active:not(.hideInteraction_c1e9c4) .caret_c1e9c4 /* menu option active */,
.tabBar__133bf .addFriend__133bf.addFriend__133bf.addFriend__133bf /* add friend button */,
#app-mount .button__33db6 /* notice banner button */,
.interactive:hover /* mention hover */,
.uploadIcon_edf440 /* profile upload image */,
.focused_d40c56 .userMenuUsername_d40c56 .userMenuText_d40c56 /* account switcher account hover */,
.dots__5ad89 /* typing dots */,
.lookOutlined__201d5.colorWhite__201d5 /* server banner buttons */,
.header_c5cd6a /* server preview mode banner */,
.live_a7acae /* streaming live */,
#app-mount .activeButton_c15210 /* member page pagination button */ ,
#app-mount .tooltipBrand__382e7 /* member page filter tooltip */,
.button_e131a9.buttonColor_e131a9.buttonActive_e131a9 /* active voice channel icons */,
.button_e131a9.buttonColor_e131a9.buttonActive_e131a9:hover /* active voice channel icons */,
.vcd-screen-picker-radio[data-checked="true"] .defaultColor__4bd52 /* vencord stream resolution picker buttons when active */,
.icon_a629d4 /* streaming activity type icon  */,
.theme-dark .tooltipGreen__382e7, .theme-light .tooltipGreen__382e7 /* tooltip text like vc latency */ {
  color: var(--text-0);
}
[class*="selectedCategoryItem_"] /* selected discover page */ {
  color: var(--text-0) !important;
}
[class*="selectedCategoryItem_"] path /* fix */ {
  fill: currentColor;
}
.botTagVerified__82f07 > path /* bot tag checkmark */ {
  fill: var(--text-0);
}
#app-mount .button__33db6, .theme-light .button__33db6 /* notice banner button */,
.lookOutlined__201d5.colorWhite__201d5 /* server banner buttons */ {
  border-color: var(--text-0);
}
#app-mount .button__33db6:hover {
  border-color: var(--text-0);
  background-color: var(--text-0);
}
.container__87bf1 /* settings checkbutton background */ {
  background: var(--bg-1) !important;
}
.container__87bf1.checked__87bf1 > .slider__87bf1 > rect /* settings checkbutton circle */,
.userMenuItem_d40c56 path[fill="var(--white-500)"] /* account switcher account hover */,
.colorDefault_c1e9c4.focused_c1e9c4 path {
  fill: var(--text-0) !important;
}
.closeIcon__967e7 path /* alert banner close icon */ {
  fill: currentColor;
}
.container__87bf1 > .slider__87bf1 > rect /* settings checkbutton circle */ {
  fill: var(--text-1);
}
.menu_ad5fac .menuItemFocused_ad5fac /* account switch button hover */ {
  color: var(--text-3);
}
.menu_ad5fac .menuItemFocused_ad5fac path /* account switch button hover */ {
  fill: var(--text-3);
}
.mini_a562c8 .grabber_a562c8 /* spotify bar handle */ {
  margin-top: 4px;
  border-width: 1px;
}
.grabber_a562c8 /* settings slider handle */ {
  border-width: 0;
}
.button_e131a9.buttonColor_e131a9 /* fix vc buttons */ {
  color: var(--text-4);
}
.button_e131a9.buttonColor_e131a9:hover /* fix vc buttons hover */ {
  background-color: var(--hover);
  color: var(--text-3);
}
.iconBadge__650eb.isCurrentUserConnected__650eb /* change server vc badge to neutral */ {
  background-color: var(--bg-1);
  color: var(--text-1);
}
.bannerVisible_f37cb1 .headerContent_f37cb1 /* server name over banner image */,
#app-mount .categoryText_d02962 /* gif chooser category names */,
.searchTitle_a3a4ce {
  color: white;
}
.gifIcon_edf440 /* profile upload image gif chooser */ {
  background-color: white;
}
.controlIcon_f1ceac /* fix video maximize button */ {
  color: var(--text-1);
  opacity: 0.6;
}
.controlIcon_f1ceac:hover /* fix video maximize button hover */ {
  opacity: 1;
}
::selection {
  background: var(--accent-4);
  color: var(--text-0);
}
.lookFilled__3f413.select__3f413 {
  border: none;
}
.checkbox_f525d3 /* channel checkboxes */ {
  border-color: var(--text-4) !important;
}
.newBadge__9a337 /* fix forum new badge */ {
  color: var(--accent-2);
  line-height: 16px;
}

/* remove shadows */
#app-mount .header_fed6d3 /* gif picker */ {
  box-shadow: none;
}
#app-mount .textContentFooter__9a337 /* forum post image fade */ {
  background: none;
}

/* change online indicator color */
rect[fill="#23a55a"],
svg[fill="#23a55a"] {
  fill: var(--online-indicator) !important;
}
.status_a423bd[style="background-color: rgb(35, 165, 90);"] {
  background-color: var(--online-indicator) !important;
}
rect[fill="#f0b232"],
svg[fill="#f0b232"] {
  fill: var(--idle-indicator);
}
.status_a423bd[style="background-color: rgb(240, 178, 50);"] {
  background-color: var(--idle-indicator) !important;
}
rect[fill="#f23f43"],
svg[fill="#f23f43"] {
  fill: var(--dnd-indicator);
}
.status_a423bd[style="background-color: rgb(242, 63, 67);"] {
  background-color: var(--dnd-indicator) !important;
}
rect[fill="#593695"],
svg[fill="#593695"] {
  fill: var(--streaming-indicator);
}
.status_a423bd[style="background-color: rgb(89, 54, 149);"] {
  background-color: var(--streaming-indicator) !important;
}

/* color fix filters */
.container_a14595:last-child .icon_a14595 /* explore discoverable servers icon color */ {
  background-color: #3ba55c;
  filter: var(--green-to-accent-3-filter);
}
.container_a14595:first-child .icon_a14595 /* explore discoverable servers icon color */ {
  filter: var(--blurple-to-accent-3-filter);
}
.artwork_eb4069 /* filter login image */ {
  filter: var(--login-bg-filter);
}

/* fix weird message bar padding */
.clipContainer__841c8 {
  padding-top: 0;
  margin-top: 0;
}

/* separate header bar */
.title_f75fb0.themed__9293f /* remove bg */ {
  background: none;
}
.searchResultsWrap_a9e706 /* allow overflow */ {
  overflow: visible;
}
.chatContent_f75fb0::before /* main chat */,
.membersWrap_c8ffbb::before /* member list */,
.searchResultsWrap_a9e706::before /* search results */,
.outer_c0bea0.panel_c0bea0::before /* dm profile */,
.container_f369db::before /* forums */ {
  content: "";
  position: absolute;
  margin-top: -48px;
  background: var(--background-primary);
  width: 100%;
  height: 48px;
  border-radius: var(--roundness-xl) var(--roundness-xl) 0 0;
}
.wrapper_cb9592.minimum_cb9592 ~ .content_f75fb0 .container__93316::before /* remove when in private call */ {
  display: none;
}
.membersWrap_c8ffbb /* fix members list height when not scroll */ {
  height: 100%;
}

/* rearrange toolbar */
a[href="https://support.discord.com"] /* hide help */
{
  display: none;
}
.search__49676 {
  order: 1;
  margin: 0 4px 0 12px;
}
.chat_f75fb0:has(.searchResultsWrap_a9e706) .searchBar__97492 {
  width: 394px !important;
  margin-left: calc(var(--spacing) + 8px);
}
.chat_f75fb0:has(.outer_c0bea0) .searchBar__97492 {
  width: 316px !important;
  margin-left: calc(var(--spacing) + 8px);
}
.chat_f75fb0:has(.membersWrap_c8ffbb) .searchBar__97492 {
  width: 216px !important;
  margin-left: calc(var(--spacing) + 8px);
}

/* add spacing */
.base_c48ade /* outside edges */ {
  margin: 0 var(--spacing) var(--spacing) 0;
}
.sidebar_c48ade /* channel list and user panel */,
.content_f75fb0 /* between chat and member list */ {
  gap: var(--spacing);
}
.sidebar_c48ade /* channel list and chat */ {
  margin-right: var(--spacing);
}
.sidebar_c48ade.hidden_c48ade {
  margin-right: 0;
}
.resizeHandle__01ae2 /* pretend to be a margin */ {
  width: var(--spacing);
}
.wrapper_cb9592.fullScreen_cb9592 .callContainer_cb9592,
.fullScreen_cb9592 + .layerContainer_da8173 + .layerContainer_da8173 .container__01ae2 /* fullscreen vc */ {
  margin-top: var(--spacing);
}
.notice__6e2b9 /* banner notice */,
.wrapper_cb9592.minimum_cb9592 /* private call */ {
  margin-bottom: var(--spacing);
}
/* fix padding */
#vc-spotify-player /* vencord spotify */,
.container_e131a9 /* vc panel */,
.panel__5dec7 /* stream panel */ {
  padding: 10px;
}

/* add rounded corners */
.container__2637a /* channel list */,
.panels_c48ade /* user panels */,
.privateChannels__35e86 /* dms list */,
.container__133bf /* friends page */,
.applicationStore_f07d62 /* nitro page */,
#app-mount .container_f391e3 /* message requests */,
.shop__6db1d /* discord shop */,
.container__01ae2 /* message request */,
#app-mount .callContainer_cb9592 /* vc */, 
.chat_f75fb0 /* general chat container (for browse channels page */,
.animatedContainer_f37cb1 /* server image card */,
.notice__6e2b9 /* banner notice */,
.wrapper_cb9592.minimum_cb9592, /* private call */
.wrapper_cb9592.minimum_cb9592 ~ .content_f75fb0 /* chat under private call */,
.main_c08b38 /* server onboarding */,
/* discover page sidebar & wrappers */
.sidebarContainer_a3a4ce,
.pageWrapper_a3a4ce,
.thin_d125d2.scrollerBase_d125d2,
.layerContainer_da8173 .outer_c0bea0 /* profile popout */ {
  border-radius: var(--roundness-xl);
  overflow: hidden;
}
.container_dc2e0e /* family center */ {
  overflow: hidden;
}
.sidebar_c48ade /* fix */ {
  border-radius: 0 !important;
}
.container__93316 /* main chat */,
.chatContent_f75fb0 /* main chat inner */,
.container_c8ffbb /* members list */,
.searchResultsWrap_a9e706 /* search results */,
.container_f369db /* forums */,
.outer_c0bea0.panel_c0bea0 /* dm profile */ {
  border-radius: 0 0 var(--roundness-xl) var(--roundness-xl);
}

/* more rounded corners */
.messagesPopoutWrap__45690 /* inbox, pinned messages popout */,
.container_d9c882 /* thread popout */,
.menu_c1e9c4 .item_c1e9c4d /* server option popout */,
.userPopoutOuter_c69a7b /* user profile popout */,
.root__24502 /* user profile modal */,
.contentWrapper__08434 /* emoji, sticker, gif pickers */,
.footer__49fc1 /* edit modal footer */,
.layerContainer_da8173 .root__49fc1 /* upload modal */,
.uploadModal_dbca3c .footer_dbca3c /* upload modal footer */,
.layerContainer_da8173 .inner_c0bea0 {
  border-radius: var(--roundness-l);
}

.roundedBanner_c3e427 /* user profile popout top */,
.banner_ab876d /* user profile top when edit */ {
  border-radius: calc(var(--roundness-l) - 4px) calc(var(--roundness-l) - 4px) 0
    0;
}
.userPopoutInner_c69a7b:before /* user profile popout bottom */,
.userProfileModalInner_c69a7b:before /* user profile modal bottom */ {
  border-radius: calc(var(--roundness-l) - 4px);
}
.menu_c1e9c4 /* general popouts */,
.embed__623de/* embeds */,
.mediaAttachmentsContainer__242e2 /* image container */,
.oneByOneGridSingle_f4758a /* image container single */,
.imageContainer__0f481 .imageWrapper__178ee /* gif wrapper */,
.markup__75297 code /* code block */,
.itemCard__7e549 /* friend activity */,
.peopleListItem_cc6179:hover /* online list friends */,
.withTagAsButton_b2ca13:hover, .withTagless_b2ca13:hover /* user panel username */,
.messageGroupWrapper__45690 /* pinned messages */,
.accountProfileCard__1fed1 /* my account settings profile background */,
.userProfileModalInner_c69a7b /* fully focused user profile inner */,
.mainCard_f369db /* form posts & search box */,
.container_ca49a1 /* guidelines box */ {
  border-radius: var(--roundness-m);
}
.scrollableContainer__74017 /* message bar */,
.channelTextArea_f75fb0 /* message bar underneath */,
.select__3f413 /* bot dropdown select */,
.layout__91a9d /* members */,
.interactive_bf202d /* dms */,
.container__9271d /* thread link */,
.input__0f084 /* settings inputs */,
.item__001a7 /* settings radiobutton bars */,
.item__001a7 .radioBar__001a7 /* settings radiobutton bars */,
.input_ac6cb0 /* big 'find conversation' search bar */ {
  border-radius: var(--roundness-s);
}
.select__3f413.open__3f413 /* vencord plugin show all */,
.headerWithMatchingPosts_f369db /* forums searchbar footer */ {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.popout__3f413 /* vencord plugin show all */ {
  border-radius: 0 0 var(--roundness-s) var(--roundness-s);
}
.banner__183e8 /* community server tutorial thing on message bar */ {
  border-radius: var(--roundness-s) var(--roundness-s) 0 0;
}
.scrollableContainer__74017.hasStackedBar__74017 /* fix message bar with reply bar */ {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.replyBar__841c8 {
  border-radius: var(--roundness-s) var(--roundness-s) 0 0;
}
.link__2ea32 /* channels */,
.content__07f91 /* member connected to vc */,
.side_b3f026 .item_b3f026 /* settings tabs */,
button.button__201d5 /* small buttons */,
.container__33507 /* friend searchbar */,
.container_fea832 /* sticker/emoji picker searchbar */,
.searchBar_fed6d3 /* gif picker searchbar */ ,
.item_c1e9c4 /* general popout buttons */,
.icon_a629d4 /* streaming icon */,
#vc-spotify-album-image,
.background_e681d1 /* settings nitro tab selected */,
.hoverButtonGroup__06ab4 /* video download button */,
.wrapper_f7ecac /* message hover menu */,
.previewChannelRowContent_d59199 {
  border-radius: var(--roundness-xs);
}
.hoverButtonGroup__06ab4 /* reposition video download button */ {
  top: 6px;
  right: 6px;
}
.wrapper_a7c28c /* mentions */,
.searchBar__97492 /* channel search bar */,
.searchBar__35e86 .searchBarComponent__35e86 /* small 'find conversation' search bar */,
.topPill_b3f026 .item_b3f026 /* friend online/categories */ {
  border-radius: var(--roundness-xxs);
}
#app-mount .centerButton_f1ceac /* fix vc buttons */ {
  border-radius: 50%;
}

/* fix view server as role popup */
.viewAsRolesWarning_e131a9 {
  position: fixed;
  left: 102px;
}

/* separate guilds panel background */
.guilds_c48ade {
  background: var(--bg-4);
  border-radius: var(--roundness-xl);
  margin: 0 0 var(--spacing) var(--spacing);
}
.guilds_c48ade.hidden_ef3116 {
  margin: 0;
}
#app-mount .scroller_ef3116 {
  padding: 12px 0;
}
.base_c48ade {
  margin-left: var(--spacing);
}

/* fix member list rounded corners */
.members_c8ffbb.thin_d125d2,
.members_c8ffbb.thin__99f8c {
  border-radius: 0 0 var(--roundness-xl) var(--roundness-xl);
}

.guilds_c48ade::after /* add bottom scroll shadow */,
.membersWrap_c8ffbb::after {
  content: "";
  position: absolute;
  background: linear-gradient(transparent 85%, var(--bg-4) 100%);
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  pointer-events: none;
  border-radius: 0 0 var(--roundness-xl) var(--roundness-xl);
}
.guilds_c48ade::before /* add top scroll shadow */ {
  content: "";
  position: absolute;
  background: linear-gradient(var(--bg-4) 0%, transparent 15%);
  top: 0;
  left: 0;
  right: 0;
  height: 100px;
  pointer-events: none;
  z-index: 1;
}
.childWrapper__6e9f8 {
  background: var(--bg-3);
}
.container_c48ade > [style$="display: flex;"] > .guilds_c48ade {
  margin: 0;
}
.container_c48ade > [style$="display: flex;"] {
  margin: 0 0 var(--spacing) var(--spacing);
}
/* UNCOMMENT IF YOU REMOVE THE ABOVE SECTION "separate guilds panel background"
.expandedFolderBackground__48112,
.folder__48112,
.folderIconWrapper__48112 {
	background-color: var(--bg-4) !important;
} */

/* extra top margin for macos and custom clients */
.container_c48ade {
  margin-top: var(--spacing);
}
.platform-win .container_c48ade {
  margin-top: 0;
}

/* top corner title */
[class^="wordmarkWindows"] {
  padding: 4px var(--spacing);
}
[class^="wordmarkWindows"] > svg {
  display: none;
}
[class^="wordmarkWindows"]::after {
  content: var(--corner-text);
  display: block;
  position: relative;
  height: 16px;
  line-height: 16px;
  font-family: var(--font);
  font-size: 13px;
  font-weight: 900;
  color: var(--text-5);
  transform: scaleX(1.2);
  margin-left: 6px;
}

/* top bar height */
[class^="typeWindows"] {
  height: calc(var(--spacing) + 12px);
  margin: 0;
}

/* window controls */
[class^="winButton"] > svg {
  display: var(--windows-nav);
}
[class^="winButton"] {
  background: none !important;
  top: 0;
  width: calc(24px);
  height: calc(var(--spacing) + 12px);
  margin: 0;
}
[class^="winButtonClose"] {
  padding-right: calc(var(--spacing) - 5px);
}
[class^="winButton"]::after {
  display: var(--custom-nav);
  content: "";
  height: 12px;
  width: 12px;
  border-radius: 12px;
}
[class^="winButton"]:hover::after {
  filter: brightness(0.8);
}
[class^="winButton"]:active::after {
  transform: scale(0.9);
}
[class^="winButtonClose"]::after {
  background-color: var(--dnd-indicator) !important;
}
[class^="winButtonMinMax"]:nth-child(3)::after {
  background-color: var(--online-indicator) !important;
}
[class^="winButtonMinMax"]:nth-child(4)::after {
  background-color: var(--idle-indicator) !important;
}
.wrapper__6e9f8:hover > .childWrapper__6e9f8::before,
.wrapper__6e9f8.selected__6e9f8 > .childWrapper__6e9f8::before {
  background: var(--text-0);
  transform: rotate(-360deg) scale(0.8);
}
.lowerBadge_cc5dd2::before {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  transform: translate(-4px, -4px);
  z-index: -1;
  background: var(--bg-3);
  border-radius: 50%;
}
/* vencord spotify player support */
#vc-spotify-player {
  --vc-spotify-green: var(--accent-1);
}

/* improve unread divider */
.divider__908e2 {
  border-width: var(--divider-thickness);
  border-radius: var(--divider-thickness);
}
.divider__908e2 .content__908e2 {
  margin-top: calc(var(--divider-thickness) - var(--divider-thickness) * 2);
}
.endCap__908e2 {
  margin-top: calc(var(--divider-thickness) / 2 - var(--divider-thickness));
}
/* improve highlight message left edge */
.message__5126c.mentioned__5126c::before,
.replying__5126c::before {
  width: 4px;
  border-radius: 4px;
}
/* modify embeds */
.embedFull__623de {
  border: 4px solid var(--bg-2);
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  border-right-color: transparent !important;
}

/* server selected marker */
.item__58105 {
  width: 4px;
  border-radius: 4px;
  margin-left: 4px;
}

/* list hover animations */
.wrapper__2ea32 .link__2ea32 /* channels */,
.container__91a9d /* members */,
.channel__972a0 /* dms */,
.side_b3f026 .item_b3f026 /* settings */ {
  transition: margin-left var(--list-item-transition);
}
.wrapper__2ea32:hover .link__2ea32,
.side_b3f026 .item_b3f026:hover {
  margin-left: 10px;
}
.container__91a9d:hover,
.channel__972a0:hover {
  margin-left: 18px;
}

/* spin hover animations */
button.button__67645 /* make user panel buttons round */ {
  border-radius: 50%;
}
.attachButton__0923f .attachButtonInner__0923f /* upload button */,
.emojiButton_d0696b .contents__201d5 /* emoji button */,
.closeButton_c2b141 /* settings exit button */,
.contents__201d5 > .closeIcon__49fc1 /* modal close */ {
  transition: transform var(--icon-spin-transition);
}
.button__67645:last-child:hover .contents__201d5,
.attachButton__0923f:hover .attachButtonInner__0923f,
.emojiButton_d0696b:hover .contents__201d5,
.closeButton_c2b141:hover,
.contents__201d5:hover > .closeIcon__49fc1 {
  transform: rotate(360deg);
}

/* hide unread bar on hover */
.messagesWrapper__36d07 {
  overflow: hidden;
}
.newMessagesBar__0f481 {
  top: -48px;
  height: 72px;
  transition: top var(--unread-bar-transition);
  background: none;
  box-shadow: none;
  border-radius: 0;
}
.newMessagesBar__0f481::before {
  content: "";
  background: var(--accent-3);
  box-shadow: var(--elevation-low);
  width: 100%;
  position: absolute;
  height: 32px;
  border-radius: var(--roundness-s);
}
.newMessagesBar__0f481:hover {
  top: -12px;
}
.top__7aaec > .containerPadding__7aaec {
  padding: 16px;
  margin-top: -40px;
  transition: margin-top var(--unread-bar-transition);
}
.top__7aaec:hover > .containerPadding__7aaec:hover {
  margin-top: -12px;
}
.bottom__7aaec > .containerPadding__7aaec {
  padding: 16px;
  margin-bottom: -40px;
  transition: margin-bottom var(--unread-bar-transition);
}
.bottom__7aaec > .containerPadding__7aaec:hover {
  margin-bottom: -12px;
}

/* Decor Compat */
.vc-decor-sectioned-grid-list-container {
  border-radius: 0% !important;
  overflow: scroll !important;
}

/* Call background fits theme */
.callContainer_cb9592 {
  background: var(--bg-4);
}

/* Remove gradient from call containers */
.gradientContainer_bfe55a {
  visibility: hidden;
}

/* Call padding */
.wrapper_cb9592.normal_cb9592 {
  padding-bottom: var(--spacing);
}

/* change own profile hover to match border roundness */
.avatarWrapper__37e49:hover {
  border-radius: var(--roundness-xl);
}

/* fix scrollbars in emotes menu */
.content_fed6d3 .thin__99f8c::-webkit-scrollbar-thumb,
.wrapper_e94b8c .thin_d125d2::-webkit-scrollbar-thumb,
.listWrapper_c656ac .thin_d125d2::-webkit-scrollbar-thumb {
  background-color: var(--bg-2);
}

/* fix discovery icon */
.footer__214dc {
  background: var(--bg-overlay-app-frame, var(--bg-4));
}
.discoveryIcon_ef3116 {
  color: var(--green-360);
}

/* fix bottom left user profile corner roundness */
.inner_c0bea0.panel_c0bea0 {
  border-radius: 0 0 var(--roundness-xl) var(--roundness-xl);
}

.theme-light {
  --text-link: var(--accent-5);
}

html.theme-light,
.theme-dark {
  --activity-card-background: var(--bg-3);
  --android-navigation-bar-background: var(--primary-830);
  --android-navigation-scrim-background: hsl(var(--primary-830-hsl) / 0.5);
  --android-ripple: hsl(var(--white-500-hsl) / 0.07);
  --background-accent: var(--bg-2);
  --background-floating: var(--bg-3);
  --background-mentioned: var(--mention);
  --background-mentioned-hover: var(--mention-hover);
  --background-message-automod: hsl(var(--red-400-hsl) / 0.05);
  --background-message-automod-hover: hsl(var(--red-400-hsl) / 0.1);
  --background-message-highlight: var(--active);
  --background-message-highlight-hover: var(--hover);
  --background-message-hover: var(--message-hover);
  --background-mobile-primary: var(--bg-4);
  --background-mobile-secondary: var(--primary-630);
  --background-modifier-accent: var(--hover);
  --background-modifier-accent-2: red;
  --background-modifier-active: var(--active);
  --background-modifier-hover: var(--hover);
  --background-modifier-selected: var(--active);
  --background-nested-floating: var(--primary-630);
  --background-primary: var(--bg-4);
  --background-secondary: var(--bg-3);
  --background-secondary-alt: var(--bg-3);
  --background-tertiary: var(--bg-3);
  --bg-backdrop: hsl(var(--black-500-hsl) / 0.7);
  --bg-backdrop-no-opacity: var(--black-500);
  --bg-base-primary: var(--primary-600);
  --bg-base-secondary: var(--primary-630);
  --bg-base-tertiary: var(--primary-660);
  --bg-mod-faint: var(--bg-4);
  --bg-mod-strong: hsl(var(--primary-500-hsl) / 0.54);
  --bg-mod-subtle: var(--bg-2);
  --bg-surface-overlay: var(--primary-800);
  --bg-surface-overlay-tmp: var(--primary-800);
  --bg-surface-raised: var(--primary-600);
  --black: var(--black-500);
  --blur-fallback: hsl(var(--primary-700-hsl) / 0.96);
  --blur-fallback-pressed: hsl(var(--primary-730-hsl) / 0.96);
  --border-faint: hsl(var(--white-500-hsl) / 0.03);
  --border-strong: hsl(var(--white-500-hsl) / 0.16);
  --border-subtle: hsl(var(--white-500-hsl) / 0.08);
  --bug-reporter-modal-submitting-background: hsl(var(--primary-800-hsl) / 0.6);
  --button-creator-revenue-background: var(--teal-430);
  --button-danger-background: var(--red-430);
  --button-danger-background-active: var(--red-530);
  --button-danger-background-disabled: var(--red-430);
  --button-danger-background-hover: var(--red-500);
  --button-outline-brand-background: hsl(var(--white-500-hsl) / 0);
  --button-outline-brand-background-active: var(--brand-560);
  --button-outline-brand-background-hover: var(--brand-500);
  --button-outline-brand-border: var(--brand-500);
  --button-outline-brand-border-active: var(--brand-560);
  --button-outline-brand-border-hover: var(--brand-500);
  --button-outline-brand-text: var(--white-500);
  --button-outline-brand-text-active: var(--white-500);
  --button-outline-brand-text-hover: var(--white-500);
  --button-outline-danger-background: hsl(var(--white-500-hsl) / 0);
  --button-outline-danger-background-active: var(--red-460);
  --button-outline-danger-background-hover: var(--red-430);
  --button-outline-danger-border: var(--red-400);
  --button-outline-danger-border-active: var(--red-430);
  --button-outline-danger-border-hover: var(--red-430);
  --button-outline-danger-text: var(--white-500);
  --button-outline-danger-text-active: var(--white-500);
  --button-outline-danger-text-hover: var(--white-500);
  --button-outline-positive-background: hsl(var(--white-500-hsl) / 0);
  --button-outline-positive-background-active: var(--green-530);
  --button-outline-positive-background-hover: var(--green-430);
  --button-outline-positive-border: var(--green-360);
  --button-outline-positive-border-active: var(--green-530);
  --button-outline-positive-border-hover: var(--green-430);
  --button-outline-positive-text: var(--white-500);
  --button-outline-positive-text-active: var(--white-500);
  --button-outline-positive-text-hover: var(--white-500);
  --button-outline-primary-background: hsl(var(--white-500-hsl) / 0);
  --button-outline-primary-background-active: var(--primary-430);
  --button-outline-primary-background-hover: var(--primary-500);
  --button-outline-primary-border: var(--primary-500);
  --button-outline-primary-border-active: var(--primary-430);
  --button-outline-primary-border-hover: var(--primary-500);
  --button-outline-primary-text: var(--white-500);
  --button-outline-primary-text-active: var(--white-500);
  --button-outline-primary-text-hover: var(--white-500);
  --button-positive-background: var(--green-430);
  --button-positive-background-active: var(--green-530);
  --button-positive-background-disabled: var(--green-430);
  --button-positive-background-hover: var(--green-500);
  --button-secondary-background: var(--bg-2);
  --button-secondary-background-active: var(--text-5);
  --button-secondary-background-disabled: var(--bg-2);
  --button-secondary-background-hover: var(--bg-1);
  --card-gradient-bg: hsl(var(--black-500-hsl) / 0.4);
  --card-gradient-pressed-bg: hsl(var(--black-500-hsl) / 0.5);
  --card-primary-bg: var(--primary-560);
  --card-primary-pressed-bg: var(--primary-645);
  --card-secondary-bg: var(--bg-3);
  --card-secondary-pressed-bg: var(--primary-645);
  --channel-icon: var(--text-4);
  --channel-text-area-placeholder: var(--text-5);
  --channels-default: var(--text-4);
  --channeltextarea-background: var(--bg-3);
  --chat-background: var(--primary-600);
  --chat-border: var(--primary-700);
  --chat-input-container-background: var(--primary-600);
  --chat-swipe-to-reply-background: var(--primary-660);
  --control-brand-foreground: var(--accent-2);
  --control-brand-foreground-new: var(--brand-360);
  --creator-revenue-icon-gradient-end: var(--teal-430);
  --creator-revenue-icon-gradient-start: var(--teal-360);
  --creator-revenue-info-box-background: hsl(var(--teal-430-hsl) / 0.1);
  --creator-revenue-info-box-border: var(--teal-400);
  --creator-revenue-locked-channel-icon: var(--teal-345);
  --creator-revenue-progress-bar: var(--teal-400);
  --deprecated-card-bg: var(--bg-3);
  --deprecated-card-editable-bg: hsl(var(--primary-700-hsl) / 0.3);
  --deprecated-quickswitcher-input-background: var(--primary-400);
  --deprecated-quickswitcher-input-placeholder: hsl(var(--white-500-hsl) / 0.3);
  --deprecated-store-bg: var(--primary-600);
  --deprecated-text-input-bg: var(--bg-3);
  --deprecated-text-input-border: hsl(var(--black-500-hsl) / 0.3);
  --deprecated-text-input-border-disabled: var(--primary-700);
  --deprecated-text-input-border-hover: var(--primary-900);
  --deprecated-text-input-prefix: var(--primary-200);
  --display-banner-overflow-background: hsl(var(--primary-700-hsl) / 0.5);
  --divider-strong: hsl(var(--white-500-hsl) / 0.16);
  --divider-subtle: hsl(var(--white-500-hsl) / 0.08);
  --focus-primary: var(--blue-345);
  --forum-post-extra-media-count-container-background: hsl(
    var(--primary-660-hsl) / 0.8
  );
  --forum-post-tag-background: hsl(var(--primary-660-hsl) / 0.9);
  --guild-notifications-bottom-sheet-pill-background: var(--primary-700);
  --header-muted: var(--text-4);
  --header-primary: var(--text-2);
  --header-secondary: var(--text-4);
  --home-background: var(--bg-4);
  --home-card-resting-border: hsl(var(--transparent-hsl) / 0);
  --icon-muted: var(--primary-400);
  --icon-primary: var(--primary-130);
  --icon-secondary: var(--primary-330);
  --info-box-background: hsl(var(--blue-345-hsl) / 0.1);
  --info-danger-background: hsl(var(--red-400-hsl) / 0.1);
  --info-danger-foreground: var(--red-400);
  --info-danger-text: var(--white-500);
  --info-help-background: hsl(var(--blue-345-hsl) / 0.1);
  --info-help-foreground: var(--blue-345);
  --info-help-text: var(--white-500);
  --info-positive-background: hsl(var(--green-360-hsl) / 0.1);
  --info-positive-foreground: var(--green-360);
  --info-positive-text: var(--white-500);
  --info-warning-background: hsl(var(--yellow-300-hsl) / 0.1);
  --info-warning-foreground: var(--yellow-300);
  --info-warning-text: var(--white-500);
  --input-background: var(--bg-3);
  --input-placeholder-text: var(--text-5);
  --interactive-active: var(--text-3);
  --interactive-hover: var(--text-3);
  --interactive-muted: var(--text-5);
  --interactive-normal: var(--text-4);
  --legacy-android-blur-overlay-default: hsl(var(--primary-660-hsl) / 0.5);
  --legacy-android-blur-overlay-ultra-thin: hsl(var(--black-500-hsl) / 0.025);
  --legacy-blur-fallback-default: hsl(var(--primary-660-hsl) / 0.975);
  --legacy-blur-fallback-ultra-thin: hsl(var(--black-500-hsl) / 0.95);
  --live-stage-tile-border: hsl(var(--primary-500-hsl) / 0.6);
  --logo-primary: var(--white-500);
  --mention-background: var(--mention);
  --mention-foreground: var(--accent-1);
  --modal-background: var(--bg-4);
  --modal-footer-background: var(--bg-4);
  --navigator-header-tint: var(--white-500);
  --polls-image-normal-border: hsl(var(--black-430-hsl) / 0.9);
  --polls-victor-border: var(--yellow-300);
  --polls-victor-fill: var(--mention);
  --polls-victor-label: var(--primary-600);
  --polls-voted-border: var(--green-330);
  --polls-voted-fill: var(--mention);
  --polls-voted-label: var(--primary-600);
  --profile-gradient-card-background: hsl(var(--black-500-hsl) / 0.7);
  --profile-gradient-message-input-border: hsl(var(--primary-500-hsl) / 0.48);
  --profile-gradient-note-background: hsl(var(--black-500-hsl) / 0.3);
  --profile-gradient-overlay: hsl(var(--black-500-hsl) / 0.6);
  --profile-gradient-overlay-synced-with-user-theme: hsl(
    var(--black-500-hsl) / 0.8
  );
  --profile-gradient-profile-body-background-hover: hsl(
    var(--white-500-hsl) / 0.16
  );
  --profile-gradient-role-pill-background: hsl(var(--primary-660-hsl) / 0.5);
  --profile-gradient-role-pill-border: hsl(var(--white-500-hsl) / 0.2);
  --profile-gradient-section-box: hsl(var(--black-500-hsl) / 0.45);
  --redesign-activity-card-background: var(--primary-560);
  --redesign-activity-card-background-pressed: var(--primary-630);
  --redesign-activity-card-badge-icon: var(--primary-360);
  --redesign-activity-card-border: hsl(var(--white-500-hsl) / 0.02);
  --redesign-activity-card-overflow-background: var(--primary-630);
  --redesign-button-danger-background: var(--red-430);
  --redesign-button-danger-pressed-background: var(--red-460);
  --redesign-button-danger-text: var(--white-500);
  --redesign-button-overlay-alpha-background: hsl(var(--black-500-hsl) / 0.54);
  --redesign-button-overlay-alpha-pressed-background: hsl(
    var(--black-500-hsl) / 0.64
  );
  --redesign-button-overlay-alpha-text: var(--white-500);
  --redesign-button-overlay-background: var(--white-500);
  --redesign-button-overlay-pressed-background: var(--primary-230);
  --redesign-button-overlay-text: var(--primary-860);
  --redesign-button-positive-background: var(--green-430);
  --redesign-button-positive-pressed-background: var(--green-460);
  --redesign-button-positive-text: var(--white-500);
  --redesign-button-primary-alt-background: hsl(var(--brand-500-hsl) / 0);
  --redesign-button-primary-alt-border: var(--brand-360);
  --redesign-button-primary-alt-on-blurple-background: hsl(
    var(--brand-530-hsl) / 0
  );
  --redesign-button-primary-alt-on-blurple-border: var(--white-500);
  --redesign-button-primary-alt-on-blurple-pressed-background: var(--brand-530);
  --redesign-button-primary-alt-on-blurple-pressed-border: var(--brand-360);
  --redesign-button-primary-alt-on-blurple-text: var(--white-500);
  --redesign-button-primary-alt-pressed-background: hsl(
    var(--brand-700-hsl) / 0.16
  );
  --redesign-button-primary-alt-pressed-border: hsl(var(--brand-400-hsl) / 0.5);
  --redesign-button-primary-alt-pressed-text: var(--brand-360);
  --redesign-button-primary-alt-text: var(--brand-360);
  --redesign-button-primary-background: var(--brand-500);
  --redesign-button-primary-on-blurple-background: var(--white-500);
  --redesign-button-primary-on-blurple-pressed-background: var(--brand-200);
  --redesign-button-primary-on-blurple-pressed-text: var(--brand-530);
  --redesign-button-primary-on-blurple-text: var(--brand-500);
  --redesign-button-primary-pressed-background: var(--brand-560);
  --redesign-button-primary-text: var(--white-500);
  --redesign-button-secondary-alt-background: var(--primary-660);
  --redesign-button-secondary-alt-pressed-background: var(--primary-560);
  --redesign-button-secondary-alt-pressed-text: var(--primary-330);
  --redesign-button-secondary-alt-text: var(--primary-230);
  --redesign-button-secondary-background: var(--primary-460);
  --redesign-button-secondary-border: hsl(var(--white-500-hsl) / 0.08);
  --redesign-button-secondary-pressed-background: var(--primary-500);
  --redesign-button-secondary-pressed-border: hsl(var(--transparent-hsl) / 0);
  --redesign-button-secondary-text: var(--primary-230);
  --redesign-channel-category-name-text: var(--primary-330);
  --redesign-channel-message-preview-text: var(--primary-360);
  --redesign-channel-name-muted-text: var(--primary-360);
  --redesign-channel-name-text: var(--primary-130);
  --redesign-chat-input-background: var(--primary-700);
  --redesign-input-control-active-bg: var(--primary-645);
  --redesign-input-control-selected: var(--brand-500);
  --redesign-only-background-active: var(--primary-530);
  --redesign-only-background-default: var(--primary-600);
  --redesign-only-background-overlay: var(--primary-645);
  --redesign-only-background-raised: var(--primary-630);
  --redesign-only-background-sunken: var(--primary-660);
  --scrollbar-auto-scrollbar-color-thumb: var(--primary-730);
  --scrollbar-auto-scrollbar-color-track: var(--primary-630);
  --scrollbar-auto-thumb: var(--bg-3);
  --scrollbar-auto-track: transparent;
  --scrollbar-thin-thumb: var(--bg-3);
  --scrollbar-thin-track: transparent;
  --__spoiler-background-color--hidden: var(--bg-2);
  --__spoiler-background-color--hidden--hover: var(--hover);
  --__spoiler-background-color--revealed: var(--bg-2);
  --status-danger: var(--red-400);
  --status-danger-background: var(--red-400);
  --status-danger-text: var(--text-0);
  --status-dnd: var(--red-400);
  --status-idle: var(--yellow-300);
  --status-offline: var(--primary-360);
  --status-online: var(--green-360);
  --status-positive: var(--green-360);
  --status-positive-background: var(--green-430);
  --status-positive-text: var(--text-0);
  --status-speaking: var(--green-360);
  --status-warning: var(--yellow-300);
  --status-warning-background: var(--yellow-300);
  --status-warning-text: var(--black-500);
  --text-brand: var(--accent-1);
  --text-danger: var(--red-345);
  --text-link: var(--accent-1);
  --text-link-low-saturation: var(--blue-330);
  --text-low-contrast: var(--primary-360);
  --text-message-preview-low-sat: var(--primary-360);
  --text-muted: var(--text-5);
  --text-muted-on-default: var(--text-4);
  --text-normal: var(--text-3);
  --text-positive: var(--green-330);
  --text-primary: var(--text-3);
  --text-secondary: var(--text-3);
  --text-warning: var(--yellow-300);
  --textbox-markdown-syntax: var(--primary-360);
  --theme-locked-blur-fallback: hsl(var(--primary-700-hsl) / 0.96);
  --user-profile-header-overflow-background: hsl(var(--primary-700-hsl) / 0.5);
  --voice-video-tile-blur-fallback: hsl(var(--primary-700-hsl) / 0.48);
  --voice-video-video-tile-blur-fallback: hsl(var(--primary-700-hsl) / 0.48);
  --white: var(--white-500);

  --profile-gradient-primary-color: var(--bg-4);
  --profile-gradient-secondary-color: var(--bg-4);

  --elevation-low: none;
  --shadow-ledge: none;
  --search-popout-option-fade: none;
  --search-popout-option-fade-hover: none;

  --brand-260: var(--bg-1); /* 'new' badges */
  --brand-430: var(--accent-3);
  --brand-500: var(--accent-3);
  --brand-530: var(--accent-4);
  --brand-560: var(--accent-4);
  --brand-600: var(--accent-5);

  --brand-experiment-400: var(
    --accent-3
  ); /* loading spinning animation element */

  --green-330: var(--accent-1);
  --green-360: var(--accent-3);
  --green-430: var(--accent-4);
  --green-500: var(--accent-4);
  --green-530: var(--accent-5);

  --brand-experiment-15a: var(--mention); /* background of reacted reactions */
  --brand-360: var(--accent-2); /* invite text */

  --primary-500: var(--bg-2); /* progress bars */
  --primary-600: var(--bg-3); /* delete message preview */
  --primary-630: var(--bg-3); /* billing transaction history */
  --primary-660: var(--bg-3); /* search popout "enter" bar */

  --white-500: var(--text-1);
}

/* ------------------ */
/* Hide Nitro upsells */
/* ------------------ */

li[role="listitem"] {
  /* Hide Nitro button in Home */
  :has(a[href="/store"]) {
    display: none;
  }

  /* Hide shop button in Home */
  :has(a[href="/shop"]) {
    display: none;
  }
}
/* [Settings][Sidebar] Hide Nitro tabs */
div[role="tablist"] {
  > div[class*="separator_"]:has(
      + div[class*="header_"] + div[class*="premiumTab_"]
    ) {
    display: var(--display-settings-billing-header);
  } /* Seperator */
  > div[class*="header_"]:has(+ div[class*="premiumTab_"]) {
    display: var(--display-settings-billing-header);
  } /* Billing Settings header */
  > div[class*="premiumTab_"] {
    display: var(--display-settings-nitro-tab);
  } /* Nitro */
  > div[class*="premiumTab_"] + div {
    display: var(--display-settings-server-boost-tab);
  } /* Server Boost */
  > div[class*="premiumTab_"] + div + div {
    display: var(--display-settings-subscriptions-tab);
  } /* Subscriptions */
  > div[class*="premiumTab_"] + div + div + div {
    display: var(--display-settings-gift-inventory-tab);
  } /* Gift Inventory */
  > div[class*="premiumTab_"] + div + div + div + div {
    display: var(--display-settings-billing-tab);
  } /* Billing */
}

/* [Settings][Sidebar] Disable Nitro tab shininess (for search) */
div[class^="premiumTab"] {
  div[class^="premiumLabel"] svg {
    display: none;
  }
  div[class^="background"] {
    display: none;
  }
}

/* Server Profiles: Make unique profiles for each server box */
div[class*="upsellOverlayContainer_"] {
  display: none;
}

/* Profiles: Choose a GIF avatar */
div[class^="optionBox"]:has(
    div[class^="text-sm/semibold"]
      > div[class^="optionBoxText"]
      > div[class^="optionBoxDescription"]
      > div[class^="nitroWheelFlairContainer"]
  ) {
  display: none;
}

/* Profiles: Change decorations exclusive to Nitro */
div[class*="decorationGridItem"]:has(div[class*="iconBadge"]) {
  display: none;
} /* Decorations */
div[class*="effectGridItem"]:has(div[class*="iconBadge"]) {
  display: none;
} /* Effects */

/* Profiles: Try out Nitro! box */
div[class^="premiumFeatureBorder"] {
  display: none;
}

#profile-customization-tab {
  /* Profiles: New style ad */
  > div[class^="container"]:has(button[class*="colorBrand"]) {
    display: none;
  }

  /* [Settings][Profiles]: Per server avatar */
  div[class^="avatar_"]:has(
      path[d="M7 4a1 1 0 0 0 0 2h3a1 1 0 1 1 0 2H5.5a1 1 0 0 0 0 2H8a1 1 0 1 1 0 2H6a1 1 0 1 0 0 2h1.25A8 8 0 1 0 15 4H7Zm8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"]
    ) {
    pointer-events: none;
  }

  /* [Settings][Profiles]: Hide profile customization ad in banner preview */
  foreignObject
    div[role="button"]:has(path[d^="M15 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"]) {
    display: none;
  }

  /* [Settings][Profiles]: Hide the 'Level up your look, only with Nitro' upsell banner */
  div[class^="upsellContainer"] {
    display: none;
  }
}

/* [Settings][Voice & Video] Soundboard entrance sounds */
div[id="voice-&-video-tab"] div[class*="callSoundsDivider_"] ~ * {
  display: none;
}

#appearance-tab {
  /* [Settings][Appearance] App icon and Theme upsell (old version) */
  div[class^="selectionGroup"]:has(div[class*="appIconSelectionContainer"]):has(
      div[class*="premiumSubscribeButton_"]
    ) {
    display: none;
  }
  div[role="button"]:has(svg[class*="nitroWheel"]) {
    display: none;
  }

  /* [Settings][Appearance] App icon and Theme upsell (new version) */
  div[class*="SelectionContainer"]:has(div[class*="lockedBadgeContainer"]) {
    display: none;
  }
  div[class*="description"]:has(svg[class*="nitroWheel"]) {
    display: none;
  }
}

/* Hide message size upsells */
div[class^="characterCount"] > div[class*=" upsell_"] {
  display: none;
}

/* [Voice Chat][Screen Share] Hide Screen Share quality upsells */
div[class*="qualitySettingsContainer_"] {
  button[class*="premiumUpsell"] {
    display: none;
  }
  div[class*="upsellBanner_"] {
    display: none;
  }
}

/* Hide ad in profile banners */
div[class^="premiumIconWrapper"] {
  display: none;
}

/* Hide "Level up your look" ad in account profile popout */
div[class*="hasCollectiblesUpsell"]
  > div[class^="userPopoutInner"]
  > div[class*="animation_"] {
  display: none;
}

/* Hide "Gift Nitro" button in DM User Profile sidebar */
button[class*=" giftButton"] {
  display: none;
}

/* Emoji popout: "Get nitro" button */
button[class^="shinyButton"]:has(div[class*="premiumSubscribeButton"]) {
  display: none;
}

/* Emoji popout: "Powered by nitro" text */
div[class^="nitroTextAndBadge"] {
  display: none;
}

/* Hide "Custom emojis" Nitro text from hover tooltip */
div[class^="tooltipPremiumContent"] {
  display: none;
}

/* Emoji autocomplete upsell (wowww this stoops low, even for them) */
div[class^="nitroTopDividerContainer"],
div[class^="nitroTopDividerContainer"] ~ div {
  display: none;
}

/* Hide the 'Unlock every emoji with Nitro' in emoji picker */
div[class^="emojiPickerListWrapper"] div[class^="upsellContainer"] {
  display: none;
}

/* Remove the purple background in the emoji picker and autocomplete */
div[class*="categorySectionNitroLocked"] {
  background-color: unset !important;
}

/* Remove the purple divider at the bottom of the emoji picker*/
div[class^="nitroBottomDivider"] {
  display: none;
}

/* Hide the lock icon on servers icon in the emoji picker */
div[class^="categoryItemLockIconContainer"] {
  display: none;
}

/* Hide the lock icon on emoji in the emoji picker */
div[class^="emojiLockIconContainer"] {
  display: none;
}

/* Restore old grayscale filter on Nitro emojis so you don't accidentally click them and get an ad */
div[class*="categorySectionNitroLocked"]
  > ul
  > li
  > button
  > img[class^="lockedEmoji"] {
  filter: grayscale(1);
}

/* Grayscale for emoji that are simply locked and not in the Nitro section */
button[data-type="emoji"]:has(div[class^="emojiLockIconContainer"]) {
  filter: grayscale(1);
}

/* Friend panel nitro upsell */
div[class*="overlayBackground_"]:has(
    div[class*="contentText_"] > a[role="button"]
  ) {
  display: none;
}

/* Hide "sneak peek" upsell banner */
div[class*="notice"][class*="colorPremium"] {
  display: none;
}

/* Hide "Activities" button */
form > div[class^="channelBottomBarArea_"] {
  /* Apps button (right) */
  div[class^="channelAppLauncher_"] {
    display: none;
  }
}

/* Hide Help button */
div[class^="toolbar_"] > a[href*="support.discord.com"] {
  display: none;
}

/* Hide download button in web version */
div[class^="listItem_"]:has(div[class^="guildSeparator_"]):has(
    + div[class^="listItem_"]
      [data-list-item-id="guildsnav___app-download-button"]
  ) {
  display: none;
} /* separator */

div[class^="listItem_"]:has(
    [data-list-item-id="guildsnav___app-download-button"]
  ) {
  display: none;
} /* button & click target */

/* Hide "Get Nitro" button */
.container_c0c49a:has(.iconContainer_c0c49a) {
  display: none;
}
.iconContainer_c0c49a {
  display: none;
}
