:root {
    /* Mine */
    --guild-width: 40px;
}

[data-popout-root],html {
    --brand-experiment: #738ADB; /* Discords new blue */   
}

[class^=blockedAction] {
    display: none !important;
}

[class^=sidebar] {
    
    width: 100px;
    transition: ease-in-out .2s all;
    z-index: 21;
    filter: blur(.5px) grayscale(60%) brightness(40%);
}

[class^=sidebar]:hover {
    width: 200px;
    filter: unset;
    box-shadow: none;
}
[class*=guilds] {
    z-index: 1;
    filter: blur(2px) grayscale(50%) brightness(15%);
    transition: ease-in-out .2s all;
    width: var(--guild-width);
}

[class*=guilds]:hover {
    width: 70px;
    z-index: 999;
    filter: unset;
}

/* HOVERMEMBERLIST PLUGIN by ᴘᴜʀᴘʟᴇ ᴡɪᴢᴀʀᴅ#0984 */

.membersWrap-3NUR2t, .membersWrap-3NUR2t .scroller-2FKFPG {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

/* GROUP HEADER */
.membersGroup-2eiWxl {
    opacity: 0;
    transition: all 500ms;
}

.membersWrap-3NUR2t:hover .membersGroup-2eiWxl {
    transition: all 500ms;
    opacity: 1;
}

/* PRE-HOVER DIV to fix spam-open bugs */

.membersWrap-3NUR2t:before {
    width: 18px;
    content: "";
}

/* MOVE THE MEMBERLIST DIV TO THE RIGHT */

.membersWrap-3NUR2t {
    -webkit-transform: translateX(220px);
    transform: translateX(220px);
    position: absolute;
}

/* MEMBERLIST CONTENT */

.members-3WRCEx {
    width: 265px;
    overflow: hidden;
    border-radius: .5em 0 0 .5em;
    transition: all 500ms;
    -webkit-transition: all 500ms;
}

.membersWrap-3NUR2t:hover .members-3WRCEx {
    -webkit-transform: translateX(-220px);
    transform: translateX(-220px);
    overflow: auto;
    width: 265px!important;
    transition: all 500ms;
    background-color: var(--darkgrey5)!important;
}

/* RESIZE CHAT CONTENT TO SHOW THE SCROLLBAR */

.chatContent-3KubbW { margin-right: 48px;}