.memberlist_users{

}

.memberlist_users_container{
	display:flex;
	flex-wrap:wrap;
	margin-bottom: -1rem;
	margin-left: -1rem;
}

.memberlist-item{
	/*flex-basis:calc(100% / 4 - 1rem);
	flex-basis:18.725rem;*/
	flex: 0 0 calc(100% / 4 - 1rem);
	margin-left:1rem;
	margin-bottom:1rem;
	background:var(--trow-bg);
	border-radius:1rem;
	background:linear-gradient(to bottom, #eb526b 0%, #eb526b 25%, var(--trow-bg) 25%, var(--trow-bg) 100%)
}

.memberlist-item_avatar{
	display:flex;
	justify-content:center;
	margin-bottom: -1.8rem;
}

.memberlist-item_memberavatar{
	display:inline-flex;
	justify-content:center;
	align-items:center;
	width:140px;
	height:140px;
	clip-path:var(--hexagon-path);
	background:var(--trow-bg);
	padding:.625rem;
}

.memberlist-item_memberavatar span{
	display:inline-flex;
	justify-content:center;
	align-items:center;
	clip-path:var(--hexagon-path);
	padding:calc(var(--default-padding) / 2);
	background:var(--default-avatar-border2);
	width:100%;
	height:100%;
}

.memberlist-item_memberavatar > span > span{
	padding:calc(var(--default-padding) / 4);
	background:var(--trow-bg)
}

.memberlist-item_memberavatar img{
	clip-path:var(--hexagon-path);
	width:100%;
	height:100%;
	object-fit:contain
}

.memberlist-item_username{
	text-align:center;
	margin:1rem 0
}

.memberlist-item_userinfo{
	display:flex;
	align-items:center;
	margin: 1rem 0;
	padding:0 .75rem
}

.memberlist-item_username p{
	margin-bottom: calc(var(--default-margin) / 4)
}

.memberlist-item_username-username {
    font-size: calc(1em + 6px);
}

.memberlist-item_username-usertitle{
	text-transform:uppercase;
	font-size:calc(1em - 2px)
}

.memberlist-item_userinfo-item{
	flex-basis: calc(100% / 3);
	text-align:center;
	position:relative;
}

.memberlist-item_userinfo-sep{
	width:1px;
	height:1.25rem;
	background:#ccd6dd;
}

.memberlist-item_userinfo-item num{
	display:block;
	margin-bottom:.25rem;
	font-weight:600;
	font-size:1rem
}

.memberlist-item_userinfo-item span{
	font-size:calc(1em - 2px);
	font-weight:500
}

.memberlist-item_userbuttons{
	display:flex;
	border-top:1px solid var(--default-border-color)
}

.memberlist-item_userbuttons-addfriend, .memberlist-item_userbuttons-sendpm{
	flex:1;
	display:flex;
	justify-content:center;
	align-items:center;
	padding: 1.25rem 0;
	font-size:calc(1em + 2px);
}

.memberlist-item_userbuttons-addfriend{
	border-radius: 0 0 0 var(--default-border-radius);
	border-right:1px solid var(--default-border-color)
}

.memberlist-item_userbuttons-sendpm{
	border-radius: 0 0 var(--default-border-radius) 0
}


.memberlist-item_userbuttons-addfriend i, .memberlist-item_userbuttons-sendpm i{
	width:4rem;
	height:3rem;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:.75rem;
	transition:all .4s;
	font-size:calc(1em + 2px);
	color: #d0d0da;
	margin: 0 2rem
}

.memberlist-item_userbuttons-addfriend i:hover, .memberlist-item_userbuttons-sendpm i:hover{
	color:white;
	background:#23d2e2;
	box-shadow: 2px 2px 8px rgba(35, 210, 226, 0.5)
}

.memberlist-search_content{
	background:var(--trow-bg);
	padding:var(--default-padding) calc(var(--default-padding) * 2);
	border-radius:0 0 calc(var(--default-border-radius) * 3 / 4) calc(var(--default-border-radius) * 3 / 4)
}

.memberlist-search_content_row{
	display:flex;
	padding:var(--default-padding);
}

.memberlist-search_content_row:not(:last-child){
	border-bottom: 1px solid var(--default-border-color)
}

.memberlist-search_content_row-info{
	flex-basis:25%;
	display:flex;
	align-items:center;
	justify-content:flex-end
}

.memberlist-search_content_row-input{
	flex:1;
	border-left:1px dotted var(--default-border-color);
	margin-left:calc(var(--default-margin) / 2);
	padding-left:calc(var(--default-padding) / 2);
}