chillax.css

/****GOOGLE/BD FONTS****/
@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://dablulite.github.io/css-snippets/AccountDetailsGrid/import.css");

/****CHILLAX COMPONENTS****/
@import url('https://warrayquipsome.github.io/Chillax/Components/WindowsButtons.css');
@import url('https://warrayquipsome.github.io/Chillax/Components/UserArea.css');
@import url('https://warrayquipsome.github.io/Chillax/Components/Embeds.css');
@import url('https://warrayquipsome.github.io/Chillax/Components/ChatArea.css');
@import url('https://warrayquipsome.github.io/Chillax/Components/ChannelHeader.css');
@import url('https://warrayquipsome.github.io/Chillax/Components/EmojiPicker.css');

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

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

/*friends tab*/
.content_c48ade > div,
.panels_c48ade {
    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_cb9592,
.minimum_cb9592,
.callContainer_cb9592 {
    background: none !important;
}

.root_f555ee,
.tile__90dc5 {
    background: none;
}

.videoGrid_a21736 {
    background: transparent !important;
}

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

/**transparent part LVL II**/
/*small profile modal*/
.userPopout-2j1gM4 {
    backdrop-filter: blur(4px);
}

html.theme-dark .userPopout-2j1gM4 {
    background-color: rgba(0, 0, 0, 0.4);
}

html.theme-light .userPopout-2j1gM4 {
    background-color: rgba(255, 255, 255, 0.4);
}

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

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

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

.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*/
.floating-window-titlebar {
    backdrop-filter: blur(2px);
}

html.theme-dark .floating-window-titlebar {
    background-color: rgba(0, 0, 0, 0.575);
}

html.theme-light .floating-window-titlebar {
    background-color: rgba(255, 255, 255, 0.575);
}

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

html.theme-light .scrollbar__506b3 {
    background-color: rgba(255, 255, 255, 0.377) !important;
}

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

/* button design*/
.lookFilled__201d5 {
    border-radius: 45px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    font-family: "Roboto";
    font-size: 12px;
    transition: 0.2s;
}

html.theme-dark .lookFilled__201d5 {
    background: rgb(36, 36, 36) !important;
    color: rgb(255, 255, 255) !important;
}

html.theme-light .lookFilled__201d5 {
    background: #fff !important;
    color: #000 !important;
}

.lookFilled__201d5:hover {
    background: rgb(0, 0, 0) !important;
    transition: 0.1s;
}

html.theme-dark .lookFilled__201d5:hover {
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.4);
}

html.theme-light .lookFilled__201d5:hover {
    box-shadow: -3px -3px 7px #cfcfcf inset, 3px 3px 7px #949aa1 inset;
}

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

html.theme-light .timeline-UWmgAx:hover .barFill-Dhkah7 {
    background: linear-gradient(135deg, #e2e2e2, var(--accentcolorV2));
}

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

.placeholder__1b31f.slateTextArea_ec4baf.fontSize16Padding__74017 {
    color: transparent !important;
}

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

html.theme-light .input-2g-os5:hover,
html.theme-light .scrollableContainer__74017:hover {
    background-color: #ffffff23 !important;
}

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

html.theme-light .input-2g-os5:focus-within,
html.theme-light .scrollableContainer__74017:focus-within {
    background-color: #e4e4e4 !important;
    box-shadow: 0px 8px 18px rgba(255, 255, 255, 0.2);
}

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

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

/*Textbox Text*/
.placeholder__1b31f {
    visibility: hidden !important;
}

.placeholder__1b31f::before {
    content: var(--chillax-input-field);
    font-family: "Poppins";
    font-size: 13px;
    visibility: visible !important;
}

html.theme-dark .placeholder__1b31f::before {
    color: rgba(255, 255, 255, 0.2);
}

html.theme-light .placeholder__1b31f::before {
    color: rgba(0, 0, 0, 0.2);
}

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

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

/* Apps button next to text box */
.button_e6e74f {
    background-color: transparent;
    transition: background-color 0.2s ease;
}

.button_e6e74f:hover {
    background-color: #00000023;
}

.buttonActive_e6e74f {
    background-color: #181a1d;
}

/* 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__91a9d:hover,
.interactive_bf202d:hover {
    transform: scale(1.1);
    transition: all 0.2s;
}

.clickable__91a9d,
.interactive_bf202d {
    transition: all 0.3s;
}

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

html.theme-light .container__55c99 {
    background-color: rgba(240, 240, 240, 0.2);
}

.elevationBorderHigh__2b2f1 {
    box-shadow: none !important;
    backdrop-filter: blur(10px) !important;
}

html.theme-dark .elevationBorderHigh__2b2f1 {
    background: rgba(0, 0, 0, 0.555) !important;
}

html.theme-light .elevationBorderHigh__2b2f1 {
    background: rgba(255, 255, 255, 0.555) !important;
}

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

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

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

/*connected vc buttons background*/
.wrapper__1405b,
.centerButton_f1ceac.colorable_f1ceac {
    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__0f481.barBase__0f481 {
    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__0f481.barBase__0f481:hover {
    padding: 8px 18px !important;
    width: 105px;
    transition: font-size 0s, color 0.2s 0.1s, padding 0.4s, width 0.1s 50ms;
}

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

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

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

.newMessagesBar__0f481.barBase__0f481:hover .barButtonIcon__0f481 {
    margin-right: 5px;
    margin-left: 0;
}

.barButtonBase__0f481 {
    padding: 0;
}

.barButtonMain__0f481,
.barButtonMain__0f481 * {
    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__55c99,
.css-1x99fvh-menu,
.css-3vaxre-menu,
.drawerSizingWrapper__08434,
.layer-2aCOJ3 div[role="dialog"],
.layer-2aCOJ3 div[role="menu"],
.messagesPopoutWrap__45690,
.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__45690 {
    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*/
.mainContent-20q_Hp {
    transition: all 0.3s;
    position: relative;
}

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

.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;
    transform: scale(0.1, 1);
}

html.theme-dark .mainContent-20q_Hp::before {
    border-top-color: rgba(255, 255, 255, 0.733);
    border-bottom-color: rgba(255, 255, 255, 0.733);
}

html.theme-dark .mainContent-20q_Hp::before {
    border-top-color: rgba(0, 0, 0, 0.733);
    border-bottom-color: rgba(0, 0, 0, 0.733);
}

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

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

.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);
}

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

.wrapper__2ea32:hover {
    animation: wave-text 1s ease-in-out infinite;
}

.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*/
#bd-editor-controls {
    box-shadow: none !important;
}

html.theme-dark #bd-editor-controls {
    background-color: rgba(0, 0, 0, 0.575) !important;
}

html.theme-light #bd-editor-controls {
    background-color: rgba(255, 255, 255, 0.575) !important;
}

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

.floating-window.resizable,
.floating-window-content,
.editor-wrapper,
.monaco-editor,
.monaco-editor-background,
.monaco-editor .inputarea.ime-input,
.monaco-editor .margin {
    backdrop-filter: blur(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;
}

html.theme-light .floating-window.resizable,
html.theme-light .floating-window-content,
html.theme-light .editor-wrapper,
html.theme-light .monaco-editor,
html.theme-light .monaco-editor-background,
html.theme-light .monaco-editor .inputarea.ime-input,
html.theme-light .monaco-editor .margin {
    background: rgba(255, 255, 255, 0.1) !important;
}

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

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

html.theme-dark body:before {
    color: #fff;
    background-color: #0000007a;
}

html.theme-light body:before {
    color: rgb(0, 0, 0);
    background-color: #ffffff7a;
}

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__5126c:before {
    background: linear-gradient(135deg, #3b3b3b, var(--accentcolorV2)) !important;
}

html.theme-light .mentioned__5126c:before {
    background: linear-gradient(135deg, #cfcfcf, var(--accentcolorV2)) !important;
}

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

html.theme-light .mentioned__5126c {
    background: linear-gradient(
            60deg,
            rgba(228, 228, 228, 0.3),
            rgba(var(--accentcolor), 0.9)
    ) !important;
}

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

html.theme-light .mentioned__5126c:hover {
    background: linear-gradient(
            60deg,
            rgba(228, 228, 228, 0.5),
            rgba(var(--accentcolor))
    ) !important;
}

/*user popout animation*/
#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;
}

/*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";
}

html.theme-light {
    --cl-appearance: "Light";
}

#app-mount .info__2debe .line__2debe: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*/
#app-mount .layers__960e4 {
    margin: var(--window-margin);
    overflow: hidden;
    border-radius: var(--window-border-radius);
    background: var(--window-colour);
    backdrop-filter: blur(var(--window-blur)) !important;
}

/*custom public servers and create server buttons*/
.circleIconButton__5bc7e {
    border-radius: 50px;
    transition: all 0.4s;
}

html.theme-dark .circleIconButton__5bc7e {
    background: rgba(255, 255, 255, 0.1);
    color: rgb(255, 255, 255);
}

html.theme-light .circleIconButton__5bc7e {
    background: rgba(0, 0, 0, 0.1);
    color: rgb(0, 0, 0);
}

html.theme-dark .circleIconButton__5bc7e:hover {
    color: #ffffff;
    background: transparent;
}

html.theme-light .circleIconButton__5bc7e:hover {
    color: #000000;
    background: transparent;
}

.pill__5bc7e {
    display: none;
}

/* 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;
}

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

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

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

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

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

/*theme background image*/
.bg__960e4 {
    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__35e86,
.header_f37cb1 {
    box-shadow: none;
}

.tabBody__133bf:before {
    display: none;
}

.content_f75fb0:before {
    display: none;
}

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

#appearance-tab.contentColumn__23e6b
> :not([class]):first-child
> .children__7bffb
> 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__23e6b
> :not([class]):first-child
> .children__7bffb
> 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__23e6b
> :not([class]):first-child
> .children__7bffb
> 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__23e6b
> :not([class]):first-child
> .children__7bffb
> 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__23e6b
> :not([class]):first-child
> .children__7bffb
> div:nth-child(2)
[role="radiogroup"]
.item-2idW98
.radioBar-3w9XY-
svg {
    display: none;
}

#appearance-tab.contentColumn__23e6b
> :not([class]):first-child
> .children__7bffb
> 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__23e6b
> :not([class]):first-child
> .children__7bffb
> div:nth-child(2)
[role="radiogroup"]
.item-2idW98
.radioBar-3w9XY- {
    height: 100%;
    align-items: flex-end;
    gap: 0;
}

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

#appearance-tab.contentColumn__23e6b
> :not([class]):first-child
> .children__7bffb
> 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__23e6b
> :not([class]):first-child
> .children__7bffb
> div:nth-child(2)
.container-1zDvAE.marginTop20_fd297e {
    margin-top: 50px;
}

/*ping design*/
.numberBadge__2b1f5 {
    background-color: #fe365c;
    box-shadow: 0 0 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__4f074 {
    overflow: visible !important;
    font-family: var(--group-chat-font) !important;
    font-weight: 200 !important;
    font-size: 25px;
    letter-spacing: 0.2px;
}

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

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

.container_a2f514 .content_a2f514 .text_a2f514 {
    display: none;
}

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

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

.container_a2f514 .problems_a2f514 {
    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__382e7 {
    -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;
    }
}

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

html.theme-light .item__58105 {
    box-shadow: 0 0 3px rgb(0, 0, 0);
}

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

html.theme-light .inline {
    background: rgba(184, 184, 184, 0.5) !important;
}

/*disable and delete account button design*/
.children__7bffb .colorRed__201d5 {
    width: 140px;
    height: 45px;
    font-family: "Roboto" !important;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 500;
    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__7bffb .colorRed__201d5 {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(58, 58, 58) !important;
}

html.theme-light .children__7bffb .colorRed__201d5 {
    color: rgb(0, 0, 0) !important;
    background-color: rgb(255, 255, 255) !important;
}

.children__7bffb .colorRed__201d5:hover {
    box-shadow: 0px 15px 20px rgba(229, 46, 46, 0.4);
    transform: translateY(-7px);
}

html.theme-dark .children__7bffb .colorRed__201d5:hover {
    background-color: rgb(229, 46, 46) !important;
    color: rgb(37, 37, 37) !important;
}

html.theme-light .children__7bffb .colorRed__201d5:hover {
    background-color: rgb(255, 129, 129) !important;
    color: rgb(255, 255, 255) !important;
}

.children__7bffb .colorRed__201d5 {
    font-size: 0px !important;
}

.children__7bffb .disableButton_d286c5.colorRed__201d5::before {
    content: "Disable";
    position: absolute;
    font-size: 11px !important;
}

.children__7bffb .lookOutlined__201d5.colorRed__201d5::before {
    content: "Delete";
    position: absolute;
    font-size: 11px !important;
}

/* For Logout from all devices button */
.children__7bffb .logOutAllButton__803f2.lookOutlined__201d5.colorRed__201d5::before {
    content: "Logout" !important;
    position: absolute;
    font-size: 11px !important;
}

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

.sidebar__23e6b .item_b3f026:before {
    transition: all 0.2s;
}

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

html.theme-light .accountProfileCard__1fed1 {
    background: rgb(240, 240, 240);
}

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

html.theme-light .background__1fed1 {
    background: rgb(226, 226, 226);
}

/*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);
}

html.theme-light .withTagAsButton_b2ca13:hover {
    background: #6a74803d;
}

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


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

.layer__960e4 .accountProfileCard__1fed1 .userInfo__1fed1 .avatar__1fed1 {
    top: 50px;
    left: calc(50% - 43px);
}

.layer__960e4 .accountProfileCard__1fed1 .userInfo__1fed1 .userTag__1fed1 {
    margin-bottom: 2px;
}

.layer__960e4 .accountProfileCard__1fed1 .userInfo__1fed1 .container__8061a {
    justify-content: center;
    width: 100%;
    margin-bottom: 57px;
}

.layer__960e4 .accountProfileCard__1fed1 .userInfo__1fed1 .button__201d5 {
    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__960e4 .accountProfileCard__1fed1 .userInfo__1fed1 .button__201d5: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;
}

/*toolbar fix [the bar when u double click ur unsent text]*/
.toolbar_bba883 .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__49fc1.small-23Atuv {
    bottom: -50px !important;
}

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

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

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

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

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

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

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

html.theme-light .itemCard__7e549.wrapper__00943 {
    background: #f2f3f5;
}

.itemCard__7e549.wrapper__00943:hover {
    transition: 0.2s;
}

html.theme-dark .itemCard__7e549.wrapper__00943:hover {
    background: rgb(43, 43, 44);
}

html.theme-light .itemCard__7e549.wrapper__00943:hover {
    background: rgb(255, 255, 255);
}

.section__00943 {
    background: transparent;
}

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

.flex__7c0ba.vertical_abf706.gatedContent__7184c
> .flex__7c0ba.flex_abf706.horizontal__7c0ba.horizontal_abf706.flex_abf706.directionRow__65900.justifyCenter_abf706.alignCenter_abf706.noWrap_abf706 {
    background: transparent !important;
}

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

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

.reaction_f8896c {
    border-radius: 50px !important;
}

html.theme-dark .reaction_f8896c {
    background: rgba(255, 255, 255, 0.3);
}

html.theme-light .reaction_f8896c {
    background: rgba(0, 0, 0, 0.3);
}

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

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

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

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

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

.role_dfa8b6 .roleRemoveButton_dfa8b6 {
    position: static;
}

.role_dfa8b6 .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;
}

/*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__7a70a .iconContainer__235ca {
    display: none;
}

.blockedSystemMessage__7a70a {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
}

html.theme-dark .blockedSystemMessage__7a70a {
    background: rgb(45, 48, 53);
}

html.theme-light .blockedSystemMessage__7a70a {
    background: rgb(216, 216, 216);
}

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

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

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

.blockedAction__7a70a {
    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__7a70a:hover {
    box-shadow: 0 1px 3px rgb(0 0 0 / 16%);
}

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

html.theme-light .blockedSystemMessage__7a70a:hover .blockedAction__7a70a {
    background: rgb(216, 216, 216, .4) !important;
}

.groupStart__5126c.expanded__7a70a .blockedSystemMessage__7a70a {
    background: none;
    border: 0;
    border-radius: 3px 3px 0 0;
    margin-left: -73px;
    margin-right: -17px;
    top: -0.125rem;
}

.groupStart__5126c.expanded__7a70a .blockedSystemMessage__7a70a:hover {
    box-shadow: none;
}

.theme-dark .groupStart__5126c.expanded__7a70a .blockedSystemMessage__7a70a:hover {
    background: rgb(24, 25, 27);
}

.theme-light .groupStart__5126c.expanded__7a70a .blockedSystemMessage__7a70a:hover {
    background: rgb(236, 236, 236);
}

.groupStart__5126c.expanded__7a70a {
    border-radius: 3px;
    margin-left: 16px;
    margin-right: 13px;
}

html.theme-dark .groupStart__5126c.expanded__7a70a {
    background: rgb(45, 48, 53);
}

html.theme-light .groupStart__5126c.expanded__7a70a {
    background: rgb(231, 231, 231);
}

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

.groupStart__5126c.expanded__7a70a .messageListItem__5126c:last-child {
    padding-bottom: 20px;
}

.chatContent_f75fb0
.scrollerInner__36d07
> :nth-last-child(2).groupStart__5126c.expanded__7a70a
+ .scrollerSpacer__36d07 {
    height: 10px;
}

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

html.theme-light .container-2O1UgZ {
    background: rgb(223, 223, 223);
}

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

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

html.theme-light .button__02a39 {
    background: rgb(223, 223, 223);
}

/*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;
}

html.theme-light .bd-addon-list .bd-addon-header {
    background: rgb(212, 212, 212) !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_a2c9e8 {
    display: contents;
}

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

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

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

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

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

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

html.theme-dark .reactionMe__23977 .reactionCount__23977 {
    color: #EEE !important;
}

html.theme-light .reactionMe__23977 .reactionCount__23977 {
    color: var(--status-danger) !important;
}

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

.chat_a44415 .scrollerContent__36d07 {
    justify-content: flex-start;
}

.chat_a44415 .scrollerInner__36d07 > li:nth-child(3) .message__5126c {
    padding-left: unset;
}

.chat_a44415 .scrollerInner__36d07 > li:nth-child(3) .header_c19a55 {
    margin-left: 72px;
    padding-bottom: 20px;
    margin-bottom: 16px;
    display: flex;
}

.chat_a44415
.scrollerInner__36d07
> li:nth-child(3)
:is(.messageContent_c19a55, .container_b7e1cb) {
    margin-left: 16px;
    font-size: 23px;
    line-height: 28px;
    padding-left: unset;
}

.chat_a44415 .scrollerInner__36d07 > li:nth-child(3) .timestampInline_c19a55 {
    font-size: 0;
}

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

.chat_a44415
.scrollerInner__36d07
> li:nth-child(3)
+ .container__34c2c
:is(.buttons__34c2c, .buttons__34c2c button > *, .reaction__23977) {
    display: contents;
}

.chat_a44415
.scrollerInner__36d07
> li:nth-child(3)
+ .container__34c2c
.buttons__34c2c
> * {
    min-width: unset;
}

.chat_a44415
.scrollerInner__36d07
> li:nth-child(3)
+ .container__34c2c
.buttons__34c2c
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;
}

#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;
}

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

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

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

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

#Chillax-card .bd-meta {
    margin-left: -50px;
    bottom: 25px;
}

html.theme-dark #Chillax-card .bd-meta {
    color: rgb(226, 226, 226);
}

html.theme-light #Chillax-card .bd-meta {
    color: rgb(0, 0, 0);
}

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

/*animated chat name hover*/
.username_c19a55: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_c19a55:hover {
    text-decoration: none !important;
}

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

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

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

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

.banner__68edb.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;
}

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

.connectedAccountContainer_e6abe8 {
    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_e6abe8.userInfoSection-2u2hir {
    margin-top: 15px;
}

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

.pencilContainer_c3e427 {
    display: none;
}

/*server banner design*/
.animatedContainer_f37cb1 {
    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__421ed {
    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__74017 {
    border-radius: 8px;
}

.stackedBars__74017 {
    padding: 10px;
    margin: 20px 20px 10px 20px;
    border-radius: var(--window-border-radius)
}

html.theme-dark .stackedBars__74017 {
    background: #181a1d;
}

html.theme-light .stackedBars__74017 {
    background: #e4e4e4;
}

/* Re-round Spotify Status Images */
.assetsLargeImageSpotify__2ef49 {
    border-radius: 10px;
}

/*bd theme n plugins notices design*/
.bd-notice {
    margin: 12px;
    border-radius: 8px !important;
}

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

.avatarPositionPanel_f89da9, .avatarStack__44b0c: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;
}

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

/* custom unknown game icon */
[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");
    transform: scale(2.5);
    opacity: 01 !important;
}

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"] {
    color: white !important;
}

html.theme-light [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"] {
    color: rgb(0, 0, 0) !important;
}

.gameIcon_b52e4f {
    color: transparent;
}

/*forum thread overlap fix*/
.chatTarget__01ae2.container__01ae2.floating__01ae2 {
    box-shadow: 0 0 15px rgb(0, 0, 0);
}

html.theme-dark .chatTarget__01ae2.container__01ae2.floating__01ae2 {
    background: rgba(26, 26, 26, 0.9) !important;
}

html.theme-light .chatTarget__01ae2.container__01ae2.floating__01ae2 {
    background: rgba(255, 255, 255, 0.9) !important;
}

/* quickswitch light theme fix*/
html.theme-light .quickswitcher_ac6cb0 {
    background: rgba(255, 255, 255, 0.6);
}

/*popup light theme fix*/
html.theme-light .root__49fc1 {
    background: rgba(255, 255, 255, 0.6);
}

/*recent activity memberlist popout light theme fix*/
html.theme-light .popout_af3b89 {
    background: rgba(255, 255, 255, 0.6);
}

/* patch text color */
html.theme-light .popout_af3b89 .contents__201d5 > div {
    color: #000 !important;
}

/* patch sound logo svg stuff*/
html.theme-light .popout_af3b89 .contents__201d5 > svg > path {
    fill: var(--black) !important;
}

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

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

html.theme-dark .container_faa96b.isOpen_faa96b {
    background-color: #181a1d70;
}

.forumOrHome__49676 {
    background: transparent !important;
}

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

.flex__7aff3 textarea.scrollbar__506b3 {
    background-color: transparent !important;
}

html.theme-light .container_faa96b:hover {
    background-color: #e4e4e4b7;
}

html.theme-light .container_faa96b.isOpen_faa96b {
    background-color: #e4e4e4;
}

.container_f369db {
    background: transparent !important;
}

/* Forum channel text input fixes */
.flex__7aff3 textarea.scrollbar__506b3 {
    background-color: transparent !important;
}

div.mainCard_f369db div.channelTextAreaInner_d9be46.scrollableContainer__74017.themedBackground__74017 {
    background-color: transparent !important;
    box-shadow: none !important;
}

/*custom edited icon*/
.edited_c19a55 {
    color: transparent
}

/*Render the original edited text invisible*/
.edited_c19a55::before {
    content: "(" var(--edited-message) ")"; /*Put the edited icon before the original edited text.*/
    color: var(--text-muted); /*Give it the same muted color at the edited text.*/
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
}

/* adds time stamps besides edited messages */
.messageContent_c19a55 .timestamp_c19a55:not(.timestampInline_c19a55, .timestampVisibleOnHover_c19a55, .vc-reply-timestamp) time::after {
    content: " (" attr(aria-label) ")";
    color: var(--text-muted);
    font-size: 0.625rem;
    font-weight: 400;
    line-height: 1;
    /* text-transform: lowercase; */
}

.edited_c19a55:not(.message-translate-indicator) {
    display: none;
}

/* End to time stamp */

/*sidebar server name border radius fix*/
.sidebar_c48ade {
    border-radius: 0px !important;
}

html.theme-light .fieldSpacerBottom__1fed1 {
    margin-bottom: 0;
}

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

.option__3f413 {
    background: transparent !important;
}

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

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

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

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

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

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

/* Disable .root__49fc1 background in unintended places */
.container_ac6cb0, .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 */
.fileWrapper__0ccae {
    border-color: transparent;
    background-color: #181a1d99;
}

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


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

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

/* Adding support for Vencord summary plugin */

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

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

html.theme-dark .topicsDropdownBase__0f481::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__0f481 {
    background-color: rgba(15, 12, 12, 0.219);
    border-radius: 15px;
    padding: 15px;
    position: absolute;
    z-index: 5;
}

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

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

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

/* End of Vencord summary plugin stuff */

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

.overlay__325ce .lookFilled__201d5 {
    box-shadow: none !important; /* gets rid of the shadow */
}

/*Fix for the user mask in Settings*/
.mask__68edb mask circle {
    visibility: hidden;
}

/* fix for the blur on image popup that are on images */
.menu_c1e9c4[aria-label="Image Actions"] {
    background: rgba(12, 12, 12, 0.267) !important;
    backdrop-filter: blur(15px) !important;
    border-radius: 5px !important;
}

/* 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");
}

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