/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~ Property of Titan Informatics LLC ~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* MODAL START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
modal {
	width: 50%; height: 50%;
	position: fixed;
	top: 0; left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	-webkit-box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.5);
			box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.5);
	transition: 0.3s ease-in-out;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	z-index: 10;
}
modal.active {
	top: 50%;
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}
backdrop {
	width: 100%; height: 100%;
	position: absolute;
	top: 0; left: 0;
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 9;
}