/* Main  --------------------------------------------------------------------------------------- */


html {
    background: transparent;
}

body {
    background: transparent;
}

.appMount-2yBXZl {
    background: black url("https://images.pexels.com/photos/2885320/pexels-photo-2885320.jpeg") center/cover no-repeat;
}

.app-2CXKsg {
    background: transparent;
}

.bg-1QIAus {
    background: rgba(40, 42, 44, 0.8);
}

.layer-86YKbF {
    background: transparent;
}

.chat-2ZfjoI {
    background: transparent;
}


/* Titlebar --------------------------------------------------------------------------------------- */

.titleBar-1it3bQ::before {
    content: "MixPack";
    position: absolute;
    top: 6px;
    left: 16px;
    height: 20px;
    color: #c8c8c8;
    font-weight: 600;
    font-size: 12px;
}

.titleBar-1it3bQ .wordmark-2u86JB {
    display: none;
}

/* Guild --------------------------------------------------------------------------------------- */

.guilds-2JjMmN {
    --background-primary: rgba(30, 32, 34, .8);
    --background-secondary: rgba(30, 32, 34, .8);
    --text-normal: rgb(200, 200, 200);
    --brand-experiment: rgb(40, 100, 200);
    background: rgba(40, 42, 44, 0.3);
}

.guilds-2JjMmN .scroller-3X7KbA {
    background: transparent;
}

/* remove sticky nitro button from guild list - fuck you discord - Qb */
.fixedBottomList-1yrBla > .listItem-3SmSlK {
    display: none;
}

/* Sidebar --------------------------------------------------------------------------------------- */

#app-mount .sidebar-1tnWFu {
    border-radius: 0;
}

.sidebar-1tnWFu {
    background: rgba(60, 62, 64, 0.2);
}

.sidebar-1tnWFu .container-1NXEtd {
    background: transparent;
}

.sidebar-1tnWFu .animatedContainer-2laTjx {
    filter: opacity(70%);
}

.sidebar-1tnWFu .scroller-1ox3I2::-webkit-scrollbar-track {
    background: rgba(60, 62, 64, 0.2);
    border-radius: 0;
    margin: 0;
}

.sidebar-1tnWFu .scroller-1ox3I2::-webkit-scrollbar-thumb {
    background: rgba(10, 12, 14, 0.3);
    border-radius: 0;
    border: none;
}

/* Categories --------------------------------------------------------------------------------------- */


.sidebar-1tnWFu .wrapper-1S43wv:hover {
    --Sidebar-Category-BG: rgba(80, 82, 84, .4);
    --Sidebar-Category-Color: #eee;
}

.sidebar-1tnWFu .wrapper-1S43wv.muted-19J0ih {
    --Sidebar-Category-BG: rgba(80, 82, 84, .4);
    --Sidebar-Category-Color: #888;
}

.sidebar-1tnWFu .wrapper-1S43wv .name-3BUDLf {
    color: var(--Sidebar-Category-Color, #ddd);
}




/* Bottom Panel --------------------------------------------------------------------------------------- */

.sidebar-1tnWFu .panels-3wFtMD {
    background: transparent;
}

.sidebar-1tnWFu .panels-3wFtMD .container-YkUktl {
    height: 50px;
    margin: 0;
    padding: 0 4px;
}

.sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .avatarWrapper-1B9FTW {
    margin: 0;
    height: 50px;
    width: 50px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}

.sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .nameTag-sc-gpq {
    margin: 0;
}

.sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .nameTag-sc-gpq .usernameContainer-3PPkWq {
    font-size: 0.9rem;
    line-height: normal;
}

.sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .nameTag-sc-gpq .usernameContainer-3PPkWq .title-338goq {
    font-size: 0.9rem;
    line-height: normal;
    flex: 1 1 auto;
}

.sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .nameTag-sc-gpq .subtext-2HDqJ7 {
    font-size: 0.8rem;
    line-height: normal;
}

.sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .nameTag-sc-gpq + .flex-2S1XBF {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}

.sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .nameTag-sc-gpq + .flex-2S1XBF .button-12Fmur {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    height: 32px;
    width: 32px;
    border-radius: 0;
}



* Bottom Panel - Connection Panel --------------------------------------------------------------------------------------- */

.sidebar-1tnWFu .panels-3wFtMD .container-1zzFcN {
    border: none;
    padding: 0;
}

.sidebar-1tnWFu .panels-3wFtMD .connection-3k9QeF {
    padding: 0;
}

.sidebar-1tnWFu .panels-3wFtMD .rtcConnectionStatus-c5A6Av {
    padding: 0;
}

.sidebar-1tnWFu .panels-3wFtMD .rtcConnectionStatus-c5A6Av .ping-2IpLcU {
    margin: 0;
}

.sidebar-1tnWFu .panels-3wFtMD .rtcConnectionStatus-c5A6Av .labelWrapper-1HofQ- {
    padding: 2px 4px;
}

.sidebar-1tnWFu .panels-3wFtMD .connection-3k9QeF .inner-llGtyq .channel-3prF2u {
    padding: 2px 4px;
}

.sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .avatar-1EWyVD {
    border-radius: 4px
}

.sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .avatar-1EWyVD foreignObject {
    border-radius: 4px;
    mask: none;
}



/* Sub Titlebar --------------------------------------------------------------------------------------- */

#app-mount .title-31SJ6t {
    background: rgba(60, 62, 64, 0.2);
}

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

#app-mount .title-31SJ6t .searchBar-jGtisZ {
    background: rgba(10, 12, 14, 0.3);
}



/* Chat  --------------------------------------------------------------------------------------- */



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


.chatContent-3KubbW .channelTextArea-1VQBuV {
    background: transparent;
}


.chatContent-3KubbW .channelTextArea-1VQBuV .scrollableContainer-15eg7h {
    background: rgba(60, 62, 64, 0.2);
}


/* Memberlist --------------------------------------------------------------------------------------- */
    .container-2o3qEW {
        background: transparent;
    }

    .members-3WRCEx {
        background: var(--Memberlist-Background);
    }

    .members-3WRCEx::-webkit-scrollbar-track {
        visibility: visible;
        background: var(--Memberlist-Scrollbar);
    }

    .members-3WRCEx::-webkit-scrollbar-thumb {
        visibility: visible;
        background: var(--Memberlist-Scrollbar-Thumb);
        border-radius: 0;
        border: none;
    }

    .members-3WRCEx .content-2a4AW9 {
        background: transparent;
    }































































































































































/* Sidebar --------------------------------------------------------------------------------------- */

.privateChannels-oVe7HL {
    background: rgba(60, 62, 64, 0.2);
}

.privateChannels-oVe7HL .searchBar-3TnChZ .searchBarComponent-3N7dCG {
    background: rgba(10, 12, 14, 0.3);
    text-align: center;
}

.privateChannels-oVe7HL .selected-3veCBZ {
    background: rgba(40, 80, 160, 0.4);
}

.privateChannels-oVe7HL .interactive-1vLZ_I:hover {
    background: rgba(40, 80, 160, 0.4);
}

.privateChannels-oVe7HL .scroller-WSmht3 {
    background: transparent;
}

/* Friends List --------------------------------------------------------------------------------------- */

#app-mount .container-2cd8Mz {
    background: rgba(60, 62, 64, 0.2);
}

#app-mount .container-2cd8Mz .container-ZMc96U {
    background: transparent;
}

#app-mount .container-2cd8Mz .searchBar-2aylmZ {
    background: rgba(10, 12, 14, 0.3);
}

#app-mount .container-2cd8Mz .peopleListItem-u6dGxF {
    border: none;
    padding: 0 10px;
}

#app-mount .container-2cd8Mz .peopleListItem-u6dGxF:nth-of-type(2n) {
    background: rgba(10, 12, 14, 0.1);
}

#app-mount .container-2cd8Mz .peopleListItem-u6dGxF:hover {
    background: rgba(30, 32, 34, 0.8);
}

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





/* Settings --------------------------------------------------------------------------------------- */


.layer-86YKbF.baseLayer-W6S8cY {
    opacity: 1 !important;
    transform: unset !important;
    z-index: 1;
}

.layer-86YKbF:not(.baseLayer-W6S8cY) {
    z-index: 2;
}

#app-mount .standardSidebarView-E9Pc3j {
    background: rgba(40, 42, 44, 0.8);
}

#app-mount .standardSidebarView-E9Pc3j .contentRegion-3HkfJJ {
    background: transparent;
}

#app-mount .standardSidebarView-E9Pc3j .contentRegion-3HkfJJ .contentRegionScroller-2_GT_N {
    background: transparent;
}





#app-mount .standardSidebarView-E9Pc3j .toolsContainer-25FL6V .closeButton-PCZcma {

    flex: 0 0 auto;

    color: rgba(100, 101, 102, 0.8);
    background: rgba(60, 62, 64, 0.8);
}

#app-mount .standardSidebarView-E9Pc3j .toolsContainer-25FL6V .closeButton-PCZcma:hover {
    background: rgba(100, 101, 102, 0.8);
}


#app-mount .standardSidebarView-E9Pc3j .sidebarRegion-1VBisG .sidebarRegionScroller-FXiQOh {
    background: rgba(30, 32, 34, 0.8);
}

#app-mount .standardSidebarView-E9Pc3j .sidebarRegion-1VBisG .sidebarRegionScroller-FXiQOh::-webkit-scrollbar {
    background: rgba(60, 62, 64, 0.2);
}

#app-mount .standardSidebarView-E9Pc3j .sidebarRegion-1VBisG .sidebarRegionScroller-FXiQOh::-webkit-scrollbar-thumb {
    visibility: visible;
    background: rgba(10, 12, 14, 0.2);
    border-radius: 0;
    border: none;
}


/* Search Popout --------------------------------------------------------------------------------------- */

.option-ayUoaq:after {
    display: none;
}

#app-mount .focused-2FU0YH {
    background: var(--background-tertiary);
}

.theme-dark .searchAnswer-23w-CH,
.theme-dark .searchFilter-2UfsDk {
    background: var(--background-secondary);
    padding: 0 4px;
}

.searchResultsWrap-5RVOkx {
    background: transparent;
}

/* Memberlist UserPopout --------------------------------------------------------------------------------------- */

.userPopout-2j1gM4 {
    background: rgba(30, 32, 34, 0.9);
}

.userPopout-2j1gM4 .bodyInnerWrapper-2bQs1k {
    background: transparent;
}

.userPopout-2j1gM4 .footer-3naVBw {
    background: transparent;
}

/* Emoji --------------------------------------------------------------------------------------- */

.contentWrapper-3vHNP2 {
    --background-secondary: rgba(30, 32, 34, .9);
    --background-secondary-alt: rgba(40, 42, 44, .9);
    --background-tertiary: rgba(40, 42, 44, .9);
}

.navButtonActive-1EqC5l {
    background: rgba(40, 100, 200, 0.4);
}

/* Chat Autocomplete --------------------------------------------------------------------------------------- */

#app-mount .autocomplete-3NRXG8 {
    background: rgba(30, 32, 34, 0.9);
}

#app-mount .autocomplete-3NRXG8 .selected-3H3-RC {
    background: rgba(40, 100, 200, 0.4);
}

/* Status Popout --------------------------------------------------------------------------------------- */

#status-picker .description-3Cwkxk {
    display: none;
}

/* Invite Friends Popout --------------------------------------------------------------------------------------- */

.wrapper-3ByaVZ .footer-1hTRRZ {
    background: var(--background-secondary)
}

/* --------------------------------------------------------------------------------------- */