//META{"name":"Beard_s_Material_theme_for_Discord","description":"A theme for Discord based on Google's Material design Guidelines.","author":"Beard_Design","version":"2.2.6"}*//{}

/*
///////////////////////////////////////

 - Beard's Material Discord Theme -
- made from scratch by Beard Design -
       - beard-design.com -

///////////////////////////////////////

/!\ DO NOT RECOLOR AND POST IT AS YOUR OWN THEME
*/

@import url(https://rawgit.com/BeardDesign1/Material-design-theme-ressources/master/code-files/update/version.css);

.guilds-wrapper .guilds .guild-icon {
    border-radius: 50%;
    left: 10px;
}
.guilds-wrapper .guilds .guild.unread::before {
    display: inline;
    margin-left: 25px;
    margin-top: -25px;
    box-shadow: 0 0 0 20px var(--lvl1) inset, 0 0 0 var(--notification-width) var(--notification-color), 0 0 0 23px rgba(255, 255, 255, .0), 0 2px 20px rgba(0, 0, 0, .1)!important;
    animation: guild-notifs .8s cubic-bezier(.2, 0, 0, 1);
    z-index: 10;
}
.guilds-wrapper .guilds .guild-icon {
    border-radius: 50%;
    left: 10px;
}

/*//META{"name":"MinifiedMemberlist","description":"Minifies the Memberlist in guilds.","author":"Chloesviel","version":"1.7"}*//**/

/*User changeable settings*/

:root {
	--hover-animation-speed: .35s;
	--seperator-color: #707e81;
}

/*Don't change anything below this*/

[class*="membersWrap-"] {
	width: 60px;
	min-width: unset;
}
[class*="membersWrap-"] [class*="scrollerWrap-"],
[class*="membersWrap-"] [class*="scroller-wrap"] {
	position: absolute;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	transition: transform var(--hover-animation-speed), background var(--hover-animation-speed);
}
[class*="membersWrap-"]:hover [class*="scrollerWrap-"],
[class*="membersWrap-"]:hover [class*="scroller-wrap"] {
	transform: translateX(-180px);
	background: rgba(0, 0, 0, .2);
}
[class*="membersWrap-"] [class*="memberInner-"] {
	opacity: 0;
	transition: opacity var(--hover-animation-speed);
}
[class*="membersWrap-"]:hover [class*="memberInner-"] {
	opacity: 100;
}
[class*="membersWrap-"] [class*="membersGroup-"] {
	cursor: default;
	transform: translateX(45px);
	transition: transform var(--hover-animation-speed);
	overflow: visible;
}
[class*="membersWrap-"]:hover [class*="membersGroup-"] {
	transform: translateX(-6px);
}
[class*="membersWrap-"] [class*="membersGroup-"]::before {
	content: "";
	width: 30px;
	height: 2px;
	border-radius: 50px;
	background-color: var(--seperator-color);
	position: absolute;
	left: -29px;
	top: 29px;
}

/* NEW STUFF */