:root {

	--maf_Z_MAX:16777271;
	--maf_hover:0;
	
	--maf_variable-test: rgb(1, 2, 3);

}

@media (hover: hover)
{
	:root {
	
		--maf_hover:1;
	
	}

}

.maf_center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.maf_superscript {
	font-size: 0.45em; 
	line-height: 0.45em;
	vertical-align:super; 
}

.maf_clear {

	clear:both;
	margin:0;
	padding:0;
	border:none;
}

.maf_modal {
	display: flex;
	display:none;
	align-items: center;
	justify-content: center;
	background-color:rgba(0, 0, 0, 0.4);
	width:100vw;
	height:100vh;
	position:fixed;
	left:0;
	top:0;
    z-index:16777271;
    z-index:var(--maf_Z_MAX);

	overflow:auto;

}

#maf_script-required {
	animation: maf_script-required-fade linear 2s;
  	-webkit-animation: maf_script-required-fade linear 2s;
  	-moz-animation: maf_script-required-fade linear 2s;
  	-o-animation: maf_script-required-fade linear 2s;
  	-ms-animation: maf_script-required-fade linear 2s;
}
  
@keyframes maf_script-required-fade {
  0% {opacity:0;}
  90% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes maf_script-required-fade {
  0% {opacity:0;}
  90% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes maf_script-required-fade {
  0% {opacity:0;}
  90% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes maf_script-required-fade {
  0% {opacity:0;}
  90% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes maf_script-required-fade {
  0% {opacity:0;}
  90% {opacity:0;}
  100% {opacity:1;}
}

/* elements that need to load, but are hidden from view */
@media screen {
	.maf_hidden {
		position: absolute;
		left: -9999px;
		top:  -9999px;
		margin:0;
	}
	.maf_hidden img {
		display: block;
		margin:0;
	}
}
@media print {
	.maf_hidden, .maf_hidden img {
		visibility: hidden;
		display: none;
	}
}