.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-botto00ffffc(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);

}