:root {
        --hover-animation-speed: .35s !important;
        --seperator-color: rgba(24,23,36,1) !important;#FFFF00 !important;
}
.da-content .da-membersWrap {
        min-width: unset !important;
        width: 50px !important;
        z-index: 1000 !important;
        justify-content: right !important;
}
.da-membersWrap .da-members {
        transition: transform var(--hover-animation-speed) !important;
}
.da-membersWrap:hover .da-members {
        transform: translateX(-190px) !important;
}
.da-membersWrap .da-membersGroup::after {
        content:"" !important;
        width: 30px !important;
        height: 2px !important;
        border-radius: 50px !important;
        background: unset !important;
        background-color: var(--seperator-color) !important;
        position: absolute !important;
        left: -36px !important;
        top: 29px !important;
        margin-left: 0px !important;
}
.da-membersWrap .da-members .da-member {
        background-color: unset !important;
        margin-left: 0px !important;
        transition: margin-left var(--hover-animation-speed) !important;
}
.da-membersWrap:hover .da-members .da-member {
        margin-left: 8px !important;
}
.da-membersWrap:hover .da-membersGroup {
        transform: translateX(-6px) !important;
}
.da-membersWrap .da-membersGroup {
        cursor: default !important;
        transform: translateX(45px) !important;
        transition: transform var(--hover-animation-speed) !important;
        overflow: visible !important;
}
 
    /*left channel list*/
   
/*shorten left side*/
.da-base .da-content .da-sidebar:not(:hover) {
    width: 100px !important;
    min-width: 50px !important;
}
/*remove buttons from server/channel/category names*/
.da-base .da-content .da-sidebar:not(:hover) .da-scroller .da-button {
    display: none !important;
}
.da-base .da-content .da-sidebar:not(:hover) .da-scroller .da-content .da-children {
    display: none !important;
}
.da-base .da-content .da-sidebar:not(:hover) .da-container .da-container svg.da-button {
    display: none !important;
}
/*categorie names take up less vertical space*/
.da-base .da-content .da-sidebar .da-scroller .da-content .da-containerDefault {
    padding-top: 0 !important;
    height: fit-content !important;
}
/*move server name to left*/
.da-base .da-content .da-sidebar:not(:hover) .da-container .da-container header.da-header {
    padding-left: 5px !important;
    padding-right: 2px !important;
}
/*move channel names to left*/
.da-base .da-content .da-sidebar:not(:hover) .da-container .da-scroller .da-content .da-containerDefault .da-wrapper .da-content {
    margin-left: 0 !important;
}
/*remove the scroller to have more room.*/
.da-sidebar:not(:hover) .da-scroller::-webkit-scrollbar {
    width:0 !important;
}
 
/*
    bottom left:
 */
/*remove own name*/
.da-base .da-content .da-sidebar:not(:hover) .da-nameTag.da-canCopy {
    display:none !important;
}
/* allow displaying buttons bottom left*/
.da-base .da-content .da-sidebar:not(:hover) .da-avatarWrapper {
    margin-right: 0 !important;
}
.da-base .da-content .da-sidebar:not(:hover) .da-button {
    width: 20px !important;
}
 
/*
    private channels:
 */
/*remove + button*/
.da-base .da-content .da-sidebar:not(:hover) .da-privateChannels .da-scroller .da-content .da-privateChannelsHeaderContainer svg {
    display: none !important;
}
/*remove things to the left*/
.da-base .da-content .da-sidebar:not(:hover) .da-privateChannels .da-scroller .da-content .da-privateChannelsHeaderContainer {
    padding-left: 5px !important;
}
.da-base .da-content .da-sidebar:not(:hover) .da-privateChannels .da-scroller .da-content .da-channel {
    margin-left: 0 !important;
}
 
.avatarWrapper-2yR4wp {
    display: none !important;
}