dark.mode.css

@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://nfld99.github.io/Better-Discord/Source_Code/Addons/Use_Fonts/DiscordFont.css");
@import url("https://fonts.googleapis.com/css2?family=Poiret+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Libre+Barcode+128&family=Libre+Barcode+128+Text&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Monoton&display=swap");

/****ADDONS****/
@import url("https://mwittrien.github.io/BetterDiscordAddons/Themes/BlurpleRecolor/BlurpleRecolor.css");
@import url("https://warrayquipsome.github.io/Chillax/ChillaxTag.css");
@import url("https://warrayquipsome.github.io/Chillax/Addons/SettingsModalEdited.css");
@import url("https://crearts-community.github.io/Friends-Grid/theme.css");
@import url("https://neodymium7.github.io/BetterDiscordStuff/CSS/AddServerDarkMode.css");
@import url("https://dablulite.github.io/css-snippets/AccountDetailsGrid/import.css");
@import url("https://dablulite.github.io/css-snippets/NoLightInDark/import.css");


/***TRANSPARENT CODES***/
/**transparent part LVL I**/
/*home tab fix*/
.forumOrHome_ff5f90 {
    background: transparent;
}

/*spotify controls error background*/
.panels_a4d4d9 span {
    background: transparent !important;
}

/*friends tab*/
.content_a4d4d9 > div,
.panels_a4d4d9 {
    background: transparent !important;
}

/*transparent scrollbar*/
::-webkit-scrollbar,
::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece {
    border-color: transparent !important;
    background: transparent !important;
}

::-webkit-scrollbar-thumb {
    border: none !important;
    background-clip: content-box !important;
    background: var(--chillax-scroller-color) !important;
}

/*transparent call background*/
.wrapper_d880dc,
.minimum_d880dc,
.callContainer_d880dc {
    background: none !important;
}

.root_f42a96,
.tile_dc5fc4 {
    background: none;
}

.videoGrid_bae578 {
    background: transparent !important;
}

/* transparent role selection / browse channels / members page background */
.container_fc4f04,
.container_f1fd9c,
.container_c2efea {
    background-color: transparent !important;
}

/* transparent default avatar section background */
.container_b2ca13 {
    background: transparent !important;
}

/**transparent part LVL II**/
/*small profile modal*/
html.theme-dark .userPopout-2j1gM4 {
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(4px);
}

html.theme-dark .footer-3naVBw {
    background-color: rgba(0, 0, 0, 0) !important;
}

html.theme-dark .avatar-2Vndt_ {
    border: 6px solid transparent;
    background-color: transparent;
}

html.theme-dark .bodyInnerWrapper-2bQs1k {
    background: transparent;
}

/*small profile modal 2*/
.avatar-2OC07D {
    background: none;
    box-shadow: none !important;
}

.avatarHint_f89da9 foreignObject {
    mask: none;
}

.avatarHintInner_f89da9 {
    border-radius: 50px;
}

/*bd editor titlebar*/
html.theme-dark .floating-window-titlebar {
    background-color: rgba(0, 0, 0, 0.575);
    backdrop-filter: blur(2px);
}

/*code block*/
html.theme-dark .scrollbar_c858ce {
    background-color: rgba(0, 0, 0, 0.377) !important;
}

/*menu blur*/
html.theme-dark .menu_d90b3d {
    /*Main class*/
    background-color: rgba(0, 0, 0, 0.3);
}

.menu_d90b3d::before,
.menu_d90b3d.submenu-1apzyU::before {
    /*Blurs the menu*/
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(15px);
    z-index: -1;
    border-radius: 5px;
}

/* Fix blur in nested floating menu */
.submenu_d90b3d.menu_d90b3d::before {
    width: calc(100% - 16px);
}

/*all in settings*/
.messagesPopoutWrap_ac90a2,
.drawerSizingWrapper_af5dbb {
    backdrop-filter: blur(5px) !important;
    background: #0004 !important;
}

.inspector-2A2Ch {
    backdrop-filter: blur(5px);
    background: transparent;
}

.feature-2IUcBI,
.container-2nx-BQ,
.bd-switch-body {
    background: #0007 !important;
}

.verticalFit_f66684,
.card-16VQ8C {
    background: #0001 !important;
}

.bottomDivider_f66684 {
    background: transparent !important;
}

.bar-1Bhnl9,
.markDash-yk2kJ- {
    background: rgb(175, 175, 175) !important;
}

.popout-1KHNAq {
    backdrop-filter: blur(5px);
}

.bd-addon-card {
    background: rgba(0, 0, 0, 0.349) !important;
}

.bd-addon-header {
    background: transparent !important;
}

/*forum channel*/
.container-3wLKDe {
    background: transparent !important;
}

/*--FANCY CSS CODES--*/
/*discord wordmark*/
.wordmark_a934d8 path {
    display: none !important;
}

html.theme-dark .wordmark_a934d8::before {
    content: "‏‏‎ c h i l l a x";
    font-size: 12px;
    font-family: "Poiret one" !important;
    position: fixed;
    color: rgb(255, 255, 255);
    background: var(--window-colour);
    backdrop-filter: blur(var(--window-blur));
    border-radius: 5px;
    padding: 7px 11px 7px 7px;
    margin-left: 20px;
    margin-top: 5px;
    pointer-events: all;
    transition: 0.5s ease-in-out;
}

.wordmark_a934d8:hover:before {
    content: "‏‏‎ c h i l l a x";
    letter-spacing: 2px;
}

/* button design*/
html.theme-dark .lookFilled_dd4f85 {
    border-radius: 45px;
    background: rgb(36, 36, 36) !important;
    color: rgb(255, 255, 255) !important;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    font-family: "Roboto";
    font-size: 12px;
    transition: 0.2s;
}

html.theme-dark .lookFilled_dd4f85:hover {
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.4);
    background: rgb(0, 0, 0) !important;
    transition: 0.1s;
}

/*channel unread pill*/
.unread_d8bfb3 {
    margin-left: 4px;
    border-radius: 20px;
}

/* Fix so that the unread button/container always stays visible
 on top of other stuff like spotify controls etc */

.unreadBottom_c43953 {
    z-index: 9999 !important;
}

.container_eba0ba.bottom_eba0ba {
    z-index: 9999 !important;
}

/*spotify gradient thing*/
html.theme-dark .timeline-UWmgAx:hover .barFill-Dhkah7 {
    background: linear-gradient(135deg, #2b2b2b, var(--accentcolorV2));
}

/*chatbox recolour*/
.input-2g-os5,
.scrollableContainer_bdf0de {
    background-color: transparent !important;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    outline: none;
}

.placeholder_a552a6.slateTextArea_e52116.fontSize16Padding_bdf0de {
    color: transparent !important;
}

html.theme-dark .input-2g-os5:hover,
html.theme-dark .scrollableContainer_bdf0de:hover {
    background-color: #00000023 !important;
}

/* attachedBars is the reply bar */
html.theme-dark .input-2g-os5:focus-within,
html.theme-dark .scrollableContainer_bdf0de:focus-within {
    background-color: #181a1d !important;
    box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.2);
}

.message_d5deea {
    border-radius: 8px !important;
}

.mentioned_d5deea {
    border-radius: 0 8px 8px 0 !important
}

/*Textbox Text*/
html.theme-dark .placeholder_a552a6 {
    visibility: hidden !important;
}

html.theme-dark .placeholder_a552a6::before {
    content: var(--chillax-input-field);
    color: rgba(255, 255, 255, 0.2);
    font-family: "Poppins";
    font-size: 13px;
    visibility: visible !important;
}

/* Change the message in the messagebox when you're restricted from sending messages in that channel. */
html.theme-dark .innerDisabled_d0696b .placeholder_a552a6::before {
    content: var(--chillax-input-field-locked) !important;
}

/* Fix slight scroll when text box is empty */
.inner_bdf0de {
    overflow: hidden !important;
}

/* Replace Wandering Cubes Spinner/loading discord image with gif*/
span[class="inner-26JK4f"]:after {
    background-image: url("https://multiplexurbangreen.com/images/loader.gif");
    background-size: cover;
    display: inline-block;
    width: 32px;
    height: 32px;
    content: "";
}

span[class="inner-26JK4f"] > * {
    display: none;
}

/* member list and friend DMs hover effect */
.clickable_d808b0:hover,
.interactive_f5eb4b:hover {
    transform: scale(1.1);
    transition: all 0.2s;
}

.clickable_d808b0,
.interactive_f5eb4b {
    transition: all 0.3s;
}

/*recolor search*/
html.theme-dark .container_eedf95 {
    -webkit-box-shadow: var(--elevation-high) !important;
    box-shadow: var(--elevation-high) !important;
}

html.theme-dark .elevationBorderHigh_ff8688 {
    box-shadow: none !important;
    background: rgba(0, 0, 0, 0.555) !important;
    backdrop-filter: blur(10px) !important;
}

html.theme-dark .container_eedf95 {
    border-radius: 8px !important;
}

html.theme-dark .option-2KkUJO:after {
    display: none !important;
}

html.theme-dark .searchOption-351dTI .filter-5YbOzJ {
    color: var(--accentcolorV2) !important;
}

/*connected vc buttons background*/
.wrapper_b6e2f9,
.centerButton_ef18ee.colorable_ef18ee {
    background-color: var(--accentcolorV2) !important;
    border-radius: 50px;
}

/*better mark as read button*/
@keyframes pop {
    from {
        transform: translateY(30px);
        opacity: 0.4;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.newMessagesBar_cf58b5.barBase_cf58b5 {
    margin-left: auto;
    margin-top: auto;
    align-self: flex-end;
    justify-self: flex-end !important;
    position: absolute !important;
    z-index: 998;
    bottom: 78px;
    right: 22px;
    padding: 8px 8px !important;
    width: 25.5px;
    height: 20px;
    background-color: var(--brand-experiment);
    box-shadow: var(--elevation-high);
    border-radius: 100px;
    display: flex;
    animation: pop 0.2s ease-in;
    transition: font-size 0s, color 0.2s 0.1s, padding 0.4s, width 0.1s 50ms;
    opacity: 1;
}

.newMessagesBar_cf58b5.barBase_cf58b5:hover {
    padding: 8px 18px !important;
    width: 105px;
    transition: font-size 0s, color 0.2s 0.1s, padding 0.4s, width 0.1s 50ms;
}

.newMessagesBar_cf58b5.barBase_cf58b5 > button {
    font-size: 0px;
    color: transparent !important;
    transition: color 0.3s 0.1s, padding 0.4s;
}

.newMessagesBar_cf58b5.barBase_cf58b5:hover > button {
    font-size: 14px;
    color: #ffffff !important;
    transition: color 0.3s 0.1s, padding 0.4s;
}

.barButtonIcon_cf58b5 {
    order: -1;
    margin: 0;
    margin-right: 0;
    margin-left: 6.5px;
    transition: all 0.2s;
    color: #fff !important;
}

.newMessagesBar_cf58b5.barBase_cf58b5:hover .barButtonIcon_cf58b5 {
    margin-right: 5px;
    margin-left: 0;
}

.barButtonBase_cf58b5 {
    padding: 0;
}

.barButtonMain_cf58b5,
.barButtonMain_cf58b5 * {
    display: none !important;
}

/* Better Jump To Present Button */
[class*="jumpToPresentBar"] {
    display: contents;
}

[class*="jumpToPresentBar"] > button:first-child {
    display: none;
}

[class*="jumpToPresentBar"] > button:last-child {
    position: absolute;
    z-index: 1;
    bottom: 24px;
    right: 22px;
    padding: 8px !important;
    height: auto;
    background-color: var(--accentcolorV2);
    box-shadow: var(--elevation-high);
    border-radius: 100px;
    display: flex;
    font-size: 0px;
    color: transparent;
    transition: font-size 0.2s 0.1s, color 0.2s, padding 0.4s 0.1s;
}

[class*="jumpToPresentBar"] > button svg {
    order: -1;
    margin: 0px;
    height: 24px;
    width: 24px;
    top: auto;
    margin-right: 0px;
    margin-left: 0px;
    color: #ffffff;
    transition: margin 0.6s;
}

[class*="jumpToPresentBar"]:hover > button {
    padding: 8px 18px !important;
    font-size: 14px;
    color: #ffffff;
    transition: font-size 0.2s, color 0.2s 0.1s, padding 0.4s;
}

[class*="jumpToPresentBar"]:hover > button svg {
    margin-right: 2px;
    margin-left: -6px;
}

/*menu animation*/
.container_eedf95,
.css-1x99fvh-menu,
.css-3vaxre-menu,
.drawerSizingWrapper_af5dbb,
.layer-2aCOJ3 div[role="dialog"],
.layer-2aCOJ3 div[role="menu"],
.messagesPopoutWrap_ac90a2,
.popout-1KHNAq[role="listbox"] {
    animation: animation-top 0.25s ease;
}

.layer-2aCOJ3 .animatorLeft-3yvG13 div[role="dialog"] {
    position: relative;
    animation: animation-left 0.25s ease;
}

.layer-2aCOJ3 div[role="dialog"] .messagesPopoutWrap_ac90a2 {
    animation: none;
}

.layer-2aCOJ3 .animatorRight-xAUgTY .userPopout-2j1gM4 {
    transform-origin: center left;
    animation: animation-right 0.25s ease;
}

@keyframes animation-top {
    0% {
        -webkit-transform: translate(0, calc(14px * -1));
        transform: translate(0, calc(14px * -1));
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes animation-left {
    0% {
        -webkit-transform: translate(calc(14px * -1), 0);
        transform: translate(calc(14px * -1), 0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes animation-right {
    0% {
        -webkit-transform: translate(14px, 0);
        transform: translate(14px, 0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

/*channel hover effect*/
html.theme-dark .mainContent-20q_Hp {
    transition: all 0.3s;
    position: relative;
}

html.theme-dark .mainContent-20q_Hp {
    transition: all 0.3s;
}

html.theme-dark .mainContent-20q_Hp::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: rgba(255, 255, 255, 0.733);
    border-bottom-color: rgba(255, 255, 255, 0.733);
    transform: scale(0.1, 1);
}

html.theme-dark .mainContent-20q_Hp:hover {
    letter-spacing: 1px;
}

html.theme-dark .mainContent-20q_Hp:hover::before {
    opacity: 1;
    transform: scale(1, 1);
}

html.theme-dark .mainContent-20q_Hp::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all 0.3s;
    background-color: rgba(255, 255, 255, 0);
}

html.theme-dark .mainContent-20q_Hp:hover::after {
    opacity: 0;
    transform: scale(0.1, 1);
}

html.theme-dark .wrapper_d8bfb3:hover {
    animation: wave-text 1s ease-in-out infinite;
}

html.theme-dark .logo.is-animetion {
    span:nth-of-type(1) {
        animation-delay: 0s;
    }

    span:nth-of-type(2) {
        animation-delay: 0.1s;
    }

    span:nth-of-type(3) {
        animation-delay: 0.2s;
    }

    span:nth-of-type(4) {
        animation-delay: 0.3s;
    }

    span:nth-of-type(5) {
        animation-delay: 0.4s;
    }
}

@keyframes wave-text {
    00% {
        transform: translateY(0em);
    }

    60% {
        transform: translateY(-0.2em);
    }

    100% {
        transform: translateY(0em);
    }
}

/*bd editor control colour*/
html.theme-dark #bd-editor-controls {
    background-color: rgba(0, 0, 0, 0.575) !important;
    box-shadow: none !important;
}

#floating-editor-window {
    border-radius: 5px;
}

html.theme-dark .floating-window.resizable,
html.theme-dark .floating-window-content,
html.theme-dark .editor-wrapper,
html.theme-dark .monaco-editor,
html.theme-dark .monaco-editor-background,
html.theme-dark .monaco-editor .inputarea.ime-input,
html.theme-dark .monaco-editor .margin {
    background: rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(5px);
}

.btn-primary {
    color: white !important;
}

/*welcome text*/
html.theme-dark body:before {
    content: "Greetings " var(--user-name) "!";
    z-index: 1000000000000000000000000;
    color: #fff;
    background-color: #0000007a;
    top: 0px;
    left: 52%;
    position: absolute;
    border-radius: 5px;
    padding: 5px 15px;
    transform: translate(-60%, -100%);
    animation: chl 3s ease;
    animation-delay: 4s;
}

body,
span:not(.spinner-item) {
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
}

@-webkit-keyframes chl {
    from {
        transform: translate(-60%, -100%);
    }

    20% {
        transform: translate(-60%, 20%);
    }

    80% {
        transform: translate(-60%, 20%);
    }

    to {
        transform: translate(-60%, -100%);
    }
}

@keyframes chl {
    from {
        transform: translate(-60%, -100%);
    }

    20% {
        transform: translate(-60%, 20%);
    }

    80% {
        transform: translate(-60%, 20%);
    }

    to {
        transform: translate(-60%, -100%);
    }
}

/*default avatar*/
[src="/assets/1f0bfc0865d324c2587920a7d80c609b.png"] {
    content: url(https://i.imgur.com/tYEPmPZ.png);
}

[src="/assets/c09a43a372ba81e3018c3151d4ed4773.png"] {
    content: url(https://i.imgur.com/tYEPmPZ.png);
}

[src="/assets/7c8f476123d28d103efe381543274c25.png"] {
    content: url(https://i.imgur.com/tYEPmPZ.png);
}

[src="/assets/6f26ddd1bf59740c536d2274bb834a05.png"] {
    content: url(https://i.imgur.com/tYEPmPZ.png);
}

[src="/assets/3c6ccb83716d1e4fb91d3082f6b21d77.png"] {
    content: url(https://i.imgur.com/tYEPmPZ.png);
}

/*custom mentioned colour*/
html.theme-dark .mentioned_d5deea:before {
    background: linear-gradient(135deg, #3b3b3b, var(--accentcolorV2)) !important;
}

html.theme-dark .mentioned_d5deea {
    background: linear-gradient(
            60deg,
            rgba(41, 41, 41, 0.3),
            rgba(var(--accentcolor), 0.9)
    ) !important;
}

html.theme-dark .mentioned_d5deea:hover {
    background: linear-gradient(
            60deg,
            rgba(32, 32, 32, 0.5),
            rgba(var(--accentcolor))
    ) !important;
}

/*user popout animation*/
html.theme-dark #app-mount [class*="userPopout"][aria-modal="true"] {
    overflow: hidden;
    opacity: 0;
    -webkit-animation: fadeIn 0.5s ease forwards;
    animation: fadeIn 0.5s ease forwards;
}

/*Hides CSS Tips*/
.markdown-hover {
    display: none;
}

/*remove limit css editor*/
#floating-editor-window.resizable {
    max-height: unset;
    max-width: unset;
}

.floating-window.resizable {
    min-width: unset;
    min-height: unset;
    max-width: unset;
    max-height: unset;
}

/* Minified search bar */
:root {
    --transitionspeed: 0.25s;
}

.search_a46bef:not(.open_a46bef) .searchBar_a46bef {
    width: 20px;
    transition: var(--transitionspeed);
    background-color: transparent;
}

.search_a46bef:not(.open_a46bef):hover .searchBar_a46bef {
    width: 240px;
    background-color: var(--background-tertiary);
}

.search_a46bef:not(.open_a46bef) .iconContainer_effbe2 {
    transform: scale(1.3);
    transition: var(--transitionspeed);
}

.search_a46bef:not(.open_a46bef):hover .iconContainer_effbe2 {
    transform: scale(1);
}

.search_a46bef:not(.open_a46bef) .icon_effbe2 {
    color: var(--text-normal);
}

.search_a46bef:not(.open_a46bef):hover .icon_effbe2 {
    color: var(--text-muted);
}

.container_fc4f04.themed_fc4f04 .search_ff5f90 {
    order: -1 !important;
}

/*channel resize*/
.sidebar_a4d4d9 .name_d8bfb3 {
    font-size: 14px;
}

.sidebar_a4d4d9 .icon_d8bfb3 {
    width: 16px;
    height: 16px;
}

/*about me clamp*/
.clamped-2ZePhX {
    -webkit-line-clamp: 190;
    max-height: 112px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-left: 15px;
}

.clamped-2ZePhX::-webkit-scrollbar {
    width: 13px;
    margin-left: 7px;
}

.clamped-2ZePhX::-webkit-scrollbar-track {
    border-radius: 30px;
    background-color: rgba(255, 255, 255, 0.047) !important;
}

.clamped-2ZePhX::-webkit-scrollbar-thumb {
    background: linear-gradient(45deg, #cacaca, var(--accentcolorV2)) !important;
    border-radius: 30px;
}

/*chillax appearance theme*/
html.theme-dark {
    --cl-appearance: "Dark";
}

#app-mount .info_c5a741 .line_c5a741:last-child:after {
    content: "Chillax " var(--cl-appearance) " 🎮";
    display: block;
}

/*custom bd window edit*/
.floating-window {
    border-radius: 5px !important;
}

.title {
    text-align: center;
    padding-left: 60px !important;
}

/*custom popout window*/
html.theme-dark #app-mount .layers_d4b6c5 {
    margin: var(--window-margin);
    overflow: hidden;
    border-radius: var(--window-border-radius);
    background: var(--window-colour);
    backdrop-filter: blur(var(--window-blur)) !important;
}

/*user setting icon spin*/
.button_adca65:last-child:hover path[d="M10.56 1.1c-.46.05-.7.53-.64.98.18 1.16-.19 2.2-.98 2.53-.8.33-1.79-.15-2.49-1.1-.27-.36-.78-.52-1.14-.24-.77.59-1.45 1.27-2.04 2.04-.28.36-.12.87.24 1.14.96.7 1.43 1.7 1.1 2.49-.33.8-1.37 1.16-2.53.98-.45-.07-.93.18-.99.64a11.1 11.1 0 0 0 0 2.88c.06.46.54.7.99.64 1.16-.18 2.2.19 2.53.98.33.8-.14 1.79-1.1 2.49-.36.27-.52.78-.24 1.14.59.77 1.27 1.45 2.04 2.04.36.28.87.12 1.14-.24.7-.95 1.7-1.43 2.49-1.1.8.33 1.16 1.37.98 2.53-.07.45.18.93.64.99a11.1 11.1 0 0 0 2.88 0c.46-.06.7-.54.64-.99-.18-1.16.19-2.2.98-2.53.8-.33 1.79.14 2.49 1.1.27.36.78.52 1.14.24.77-.59 1.45-1.27 2.04-2.04.28-.36.12-.87-.24-1.14-.96-.7-1.43-1.7-1.1-2.49.33-.8 1.37-1.16 2.53-.98.45.07.93-.18.99-.64a11.1 11.1 0 0 0 0-2.88c-.06-.46-.54-.7-.99-.64-1.16.18-2.2-.19-2.53-.98-.33-.8.14-1.79 1.1-2.49.36-.27.52-.78.24-1.14a11.07 11.07 0 0 0-2.04-2.04c-.36-.28-.87-.12-1.14.24-.7.96-1.7 1.43-2.49 1.1-.8-.33-1.16-1.37-.98-2.53.07-.45-.18-.93-.64-.99a11.1 11.1 0 0 0-2.88 0ZM16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"] {
    animation: Settings 1s;
    transform-origin: center;
}

.button_adca65:last-child path[d="M10.56 1.1c-.46.05-.7.53-.64.98.18 1.16-.19 2.2-.98 2.53-.8.33-1.79-.15-2.49-1.1-.27-.36-.78-.52-1.14-.24-.77.59-1.45 1.27-2.04 2.04-.28.36-.12.87.24 1.14.96.7 1.43 1.7 1.1 2.49-.33.8-1.37 1.16-2.53.98-.45-.07-.93.18-.99.64a11.1 11.1 0 0 0 0 2.88c.06.46.54.7.99.64 1.16-.18 2.2.19 2.53.98.33.8-.14 1.79-1.1 2.49-.36.27-.52.78-.24 1.14.59.77 1.27 1.45 2.04 2.04.36.28.87.12 1.14-.24.7-.95 1.7-1.43 2.49-1.1.8.33 1.16 1.37.98 2.53-.07.45.18.93.64.99a11.1 11.1 0 0 0 2.88 0c.46-.06.7-.54.64-.99-.18-1.16.19-2.2.98-2.53.8-.33 1.79.14 2.49 1.1.27.36.78.52 1.14.24.77-.59 1.45-1.27 2.04-2.04.28-.36.12-.87-.24-1.14-.96-.7-1.43-1.7-1.1-2.49.33-.8 1.37-1.16 2.53-.98.45.07.93-.18.99-.64a11.1 11.1 0 0 0 0-2.88c-.06-.46-.54-.7-.99-.64-1.16.18-2.2-.19-2.53-.98-.33-.8.14-1.79 1.1-2.49.36-.27.52-.78.24-1.14a11.07 11.07 0 0 0-2.04-2.04c-.36-.28-.87-.12-1.14.24-.7.96-1.7 1.43-2.49 1.1-.8-.33-1.16-1.37-.98-2.53.07-.45-.18-.93-.64-.99a11.1 11.1 0 0 0-2.88 0ZM16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"] {
    animation: Settings2 1s;
    transform-origin: center;
}

@keyframes Settings {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(180deg);
    }
}

@keyframes Settings2 {
    from {
        transform: rotate(180deg);
    }

    to {
        transform: rotate(0deg);
    }
}

/*custom unread style*/
.unreadPillCap_c2654d {
    display: none;
    right: 50%;
}

.unreadPill_c2654d {
    background-color: var(--background-shading);
    color: #fb5454;
    font-size: 12px;
    letter-spacing: 20px;
    right: 50%;
    left: 50%;
    width: 30px;
}

.isUnread_c2654d {
    --divider-color: rgb(237, 0, 255);
    border: none;
    background: linear-gradient(90deg,
    rgba(237, 0, 255, 1) 0%,
    #fb5454 25%,
    rgba(0, 0, 0, 0) 50%,
    #fb5454 75%,
    rgba(254, 0, 255, 1) 100%);
    height: 1px;
}

.unreadPill_c2654d {
    top: -6px;
}

/*custom channel and text area font and size*/
.title_fc4f04 {
    font-family: var(--font-name);
    font-size: var(--font-size) !important;
}

.messageContent_f9f2ca,
.contents_f9f2ca {
    font-family: var(--font-name);
    font-size: var(--font-size) !important;
}

.markup_f8f345 h1, .markup_f8f345 h2, .markup_f8f345 h3, .markup_f8f345 h4, .markup_f8f345 h5, .markup_f8f345 h6 {
    font-family: var(--font-name);
}

/*custom public servers and create server buttons*/
html.theme-dark .guilds_a4d4d9 .scroller_fea3ef .circleIconButton_db6521 {
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.1);
    color: rgb(255, 255, 255);
    transition: all 0.4s;
    border: none;
}

html.theme-dark .guilds_a4d4d9 .scroller_fea3ef .circleIconButton_db6521:hover {
    color: #ffffff;
    background: transparent;
}

.pill_db6521 {
    display: none;
}

/* colored links */
/* YouTube */
[href*="youtu.be"],
[href*="youtube.com"] {
    color: #c4302b !important;
}

/* Twitch */
[href*="twitch.tv"] {
    color: #b700ff !important;
}

/* Discord */
[href*="discord.com/channels/"] {
    color: #7289da !important;
}

[href*="discord.com/channels/"]::before {
    color: #603cff;
}

[href*="betterdiscord.app/"],
[href*="discord.gg/"],
[href*="discord.com/"],
[href*="media.discordapp.net/"],
[href*="cdn.discordapp.com/"] {
    color: #7289da !important;
}

/* Twitter */
[href*="twitter.com/"] {
    color: #00acee !important;
}

/* GitHub */
[href*="github.com"] {
    color: #00f0a8 !important;
}

/* Imgur */
[href*="i.imgur.com"] {
    color: #89c623 !important;
}

/* Steam */
[href*="store.steampowered.com"],
[href*="https://s.team"],
[href*="steamcommunity.com/"] {
    color: #1b2838 !important;
}

/* Spotify */
[href*="spotify.com"],
[href*="open.spotify.com"] {
    color: #13b94a !important;
}

/* SoundCloud */
[href*="soundcloud.com"] {
    color: #ff5500 !important;
}

/* Center profile badge, avatar and name */
.avatarWrapperNormal_f89da9 {
    position: absolute;
    transform: translate(-50%);
    left: 50%;
}

.headerText-1-WmDq {
    text-align: center;
    position: relative;
    max-width: 100%;
    right: 0px;
    top: -7px;
}

.profileBadges_f89da9 {
    justify-content: center;
    position: relative;
    max-width: 100%;
    right: 0px;
    top: -10px;
}

.userPopout-2j1gM4 .bannerSVGWrapper-qc0szY > mask > circle {
    cx: 150;
    r: 47;
    cy: 57;
}

/* Center profile badge, avatar and name 2*/
.avatarPositionNormal_f89da9 {
    position: absolute;
    transform: translate(-50%);
    left: 50%;
}

.userText_c9ccf6 {
    text-align: center;
}

.profileBadges_f89da9 {
    max-width: 40%;
    left: -20px;
    top: 15px;
}

.divider_d2b491 {
    display: none;
}

.section_d7a21f.lastSection_d7a21f {
    visibility: hidden;
    margin-top: -65px !important;
}

.usernameSection_d2b491 {
    justify-content: center !important;
}

.pronouns_c9ccf6 {
    display: flex !important;
    justify-content: center !important;
}

/*remove unread with date*/ /*it causes issue with the theme*/
.hasContent_d5deea {
    display: none;
}

/*glow radial status*/
div[class*="wrapper_c51b4e"][aria-label*="Streaming"]
> svg[class="mask_c51b4e svg_c51b4e"] {
    filter: drop-shadow(0 0 3px var(--rs-streaming-color)) !important;
}

div[class*="wrapper_c51b4e"][aria-label*="Do Not Disturb"]
> svg[class="mask_c51b4e svg_c51b4e"] {
    filter: drop-shadow(0 0 3px var(--rs-dnd-color)) !important;
}

div[class*="wrapper_c51b4e"][aria-label*="Offline"]
> svg[class="mask_c51b4e svg_c51b4e"] {
    filter: drop-shadow(0 0 3px var(--rs-offline-color)) !important;
}

div[class*="wrapper_c51b4e"][aria-label*="Idle"]
> svg[class="mask_c51b4e svg_c51b4e"] {
    filter: drop-shadow(0 0 3px var(--rs-idle-color)) !important;
}

div[class*="wrapper_c51b4e"][aria-label*="Online"]
> svg[class="mask_c51b4e svg_c51b4e"] {
    filter: drop-shadow(0 0 3px var(--rs-online-color)) !important;
}

/*theme background image*/
.bg_d4b6c5 {
    background-image: var(--background-image);
    opacity: var(--bg-opacity);
    background-attachment: var(--background-attachment, fixed);
    background-size: var(--background-size, cover);
    background-position: var(--background-position, center);
}

/*remove those annoying shadow on top of the chats*/
.searchBar_f0963d,
.header_fd6364 {
    box-shadow: none;
}

.tabBody_c2739c:before {
    display: none;
}

.content_a7d72e:before {
    display: none;
}

/*appearance theme preview*/
#appearance-tab.contentColumn_c25c6d
> :not([class]):first-child
> .children_a6ae9b
> div:nth-child(2)
[role="radiogroup"] {
    display: flex;
}

#appearance-tab.contentColumn_c25c6d
> :not([class]):first-child
> .children_a6ae9b
> div:nth-child(2)
[role="radiogroup"]
.item-2idW98 {
    width: 134px;
    height: 88px;
    margin-right: 20px;
    border-radius: 20px;
    box-shadow: var(--box-shadow-outer-3),
    var(--background-primary-box-shadow-border);
}

#appearance-tab.contentColumn_c25c6d
> :not([class]):first-child
> .children_a6ae9b
> div:nth-child(2)
[role="radiogroup"]
.item-2idW98:first-child {
    background: url("https://cdn.discordapp.com/attachments/934719923735904257/990556326943932446/unknown.png?size=4096") center/cover;
}

#appearance-tab.contentColumn_c25c6d
> :not([class]):first-child
> .children_a6ae9b
> div:nth-child(2)
[role="radiogroup"]
.item-2idW98:nth-child(2) {
    background: url("https://cdn.discordapp.com/attachments/934719923735904257/990556326746787840/unknown.png?size=4096") center/cover;
}

#appearance-tab.contentColumn_c25c6d
> :not([class]):first-child
> .children_a6ae9b
> div:nth-child(2)
[role="radiogroup"]
.item-2idW98:nth-child(3) {
    background: url("https://cdn.discordapp.com/attachments/934719923735904257/990559275145384007/chillax_sync.jpg?size=4096") center/cover,
    var(--background-primary);
}

#appearance-tab.contentColumn_c25c6d
> :not([class]):first-child
> .children_a6ae9b
> div:nth-child(2)
[role="radiogroup"]
.item-2idW98
.radioBar-3w9XY-
svg {
    display: none;
}

#appearance-tab.contentColumn_c25c6d
> :not([class]):first-child
> .children_a6ae9b
> div:nth-child(2)
[role="radiogroup"]
.item-2idW98
.radioBar-3w9XY-
.info-2FZci4 {
    margin-right: 0;
    grid-gap: 0;
    text-align: center;
    transform: translateY(40px);
    pointer-events: none;
}

#appearance-tab.contentColumn_c25c6d
> :not([class]):first-child
> .children_a6ae9b
> div:nth-child(2)
[role="radiogroup"]
.item-2idW98
.radioBar-3w9XY- {
    height: 100%;
    align-items: flex-end;
    gap: 0;
}

#appearance-tab.contentColumn_c25c6d
> :not([class]):first-child
> .children_a6ae9b
> div:nth-child(2)
[role="radiogroup"]
.item-2idW98:last-child
.info-2FZci4
.text-md-medium-2avxhQ {
    display: none;
}

#appearance-tab.contentColumn_c25c6d
> :not([class]):first-child
> .children_a6ae9b
> div:nth-child(2)
[role="radiogroup"]
.item-2idW98:last-child
.info-2FZci4::before {
    content: "Sync";
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}

#appearance-tab.contentColumn_c25c6d
> :not([class]):first-child
> .children_a6ae9b
> div:nth-child(2)
.container-1zDvAE.marginTop20_f7730b {
    margin-top: 50px;
}

/*ping design*/
html.theme-dark .numberBadge__40d6f {
    padding: 0px 0px !important;
    background-color: #fe365c;
    box-shadow: 0px 0px 10px 2px #ff2d54;
}

/*chillax squad font and colour change*/
[href="https\:\/\/github.com/warrayquipsome/Chillax#Authors"] {
    font-family: "Libre Barcode 128 Text";
    color: rgb(255, 161, 161) !important;
    font-weight: 400;
    font-size: 25px;
}

[href="https\:\/\/github.com/warrayquipsome/Chillax#Authors"]:hover {
    font-family: "Libre Barcode 128";
    color: rgb(255, 161, 161) !important;
    font-weight: 400;
    font-size: 25px;
}

/*custom group font*/
.input_f8b740 {
    overflow: visible !important;
    font-family: var(--group-chat-font) !important;
    font-weight: 200 !important;
    font-size: 25px;
    letter-spacing: 0.2px;
}

/*user setting channel hover effect*/
html.theme-dark .selected-g-kMVV:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: #fff;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}

.selected-g-kMVV:hover:after {
    width: 100%;
    left: 0;
}

/*Connection Issue Let Me Be*/
.container_e40c16 {
    background: transparent;
    pointer-events: none;
}

.container_e40c16 .anchor-1MIwyf {
    pointer-events: auto;
}

.container_e40c16 .content_e40c16 .text_e40c16 {
    display: none;
}

.container_e40c16 .ready_e40c16 {
    position: absolute;
    bottom: 44px;
    right: 244px;
    z-index: 1;
}

.container_e40c16 img,
.container_e40c16 video {
    display: none;
}

.container_e40c16 .problems_e40c16 {
    padding: 8px 16px;
    bottom: 18px;
    left: unset;
    right: 18px;
    width: fit-content;
    height: fit-content;
    background-color: var(--background-floating);
    border-radius: 8px;
    -webkit-box-shadow: var(--elevation-stroke), var(--elevation-medium);
    box-shadow: var(--elevation-stroke), var(--elevation-medium);
}

/*Better status*/
#status-picker-custom-status,
#status-picker #status-picker-custom-status + .separator-1So4YB + div {
    flex: 1 1 100%;
}

#status-picker-online,
#status-picker-idle,
#status-picker-dnd,
#status-picker-invisible {
    flex: 1 1 calc(25% - 2px);
    display: flex;
    justify-content: center;
    height: 40px;
}

#status-picker-online .statusItem_e0f739,
#status-picker-idle .statusItem_e0f739,
#status-picker-dnd .statusItem_e0f739,
#status-picker-invisible .statusItem_e0f739 {
    width: fit-content;
    display: flex;
    padding: 0;
    justify-content: center;
}

#status-picker
.item-1OdjEX:not(#status-picker-custom-status, #status-picker-switch-account)
.status_e0f739 {
    display: none;
}

#status-picker .description_e0f739 {
    display: none;
}

#status-picker .separator-1So4YB {
    display: none;
}

.statusItem_e0f739 {
    column-gap: 5px;
}

#status-picker .mask-2Me5HY {
    height: 50%;
    width: auto;
}

.item-1OdjEX foreignObject {
    mask: none;
}

.status-2DiCMd {
    border-radius: 8px !important;
    width: 6px !important;
    height: 6px !important;
    margin-left: 2px;
    margin-top: 2px;
}

/*tooltip animation*/
.tooltip-14MtrL.tooltipTop-1wv5UJ {
    -webkit-animation: cl-tooltip-animation-1 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1);
    animation: cl-tooltip-animation-1 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1);
    transform-origin: 50% 100%;
}

.tooltip-14MtrL.tooltipBottom_b6c360 {
    -webkit-animation: cl-tooltip-animation-1 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1);
    animation: cl-tooltip-animation-1 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1);
    transform-origin: 50% 0;
}

.tooltip-14MtrL.tooltipRight-2TSb42 {
    -webkit-animation: cl-tooltip-animation-2 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1);
    animation: cl-tooltip-animation-2 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1);
    transform-origin: 0 50%;
}

.tooltip-14MtrL.tooltipLeft-3H43DQ {
    -webkit-animation: cl-tooltip-animation-2 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1);
    animation: cl-tooltip-animation-2 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1);
    transform-origin: 100% 50%;
}

@-webkit-keyframes cl-tooltip-animation-1 {
    from {
        transform: rotateX(-90deg);
        opacity: 0;
    }

    to {
        transform: none;
        opacity: 1;
    }
}

@keyframes cl-tooltip-animation-1 {
    from {
        transform: rotateX(-90deg);
        opacity: 0;
    }

    to {
        transform: none;
        opacity: 1;
    }
}

@-webkit-keyframes cl-tooltip-animation-2 {
    from {
        transform: rotateY(-90deg);
        opacity: 0;
    }

    to {
        transform: none;
        opacity: 1;
    }
}

@keyframes cl-tooltip-animation-2 {
    from {
        transform: rotateY(-90deg);
        opacity: 0;
    }

    to {
        transform: none;
        opacity: 1;
    }
}

/*Embeds*/
:root {
    --embed-border-radius: 5px;
}

html.theme-dark .embed_b0068a {
    border-radius: var(--embed-border-radius);
    z-index: 2;
}

html.theme-dark .embed_b0068a code {
    background: rgb(51, 50, 53);
}

:root {
    --embed-line-width: 300px;
}

html.theme-dark .embedFull_b0068a {
    border-top: none;
    border-right: none;
    border-bottom: none;
}

html.theme-dark .embedFull_b0068a {
    border-left: calc(4px + var(--embed-line-width)) solid var(--background-accent);
    background: rgb(51, 50, 53);
    box-shadow: 2px 2px 8px rgb(42, 42, 46);
}

html.theme-dark .grid_b0068a {
    margin-left: calc(-1 * var(--embed-line-width));
    z-index: 1;
}

html.theme-dark .embedFull_b0068a:after,
.embedFull_b0068a:before {
    content: "";
    height: 100%;
    width: var(--embed-line-width);
    position: absolute;
    top: 0;
    left: calc(-1 * var(--embed-line-width));
}

html.theme-dark .embedFull_b0068a:after {
    background: linear-gradient(to right, transparent, rgb(51, 50, 53));
    z-index: -3;
}

html.theme-dark .embedFull_b0068a:before {
    background: rgb(51, 50, 53);
    opacity: 0.8;
    z-index: -1;
}

/* Settings/Deafen/Mute Buttons Animated */
.button_adca65:hover .contents-3ca1mk {
    animation: UserModalButtons 0.5s normal ease;
}

@keyframes UserModalButtons {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(0px);
    }
}

/*guild pills glow*/
html.theme-dark .item_c4cd66 {
    box-shadow: 0 0 3px rgb(255, 255, 255);
}

/*inline colour error fix*/
html.theme-dark .inline {
    background: rgba(47, 49, 54, 0.5) !important;
}

/*disable and delete account button design*/
html.theme-dark .children_a6ae9b .colorRed_dd4f85 {
    width: 140px;
    height: 45px;
    font-family: "Roboto" !important;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 500;
    color: rgb(255, 255, 255) !important;
    background-color: rgb(58, 58, 58) !important;
    border: none;
    border-radius: 45px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
}

html.theme-dark .children_a6ae9b .colorRed_dd4f85:hover {
    background-color: rgb(229, 46, 46) !important;
    box-shadow: 0px 15px 20px rgba(229, 46, 46, 0.4);
    color: rgb(37, 37, 37) !important;
    transform: translateY(-7px);
}

html.theme-dark .children_a6ae9b .colorRed_dd4f85 {
    font-size: 0px !important;
}

html.theme-dark .children_a6ae9b .disableButton_adabdf.colorRed_dd4f85::before {
    content: "Disable";
    position: absolute;
    font-size: 11px !important;
}

html.theme-dark .children_a6ae9b .lookOutlined_dd4f85.colorRed_dd4f85::before {
    content: "Delete";
    position: absolute;
    font-size: 11px !important;
}

/* For Logout from all devices button */

html.theme-dark .children_a6ae9b .logOutAllButton_c7a2c0.lookOutlined_dd4f85.colorRed_dd4f85::before {
    content: "Logout" !important;
    position: absolute;
    font-size: 11px !important;
}

/*seperator in settings*/
html.theme-dark .separator-2wx7h6 {
    background: rgb(185, 185, 185);
    height: 5.5px !important;
    border-radius: 8px !important;
}

/*nitro buttons in settings*/
html.theme-dark .button-1U79Hu {
    color: #fff !important;
    border: 4px solid #000;
    box-shadow: 0px 0px 0px 1px #000 inset !important;
    background-color: #000 !important;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-in-out;
}

html.theme-dark .button-1U79Hu:hover {
    border: 4px solid #666;
    background-color: rgb(255, 255, 255) !important;
    box-shadow: 0px 0px 0px 4px #eee inset !important;
}

html.theme-dark .button-1U79Hu:after {
    background: #fff !important;
    border: 0px solid #000 !important;
    content: "";
    height: 155px;
    left: -75px;
    opacity: 0.8;
    position: absolute;
    top: -50px;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    width: 50px;
    transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
    /*easeOutCirc*/
    z-index: 1;
}

html.theme-dark .button-1U79Hu:hover:after {
    background: #fff !important;
    border: 20px solid #000 !important;
    opacity: 0;
    left: 120%;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}

html.theme-dark .giftButton_af971d {
    transition: all 0.2s ease-out;
    z-index: 2;
}

html.theme-dark .giftButton_af971d:hover {
    letter-spacing: 0.13em;
    color: #333 !important;
}

/*custom min max close button*/
html.theme-dark .winButtonClose_a934d8 {
    top: -3.5px;
    right: 20px;
    padding: 5px;
    margin: 5px;
    border-radius: 0px 5px 5px 0px;
    color: #fff;
    background: var(--window-colour);
    backdrop-filter: blur(var(--window-blur));
    transition: 0.2s;
}

html.theme-dark .winButtonClose_a934d8:hover {
    top: -3.5px;
    right: 20px;
    padding: 5px;
    margin: 5px;
    border-radius: 0px 5px 5px 0px;
    color: #fff;
    background: transparent;
    transform: rotate(45deg) !important;
    transition: 0.1s;
    backdrop-filter: none;
}

html.theme-dark .winButtonMinMax_a934d8:nth-child(3) {
    top: -3.5px;
    right: 10px;
    padding: 5px;
    margin: 5px;
    border-radius: 0px;
    color: #fff;
    background: var(--window-colour);
    backdrop-filter: blur(var(--window-blur));
    transition: 0.2s;
}

html.theme-dark .winButtonMinMax_a934d8:nth-child(3):hover {
    top: -3.5px;
    right: 10px;
    padding: 5px;
    margin: 5px;
    border-radius: 0px;
    color: #fff;
    background: transparent;
    transform: rotate(45deg) !important;
    transition: 0.1s;
    backdrop-filter: none;
}

html.theme-dark .winButtonMinMax_a934d8:nth-child(2n) {
    top: -3.5px;
    right: 0px;
    padding: 5px;
    margin: 5px;
    border-radius: 5px 0px 0px 5px;
    color: #fff;
    background: var(--window-colour);
    backdrop-filter: blur(var(--window-blur));
    transition: 0.2s;
}

html.theme-dark .winButtonMinMax_a934d8:nth-child(2n):hover {
    top: -3.5px;
    right: 0px;
    padding: 5px;
    margin: 5px;
    border-radius: 5px 0px 0px 5px;
    color: #fff;
    background: transparent;
    transform: rotate(45deg) !important;
    transition: 0.1s;
    backdrop-filter: none;
}

/*flickering user setting icons*/
.sidebar_c25c6d .item_a0:hover:before {
    transition: all 0.2s;
    transform: rotateY(180deg);
}

.sidebar_c25c6d .item_a0:before {
    transition: all 0.2s;
}

/*settings user profile recolour*/
html.theme-dark .accountProfileCard_b69b77 {
    background: rgb(26, 26, 26);
}

html.theme-dark .background_b69b77 {
    background: rgb(34, 34, 34);
}

/*Better status*/
#account-edit-custom-status,
#status-picker #account-edit-custom-status + .separator-1So4YB + div {
    flex: 1 1 100%;
}

#account-status-picker--online,
#account-status-picker--dnd,
#account-status-picker--idle,
#account-status-picker--invisible {
    flex: 1 1 calc(25% - 2px);
    display: flex;
    justify-content: center;
    height: 40px;
}

.status-qmUf7L,
.description-22_U3B,
.separator-1So4YB {
    display: none;
}

#status-picker .mask-2Me5HY {
    height: 50%;
    width: auto;
}

.mask-2Me5HY foreignObject {
    mask: none;
}

.status-2DiCMd {
    border-radius: 8px !important;
    width: 6px !important;
    height: 6px !important;
    margin-left: 2px !important;
    margin-top: 2px !important;
}

.profileBody-3QbfPe {
    display: none;
}

html.theme-dark .withTagAsButton_b2ca13:hover {
    background: rgb(49, 54, 58);
}

/*floating user controls*/
html.theme-dark .panels_a4d4d9 {
    background: #181a1d !important;
    box-shadow: 0 5px 8px #15171a;
    border-radius: 12px;
    margin: 10px 10px 23px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.container_b2ca13 {
    background: transparent !important;
}

.sidebar_a4d4d9 {
    background-color: transparent;
    position: relative;
    overflow: hidden;
}

html.theme-dark .sidebar_a4d4d9 .content_eed6a8:after {
    content: 'this big gap is for the floating user controls, so sry if it looks ugly';
    font-size: 13px;
    color: rgba(255, 255, 255, 0.03);
    text-align: center;
    text-shadow: 0 0 15px #000;
    margin-top: 50px;
    height: 340px;
    display: block;
}

.panels_a4d4d9 > .container_b2ca13 .flex_dc333f > :not(:last-child) {
    opacity: 0% !important;
    width: 50px;
    transition: all 0.3s;
}

html.theme-dark .panels_a4d4d9 > .container_b2ca13:hover .flex_dc333f > :not(:last-child) {
    opacity: 100% !important;
    width: 40px;
    margin-left: 10px;
}

html.theme-dark .button_adca65[aria-label="User Settings"] {
    margin-left: 10px;
}

.container-6sXIoE .alignStretch_ec1a20.flex_ec1a20 {
    max-width: 190px;
    min-width: 190px;
}

.details-ntX2k5 {
    max-width: 805px !important;
    min-width: 805px !important;
}

.maximized-vv2Wr0 .details-ntX2k5 {
    max-width: 190px !important;
    min-width: 190px !important;
    position: relative;
    display: block;
    left: 0px;
}

.maximized-vv2Wr0 .cover-SwJ-ck {
    border-radius: 8px 8px 0px 0px;
}

/* Avatar in bottom left */
.avatarWrapper_b2ca13 {
    max-width: 36px;
    min-width: 36px;
    transition: 0.3s;
}

.avatarWrapper_b2ca13:hover {
    max-width: 207px;
    min-width: 207px;
    transition: 0.3s;
}


/* Fix for Vencord Game Activity Toggle Plugin */
/* Duplicate Stuff */
/* We should have a common file and then import them there instead of duplicating them */

.container_b2ca13:has(button[aria-label='Enable Game Activity']) > :first-child {
    min-width: 36px !important;
}

.container_b2ca13:has(button[aria-label='Enable Game Activity']) > :first-child:hover {
    min-width: 207px !important;
}

.panels_a4d4d9 > .container_b2ca13:has(button[aria-label='Enable Game Activity']) .flex_dc333f > :not(:last-child) {
    width: 38px !important;
}

html.theme-dark .panels_a4d4d9 > .container_b2ca13:has(button[aria-label='Enable Game Activity']):hover .flex_dc333f > :not(:last-child) {
    margin-left: 0px !important;
}

.container_b2ca13:has(button[aria-label='Disable Game Activity']) > :first-child {
    min-width: 36px !important;
}

.container_b2ca13:has(button[aria-label='Disable Game Activity']) > :first-child:hover {
    min-width: 207px !important;
}

.panels_a4d4d9 > .container_b2ca13:has(button[aria-label='Disable Game Activity']) .flex_dc333f > :not(:last-child) {
    width: 38px !important;
}

html.theme-dark .panels_a4d4d9 > .container_b2ca13:has(button[aria-label='Disable Game Activity']):hover .flex_dc333f > :not(:last-child) {
    margin-left: 0px !important;
}

/* End of the if*/


/*Custom SpotifyControl in user panel for BetterDiscord*/
.container_6sXIoE.withTimeline_824fT_ {
    height: var(--playerHeight);
    border: none !important;
    padding: var(--paddingSides) var(--paddingSides) 10px var(--paddingSides) !important;
    margin: 0;
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    overflow: hidden;
    z-index: 999;
}

.container_6sXIoE.withTimeline_824fT_.maximized_vv2Wr0 {
    --albumCoverRadius: 10px !important;
    --paddingSides: 15px !important;
    --playerHeight: auto !important;
    padding-top: 5px !important;
}

.container_6sXIoE.withTimeline_824fT_.maximized_vv2Wr0 .cover_SwJ-ck {
    border-radius: 8px;
}

.container_6sXIoE.withTimeline_824fT_:not(.maximized_vv2Wr0) {
    --paddingSides: 18px !important;
}

.container_6sXIoE.withTimeline_824fT_:not(.maximized_vv2Wr0) .coverWrapper_YAplwJ {
    width: calc(100% - ((var(--paddingSides) - 8px) * 2));
    height: 75px;
    margin: 0;
    position: absolute;
    inset: 10px 0 0 10px;
    overflow: hidden;
    z-index: -1;
    transition: none;
}

.container_6sXIoE.withTimeline_824fT_:not(.maximized_vv2Wr0) .cover_SwJ-ck {
    --extraExpansion: 20px;
    width: calc(100% + var(--extraExpansion));
    height: calc(100% + var(--extraExpansion));
    position: relative;
    inset: calc((var(--extraExpansion) / 2) * -1) 0 0 calc((var(--extraExpansion) / 2) * -1);
    filter: blur(2px);
    opacity: 0.5;
    pointer-events: none;
}

.container_6sXIoE.withTimeline_824fT_:not(.maximized_vv2Wr0) .maximizer_RVu85p {
    width: 150%;
    height: 10px;
    left: -38px;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 0;
    padding: 0;
    transform: none;
}

.container_6sXIoE.withTimeline_824fT_:not(.maximized_vv2Wr0) .maximizer_RVu85p > * {
    transform: rotate(90deg);
}

.container_6sXIoE.withTimeline_824fT_ .timeline_UWmgAx .bar_g2ZMIm:before, .container_6sXIoE.withTimeline_824fT_ .timeline_UWmgAx .bar_g2ZMIm:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 5px;
    position: absolute;
    inset: 0 auto auto 0;
    transition: opacity 50ms ease-out;
}

.container_6sXIoE.withTimeline_824fT_ .timeline_UWmgAx .bar_g2ZMIm:before {
    background-color: rgba(255, 255, 255, 0.6);
    opacity: 0.4;
    z-index: -1;
}

.container_6sXIoE.withTimeline_824fT_ .timeline_UWmgAx .barFill_Dhkah7 {
    background: rgb(255, 255, 255) !important;
}

.container_6sXIoE.withTimeline_824fT_ button {
    margin: 0 !important;
    transition: transform 50ms ease-out;
}

.container_6sXIoE.withTimeline_824fT_ button:active {
    transform: translateY(2px);
}

.container_6sXIoE.withTimeline_824fT_:not(.maximized_vv2Wr0) {
    --albumCoverRadius: 8px !important;
    --paddingSides: 18px !important;
    --playerHeight: 100px !important;
}

.container_6sXIoE.withTimeline_824fT_:not(.maximized_vv2Wr0) .inner_WRV6k5 {
    height: 35px;
    overflow: hidden;
}

.container_6sXIoE.withTimeline_824fT_:not(.maximized_vv2Wr0) .coverWrapper_YAplwJ {
    width: calc(100% - (var(--paddingSides) - 8px) * 2);
    height: calc(var(--playerHeight) - 12px);
    margin: 0;
    position: absolute;
    inset: 10px 0 0 10px;
    overflow: hidden;
    z-index: -1;
}

/* Custom Spotify controls for Vencord */
#vc-spotify-player {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    margin: 8px;
    padding: 8px;
    border-bottom-color: transparent;
    --vc-spotify-green: var(--accentcolorV2);
}

html.theme-dark #vc-spotify-player {
    background-color: #181a1d !important;
}

#vc-spotify-player::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: var(--vc-spotify-track-image);
    background-size: cover;
    background-position: center;
    filter: blur(8px);
    opacity: .6;
    z-index: 0;
}

#vc-spotify-info-wrapper {
    height: auto;
}

#vc-spotify-titles {
    padding: 0;
}

#vc-spotify-song-title,
.vc-spotify-artist,
.vc-spotify-album {
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

#vc-spotify-song-title {
    font-size: 18px;
    margin-bottom: 4px;
}

.vc-spotify-artist,
.vc-spotify-album {
    font-size: 14px;
}

.vc-spotify-button-row {
    width: fit-content;
    align-self: center;
    height: 0;
    overflow: hidden;
    transition: height 0.2s ease;
    order: 1;
    z-index: 1;
}

#vc-spotify-player:hover .vc-spotify-button-row {
    height: 32px;
}

#vc-spotify-progress-bar {
    order: 2;
    z-index: 1;
}

.vc-spotify-button {
    --interactive-normal: #FFFFFF;
    --interactive-hover: #FFFFFF;
    filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.6));
}

.vc-spotify-button:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.vc-spotify-progress-time {
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

#vc-spotify-progress-bar > [class^=slider] [class^=grabber] {
    width: 25px !important;
    height: 25px !important;
    background-color: transparent;
    background-image: url("https://static.wikia.nocookie.net/minecraft_gamepedia/images/0/0c/Glow_Squid_BE1.gif");
    background-size: cover;
    border: none;
    transform: rotate(90deg);
    margin-left: -16px;
    inset: 3px 0 0 0px;
    box-shadow: none;
}

/* Transparent album image to preserve onClick functionality */
#vc-spotify-album-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

#vc-spotify-info-wrapper {
    position: static
}

#vc-spotify-titles > * {
    z-index: 2;
    max-width: 100%;
    width: auto;
}

/* Handle expanded album image */

#vc-spotify-player:has(#vc-spotify-album-expanded-wrapper) {
    position: relative;
    aspect-ratio: 1/1;
}

#vc-spotify-album-expanded-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 1/1;
}

#vc-spotify-album-expanded-wrapper > #vc-spotify-album-image {
    opacity: 1;
    z-index: 1;
}

#vc-spotify-player:has(#vc-spotify-album-expanded-wrapper) .vc-spotify-button-row {
    margin-top: auto;
}

/*custom user setting profile position*/
.layer_d4b6c5 .accountProfileCard_b69b77 .settingsBanner_c3e427 {
    margin: 8px;
    width: unset;
    height: 90px !important;
    min-height: 0px;
    border-radius: 8px;
}


/* Settings > User Info Section */
.layer_d4b6c5 .accountProfileCard_b69b77 .userInfo_b69b77 {
    align-items: center;
    justify-content: center;
    width: calc(100% - 34px);
    margin-left: 17px;
    padding: 0;
    padding-top: 50px;
    padding-bottom: 9px;
}

.layer_d4b6c5 .accountProfileCard_b69b77 .userInfo_b69b77 .avatar_b69b77 {
    top: 50px;
    left: calc(50% - 43px);
}

.layer_d4b6c5 .accountProfileCard_b69b77 .userInfo_b69b77 .userTag_b69b77 {
    margin-bottom: 2px;
}

.layer_d4b6c5 .accountProfileCard_b69b77 .userInfo_b69b77 .container_b64375 {
    justify-content: center;
    width: 100%;
    margin-bottom: 25px;
}

.layer_d4b6c5 .accountProfileCard_b69b77 .userInfo_b69b77 .button_dd4f85 {
    position: absolute;
    top: 53px;
    right: 295px;
    width: 76px;
    height: 76px;
    min-width: unset;
    min-height: unset;
    padding: 0;
    border-radius: 50px;
    background-color: transparent !important;
    font-size: 0;
    border: none !important;
    box-shadow: none;
}

.layer_d4b6c5 .accountProfileCard_b69b77 .userInfo_b69b77 .button_dd4f85:hover {
    background-color: rgba(0, 0, 0, 0.6) !important;
    box-shadow: none;
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="thistle" class="bi bi-pencil-square" viewBox="0 0 16 16"><path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z"/><path fill-rule="evenodd" d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z"/></svg>') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/*threads background fix*/
html.theme-dark .container_e664f3 {
    background: #181a1da6 !important;
    backdrop-filter: blur(15px) !important;
}

/* threads item hover */
.container_acb8b3:hover {
    background-color: #181a1d99;
}

/*toolbar fix [the bar when u double click ur unsent text]*/
.toolbar_de3e42 .inactive__6ec5e {
    background: transparent !important;
    box-shadow: none !important;
}

/* sus links warning */
.art-3sVxAs {
    content: url("https://cdn.custom-cursor.com/packs/4105/among-us-character-in-dino-skin-pack.png");
    margin-top: -210px;
    height: 218px !important;
}

.title-2xi6Ka {
    text-indent: -1000px;
    line-height: 0;
}

.title-2xi6Ka:after {
    content: "This link is hella sus!";
    text-indent: 0;
    display: block;
    line-height: initial;
    font-size: 26px;
}

.body-1oUQrZ:after {
    content: " If you are sure it's not a virus, copy the link and paste to your browser. Wish you the best and don't get hacked that easily.";
}

.body-1oUQrZ strong {
    color: #a21fff !important;
    text-shadow: 1 12px 15px #7373ff;
    font-weight: 900 !important;
    font-size: 18px !important;
}

.focusLock-2tveLW .root_f9a4c9.small-23Atuv {
    bottom: -50px !important;
}

.art-3sVxAs ~ .footer-31IekZ .contents-3ca1mk {
    display: none;
}

.art-3sVxAs ~ .footer-31IekZ > .button_dd4f85:after {
    content: "Back to safety";
    font-size: 12px;
}

/* pin home and add/public server */
.scroller_fea3ef {
    display: flex;
    flex-direction: column;
    overflow: unset;
}

.scroller_fea3ef > div[aria-label="Servers"] {
    overflow: hidden auto;
    margin: 10px 0;
}

.scroller_fea3ef > div[aria-label="Servers"]::-webkit-scrollbar {
    width: 0px;
}

/*active now*/
.heading-lg-medium-3gUJeM {
    text-align: center;
}

html.theme-dark .itemCard_f02fcf.wrapper_cd82a7 {
    background: rgb(25, 25, 26);
}

html.theme-dark .itemCard_f02fcf.wrapper_cd82a7:hover {
    background: rgb(43, 43, 44);
    transition: 0.2s;
}

.section_cd82a7 {
    background: transparent;
}

/*pins inbox background fix*/
html.theme-dark .messagesPopoutWrap_ac90a2,
html.theme-dark .recentMentionsPopout_ddb5b4,
.drawerSizingWrapper_af5dbb {
    background: #181a1da6 !important;
    backdrop-filter: blur(15px) !important;
}

/* Inbox alignment fix */
.container_ddb5b4 {
    padding-left: 16px;
}

/* Inbox channel item background */
.channelHeader_f3978e {
    background-color: rgb(51, 49, 53) !important;
    border-radius: 8px;
}

/*custom new unreads*/
.bar_eba0ba {
    padding: 14px 50px;
}

/* Fixes position of unreads at the bottom of the channel list */
.bottom_eba0ba {
    transform: translateY(-85px);
}

.unreadIcon_eba0ba {
    display: none;
}

.text-xs-medium-2LRpEj {
    margin-left: 5px !important;
}

.text-xs-medium-2LRpEj:before {
    content: "▸ ";
}

.text-xs-medium-2LRpEj:after {
    content: " ◂";
}

/* remove date divider */
.hasContent_c2654d {
    display: none;
}

/* Un-hide unread divider with date */
.isUnread_c2654d {
    display: flex !important;
}

/* Hide date in unread divider */
.content_c2654d {
    display: none;
}

/*custom nsfw warning*/
.image_def860 {
    content: url("https://cdn-icons-png.flaticon.com/512/4842/4842436.png");
}

.flex_dc333f.vertical_ec1a20.gatedContent_def860
> .flex_dc333f.flex_ec1a20.horizontal_dc333f.horizontal_ec1a20.flex_ec1a20.directionRow__65900.justifyCenter_ec1a20.alignCenter_ec1a20.noWrap_ec1a20 {
    background: transparent !important;
}

/*message hover small buttons fix*/
html.theme-dark .wrapper_f7e168 {
    background: rgb(51, 49, 53) !important;
}

/*custom reactions*/
.reactionMe_f61c73 {
    border-radius: 50px !important;
    background: var(--accentcolorV2) !important;
    border: 1px solid transparent !important;
}

.reactionMe_f61c73:hover,
.reaction_f61c73:hover {
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
}

html.theme-dark .reaction_f61c73 {
    border-radius: 50px !important;
    background: rgba(255, 255, 255, 0.3);
}


/* pin home and add/public server */
.scroller_fea3ef {
    display: flex;
    flex-direction: column;
    overflow: unset;
}

.scroller_fea3ef > div[aria-label="Servers"] {
    overflow: hidden auto;
    margin: 10px 0;
}

.scroller_fea3ef > div[aria-label="Servers"]::-webkit-scrollbar {
    width: 0px;
}

/*better roles*/
.role_f9575e {
    transform: translate(0);
    overflow: hidden;
    --transparency: 0.4;
    border-radius: 5px;
}

.role_f9575e .roleRemoveIcon_e4010c {
    margin: 0;
    left: unset;
    transform: translate(50%, -50%);
}

.role_f9575e .roleRemoveButton_f9575e {
    position: static;
}

.role_f9575e .roleCircle-3K9O3d:before {
    content: "";
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    background: inherit;
    opacity: var(--transparency);
}

/*spotify bar glow*/
.barFill-Dhkah7 {
    box-shadow: 4px 3px 10px #fff;
}

/*radiobar*/
#app-mount .itemFilled-1cPbtg[aria-checked="true"] .radioBar-3w9XY-::before {
    opacity: 1;
}

#app-mount .radioBar-3w9XY- {
    border: none !important;
    position: relative;
}

#app-mount .radioBar-3w9XY-::before {
    content: "";
    height: 30%;
    width: 5px;
    margin-right: 3px;
    border-radius: 8px;
    background: var(--radio-bar-accent-color);
    box-shadow: 0 0 calc(1 * 10px) var(--radio-bar-accent-color);
}

.radioBar-3w9XY- div:not([class]) {
    display: none;
}

.radioIconForeground-2BMavi {
    display: none;
}

.radioBar-3w9XY- path {
    display: none;
}

/*emoji/gif/sticker tab fix, and right-click reaction menu*/
html.theme-dark .drawerSizingWrapper_af5dbb, html.theme-dark .wrapper_c6ee36 {
    background: #18191ba6 !important;
    backdrop-filter: blur(15px) !important;
    border-radius: 5px;
}

/* Disable double background in emoji/gif/sticker tab menu */
html.theme-dark .drawerSizingWrapper_af5dbb .wrapper_c6ee36 {
    background: transparent !important;
    backdrop-filter: none !important;
    border-radius: 0px;
}

html.theme-dark .unicodeShortcut_dfa278,
.standardStickerShortcut_a7a485 {
    background: #292b2f;
}

.emojiItem_fbfedd.emojiItemSelected_fbfedd {
    background-color: #18191b90;
}

/*better blocked message*/
@font-face {
    font-family: Blank;
    src: url("https://raw.githack.com/adobe-fonts/adobe-blank/master/AdobeBlank.ttf.woff");
    unicode-range: U+2014;
}

.blockedSystemMessage_c09d0f .iconContainer_d76df7 {
    display: none;
}

html.theme-dark .blockedSystemMessage_c09d0f {
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(45, 48, 53);
    border-radius: 3px;
}

.blockedSystemMessage_c09d0f {
    margin-left: -56px;
    margin-right: -3px;
}

.blockedSystemMessage_c09d0f .content_d76df7 {
    font-size: 12px !important;
    font-weight: 500;
    padding: 1px 0;
    text-transform: uppercase;
}

.blockedMessageText_c09d0f {
    cursor: pointer;
    pointer-events: none;
    font-family: Blank, var(--font-primary);
    color: var(--header-secondary);
    margin-right: -2.64px;
    z-index: 0;
}

.blockedAction_c09d0f {
    pointer-events: all;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    color: rgba(0, 0, 0, 0%) !important;
    z-index: 1;
}

.blockedSystemMessage_c09d0f:hover {
    box-shadow: 0 1px 3px rgb(0 0 0 / 16%);
}

html.theme-dark .blockedSystemMessage_c09d0f:hover .blockedAction_c09d0f {
    background: rgb(37, 41, 46, .4) !important;
}

.groupStart_d5deea.expanded_c09d0f .blockedSystemMessage_c09d0f {
    background: none;
    border: 0;
    border-radius: 3px 3px 0 0;
    margin-left: -73px;
    margin-right: -17px;
    top: -0.125rem;
}

.theme-dark
.groupStart_d5deea.expanded_c09d0f
.blockedSystemMessage_c09d0f:hover {
    background: rgb(24, 25, 27);
    box-shadow: none;
}

html.theme-dark .groupStart_d5deea.expanded_c09d0f {
    background: rgb(45, 48, 53);
    border-radius: 3px;
    margin-left: 16px;
    margin-right: 13px;
}

.groupStart_d5deea.expanded_c09d0f:hover {
    box-shadow: 0 1px 3px rgb(0 0 0 / 16%);
}

.groupStart_d5deea.expanded_c09d0f .messageListItem_d5deea:last-child {
    padding-bottom: 20px;
}

.chatContent_a7d72e
.scrollerInner_e2e187
> :nth-last-child(2).groupStart_d5deea.expanded_c09d0f
+ .scrollerSpacer_e2e187 {
    height: 10px;
}

/*add roles background fix*/
html.theme-dark .container-2O1UgZ {
    background: rgb(51, 49, 53);
}

/*devilbro's dev badge fix*/
.hasBadge-4rT8_u .mask_c51b4e {
    -webkit-mask: unset !important;
}

/*jump to message btn background fix*/
html.theme-dark .button_ddc613 {
    background: rgb(51, 49, 53);
}

/*edited version of bd cards in plugins and themes*/
.bd-addon-card-disabled {
    border: 2px solid #ff6f6f;
    box-shadow: 0 0 5px #f04747;
}

.bd-addon-card-disabled > *:not(#a#B) {
    background: var(--info-danger-background);
}

.bd-addon-card-disabled > :first-child {
    border-bottom: 2px solid #ff6f6f;
}

.bd-description-wrap > * {
    border: 0;
    justify-content: center;
    display: flex;
}

.bd-addon-card-disabled .banner-danger {
    display: none;
}

.bd-addon-card-disabled > .bd-addon-header > .bd-icon > path {
    d: path("M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
    );
    fill: #ff6f6f;
}

.bd-addon-card-disabled > .bd-addon-header > .bd-icon {
    width: 22px !important;
    height: 22px !important;
}

.bd-addon-header > .bd-title > .bd-name {
    text-align: center;
}

.bd-addon-card :where(.bd-title, .bd-name, .bd-meta) {
    display: block;
}

.bd-addon-card .bd-meta {
    width: 100;
    text-align: center;
    padding-top: 5px;
}

html.theme-dark .bd-addon-list .bd-addon-header {
    background: rgb(22, 22, 26) !important;
}

.bd-addon-card-disabled > *:not(#a#B) {
    background: var(--info-danger-background) !important;
}

/*bd btn redesign*/
.bd-switch-body {
    border-radius: 10px !important;
}

.bd-switch-symbol {
    display: none;
}

.bd-switch-handle {
    transform: scale(0.8);
    transform-origin: center;
}

/*twitter like forum*/
.list-3FIpnh > div:first-child {
    width: 600px;
}

.container-2qVG6q {
    flex-direction: column;
    flex-grow: 1;
    padding-bottom: 40px;
    padding-left: 74px;
}

li.row-uezxzk {
    flex-direction: row;
}

.container-2qVG6q > div:last-child {
    width: 504px;
    max-width: 100%;
}

.bodyMedia-3ij3KY {
    width: 100%;
    margin-left: unset;
}

.thumbnailContainer-2XSRmY,
.thumbnailContainer-2XSRmY img {
    max-height: 504px;
    width: 100% !important;
    height: auto !important;
    object-fit: contain;
    object-position: 0;
}

.left-r1N3TH > div:last-child {
    position: absolute;
    inset: auto 0 0;
}

.header-2W779F {
    padding-bottom: 0;
}

.headerText-3MQ6n4 .channelNameSpan-2CGJt7,
.message-1zs6Od .messageContent-1SOr75 {
    font-size: initial !important;
    font-weight: normal;
    font-family: var(--font-primary);
    margin: unset;
    color: var(--text-muted);
    height: max-content;
    white-space: break-spaces;
}

.headerText-3MQ6n4 .channelNameSpan-2CGJt7 {
    color: var(--header-primary);
}

.message-1zs6Od .messageContent-1SOr75 .emoji {
    width: 18px;
}

.message-1zs6Od {
    max-height: unset;
}

.message-1zs6Od > span:first-child {
    position: absolute;
    top: 12px;
    font-size: 0;
}

.message-1zs6Od > span:first-child span {
    font-size: initial;
}

.message-1zs6Od > span:first-child span::before {
    content: "";
    width: 48px;
    height: 48px;
    background: center/contain url("https://i.imgur.com/tYEPmPZ.png");
    border-radius: 50%;
    position: absolute;
    transform: translateX(-62px);
}

.body-hCVwsC {
    padding-top: 18px;
}

.tags-2CaEuN .pill_c993da {
    display: contents;
}

.tags-2CaEuN .pill_c993da > div {
    font-size: initial;
    font-weight: normal;
    color: var(--text-link);
}

.tags-2CaEuN .pill_c993da > div::before {
    content: "#";
    margin-left: 4px;
}

.footer-3dzxcR {
    height: 40px;
    justify-content: space-around;
    flex-direction: row-reverse;
}

.footer-3dzxcR .reaction_ec6b19 {
    display: contents;
}

.footer-3dzxcR
:is(.bullet-3kDmK0, .reaction_ec6b19 img, .messageCountText-J-9pag
    + div, .typingUsers-1rTfwm),
.newBadge-1LcB6t,
.tags-2CaEuN .pill_c993da[aria-label],
.tags-2CaEuN .pill_c993da .emoji,
.container_e378b3.container_c2668b {
    display: none;
}

.footer-3dzxcR .reaction_ec6b19 .reactionCount_ec6b19::before {
    content: "❤";
    margin-right: 4px;
}

html.theme-dark .reactionMe_ec6b19 .reactionCount_ec6b19 {
    color: #EEE !important;
}

.messageCountBox-XEP63e:hover * {
    color: var(--interactive-hover);
}

.chat_d6c7e0 .scrollerContent_e2e187 {
    justify-content: flex-start;
}

.chat_d6c7e0 .scrollerInner_e2e187 > li:nth-child(3) .message_d5deea {
    padding-left: unset;
}

.chat_d6c7e0 .scrollerInner_e2e187 > li:nth-child(3) .header_f9f2ca {
    margin-left: 72px;
    padding-bottom: 20px;
    margin-bottom: 16px;
    display: flex;
}

.chat_d6c7e0
.scrollerInner_e2e187
> li:nth-child(3)
:is(.messageContent_f9f2ca, .container_b558d0) {
    margin-left: 16px;
    font-size: 23px;
    line-height: 28px;
    padding-left: unset;
}

.chat_d6c7e0 .scrollerInner_e2e187 > li:nth-child(3) .timestampInline_f9f2ca {
    font-size: 0;
}

.chat_d6c7e0
.scrollerInner_e2e187
> li:nth-child(3)
.timestampInline_f9f2ca
> time::after {
    position: absolute;
    left: 0;
    top: 20px;
    content: attr(aria-label);
    font-size: 15px;
}

.chat_d6c7e0
.scrollerInner_e2e187
> li:nth-child(3)
+ .container_b385c8
:is(.buttons_b385c8, .buttons_b385c8 button > *, .reaction_ec6b19) {
    display: contents;
}

.chat_d6c7e0
.scrollerInner_e2e187
> li:nth-child(3)
+ .container_b385c8
.buttons_b385c8
> * {
    min-width: unset;
}

.chat_d6c7e0
.scrollerInner_e2e187
> li:nth-child(3)
+ .container_b385c8
.buttons_b385c8
button {
    font-size: 0;
}

/*radial status small circle fix*/
.wrapper-1VLyxH > .svg-2azL_l circle {
    opacity: 0 !important;
}

/*custom chillax theme card*/
#Chillax-card .bd-name {
    font-size: 100px;
    text-align: left;
}

#Chillax-card .bd-name::after {
    font-size: 20px;
    content: "activated";
    display: block;
    margin-top: -20px;
    margin-left: 15px;
}

html.theme-dark #Chillax-card .bd-meta {
    margin-left: 15px;
    bottom: 25px;
    color: rgb(226, 226, 226);
}

#Chillax-card {
    border: 2px solid var(--accentcolorV2);
    box-shadow: 0 0 5px var(--accentcolorV2);
}

#Chillax-card .bd-addon-header {
    border-bottom: 2px solid var(--accentcolorV2);
    box-shadow: 0 0 5px var(--accentcolorV2);
}

#Chillax-card > *:not(#a#B) {
    background: rgba(var(--accentcolor), .2) !important;
}

#Chillax-card .bd-description {
    display: none;
}

html.theme-dark #Chillax-card [href='https\:\/\/github.com/warrayquipsome/Chillax'] {
    color: #fff !important;
}

html.theme-dark #Chillax-card [href='DrfX6286kF'] {
    color: #fff !important;
}

.bd-grid-view #Chillax-card .bd-name {
    font-size: 70px;
    text-align: left;
}

.bd-grid-view #Chillax-card .bd-name::after {
    font-size: 20px;
    content: "activated";
    display: block;
    margin-top: -15px;
    margin-left: 10px;
}

html.theme-dark .bd-grid-view #Chillax-card .bd-meta {
    margin-left: -50px;
    bottom: 25px;
    color: rgb(226, 226, 226);
}

/*nitro badge fix*/
.profileBadge22_b64375:not(#a#b), .profileBadge22-3OAigE:not(#a#b) {
    object-position: unset;
}

/*user setting redesign*/
html.theme-dark .fieldButton_b69b77.button_dd4f85[aria-label="Remove phone number"] {
    background: rgb(36, 36, 36) !important;
    color: rgb(255, 255, 255) !important;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    font-family: "Roboto";
    font-size: 12px;
    transition: 0.2s;
}

html.theme-dark .fieldButton_b69b77.button_dd4f85[aria-label="Remove phone number"]:hover {
    background: rgb(229, 46, 46) !important;
    color: #000 !important;
    box-shadow: 0px 8px 15px rgba(229, 46, 46, 0.4);
    transition: 0.1s;
}

html.theme-dark .badgeList_b69b77 {
    border-radius: 8px;
    background-color: #333135;
    margin-top: 5px;
    padding: 2px;
}

.fieldList_b69b77 {
    margin-left: 10px;
    margin-bottom: 25px;
    grid-gap: 15px;
}

.field_b69b77:last-child {
    margin-right: 0 !important;
}

/*div[class="fieldList_b69b77"] > div[class*="field_b69b77"] {*/
/*    width: 95.5%;*/
/*}*/

div[class="field_b69b77"] > button[aria-label="Edit username"][class="fieldButton_b69b77 button_dd4f85 lookFilled_dd4f85 colorPrimary_dd4f85 sizeSmall_dd4f85 grow_dd4f85"] {
    width: 90%;
    position: absolute;
    bottom: -1px;
}

.field_b69b77 > button {
    width: 90%;
}

.fieldButtonList_b69b77 > button {
    width: 100%;
}

html.theme-dark .field_b69b77 {
    /* Not needed anymore as dom calculates the size as per suggestions */
    /* width: calc((100% / 2.2) - ((-45 / 3) * 1px)); */
    border-radius: 8px;
    background-color: #333135;
    max-height: none;
    flex-flow: column;
    padding: 15px;
    display: inline-block;
    margin-right: 10px;
    /* Not needed anymore */
    /*margin-top: 10px !important;*/
    position: relative;
    overflow-y: scroll;
    height: 150px;
}

html.theme-dark .fieldSpacerBottom_b69b77 {
    margin-bottom: 0;
}

.field_b69b77::-webkit-scrollbar {
    width: 0;
}

.constrainedRow_b69b77 {
    overflow: visible;
}

.fieldButton_b69b77.button_dd4f85[aria-label="Edit phone number"] {
    top: 30px !important;
    border-radius: 8px;
}

.fieldButton_b69b77.button_dd4f85[aria-label="Edit username"] {
    top: 50px;
    border-radius: 8px;
}

.fieldButton_b69b77.removeButton_b69b77 {
    top: 30px !important;
    font-size: 12.7px;
}

.fieldButton_b69b77.button_dd4f85 {
    top: 30px;
    border-radius: 8px;
}

.background_b69b77 {
    background: transparent !important;
}

.settingsBanner-2E5fAp {
    border-radius: 8px;
}

#my-account-tab {
    transform: scale(0.98) translateX(-17px);
}

.fieldButton_b69b77.button_dd4f85[aria-label="Edit phone number"] {
    top: 50px;
    border-radius: 8px;
}

.fieldButton_b69b77.button_dd4f85[aria-label="Remove phone number"] {
    top: 30px !important;
}

/*.layer_d4b6c5 .accountProfileCard_b69b77 .userInfo_b69b77 {*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    width: calc(100% - 34px);*/
/*    margin-left: 17px;*/
/*    padding: 0;*/
/*    padding-top: 94px;*/
/*    padding-bottom: 9px;*/
/*}*/

.layer_d4b6c5 .accountProfileCard_b69b77 .userInfo_b69b77 .button_dd4f85 {
    position: absolute;
    top: 52.5px !important;
    right: 294.5px;
    width: 77px;
    height: 77px;
    min-width: unset;
    min-height: unset;
    padding: 0;
    border-radius: 50px;
    background-color: transparent !important;
    font-size: 0;
    border: none !important;
    box-shadow: none;
}

/*animated chat name hover*/
.username_f9f2ca:after {
    content: "";
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1.5px;
    bottom: 0;
    left: 0;
    background-color: currentColor;
    transform-origin: bottom center;
    transition: transform .1s;
}

.username_f9f2ca:hover {
    text-decoration: none !important;
}

.username_f9f2ca:hover:after {
    transform: scaleX(1);
    transform-origin: bottom center;
}

/*channel border radius*/
.wrapper_d8bfb3 {
    border-radius: 8px !important;
}

/*user profiles tweak*/
.userPopoutOuter_c69a7b .bannerSVGWrapper_b32cc2 > mask > circle {
    display: none;
}

.banner_d5fdb1.popoutBanner_c3e427 {
    border-radius: 8px;
    margin: 7px;
    width: 95.5%;
    height: 53px;
}

.banner_d5fdb1.profileBanner_f0f36c {
    border-radius: 8px;
    margin: 12px;
    width: 96%;
    height: 95px;
}

.root-8LYsGj .avatar-3QF_VA {
    border: 8px solid transparent;
}

.root-8LYsGj .bannerSVGWrapper_b32cc2 > mask {
    display: none;
}

html.theme-dark .nameTag-35jqbZ {
    background-color: var(--profile-gradient-secondary-color);
    padding: 10px;
    border-radius: 8px;
    width: fit-content;
}

html.theme-dark .connectedAccountContainer_ab12c6 {
    border-radius: 8px;
    background-color: var(--profile-gradient-secondary-color);

    border: none !important;
    width: 97%;
}

/*user profiles tweak*/
.userPopoutOuter_c69a7b .bannerSVGWrapper_b32cc2 > mask > circle {
    display: none;
}

.connectedAccounts_ab12c6.userInfoSection-2u2hir {
    margin-top: 15px;
}

.connectedAccountsColumn_ab12c6 {
    width: calc((100% / 2) - 15px);
}

.pencilContainer_c3e427 {
    display: none;
}

/*server banner design*/
.animatedContainer_fd6364 {
    transform: scale(0.9) !important;
    border-radius: 8px;
    box-shadow: 0 0 15px;
}

/*channel tab fix*/
#channelTabs-container {
    background: var(--window-colour) !important;
    margin: 20px 21px -13px 21px;
    padding: 10px !important;
    border-radius: var(--window-border-radius);
    backdrop-filter: blur(var(--window-blur));
}

html.platform-osx .typeMacOS_a934d8 {
    position: absolute;
    width: unset;
}

.channelTabs-tabContainer {
    -webkit-app-region: drag;
}

.channelTabs-tabContainer > * {
    -webkit-app-region: no-drag;
}

html .channelTabs-newTab {
    margin-right: calc(6px + 72px);
}

/*chat box reply fix*/
.hasStackedBar_bdf0de {
    border-radius: 8px;
}

html.theme-dark .stackedBars_bdf0de {
    padding: 10px;
    margin: 20px 20px 10px 20px;
    background: #181a1d;
    border-radius: var(--window-border-radius)
}

/* user typing... but its edited*/
html.theme-dark .dots-1BwzZQ {
    margin-right: 5px;
}

html.theme-dark .base_d7ebeb .text_d7ebeb {
    display: flex;
    align-items: center;
}

html.theme-dark .typing_d7ebeb {
    font-size: 0;
}

html.theme-dark .typing_d7ebeb strong {
    font-size: 12px;
}

html.theme-dark .typing_d7ebeb strong:after {
    content: ',';
    margin-right: 4px;
}

html.theme-dark .typing_d7ebeb strong:nth-last-child(2)::after {
    content: 'and';
    margin: 0 4px;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 400;
    margin-top: -5px;
}

html.theme-dark .typing_d7ebeb strong:last-child::after {
    content: var(--chillax-input-typing-indicator-one-person);
    color: rgba(255, 255, 255, 0.8);
    font-weight: 400;
    margin-top: -5px;
    margin-left: 4px;
}

html.theme-dark .typing_d7ebeb strong:nth-last-child()::after {
    content: var(--chillax-input-typing-indicator-many-person);
    color: rgba(255, 255, 255, 0.8);
    font-weight: 400;
    margin-top: -5px;
    margin-left: 4px;
}

/*video control*/
.videoControls_f316dd {
    width: auto;
    margin: 15px;
    padding-bottom: 0px;
    border-radius: 8px;
    background-color: #000000f1;
    transform: none !important;
    transition: 0.2s;
}

.wrapperControlsHidden_f316dd .videoControls_f316dd {
    margin-bottom: -30px;
}

/*user profile in dms design*/
.panelBanner_c3e427 {
    border-radius: 12px;
    margin: 12px;
    width: 93%;
    height: 105px;
}

.avatarPositionPanel_f89da9, .avatarStack_c51b4e:before {
    transform: scale(1.2);
    left: 130px;
}

.bannerSVGWrapper_b32cc2 foreignObject {
    mask: none;
}

.profilePanel_b433b4 > .userProfileOuterUnthemed_c69a7b > div, #app-mount .userProfileOuterUnthemed_c69a7b {
    background: none;
    background-color: transparent;
}

/*user profile in dms fix*/
.mutualGuildsList_b433b4 > .collapseBtn_a4a127, .mutualFriendsList_b433b4 > .collapseBtn_a4a127 {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}

html.theme-dark .mutualGuildsList_b433b4 > .collapseBtn_a4a127:hover, html.theme-dark .mutualFriendsList_b433b4 > .collapseBtn_a4a127:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}

/*emoji tab design n fix*/
html.theme-dark .nav_af5dbb > .navList_af5dbb > button {
    flex: auto;
    bottom: 20px;
    line-height: 45px;
    margin: 0;
    border-radius: 0px;
    background: #333135;
}

.inspector_c6ee36 {
    border-radius: 8px;
    margin: 10px;
    width: 95%
}

.unicodeShortcut_dfa278 {
    border-radius: 8px;
    margin: 12px;
    margin-left: 5px;
    top: 330px !important;
    width: 85%;
}

html.theme-dark .nav_af5dbb > .navList_af5dbb > button:hover {
    background: rgba(255, 255, 255, 0.2);
}

.nav_af5dbb {
    padding: 0;
}

/*custom unknown game icon*/
html.theme-dark [d="M21.226 30v-4.154h-3.755V30h3.755zm-.512-8.62c3.67-1.337 5.718-2.959 5.718-6.145 0-3.272-2.36-5.235-6.088-5.235-2.589 0-4.637.825-6.344 2.048l.484 3.3c1.621-1.251 3.47-2.162 5.49-2.162 1.707 0 2.845.854 2.845 2.305 0 1.593-1.08 2.475-3.812 3.442l-.882.342.342 4.523 2.076-.455.171-1.963z"] {
    d: path("M11.354 4.646a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708l6-6a.5.5 0 0 1 .708 0zM0 3a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3zm5.5 1a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0zm6.5 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z");
    color: white !important;
    transform: scale(2.5);
    opacity: 01 !important;
}

.gameIcon_a9e62c {
    color: transparent;
}

/*forum thread overlap fix*/
html.theme-dark .chatTarget_d1c246.container_d1c246.floating_d1c246 {
    background: rgba(26, 26, 26, 0.9) !important;
    box-shadow: 0 0 15px rgb(0, 0, 0);
}

/*forum fix*/
.container_a6d69a {
    background: transparent;
}

html.theme-dark .container_d331f1:hover {
    background-color: #181a1d99 !important;
}

html.theme-dark .container_d331f1.isOpen_d331f1 {
    background-color: #181a1d70;
}

.forumOrHome_ff5f90 {
    background: transparent !important;
}

.children_fc4f04:after {
    background: transparent !important;
}

.flex_a2b402 .scrollbar_c858ce {
    background-color: transparent !important;
}

/* Dropdown background */
.popout_f6639d {
    background: #18191ba6 !important;
    backdrop-filter: blur(15px);
}

.option_f6639d {
    background: transparent !important;
}

.option_f6639d:hover {
    background-color: rgba(78, 80, 88, 0.3) !important;
}

/* Role picker item background */
.container__33507,
.item_eef3ef {
    background: transparent;
}

/* Role picker background */
.container_ac201b {
    border-radius: 8px;
    background-color: #18191ba6;
    backdrop-filter: blur(15px);
}

/* Background in list of people who reacted to a message */
.container_f2bfbb,
.reactors_f2bfbb {
    background-color: #181a1db7;
}

html.theme-dark .container_d331f1.isOpen_d331f1 {
    background-color: #181a1d;
}

html.theme-dark .container-2qVG6q:hover {
    background-color: #181a1db7;
}

html.theme-dark .container_d331f1.isOpen_d331f1 {
    background-color: #181a1d;
}

.scroller_f2bfbb {
    background-color: #00000050;
}

/* Remove descriptions from status selector menu */
.description_ad5fac {
    display: none;
    width: 10px !important;
}

/* Remove slowmode message */
.cooldownWrapper_d7ebeb {
    font-size: 0px;
}

/* Increase visibility of message highlight */
.backgroundFlash_d5deea[style*="background-color: rgba(148, 156, 247, 0)"] {
    --message-background-flash: rgba(var(--accentcolor), 0.2) !important;
}

/* Notification Settings/Quick Switcher background */
.quickswitcher_f4e139, .root_f9a4c9 {
    border-radius: 8px;
    background-color: #18191ba6;
    backdrop-filter: blur(15px);
}

/* bottom bar */
.footer_f9a4c9 {
    background-color: rgba(0, 0, 0, 0);
}

/* Disable .root_f9a4c9 background in unintended places */
.container_f4e139, .zoomedCarouselModalRoot_f74404 {
    background: transparent !important;
    backdrop-filter: none !important;
}

/* Dimmed background during modal */
html.theme-dark .backdrop__1a911 {
    background-color: rgba(0, 0, 0, .5) !important;
}

/* File attachment */
.attachment_b52bef {
    border-color: transparent;
    background-color: #181a1d99;
}

/* Search autocomplete background */
html.theme-dark .container_eedf95 {
    background-color: #181a1da6 !important;
    backdrop-filter: blur(15px) !important;
}


/* Remove weird shadow */
.option_b0286e:after {
    background: transparent !important;
}

/* Fix for radial status shadow cropping (friend list and stuff) */
.wrapper_c51b4e.avatar_f3939d {
    padding: 5px !important;
}

/* Adding support for Vencord summary plugin */

/* summaries container */
html.theme-dark .topicsPillContainer_cf58b5 {
    border-radius: 5px !important;
    background-color: var(--accentcolorV2);
    z-index: 5;
}

/* new unread */
html.theme-dark .newTopicsBarContainer_cf58b5 {
    border-radius: 5px !important;
    z-index: 5;
}

html.theme-dark .topicsDropdownBase_cf58b5::before {
    content: "";
    position: absolute;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    inset: 0;
    border-radius: 15px;
    z-index: -1;
}

html.theme-dark .topicsDropdownBase_cf58b5 {
    background-color: rgba(15, 12, 12, 0.219);
    border-radius: 15px;
    padding: 15px;
    position: absolute;
    z-index: 5;
}

html.theme-dark .topicsScroller_cf58b5 > * {
    background-color: rgba(0, 0, 0, 0.6);
    transition: all 0.2s ease;
    border-radius: 15px;
}

html.theme-dark .topicsScroller_cf58b5 > *:hover {
    background-color: rgb(0, 0, 0.9);
    transform: translateY(-2px);
    border-radius: 15px;
}

html.theme-dark .container_faef22 {
    border-radius: 15px;
}

/* End of Vencord summary plugin stuff */

/* For dm side bar */
/*We can customize it (*light or dark mode*) if we want*/
html.theme-dark .overlay_a8795b {
    background: transparent !important; /* change accordinly */
}

html.theme-dark .overlay_a8795b .lookFilled_dd4f85 {
    box-shadow: none !important; /* gets rid of the shadow */
}

/*Fix for the user mask in Settings*/
html.theme-dark .mask_d5fdb1 mask circle {
    visibility: hidden;
}

/* Make unread DM's highlighted based on accent color */
html.theme-dark .link_c91bad:has(.highlighted_ec8679) {
    border-left: 2px solid rgba(var(--accentcolor), 0.8);
    background: linear-gradient(
            90deg,
            rgba(var(--accentcolor), 0.3),
            rgba(var(--accentcolor), 0.2),
            transparent
    );
}

/* Custom server icons */
html.theme-dark img[src="https://cdn.discordapp.com/icons/881453188509753384/0d46710d71eba9f9303890383d636489.webp?size=96"] {
    content: url("https://raw.githubusercontent.com/Chillax-ORG/Images/refs/heads/main/blacklogo.png");
}