Member list slider for the discord client

sliders.css

/**
 * Member List Stuff
 **/
 
.channel-members-wrap {
	position: absolute !important;
	right: -150px;
	height: 100%;
	transition: 2s;
	margin-left: 100%;
	background: rgba(0, 0, 0, 0);
}
 
.channel-members-wrap .member .member-inner {
	animation: fadeout 2s;
	-webkit-animation-fill-mode: forwards;
}
 
.channel-members-wrap:hover {
 	transition: 0.5s;
	right: 0px;
	background: rgba(0, 0, 0, 0.3);
}
 
.channel-members-wrap:hover .member .member-inner {
	animation: fadein 0.5s;
	-webkit-animation-fill-mode: forwards;
}

@keyframes fadein {
	to {opacity: 1}
}

@keyframes fadeout {
	to {opacity: 0}
}
 
.chat:not(.private) .content {
	padding-right: 90px;
}

Updated so that the chat padding doesn't spill into private messages