sidebars.css

/* Define custom CSS variables */
:root {
    --collapsed-channeList-width: 0px;
    --channelList-width: 240px;
    --channelList-padding: 35px;

    --collapsed-memberList-width: 0px;
    --serverList-padding: 15px;
}
/* Channel list */
[class^=base_] > [class^=content] > [class^=sidebar]:not([class^=hidden]) {
    width: var(--channelList-width) !important;
    transition: width 0.2s ease, padding 0.3s ease;
    transition-delay: 0.2s;
    &:not(:hover) {
        transition-delay: 1.5s;
        padding-left: var(--channelList-padding);
        width: 0px !important;
    }
}

/* Server list */
[class*=guilds_]{
    transition: width 0.2s ease, padding 0.3s ease;
    transition-delay: 0.5s;
    &:not(:hover) {
        transition-delay: 1.5s;
        padding-left: var(--serverList-padding);
        width: 0px;
    }
}

/* Member list */
[class^=base_] > [class^=content] > [class^=membersWrap] {
    min-width: 0;
    > [class^=members_] {
        transition: width 0.2s ease;
        transition-delay: 0.5s;
        &:not(:hover) {
            width: 8px;
        }
    }
}