/* infopn:outer */
.infopn-outer{
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	padding:20px;
	word-wrap:break-word;
	background-color:rgba(0,0,0,0.5);
	transition:transform 1s;
	overflow-x:hidden;
	overflow-y:auto;
	scrollbar-color:rgba(255,255,255,0.5) rgba(0,0,0,0.2);
	scrollbar-width:thin;
	max-height:80%;
}
/* infopn:title */
.infopn-title{
	margin-right:30px;
	margin-bottom:calc(var(--rpfs-infopn-h) * 0.7);
	color:var(--themecolor);
	font-size:max(18px,min(24px,calc(var(--rpfs-infopn-w) * 3.8)));
}
/* infopn:body*/
.infopn-body{
	font-size:max(16px,min(20px,calc(var(--rpfs-infopn-w) * 2.5)));
}
/* responsive */
@media (min-width:624px){
	.infopn-outer{
		max-height:50%;
	}
}