hidechannels.css

.channels-wrap
{ max-width: 0px
; overflow: hidden
; transition: max-width 0s ease-in-out
}

.channels-wrap:hover,
.channels-wrap:focus
{ max-width: 50rem
; transition: max-width 0.3s ease-in-out
}

.guilds-wrapper:hover ~ .channels-wrap,
.guilds-wrapper:focus ~ .channels-wrap
{ max-width: 50rem
; transition: max-width 0.3s ease-in-out
}