base.css

/* Icons settings */
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css);
/* 2016 Status */
@import url("https://zuzumi-f.github.io/classic-discord-status/2016-status.css");
/* Discolored by Nyri4 */
@import url("https://nyri4.github.io/Discolored/main.css");

/* Theme dark only */
.theme-dark, .theme-light {
    --header-primary: hsl(0, 0%, 100%);
    --header-secondary: hsl(196, 0%, 74%);
    --text-normal: hsl(190, 0%, 87%);
    --text-muted: hsl(207, 0%, 47%);
    --text-link: hsl(207, 100%, 47.8%);
    --text-link-low-saturation: hsl(207, 100%, 52.9%);
    --text-positive: hsl(139, 66.8%, 58.6%);
    --text-warning: hsl(38, 95.7%, 54.1%);
    --text-danger: hsl(359, 82.6%, 59.4%);
    --text-brand: hsl(235, 86.1%, 77.5%);
    --interactive-normal: hsl(196, 0%, 74%);
    --interactive-hover: hsl(190, 0%, 87%);
    --interactive-active: hsl(0, 0%, 100%);
    --interactive-muted: hsl(197, 0%, 34%);
    --background-primary: hsl(190, 0%, 15%);
    --background-secondary: hsl(193, 0%, 11%);
    --background-secondary-alt: hsl(190, 0%, 9%);
    --background-tertiary: hsl(196, 0%, 5%);
    --background-accent: hsl(197, 0%, 24%);
    --background-floating: hsl(195, 0%, 6%);
    --background-mobile-primary: var(--background-primary);
    --background-mobile-secondary: var(--background-secondary);
    --background-modifier-hover: hsla(207, 0%, 29%, 0.16);
    --background-modifier-active: hsla(207, 0%, 29%, 0.24);
    --background-modifier-selected: hsla(207, 0%, 29%, 0.32);
    --background-modifier-accent: hsla(0, 0%, 95%, 0.06);
    --info-positive-text: hsl(0, 0%, 100%);
    --info-warning-text: hsl(0, 0%, 100%);
    --info-danger-text: hsl(0, 0%, 100%);
    --info-help-background: hsla(207, 100%, 47.8%, 0.1);
    --info-help-text: hsl(0, 0%, 100%);
    --status-warning-text: hsl(0, 0%, 0%);
    --scrollbar-thin-thumb: hsl(196, 0%, 64%);
    --scrollbar-thin-track: transparent;
    --scrollbar-auto-thumb: hsl(196, 0%, 64%);
    --scrollbar-auto-track: transparent;
    --scrollbar-auto-scrollbar-color-thumb: hsl(196, 0%, 64%);
    --scrollbar-auto-scrollbar-color-track: transparent;
    --elevation-stroke: none;
    --elevation-low: none;
    --elevation-medium: none;
    --elevation-high: none;
    --logo-primary: hsl(0, 0%, 100%);
    --background-mentioned: hsla(38, 95.7%, 54.1%, 0.1);
    --background-mentioned-hover: hsla(38, 95.7%, 54.1%, 0.08);
    --background-message-hover: rgba(4, 4, 5, 0.07);
    --channels-default: hsl(213, 0%, 57%);
    --guild-header-text-shadow: none;
    --channeltextarea-background: hsl(207, 0%, 12%);
    --activity-card-background: hsl(196, 0%, 14%);
    --textbox-markdown-syntax: hsl(193, 0%, 57%);
    --deprecated-card-bg: rgba(32, 34, 37, 0.6);
    --deprecated-card-editable-bg: rgba(32, 34, 37, 0.3);
    --deprecated-store-bg: hsl(190, 0%, 23%);
    --deprecated-quickswitcher-input-background: hsl(207, 0%, 47%);
    --deprecated-quickswitcher-input-placeholder: hsla(0, 0%, 100%, 0.3);
    --deprecated-text-input-bg: rgba(0, 0, 0, 0.1);
    --deprecated-text-input-border: rgba(0, 0, 0, 0.3);
    --deprecated-text-input-border-hover: hsl(210, 0%, 2%);
    --deprecated-text-input-border-disabled: hsl(196, 0%, 14%);
    --deprecated-text-input-prefix: hsl(180, 0%, 87%);
}

/* When you dont use var(--) */
.theme-dark .container-2cd8Mz, .theme-dark .root-g14mjS, .theme-dark .footer-1hTRRZ, .theme-dark .pageWrapper-2PwDoS, .theme-dark .selected-3H3-RC, .theme-dark .searchAnswer-23w-CH, .theme-dark .searchFilter-2UfsDk, .theme-dark .perksModal-1pSu7w {
    background-color: var(--background-primary);
}
.theme-dark .footer-31IekZ, .theme-dark .autocomplete-3NRXG8, .theme-dark .separator-2OaeRP, .theme-dark .inset-SbsSFp, .theme-dark .footer-VCsJQY {
    background-color: var(--background-secondary);
}
.theme-dark .outer-2JOHae.active-1W_Gl9, .theme-dark .outer-2JOHae.interactive-2zD88a:hover, .interactive-2zD88a:hover .separator-2OaeRP, .interactive-2zD88a:hover .inset-SbsSFp, .outer-2JOHae.active-1W_Gl9 .separator-2OaeRP, .outer-2JOHae.active-1W_Gl9 .inset-SbsSFp, .theme-dark .autocompleteArrow-jJE9TQ, .theme-dark .header-3i_Csh {
    background-color: var(--background-tertiary);
}

/* BD Notice */
#app-mount .noticeWrapper-8z511t {
    position: fixed;
    border-radius: 8px !important;
    width: 40vh;
    height: 10vh !important;
    right: 20px;
    bottom: 20px;
    padding: 16px;
}

/* Notice normal */
#app-mount .notice-2HEN-u:not(.noticeWrapper-8z511t) {
    position: fixed;
    border-radius: 8px;
    width: 40vh;
    height: 10vh;
    right: 20px;
    bottom: 20px;
    padding: 16px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
#app-mount .notice-2HEN-u:not(.noticeWrapper-8z511t) .button-1iHNQ2 {
    margin-right: 10px;
}

/* Search & Add Server Button Style */
.circleIconButton-1VxDrg {
    color: var(--interactive-normal);
    transition: 0.15s ease;
}
.circleIconButton-1VxDrg.selected-2r1Hvo {
    color: var(--brand-experiment);
    background-color: var(--background-primary);
    transition: 0.15s ease;
}

/* Checks */
#app-mount .bd-switch-body {
    height: 18px;
}
.bd-switch input:checked + .bd-switch-body {
    background-color: var(--brand-experiment-500) !important;
}
.bd-switch .bd-switch-body path {
    --switch-color: transparent;
}
#app-mount .bd-switch-body .bd-switch-slider {
    top: -3px;
}
.bd-switch .bd-switch-body rect {
    fill: black !important;
    width: 15px;
    height: 15px;
    y: 2.3;
    x: 9;
}
.bd-switch .bd-switch-body rect:not(.bd-switch input:checked + .bd-switch-body rect) {
    x: 4 !important;
}

.container-2nx-BQ[style*="background-color: hsl(1"] {
    background-color: var(--brand-experiment-500) !important;
}
.container-2nx-BQ path[fill] {
    fill: transparent !important;
}
.container-2nx-BQ {
    height: 18px;
}
.container-2nx-BQ .slider-32CRPX {
    top: -3px;
}
.container-2nx-BQ rect {
    fill: black !important;
    width: 15px;
    height: 15px;
    y: 2.3;
    x: 9;
}
.container-2nx-BQ .slider-32CRPX[style*="left: -3px"] rect {
    x: 3.7 !important;
}

/* CheckBox */
.theme-dark .checkbox-f1HnKB {
    border-color: hsla(0, 0%, 50%, 0.4);
}
.checkbox-f1HnKB path:not([fill*="transparent"]) {
    fill: #000;
}
.contentRegion-3HkfJJ .checkboxWrapper-2fDzaA {
    margin-bottom: 8px;
}

.colorDefault-CDqZdO .checkbox-hADx5o, .colorDefault-CDqZdO .radioSelection-1UHp0b {
    color: var(--control-brand-foreground) !important;
}
.colorDefault-CDqZdO .check-3HZJs4 {
    color: #000 !important;
}

.checkbox-f1HnKB.flexCenter-1Mwsxg.flex-3BkGQD.justifyCenter-rrurWZ.alignCenter-14kD11.box-BHImcZ.checked-1pZh2h {
    background-color: var(--control-brand-foreground);
}

/* ColorPicker */
.theme-dark .colorPickerCustom-1swUKF {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    border-radius: 8px;
}

/* Invite thing */
.inviteRow-3vmB7i {
    margin-right: 0;
}
.theme-dark .separator-2lLxgC {
    box-shadow: none;
    border-bottom: 1px solid hsla(0, 0%, 50%, 0.4);
}

.theme-dark .contentWrapper-3oy4Xo {
    background: none;
}

/* User popout little */
.userPopout-2j1gM4 {
    border: 1px solid hsla(0, 0%, 50%, 0.4);
}

.userPopout-2j1gM4 .avatarWrapper-eenWra {
    left: unset;
    align-self: center;
}

.profileBadges-2pItdR.container-1gYwHN {
    max-width: 100%;
    justify-content: center;
    position: relative;
    top: -10px;
    right: 0;

}
.headerText-1-WmDq {
    display: grid;
    justify-items: center;
    text-align: center;
}
.customStatus-3XAoF9 {
    margin-top: 2px;
    justify-content: center;
    text-align: center;
    align-items: center;
    display: flex;
    word-break: break-all;
}

.userPopout-2j1gM4 .body-2wLx-E::-webkit-scrollbar {
    display: none;
}
.userPopout-2j1gM4 .body-2wLx-E {
    padding: 0 !important;
}
.userPopout-2j1gM4 .body-2wLx-E > div {
    padding-left: 16px;
    padding-right: 16px;
}

.userPopout-2j1gM4 .note-Go5ZP2 {
    padding-bottom: 8px;
}
.textarea-_59yqs.inputDefault-3FGxgL.input-2g-os5 ~ .charCounter-7fw40k {
    display: none;
}

.rolesList-3uZoaa {
    margin-bottom: 0;
    padding-bottom: 16px;
}
.rolesList-3uZoaa:empty {
    margin-bottom: 0;
    padding-bottom: 8px;
}

.applicationInstallButton-taCWKH {
    margin-left: 16px;
    margin-right: 16px;
    width: calc(100% - 32px);
}

.activity-1gTu-L {
    border-radius: 5px;
    background-color: var(--background-secondary-alt);
    padding: 8px;
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    margin-bottom: 6px;
}

/* No NOTE sections */
.bodyTitle-2Az3VQ:last-of-type,
.note-Go5ZP2,
.userInfoSection-2u2hir:not(.userInfoSection-2u2hir.colorStandard-21JIj7) .userInfoSectionHeader-2mYYun:last-of-type,
.note-3M15gE,
#user-context-note {
    display: none;
}
#app-mount .userBio-2-tr00.markup-eYLPri.markup-eYLPri {
  margin-bottom: 0;
}

/* User popout big */
.avatar-3QF_VA {
    left: 232px;
}
#app-mount .profileBanner-1owKI5 {
    height: 240px;
}

.headerTop-1PNKck {
  left: 414px;
  justify-content: flex-end;
}
.badgeList-2aoHPw.container-1gYwHN {
  position: absolute;
  left: -400px;
  top: -2px;
  width: 100%;
}
#app-mount .nameTag-2Nlmsy {
    justify-items: center;
    text-align: center;
    margin-bottom: 40px;
}
.customStatusActivity-WKWGD- {
    padding-right: 16px !important;
    justify-content: center;
    text-align: center;
    display: block;
    word-break: break-all;
}

#app-mount .header-S26rhB .actionButton-iarQTd {
    position: fixed;
    top: 344px;
    right: 205px;
    width: 190px;
}

.tabBarContainer-sCZC4w {
  justify-content: center;
  display: flex;
  padding-left: 0 !important;
}
.tabBarItem-30Te4- {
  margin-right: 16px;
  margin-left: 16px;
}

#app-mount .userProfileActivity-sal5no {
    padding-right: 8px;
    padding-bottom: 8px;
    padding-top: 8px;
}
#app-mount .userProfileActivity-sal5no .bodyNormal-250CQK, #app-mount .userProfileActivity-sal5no .bodyAlignCenter-3E27PU {
    padding: 8px;
    border-radius: 5px;
    background-color: var(--background-secondary-alt);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
}
.theme-dark .newProfileActivityStyles .platformIcon-k3yytQ, .theme-light .newProfileActivityStyles .platformIcon-k3yytQ {
    top: 40px;
}

/* Role selector */
.container-2O1UgZ {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    border-radius: 8px;
}

/* Tooltips */
.theme-dark .tooltipPrimary-3qLMbS, .theme-light .tooltipPrimary-3qLMbS, .theme-dark .tooltipBlack-vMYxvw, .theme-light .tooltipBlack-vMYxvw {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    border-radius: 8px;
}
.tooltipPointer-3L49xb {
    display: none;
}

/* Menus popouts */
.menu-1QACrS {
    border-radius: 8px;
    border: 1px solid hsla(0, 0%, 50%, 0.4);
}
.theme-dark .menu-1QACrS {
    background: hsla(0, 0%, 6%, 0.6);
}

#app-mount .submenuPaddingContainer-_k62dJ {
    padding: 0;
}

.labelContainer-2vJzYL {
    border-radius: 4px;
}
.item-1OdjEX {
    border-radius: 4px;
}

.colorDefault-CDqZdO.focused-3qFvc8:not(.colorDanger-3n-KnP.focused-3qFvc8) {
    background-color: hsla(0, 0%, 100%, 0.08);
}
.colorDefault-CDqZdO:active:not(.hideInteraction-2jPGL_) {
    background-color: hsla(0, 0%, 100%, 0.06);
}

.scroller-1bVxF5::-webkit-scrollbar {
    display: none;
}
#app-mount .scroller-1bVxF5 {
    padding: 4px;
    padding-right: 4px !important;
}
#app-mount .scroller-1bVxF5 .separator-1So4YB {
    margin-left: -4px;
    margin-right: -4px;
    border-bottom: 1px solid hsla(0, 0%, 50%, 0.4);
}

.optionIcon-1Ft8w0 {
    width: 20px;
    height: 20px;
}

/* Code by rmkx [edited] */
.menu-1QACrS::before,
.menu-1QACrS.submenu-1apzyU::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    z-index: -1;
    border-radius: 8px;
}

/* Popout mention */
.theme-dark .autocomplete-3NRXG8 {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 8px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}
.theme-dark .selected-3H3-RC {
    background-color: hsla(0, 0%, 40%, 0.3);
}
.autocomplete-3NRXG8 .categoryHeader-OpJ1Ly{
    background-color: transparent;
}

#app-mount .expandedMarkAllReadContainer-3G9M6a {
    background-color: transparent;
}

/* Chat, server, etc */
#app-mount .chat-2ZfjoI, #app-mount .container-2cd8Mz, #app-mount .applicationStore-2nk7Lo {
    margin-left: 8px;
    margin-bottom: 8px;
    margin-top: 0;
    margin-right: 8px;
    border-radius: 8px;
    border: 1px solid hsla(0, 0%, 50%, 0.36);
}
.headerBar-1dSpQr:before, .tabBody-2dgbAs:before, .content-1jQy2l:before, .chat-1rZYgu:before {
    display: none;
}
.applicationStore-2nk7Lo .children-3xh0VB:after {
    background: -webkit-gradient(linear,left top,right top,from(rgba(54,57,63,0)),to(var(--background-secondary)));
    background: linear-gradient(90deg,rgba(54,57,63,0) 0,var(--background-secondary));
}

#app-mount .container-1NXEtd, #app-mount .privateChannels-oVe7HL {
    border-radius: 8px;
    border: 1px solid hsla(0, 0%, 50%, 0.36);
}
#app-mount .sidebar-1tnWFu {
    background-color: transparent;
}
#app-mount .container-1NXEtd .animatedContainer-2laTjx {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
#app-mount .container-ZMc96U {
    border-bottom: 1px solid hsla(0, 0%, 50%, 0.36);
}

#app-mount .container-3XgAHv {
    margin-bottom: 8px;
    margin-top: 0;
    margin-right: 8px;
    border-radius: 8px;
    border: 1px solid hsla(0, 0%, 50%, 0.36);
}

#app-mount .container-1-ERn5:not(.bannerVisible-Vkyg1I) .header-3OsQeK, #app-mount .animatedContainer-2laTjx {
    box-shadow: none;
    border-bottom: 1px solid hsla(0, 0%, 50%, 0.36);
}

/* Discover */
.sidebar-1tnWFu .thin-31rlnD[dir=ltr] {
    border-radius: 8px;
    border: 1px solid hsla(0, 0%, 50%, 0.36);
}
#app-mount .categoryItem-Kc_HK_.selectedCategoryItem-ZjqSui .itemInner-3e_4G4 {
    background-color: var(--background-modifier-selected);
}
#app-mount .categoryItem-Kc_HK_.selectedCategoryItem-ZjqSui .itemInner-3e_4G4::before {
    left: 8px;
}

#app-mount .pageWrapper-2PwDoS, #app-mount .scroller-RfJjkV {
    margin-left: 8px;
    margin-bottom: 8px;
    margin-top: 0;
    margin-right: 8px;
    border-radius: 8px;
    border: 1px solid hsla(0, 0%, 50%, 0.36);
}

.scroller-3j5xK2::-webkit-scrollbar {
    width: 10px;
}
#app-mount .scroller-3j5xK2 {
    padding-right: 24px !important;
}

/* Chatbar */
.scrollableContainer-15eg7h {
    background-color: hsla(0, 0%, 10%, 0.6);
    border: 1px solid;
    border-color: hsla(0, 0%, 50%, 0.4);
    border-radius: 8px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}
#app-mount .form-3gdLxP:focus-within .scrollableContainer-15eg7h {
    border-color: hsla(0, 0%, 50%, 0.8);
}
#app-mount .form-3gdLxP:hover .scrollableContainer-15eg7h:not(:focus-within) {
    border-color: hsla(0, 0%, 50%, 0.6);
}
#app-mount .form-3gdLxP .scrollableContainer-15eg7h {
    -webkit-transition: all 500ms;
    transition: all 500ms;
}

.replyBar-1oi75v, .threadSuggestionBar-3ExSyc {
    background: hsla(0, 0%, 10%, 0.6);
}
.threadSuggestionBar-3ExSyc {
    border-top: 1px solid hsla(0, 0%, 50%, 0.4);
}
.attachedBars-2BCP3l {
  margin-bottom: 4px;
  border: 1px solid hsla(0, 0%, 50%, 0.4);
  border-radius: 8px;
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
}
.clipContainer-31nYlH {
  border-radius: 8px;
}

/* New Messages */
#app-mount .isUnread-3Lojb- {
    border-color: var(--brand-experiment-80a);
}
#app-mount .divider-IqmEqJ .unreadPill-3nEWYM {
    padding: 0 8px;
    background: var(--background-primary);
    font-size: 14px;
    color: var(--brand-experiment-80a);
}

#app-mount .isUnread-3Lojb- .content-3spvdd {
    color: var(--brand-experiment-80a);
}

#app-mount .divider-IqmEqJ .unreadPillCap-2-iI4h {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--brand-experiment-95a);
    top: 2px;
}
.unreadPillCapStroke-1nE1Q8 {
    display: none;
}

/* Some popouts */
#app-mount .toolbar-37BrJ5 {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 8px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}
#app-mount .toolbar-37BrJ5::before {
    display: none;
}

.theme-dark .quickSelectPopout-2F0PXw {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 8px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}

.theme-dark .scroller-2GkvCq {
    background: transparent;
    border-right: 1px solid hsla(0, 0%, 50%, 0.4);
}
.theme-dark .reactors-1VXca7 {
    background-color: transparent;
}

#app-mount .popoutContainer-2wbmiM {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 8px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}

.theme-dark .root-g14mjS:not(.image-36HiZc, .modal-3Crloo) {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 8px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    box-shadow: none;
}
.theme-dark .friendSelected-3cwmD7, .container-x8Y1ix:hover {
    background-color: hsla(0, 0%, 100%, 0.08);
}

.theme-dark .footer-31IekZ {
    -webkit-box-shadow: inset 0 1px 0 rgb(47 49 54 / 60%) !important;
    box-shadow: inset 0 1px 0 rgb(47 49 54 / 60%) !important;
}

.footer-31IekZ .sizeMin-1mJd1x > .contents-18-Yxp {
    color: var(--header-secondary);
}

.popout-TdhJ6Z {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 8px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    box-shadow: none;
}
.more-2c3Z-T {
    border-top: 1px solid hsla(0, 0%, 50%, 0.4);
}

.root-g14mjS .input-2g-os5 {
    border-radius: 4px;
    background-color: hsla(0, 0%, 100%, 0.08);
    border-color: hsla(0, 0%, 50%, 0.4);
}
.root-g14mjS .input-2g-os5:hover {
    border-color: hsla(0, 0%, 50%, 0.6);
}

.floating-window.resizable {
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 8px;
    box-shadow: none;
    z-index: 101;
}

.container-8Futzw {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 8px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}
#app-mount .activity-1DK9Xa+.activity-1DK9Xa {
    border-top: 1px solid hsla(0, 0%, 50%, 0.4);
}

.form-3gdLxP .containerBackground-Ang24O {
    background-color: hsl(0, 0%, 10%);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 8px;
}
.form-3gdLxP .containerBackground-Ang24O::after {
    display: none;
}
.form-3gdLxP .textDivider-34kVsR {
    background-color: hsla(0, 0%, 50%, 0.4);
}

.positionBottom-1pd-ap .autocompleteArrowWrapper-Kr4DnW {
    display: none;
}
.theme-dark .autocompleteArrow-jJE9TQ, .theme-dark .header-3i_Csh {
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-bottom: none;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
.theme-dark .container-1S70rv .sectionTag-28mLyE {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}

.theme-dark .popout-AVsFMl, .theme-dark .guildPopout-G6M0fK {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 8px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}

.upsellTooltipWrapper-1wqikQ {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 8px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}
.upsellTooltipWrapper-1wqikQ::after {
    display: none;
}

/* Upload Modal */
#app-mount .upload-3GTSF9 {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 8px;
}
#app-mount .form-3gdLxP .divider-2rZFJK {
    border-top: 1px solid hsla(0, 0%, 50%, 0.4);
    margin-left: 16px;
}
#app-mount .uploadModal-2ie9O_ {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 8px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}
#app-mount .uploadModal-2ie9O_ .input-2g-os5 {
    border-radius: 4px;
    background-color: hsla(0, 0%, 8%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
}
#app-mount .input-2g-os5:focus {
    border-color: var(--brand-experiment);
}

/* BetterFormatRedux */
#app-mount .bf-toolbar::before {
    background: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 8px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    width: calc(100% - 2px) !important;
}
#app-mount .bf-toolbar {
    height: 28px !important;
    padding-bottom: 12px !important;
}
.bf-toolbar.bf-visible .bf-arrow, .bf-toolbar.bf-hover:hover .bf-arrow {
    transform: translate(0,-11px)rotate(-90deg) !important;
}
#app-mount .bf-toolbar .format > img, .bf-toolbar .format > svg {
    opacity: 0.8;
}

/* Emoji, sticker and gif picker */
#app-mount .contentWrapper-3vHNP2 {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}
.emojiPicker-6YCk8a:not(.contentWrapper-3vHNP2 .emojiPicker-6YCk8a) {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 8px;
    width: 424px;
    height: 424px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}

#app-mount .contentWrapper-3vHNP2 .navButtonActive-1EqC5l {
    background-color: hsla(0, 0%, 50%, 0.4);
}

#app-mount .contentWrapper-3vHNP2 .categoryList-2qRrlj, #app-mount .contentWrapper-3vHNP2 .categoryList-2GgCrD {
    height: calc(100% - 53px);
    top: 53px;
}
.wrapper-3u51GQ .categoryList-2qRrlj:not(.contentWrapper-3vHNP2 .categoryList-2qRrlj) {
    height: calc(100% - 63px);
    top: 62px;
}

.header-11eigE, .theme-dark .header-2TLOnc, .header-uVCAlo {
    box-shadow: none;
    border-bottom: 1px solid hsla(0, 0%, 50%, 0.4);
}

.wrapper-3u51GQ .categoryList-2qRrlj:not(.contentWrapper-3vHNP2 .categoryList-2qRrlj) {
    border-bottom: 1px solid hsla(0, 0%, 50%, 0.4);
    border-left: 1px solid hsla(0, 0%, 50%, 0.4);
    border-bottom-left-radius: 8px;
}

.contentWrapper-3vHNP2 .wrapper-1NNaWG, .emojiPicker-6YCk8a .wrapper-1NNaWG {
    border-radius: 8px;
    margin-bottom: 4px;
}
.contentWrapper-3vHNP2 .wrapper-1NNaWG:after, .emojiPicker-6YCk8a .wrapper-1NNaWG:after {
    display: none;
}
.contentWrapper-3vHNP2 .scroller-2MALzE, .emojiPicker-6YCk8a .scroller-2MALzE {
    margin-top: 8px;
}

/* The searchbar */
.searchBar-3TnChZ {
    position: fixed;
    top: 8px;
    left: calc(50% - 280px);
    width: 558px;
    height: 30px;
    border-radius: 5px;
    border: 1px solid var(--background-accent);
    background-color: var(--background-tertiary);
    box-shadow: none;
}
.searchBar-3TnChZ .searchBarComponent-3N7dCG {
    -webkit-app-region: no-drag;
}

.search-39IXmY {
    position: fixed;
    top: 8px;
    left: calc(50% - 288px);
}
.searchBar-jGtisZ {
    height: 32px;
    width: 580px;
    border-radius: 5px;
    border: 1px solid var(--background-accent);
}
#app-mount .focused-1xh-wG .searchBar-jGtisZ, #app-mount .open-1F8u2c .searchBar-jGtisZ {
    width: 580px;
}

.icon-tZMHgY.iconLayout-SqV3nb.small-1hw8IT {
    position: relative;
    left: -4px;
    top: 3px;
}
/* That search options */
#app-mount .container-2McqkF {
    width: 580px !important;
    position: relative;
    top: -6px;
}
.theme-dark .container-2McqkF {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 8px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}
.theme-dark .elevationBorderHigh-3drnJX {
    -webkit-box-shadow: 0 0 0 1px rgba(22, 29, 41, 0.6), 0 2px 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 1px rgba(22, 29, 41, 0.6), 0 2px 10px 0 rgba(0,0,0,.2);
}
.option-ayUoaq:after, .option-ayUoaq[aria-selected=true]:after {
    background: none !important;
}
.theme-dark .resultsGroup-1BPR25 .header-3A13BX, .theme-dark .resultsGroup-1BPR25 .plusIcon-2V7coV, .theme-dark .resultsGroup-1BPR25 .searchClearHistory-2Be-92, .theme-dark .resultsGroup-1BPR25 .searchLearnMore-7__o_n a {
    color: var(--header-secondary);
}
.theme-dark .option-ayUoaq[aria-selected=true] {
    background-color: var(--background-modifier-selected);
}
.theme-dark .searchOption-351dTI .filter-5YbOzJ, .theme-dark .option-2KkUJO .nonText-3_4gtu {
    color: var(--text-normal);
}
.theme-dark .focused-2FU0YH {
    background-color: var(--background-tertiary);
}
.theme-dark .dim-2Uxgxb span {
    background-color: var(--brand-experiment);
    color: var(--header-primary);
}
.theme-dark .calendarPicker-sDhzdi .react-datepicker, .theme-dark .calendarPicker-sDhzdi .react-datepicker__header {
    background-color: var(--background-floating);
    width: 538px !important;
}
.theme-dark .calendarPicker-sDhzdi .react-datepicker__day--disabled, .theme-dark .calendarPicker-sDhzdi .react-datepicker__day--outside-month, .theme-dark .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--disabled, .theme-dark .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--disabled:hover {
    background-color: hsl(223, 7%, 0%);
}
/* Search page */
#app-mount .searchResultsWrap-5RVOkx {
    position: fixed;
    width: 580px;
    border-radius: 8px;
    top: 44px;
    left: calc(50% - 281px);
    z-index: 2;
    height: 80vh;
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}
#app-mount .searchResultsWrap-5RVOkx .channelName-3w2Y3c {
    background-color: transparent;
}

/* Serverlist */
#app-mount .wrapper-28eC3z, #app-mount .wrapper-28eC3z svg, #app-mount .wrapper-28eC3z foreignObject, #app-mount .folderIconWrapper-1oRIZr, #app-mount .expandedFolderBackground-1kSAf6 {
    mask: none !important;
    border-radius: 8px;
}
#app-mount .wrapperSimple-Js2rIO {
    border-radius: 8px;
}

.item-2LIpTv {
    width: 4px;
    border-radius: 8px;
    margin-left: 4px;
    background-color: var(--brand-experiment);
}

#app-mount .lowerBadge-3WTshO div, #app-mount .upperBadge-1V6Iyi div {
    border-radius: 20% !important;
}

.upperBadge-1V6Iyi::before {
    content: "";
    position: absolute;
    width: calc(100% + 3px);
    height: calc(100% + 3px);
    background-color: var(--background-tertiary);
    border-bottom-left-radius: 22%;
    border-top-right-radius: 22%;
    left: -3px;
    bottom: -3px;
    z-index: -1;
}
.lowerBadge-3WTshO::before {
    content: "";
    position: absolute;
    width: calc(100% + 3px);
    height: calc(100% + 3px);
    background-color: var(--background-tertiary);
    border-top-left-radius: 22%;
    border-bottom-right-radius: 22%;
    left: -3px;
    bottom: 0px;
    z-index: -1;
}

/* Channels and members */
.selected-1-Z6gm .layout-1qmrhw::before {
    background-color: var(--brand-experiment);
    content: "";
    position: absolute;
    width: 4px;
    height: 32px;
    border-radius: 8px;
    left: -2px;
}

.sidebar-1tnWFu, .members-3WRCEx {
    width: 260px;
}
.membersWrap-3NUR2t {
    background-color: var(--background-secondary);
}

#app-mount .member-2gU6Ar {
    margin-right: 8px;
    max-width: 254px;
}
.layout-1qmrhw {
    width: 227px;
}
#app-mount .channel-1Shao0 {
    max-width: 241px;
}

.modeSelected-3DmyhH .content-1gYQeQ::before {
    content: "";
    background-color: var(--brand-experiment);
    position: absolute;
    height: 24px;
    width: 4px;
    top: 5px;
    left: 0;
    border-radius: 8px;
}
.interactiveSelected-29CP8y::before {
    content: "";
    background-color: var(--brand-experiment);
    position: absolute;
    height: 26px;
    width: 4px;
    top: 8px;
    left: 0;
    border-radius: 8px;
}

.animatedContainer-2laTjx, .bannerImage-ubW8K-, .bannerImg-2PzH6z {
    width: 100%;
}
.bannerImg-2PzH6z {
    height: 145px;
}

.containerDefault-YUSmu3 .content-1gYQeQ {
    height: 34px;
}

/* Scrollers */
.scroller-kQBbkU::-webkit-scrollbar {
    width: 10px;
}

.scroller-29cQFV::-webkit-scrollbar {
    width: 10px;
}
#app-mount .applicationStore-2nk7Lo .scroller-29cQFV, #app-mount .applicationStore-2nk7Lo .container-ZMc96U.themed-Hp1KC_ {
    background-color: var(--background-secondary-alt);
}
#app-mount .applicationStore-2nk7Lo .premiumContainer-3GGa8Q {
    max-width: none;
}

.scroller-1ox3I2::-webkit-scrollbar {
    width: 6px;
}
.scroller-1ox3I2 {
    padding-right: 4px !important;
}

.members-3WRCEx::-webkit-scrollbar {
    width: 6px;
}
.contentRegionScroller-2_GT_N::-webkit-scrollbar {
    width: 10px;
}
.sidebarRegionScroller-FXiQOh::-webkit-scrollbar {
    width: 6px;
}
.scroller-3nFW5p::-webkit-scrollbar {
    width: 6px;
}

.scroller-MIi2ab::-webkit-scrollbar {
    width: 6px;
}
.scroller-145h9c::-webkit-scrollbar {
    width: 6px;
}
#app-mount .scroller-MIi2ab, #app-mount .scroller-145h9c {
    padding-left: 14px;
}

.scroller-3iiyhZ::-webkit-scrollbar {
    width: 6px;
}
#app-mount .scroller-3iiyhZ {
    padding-left: 14px;
}

.infoScroller-1QMpon::-webkit-scrollbar {
    width: 6px;
}
#app-mount .infoScroller-1QMpon {
    padding-left: 18px;
}

.peopleList-2VBrVI::-webkit-scrollbar {
    width: 10px;
}
.scroller-WSmht3::-webkit-scrollbar {
    width: 6px;
}

.scroller-hE2gWq::-webkit-scrollbar {
    width: 6px;
}
#app-mount .scroller-hE2gWq {
    padding-left: 14px;
}

.scroller-1Kbkqa::-webkit-scrollbar {
    width: 6px;
}

.content-2hZxGK::-webkit-scrollbar {
    width: 6px;
}
#app-mount .content-2hZxGK {
    padding-left: 14px;
}

.messagesPopout-eVzQcI::-webkit-scrollbar {
    width: 6px;
}
.messagesPopout-eVzQcI {
    padding-right: 2px !important;
}

.scroller-2GkvCq::-webkit-scrollbar {
    width: 6px;
}
.scroller-2GkvCq {
    padding-right: 2px !important;
}

.reactors-1VXca7::-webkit-scrollbar {
    width: 6px;
}
.reactors-1VXca7 {
    padding-right: 2px !important;
}

.scroller-14hecM::-webkit-scrollbar {
    width: 10px;
}
.scroller-14hecM {
    margin-right: 10px;
}

.listScroller-entkMk::-webkit-scrollbar {
    width: 6px;
}
.listScroller-entkMk {
    padding-right: 2px !important;
}

.popout-1KHNAq.thin-31rlnD::-webkit-scrollbar {
    width: 6px;
}
.popout-1KHNAq.searchableSelect-3JyTyn.auto-2K3UW5::-webkit-scrollbar {
    width: 10px;
}

.sourceScroller-3wC9he::-webkit-scrollbar {
    width: 6px;
}

/* Resent mentions, unread, pinned messages & threads */
#app-mount .messagesPopoutWrap-3zryHW, #app-mount .container-2ebMPP {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 8px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    width: 422px;
    max-height: 90vh !important;
}
.messagesPopoutWrap-3zryHW .header-1w9Q93, .container-2ebMPP .header-145e10, .browser-mnQ1T7 .header-3_zmOb {
    border-bottom: 1px solid hsla(0, 0%, 50%, 0.4);
}

.browser-mnQ1T7 {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 8px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}

#app-mount .recentMentionsPopout-2bI1ZN {
    width: calc(45vw + 2px) !important;
    height: 90vh !important;
}
.container-iA3Qrz {
    margin-top: 8px;
    margin-bottom: 8px;
}
.channelHeader-DFRX8q {
    padding-right: 16px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.messageContainer-3VTXBC, .messages-23can0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.channel-3NJZ1V {
    padding-bottom: 8px;
    padding-top: 8px;
}
.channelHeader-DFRX8q .collapseButton-39-IRc {
    left: -2px;
}

/* Inbox Button */
.guilds-2JjMmN:first-child .scroller-3X7KbA > .listItem-3SmSlK:first-child {
    position: fixed;
    right: 0;
    top: 0;
    margin-right: 170px;
    margin-top: 8px;
    -webkit-app-region: no-drag;
}
.scroller-3X7KbA .iconButton-2z1iK7 {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    transform: scale(0.88);
    border-radius: 50%;
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    transform-origin: center;
    -webkit-app-region: no-drag;
}
.scroller-3X7KbA .iconButton-2z1iK7:hover, .scroller-3X7KbA .iconButton-2z1iK7.selected-1WnveH {
    background-color: hsla(0, 0%, 30%, 0.8);
}

#app-mount .recentMentionsPopout-2bI1ZN {
    position: absolute;
    right: 0;
    top: 0;
}
.header-145e10.expanded-2H1xJ-.header-1w9Q93 {
    -webkit-app-region: no-drag;
}

/* Top drag */
body, .appMount-2yBXZl {
    -webkit-app-region: drag;
}
.app-3xd6d0, .mobileApp-3_TCAV, .xenoLib-notification-content {
    -webkit-app-region: no-drag;
}

.wordmarkWindows-2dq6rw {
    display: none;
}
.withFrame-2dL45i {
    margin-top: 0;
    height: 50px;
    width: 144px;
    left: calc(100% - 144px);
    position: relative;
}
#app-mount .titleBar-1it3bQ {
    z-index: 2;
}
.winButton-3UMjdg {
    top: 0;
    height: 34px;
    width: 48px;
}

#app-mount .winButtonMinMax-3RsPUg:hover {
    background-color: var(--brand-experiment);
}
.winButton-3UMjdg > svg > rect[y="1.5"] {
    rx: 2;
    ry: 2;
}

/* User *//*
.panels-3wFtMD .avatarWrapper-1B9FTW {
    position: fixed;
    right: 0;
    top: 0;
    margin-right: 190px;
    margin-top: 8px;
    transform: scale(0.88);
    transform-origin: center;
    -webkit-app-region: no-drag;
}

.panels-3wFtMD .avatarWrapper-1B9FTW .wrapper-1VLyxH foreignObject {
    border-radius: 50%;
    border: 1px solid var(--text-normal);
}

#app-mount #status-picker {
    width: 324px;
}

div[style*="52.08"] {
    right: 194px !important;
    width: 324px !important;
    left: unset !important;
}
*/
.panels-3wFtMD {
    min-height: 80px;
    background-color: var(--background-tertiary);
}
.container-YkUktl {
    height: 66px;
    background-color: var(--background-secondary-alt);
    margin: 8px 0 8px 0;
    border-radius: 8px;
    border: 1px solid hsla(0, 0%, 50%, 0.36);
}
.activityPanel-9icbyU, .container-1zzFcN, .container-6sXIoE {
    background-color: var(--background-secondary-alt);
    margin: 8px 0 0 0;
    border-radius: 8px;
    border-bottom: none;
    border: 1px solid hsla(0, 0%, 50%, 0.36);
}
.container-6sXIoE.maximized-vv2Wr0 .coverWrapper-YAplwJ {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

/* What? */
#app-mount .toolbar-37BrJ5 .inactive-3WMCpS {
    background-color: transparent !important;
}

/* Setting User Profile */
#app-mount .avatarUploader-qEFQS2 {
    left: 102px;
}

/* Gray Buttons */
#app-mount .colorGrey-2iAG-B, .theme-dark .lookFilled-yCfaCM.colorPrimary-2AuQVo {
    background-color: hsl(227, 4%, 18%);
    border-top: 1px solid hsl(227, 4%, 28%);
    border-radius: 5px;
}
#app-mount .colorGrey-2iAG-B:hover, .theme-dark .lookFilled-yCfaCM.colorPrimary-2AuQVo:hover {
    background-color: hsl(227, 4%, 22%);
}

/* Green Buttons */
#app-mount .lookFilled-yCfaCM.colorGreen-3y-Z79 {
    background-color: hsl(139, 47.3%, 40%);
    border-top: 1px solid hsl(139, 47.3%, 48%);
    border-radius: 5px;
}
#app-mount .lookFilled-yCfaCM.colorGreen-3y-Z79:hover {
    background-color: hsl(139, 47.3%, 46%);
}

/* Brand Buttons */
#app-mount .lookFilled-yCfaCM.colorBrand-I6CyqQ {
    border-top: 1px solid var(--brand-experiment-360);
    color: #000;
    border-radius: 5px;
}
#app-mount .lookFilled-yCfaCM.colorBrand-I6CyqQ:hover {
    background-color: var(--brand-experiment-430);
}

/* Add Friend */
.item-3mHhwr.item-3XjbnG[aria-controls=add_friend-tab]{
    background-color: var(--brand-experiment) !important;
    color: #fff !important;
}
.item-3mHhwr.item-3XjbnG[aria-controls=add_friend-tab][aria-selected=true] {
    background-color: transparent !important;
    color: var(--brand-experiment) !important;
}
.item-3mHhwr.item-3XjbnG[aria-controls=add_friend-tab][aria-selected=true]:hover {
    background-color: var(--background-modifier-hover) !important;
}

#app-mount .pendingIncoming-3g05VP .actionButton-iarQTd {
    width: 100px;
    position: relative;
    top: 88px;
    right: 148px;
}

/* New unreads */
.unread-2wipsx {
    background-color: hsla(0, 0%, 16%, 0.8);
    border: 1px solid hsla(0, 0%, 50%, 0.8);
    border-radius: 8px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    box-shadow: none;
}

/* Permission viewer */
#app-mount #permissions-modal-wrapper #permissions-modal {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    border-radius: 8px;
    box-shadow: none;
}
#app-mount #permissions-modal-wrapper .header {
    background-color: var(--background-tertiary);
    border-bottom: 1px solid hsla(0, 0%, 50%, 0.4);
    box-shadow: none;
}
#app-mount #permissions-modal-wrapper .modal-body, #app-mount #permissions-modal-wrapper .perm-side {
    background-color: transparent;
}
#app-mount #permissions-modal-wrapper .role-side {
    background-color: var(--background-primary);
}
#app-mount #permissions-modal-wrapper .role-item.selected {
    background-color: hsla(0, 0%, 30%, 0.6);
}
#app-mount #permissions-modal-wrapper .role-item:hover:not(.selected) {
    background-color: hsla(0, 0%, 30%, 0.3);
}

/* Message options */
.wrapper-2vIMkT {
    background-color: hsla(0, 0%, 0%, 0.98);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 8px;
}
.full-motion .wrapper-2vIMkT:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Live Shape Round */
#app-mount .liveShapeRound-2Tgi2d, .liveIndicator-2HaEDu {
    border-radius: 4px !important;
}

/* Stream Preview */
.theme-dark .streamPreview-I7itZ6 {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 8px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}
.theme-dark .previewContainer-35LFgt {
    background-color: transparent !important;
}

/* Call hover */
#app-mount .container-1zzFcN .button-1EGGcP.buttonColor-3bP3fX {
    color: var(--interactive-active);
}
#app-mount .container-1zzFcN .button-1EGGcP.buttonColor-3bP3fX:not(.buttonActive-Uc1jHx) {
    border-top: 1px solid hsla(0, 0%, 50%, 0.4);
    transition: all 0.25s;
    border-radius: 5px;
}
#app-mount .container-1zzFcN .button-1EGGcP.buttonColor-3bP3fX:hover:not(.buttonActive-Uc1jHx) {
    background-color: hsl(0, 0%, 20%);
    transition: all 0.25s;
}

#app-mount .container-1zzFcN .buttonActive-Uc1jHx {
    background-color: hsl(139, 47.3%, 40%);
    border-top: 1px solid hsl(139, 47.3%, 50%);
    border-radius: 5px;
}
#app-mount .container-1zzFcN .buttonActive-Uc1jHx:hover {
    background-color: hsl(139, 47.3%, 46%);
}

/* Other Menus */
.popout-1KHNAq {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 4px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}

.option-2eIyOn.focused-ODgjnC, .option-2eIyOn:focus, .option-2eIyOn:hover:not([aria-selected=true]) {
    background-color: hsla(0, 0%, 100%, 0.08);
}
.option-2eIyOn[aria-selected=true] {
    background-color: hsla(0, 0%, 100%, 0.04);
}

/* Call lol */
.avatarStack-3vfSFa .avatarSpeaking-33RRJU {
    display: none;
}
.avatarSpeaking-2pCGrZ, .border-2BJQjd.speaking-3RWJBr, .border-2Vy6FN.speaking-7QZEkv {
    box-shadow: inset 0 0 0 2px var(--brand-experiment);
}

.noiseCancellationPopout-2-e5Xz {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 8px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}

#app-mount .controlButton-2PMNom {
    border-radius: 3px;
}
#app-mount .wrapper-3t3Yqv .colorable-3rVGna.primaryDark-2UJt1G {
    background: var(--background-mobile-secondary);
}
#app-mount .controlButton-2PMNom.contextMenuContainer-1RO4DQ foreignObject {
    mask: none;
}
#app-mount .controlButton-2PMNom.contextMenuContainer-1RO4DQ button {
    border-radius: 3px;
    height: 38px;
    margin-bottom: 1px;
}
.contextMenuNub-NuTZ_U {
    border-radius: 3px;
    height: 12px;
    width: 52px;
    margin-top: 1px;
}

/* Spectators call */
.popoutWrapper-3ks_kl .scroller-3b1p7z {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 8px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}

/* Stage */
#app-mount .container-a_NK-C .colorable-3rVGna.primaryDark-2UJt1G {
    background: var(--background-mobile-secondary);
}
#app-mount .leaveQuietlyButton-3Vhswc, #app-mount .container-a_NK-C .centerButton-1IShs7 {
    border-radius: 3px;
}
#app-mount .avControls-1rQROI .contextMenuContainer-1RO4DQ foreignObject {
    mask: none;
}
#app-mount .avControls-1rQROI .contextMenuContainer-1RO4DQ button {
    border-radius: 3px;
    height: 38px;
    margin-bottom: 1px;
}

.container-lqPArA, .sidebarVisible-3bgZKv {
    border-radius: 0;
}
.headerContainer-21E-jZ {
    box-shadow: none;
    height: 24px;
    border-bottom: 1px solid hsla(0, 0%, 50%, 0.36);
}
.contentContainer-dKJ2Bn {
    padding-top: 8px;
}

/* QuickSwitcher */
.quickswitcher-pKcM9U {
    height: 366px;
}

/* Server Profile */
#app-mount .nameTag-2Nlmsy {
    display: block;
}

/* Bottom bar in search */
#app-mount .searchBar-2aylmZ .inner-2pOSmK, #app-mount .searchBar-3aIzc- .input-2m5SfJ {
    height: 32px;
}
#app-mount .searchBar-2aylmZ .input-2m5SfJ, #app-mount .input-2FSSDe, #app-mount .search-1FM8Qc, #app-mount .searchBar-3aIzc- .input-2m5SfJ {
    border-bottom: 2px solid transparent;
}
#app-mount .searchBar-2aylmZ .input-2m5SfJ:focus, #app-mount .input-2FSSDe:focus, #app-mount .searchBar-3aIzc- .input-2m5SfJ:focus {
    border-color: var(--brand-experiment-530);
}
#app-mount .searchBar-2aylmZ .input-2m5SfJ, #app-mount .input-2FSSDe, #app-mount .searchBar-3aIzc- .input-2m5SfJ {
    -webkit-transition: all 500ms;
    transition: all 500ms;
}
#app-mount .searchBar-2aylmZ .iconLayout-3Bjizv, #app-mount .searchBar-2M9mRP .iconLayout-SqV3nb {
    position: absolute;
    left: calc(100% - 32px);
    bottom: 0;
}
#app-mount .searchBar-3aIzc- .iconLayout-3Bjizv {
    position: absolute;
    left: calc(100% - 32px);
    bottom: 2px;
}

#app-mount .container-1SX9VC .inner-1NoIT5 {
    border-radius: 4px;
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    height: 36px;
}

#app-mount .DraftEditor-root {
    padding: 0;
    height: auto;
}
#app-mount .DraftEditor-editorContainer, #app-mount .public-DraftEditorPlaceholder-root {
    top: 5px;
}

#app-mount .search-1FM8Qc {
    border-radius: 2px;
}
#app-mount .focused-1xh-wG .searchBar-jGtisZ, #app-mount .search-2Mwzzq.open-1F8u2c .searchBar-jGtisZ {
    border-bottom: 2px solid var(--brand-experiment-530);
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

/* BD emote category */
.bd-emote-header {
    margin-top: 1px;
    border-radius: 5px;
}

/* Unread channel */
#app-mount .modeUnread-3Cxepe .name-28HaxV {
    color: var(--brand-experiment);
    text-decoration: underline;
}

.containerDefault-YUSmu3 .unread-36eUEm {
    background-color: var(--brand-experiment);
    left: 4px;
    width: 8px;
    border-radius: 50%;
}

/* Settings */
#app-mount .contentColumn-1C7as6, #app-mount .customColumn-2n-oKU, #app-mount .repoHeader-2KfNvH > * {
    max-width: unset;
}

#app-mount .sidebarRegion-1VBisG {
    flex: none;
}

.side-2ur1Qk .item-3XjbnG.selected-g-kMVV.themed-2-lozF::after {
    content: "";
    position: absolute;
    background-color: var(--brand-experiment);
    height: 20px;
    width: 3px;
    border-radius: 30%;
    left: 0;
    top: 6px;
}

#app-mount .contentRegionScroller-2_GT_N, .repoHeader-2KfNvH, #app-mount .sidebarScrollable-2mW9Ls .scroller-3_YDR2 {
    background: var(--background-secondary-alt);
}

#app-mount .sidebar-nqHbhN {
    padding: 16px;
    padding-right: 10px;
}
#app-mount .contentColumnDefault-3eyv5o {
    padding: 16px 40px 24px;
}

/* BrandNew Button */
#app-mount .lookFilled-yCfaCM.colorBrandNew-2-gGsS {
    background-color: var(--brand-experiment);
}
#app-mount .lookFilled-yCfaCM.colorBrandNew-2-gGsS:hover {
    background-color: var(--brand-experiment-560);
}

/* Text Focus? */
.bioTextArea-dDGOeC:focus-within, .addFriendInputWrapper-kkoSV9:focus-within {
    border-color: var(--brand-experiment-500);
}

/* My account */
#app-mount .accountProfileCard-lbN7n- .banner-1YaD3N {
    background-color: transparent !important;
    height: 20px;
}
#app-mount .accountProfileCard-lbN7n- .avatar-3mTjvZ {
    top: 3px;
}

#app-mount .background-3d_SjE, #app-mount .fieldList-in8WkP {
    padding: 0;
    background-color: transparent;
}
#app-mount .fieldSpacer-cxjVL1 {
    margin-top: 4px;
}
#app-mount .field-21XZwa {
    background-color: var(--background-secondary);
    padding: 16px;
    border-radius: 5px;
    border: 1px solid hsla(0, 0%, 50%, 0.1);
}

#app-mount .field-21XZwa .colorGrey-2iAG-B {
    background-color: hsl(227, 4%, 18%);
    border-top: 1px solid hsl(227, 4%, 28%);
    border-radius: 5px;
}
#app-mount .field-21XZwa .colorGrey-2iAG-B:hover {
    background-color: hsl(227, 4%, 22%);
}

/* User Profile */
.profileCustomizationSection-2OOT4p .customizationSection-IGy2fS:not(.preview-Z55SA3) {
    background-color: var(--background-primary);
    border: 1px solid hsla(0, 0%, 50%, 0.18);
    border-radius: 5px;
    padding: 16px;
    margin-bottom: unset;
    margin-top: 8px;
}

.profileCustomizationSection-2OOT4p .baseLayout-8AMrwn > div:first-child {
    width: 100%;
}

/* Privacy & Safety */
#app-mount .itemFilled-1cPbtg:not(.itemFilled-1cPbtg[aria-checked=true]):not(:hover) {
    background-color: var(--background-secondary);
}
#app-mount .itemFilled-1cPbtg {
    border: 1px solid hsla(0, 0%, 50%, 0.18);
    border-radius: 5px;
}

/* Authorized Apps */
#app-mount .authedApp-1tw-eT {
    border-color: hsla(0, 0%, 50%, 0.28);
}

/* Connections */
#app-mount .accountList-Wii_T5 {
    background-color: var(--background-secondary);
    border: 1px solid hsla(0, 0%, 50%, 0.18);
    border-radius: 5px;
}

#app-mount .accountBtn-3pgcgr .accountBtnInner-3ttD-i {
    background-color: hsl(227, 4%, 14%);
    border-top: 1px solid hsl(227, 4%, 24%);
    border-radius: 5px;
}
#app-mount .accountBtn-3pgcgr .accountBtnInner-3ttD-i:hover {
    background-color: hsl(227, 4%, 18%);
}

#app-mount .connection-YOVI9j {
    background-color: var(--background-primary);
    border: 1px solid hsla(0, 0%, 50%, 0.18);
    border-radius: 5px;
}
#app-mount .connectionHeader-Ixbb1s {
    background: var(--background-primary);
    border-bottom: 1px solid var(--background-secondary);
}

/* Discord Nitro */
.hero-1aNo0v {
    max-width: unset;
}
.featuresHeader-2bjq5B {
    text-align: center;
}
.feature-2IUcBI {
    border: 1px solid hsla(0, 0%, 50%, 0.18);
}

.theme-dark .codeRedemptionRedirect-2hYMSQ {
    background-color: var(--background-primary);
    border: 1px solid hsla(0, 0%, 50%, 0.18);
}

/* Server Boost */
#app-mount .cardWrapper-1bSePP {
    border: 1px solid hsla(0, 0%, 50%, 0.18);
    border-radius: 5px;
}

.theme-dark .tierHeaderLocked-30MLlO, .theme-dark .tierHeaderLocked-3ItHYn, .theme-dark .perk-19D_HN {
    background-color: var(--background-secondary);
}
.theme-dark .tierBody-1d3UiS, .theme-dark .tierBody-3ju-rc {
    background-color: var(--background-primary);
}

.theme-dark .perksModal-CLcR1c {
    background-color: var(--background-secondary-alt);
}

/* Voice & Video */
.theme-dark .notches-2w7UZJ.gray-3wP137 {
    filter: brightness(0.5);
}

#app-mount .userSettingsVoice-1_dzjw .sensitivity-1NP4Vt {
    background-color: var(--background-primary);
    border: 1px solid hsla(0, 0%, 50%, 0.18);
    border-radius: 5px;
    padding: 16px;
}

/* Menu Expand)? */
#app-mount .lookFilled-1GseHa.select-1Ia3hD {
    border: none;
    background-color: hsl(227, 4%, 14%);
    border-top: 1px solid hsl(227, 4%, 24%);
    border-radius: 5px;
}
#app-mount .lookFilled-1GseHa.select-1Ia3hD:hover, #app-mount .lookFilled-1GseHa.select-1Ia3hD[aria-expanded="true"] {
    background-color: hsl(227, 4%, 18%);
}

/* Activity Status */
.theme-dark .game-2f2vPC {
    background-color: var(--background-primary);
    border: 1px solid hsla(0, 0%, 50%, 0.18);
    border-radius: 5px;
    padding: 16px;
    margin-bottom: 4px;
    margin-top: 4px;
    box-shadow: none;
    padding-right: 54px;
}

.theme-dark .gameNameInput-2wbDJ9:focus, .theme-dark .gameNameInput-2wbDJ9:hover {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
}

.game-2f2vPC .removeGame-3V7nss {
    position: absolute;
    opacity: 1;
    top: 22px;
    right: 16px;
    width: 28px;
    box-shadow: none;
    border-radius: 0;
    background-position: right;
    background-color: transparent;
    border-left: 1px solid hsla(0, 0%, 50%, 0.4);
}

.theme-dark .addGamePopout-2SKNIV {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 8px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}
.addGamePopout-2SKNIV .cancelButton-1_3Ix7 {
    margin-right: 6px;
}

/* On Off */
#app-mount .container-1zDvAE {
    background-color: var(--background-primary);
    border: 1px solid hsla(0, 0%, 50%, 0.18);
    border-radius: 5px;
    padding: 16px;
    margin-bottom: 8px;
    margin-top: 2px;
}
.dividerDefault-3C2-ws {
    display: none;
}

.bd-addon-card {
    background-color: var(--background-primary);
    border: 1px solid hsla(0, 0%, 50%, 0.18);
    border-radius: 5px;
}

/* Grabber */
#app-mount .grabber-2GQyvM {
    filter: brightness(1.4);
    background-color: var(--background-secondary);
    height: 24px;
    width: 24px;
    border-radius: 50%;
    margin-left: -12px;
    border: 1px solid var(--background-primary);
}
#app-mount .grabber-2GQyvM::before {
    content: "";
    background-color: var(--brand-experiment-560);
    height: 12px;
    width: 12px;
    border-radius: 50%;
    position: absolute;
    left: 4px;
    top: 4px;
    border: 1px solid var(--background-primary);
}

#app-mount .menu-1QACrS .grabber-2GQyvM {
    filter: brightness(1.4);
    background-color: var(--background-secondary);
    height: 20px;
    width: 20px;
    border-radius: 50%;
    margin-left: -8px;
    margin-top: -1px;
    border: 1px solid var(--background-primary);
}
#app-mount .menu-1QACrS .grabber-2GQyvM::before {
    content: "";
    background-color: var(--brand-experiment-560);
    height: 10px;
    width: 10px;
    border-radius: 50%;
    position: absolute;
    left: 4px;
    top: 4px;
    border: 1px solid var(--background-primary);
}

#app-mount .root-g14mjS .grabber-2GQyvM::before {
    left: 5px;
    top: 5px;
}

/* Roles Settings */
#app-mount .titleContainer-3fPic2, #app-mount .header-JUTO-g {
    background-color: var(--background-secondary-alt);
}

/* Audit Log */
#app-mount .contentRegion-3HkfJJ {
    background-color: var(--background-secondary-alt);
}
.theme-dark .auditLog-1NVAY0 {
    border: 1px solid hsla(0, 0%, 50%, 0.18);
    border-radius: 5px;
}

/* Notice float */
.theme-dark .elevationHigh-28Pty4 {
    background-color: hsla(0, 0%, 6%, 0.6) !important;
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 8px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}

/* BD button */
.bd-button, .bd-addon-views .bd-view-button.selected {
    background-color: var(--brand-experiment-530);
}
.bd-button:hover {
    background-color: var(--brand-experiment-560);
}

/* Loader */
#app-mount .wanderingCubesItem-3Us-UG {
    border-radius: 50%;
}

/* Esc */
#app-mount .closeButton-PCZcma path {
    d: path("M 20 10.9378 H 14.2199 H 8.06628 L 10.502 8.50202 L 9 7 L 4 12 L 9 17 L 10.502 15.498 L 8.06628 13.0622 H 20 V 10.9378 Z");
}
#app-mount .closeButton-PCZcma svg {
    width: 24px;
    height: 24px;
}
#app-mount .closeButton-PCZcma {
    border-radius: 5px;
    border: none;
    position: fixed;
    top: 6px;
    left: 6px;
    -webkit-app-region: no-drag;
}
#app-mount .container-O54IuJ .keybind-13vtq8 {
    display: none;
}

/* Make PermissionViewers text more consistent with Discords [by christian] */
.member-perms-title {
    text-transform: uppercase;
    color: var(--header-secondary);
    font-weight: 700;
    margin-bottom: 8px;
    font-size: 12px;
    font-family: var(--font-display);
}

/* Show All Activities */
#app-mount .ShowAllActivities-wrapper-wrapper .ShowAllActivities-wrapper-controls {
    background-color: var(--background-secondary);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 5px;
    margin-top: 0;
}

/* disable discord's laggy settings animation by Xyhlo [edit] */
.layer-86YKbF {transform: none !important;opacity: 1 !important;}
.layers-OrUESM>.layer-86YKbF.animating-1rIrGV *,
.layers-OrUESM>.layer-86YKbF.animating-1rIrGV {pointer-events: auto !important;will-change: unset;}
.animating-1rIrGV.stop-animations {z-index: 100 !important;}
.platform-win .layer-86YKbF {top: unset;padding-top: unset;display: contents;}

.platform-win .standardSidebarView-E9Pc3j {
    top: 0;
    left: 72px;
    width: calc(100% - 72px);
    border-top-left-radius: 8px;
    border-left: 1px solid hsla(0, 0%, 50%, 0.36);
    border-top: 1px solid hsla(0, 0%, 50%, 0.36);
}
.sidebarRegionScroller-FXiQOh {
    border-top-left-radius: 8px;
}

/* Server Boost */
#app-mount .perksModal-CLcR1c {
    height: calc(100% - 50px);
    width: calc(100% - 72px);
    top: 50px;
    left: 72px;
    border-top-left-radius: 8px;
    border-left: 1px solid hsla(0, 0%, 50%, 0.36);
    border-top: 1px solid hsla(0, 0%, 50%, 0.36);
}
.perksModal-CLcR1c::-webkit-scrollbar {
    width: 10px;
}

/* Status colors */
:root {
    --online-color: #43B581;
    --idle-color: #FAA61A;
    --dnd-color: #F04747;
    --offline-color: #99AAB5;
    --streaming-color: #9B84EE;
}
/* Status Picker thing */
#app-mount #status-picker #status-picker-online:not(.focused-3qFvc8) .status-2DiCMd {
    background-color: var(--online-color) !important;
}
#app-mount #status-picker #status-picker-idle:not(.focused-3qFvc8) .status-2DiCMd {
    background-color: var(--idle-color) !important;
}
#app-mount #status-picker #status-picker-dnd:not(.focused-3qFvc8) .status-2DiCMd {
    background-color: var(--dnd-color) !important;
}
#app-mount #status-picker #status-picker-invisible:not(.focused-3qFvc8) .status-2DiCMd {
    background-color: var(--offline-color) !important;
}
/* Status Colors */
#app-mount .wrapper-1VLyxH rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"],
#app-mount .wrapper-1VLyxH rect :not(.pointerEvents-9SZWKj)[mask="url(#svg-mask-status-streaming)"] {fill: var(--streaming-color)}
#app-mount .wrapper-1VLyxH rect[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"],
#app-mount .wrapper-1VLyxH rect :not(.pointerEvents-9SZWKj)[mask="url(#svg-mask-status-online)"],
#app-mount .wrapper-1VLyxH rect :not(.pointerEvents-9SZWKj)[mask="url(#svg-mask-status-online-mobile)"] {fill: var(--online-color)}
#app-mount .wrapper-1VLyxH rect[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"],
#app-mount .wrapper-1VLyxH rect :not(.pointerEvents-9SZWKj)[mask="url(#svg-mask-status-idle)"] {fill: var(--idle-color)}
#app-mount .wrapper-1VLyxH rect[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"],
#app-mount .wrapper-1VLyxH rect :not(.pointerEvents-9SZWKj)[mask="url(#svg-mask-status-dnd)"] {fill: var(--dnd-color)}
#app-mount .wrapper-1VLyxH rect[fill="hsl(214, calc(var(--saturation-factor, 1) * 9.9%), 50.4%)"],
#app-mount .wrapper-1VLyxH rect[mask="url(#svg-mask-status-offline)"] {fill: var(--offline-color)}

.container-ZMc96U [fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] {
  fill: var(--streaming-color);
}
.container-ZMc96U [fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"] {
  fill: var(--online-color);
}
.container-ZMc96U [fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"] {
  fill: var(--idle-color);
}
.container-ZMc96U [fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"] {
  fill: var(--dnd-color);
}
.container-ZMc96U [fill="hsl(214, calc(var(--saturation-factor, 1) * 9.9%), 50.4%)"] {
  fill: var(--offline-color);
}

/* ChannelDms */
#app-mount .ChannelDms-channelmembers-wrap {
    width: 260px;
}
#app-mount .ChannelDms-channelmembers-wrap .privateChannels-oVe7HL {
    border-radius: 0;
    border: none;
}

#app-mount .ChannelDms-channelpopout-popout {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 8px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}
#app-mount .ChannelDms-channelpopout-popout .ChannelDms-channelpopout-header {
    box-shadow: none;
    border-bottom: 1px solid hsla(0, 0%, 50%, 0.4);
    padding: 8px;
    padding-right: 36px;
}
#app-mount .ChannelDms-channelpopout-popout .ChannelDms-channelpopout-collapseButton {
    top: 4px;
    left: 4px;
}
#app-mount .ChannelDms-channelpopout-popout .ChannelDms-channelpopout-removeButton {
    top: 8px;
    right: 8px;
    background-color: transparent;
    width: 26px;
    box-shadow: none;
    border-radius: 0;
    background-position: right;
    border-left: 1px solid hsla(0, 0%, 50%, 0.4);
}
#app-mount .ChannelDms-channelpopout-popout .form-3gdLxP:before {
    display: none;
}

.ChannelDms-channelpopout-headerStatus [fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] {
    fill: var(--streaming-color);
}
.ChannelDms-channelpopout-headerStatus [fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"] {
    fill: var(--online-color);
}
.ChannelDms-channelpopout-headerStatus [fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"] {
    fill: var(--idle-color);
}
.ChannelDms-channelpopout-headerStatus [fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"] {
    fill: var(--dnd-color);
}
.ChannelDms-channelpopout-headerStatus [fill="hsl(214, calc(var(--saturation-factor, 1) * 9.9%), 50.4%)"] {
    fill: var(--offline-color);
}

/* When error */
#app-mount .errorPage-2pZ2Kq {
    -webkit-app-region: no-drag;
}

/* Always bottom server list buttons by Gibbu [edit] */
.scroller-3X7KbA {
    contain: unset;
    height: calc(100% - 120px);
    padding-bottom: 40px;
}
.scroller-3X7KbA::before {
    content: "";
    position: fixed;
    bottom: 0;
    width: 72px;
    height: 168px;
    background: linear-gradient(transparent, var(--background-tertiary) 30%);
    z-index: 1;
}
.tutorialContainer-2jwoiB {
    position: fixed;
    bottom: 2px;
    z-index: 1;
}
.tutorialContainer-2jwoiB + .listItem-3SmSlK {
    position: fixed;
    bottom: 58px;
    contain: none;
    z-index: 1;
}
.guilds-2JjMmN .unreadMentionsIndicatorBottom-3RJMnQ {
    bottom: 120px;
}

/* BetterMessageLinks Compatibility */
#app-mount .betterMessageLinks.Popout {
    background-color: hsla(0, 0%, 6%, 0.6);
    border: 1px solid hsla(0, 0%, 50%, 0.4);
    border-radius: 8px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}

/* Creaton date, last message and joined */
.topSection-13QKHs .date-YN6TCS {
    text-align: center;
    margin-right: 16px;
}

/* NotifX */
.xenoLib-notification-content {
    border-radius: 3px;
    -webkit-app-region: no-drag;
}
.qwert-toasts {
    -webkit-app-region: no-drag;
}

/* ChannelDetails tooltip fix */
.ChannelDetails-tooltip-tooltip.voiceActivities {
    padding: 14px 0;
}