:root{
	--purp:#a0e;
	--fieldpurp:#c9f;	
	
	--cardWidth: 500px;
	--cardHeight:300px;
	
	--cornerRad:12px;
	
}

#userCard *{
	font-family:"MS Gothic", monospace, serif;
}

#userCard p{
	user-select: none;
/*	margin: 0px;*/
}

#userCard{
	overflow:hidden;
/*	position:relative;*/
	width:var(--cardWidth);
	height:var(--cardHeight);
	padding:8px;
	box-sizing:border-box;
	overflow:hidden;
	
	border:outset;
	border-radius:var(--cornerRad);
	border-width: 0px 1px 1px 0px;
	
	background-color:#9f9;
	
	backface-visibility: hidden;
}

.userDetailField p,
.anonymous #userPhoto{
	background: /*url("/images/assets/background/question.gif")*/ #8e8; 
	background-blend-mode: multiply;
	border: none;
}

#userPhoto{
	position:relative;
	float:left;
	margin-right:12px;
	width:128px;
	height:128px;
	background-size:cover;
	background-position:center; 
}

.line{
	display:inline-block;
	width:calc(100% - 128px - 12px);
	height:40px;
	margin-bottom:4px;
}

.line p {
	float:left;
	height:100%;
	padding:10px 0px;
	
	box-sizing:border-box;
	margin: 0;
}

.fieldFill{
	overflow:hidden;
}

.fieldFloat{
	float:right;
}

#hash{
	white-space:pre;
}

.userDetailField{
	height:100%;
	overflow:hidden;
}

.userDetailField p{
	white-space:normal;
	height:100%;
	padding:8px;
	width:100%;
}

#userID{
	display:inline-block;
	width:auto;
}

.bioText{
	width:calc(100% - 4px);
	height:calc(100% - 4px);
	nz-index: 100;
	position:relative;
	nbackground-color: rgba(255,255,255,0.9);
	overflow:hidden;
	border:none;
}

#userBio{
	resize:none;
	white-space:pre-wrap;
	margin-top:4px;
	padding:1px 4px;
	font-size:18px;
	background-position-y:-1px;
	box-sizing:border-box;
	line-height:20px;
	height:140px;
	width:100%;
	noverflow:hidden;
	background-image: repeating-linear-gradient(rgba(0,0,0,0) 0px, rgba(0,0,0,0) 19px, rgba(0,0,0,0.75) 20px);
	
	box-sizing:border-box;
}

#userBio p{
	width:100%;
}

.userSticker{
	position:absolute;
}