/**
 * Popup.css
 */
*[data-popup]{
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	overflow-y: auto;
	background: rgba(40,40,40,0.9);
	visibility:hidden;
	margin:auto;
	padding: 1em;
	border-width: initial;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
	opacity: 0;
	z-index: 1;
}

*[data-popup][open]{
	opacity: 1;
	visibility: visible;
}

*[data-popup="fade"]{
	transition: visibility 0.2s, opacity 0.2s ease-in-out;
}

*[data-popup] > .content:not([data-role="none"]){
	position: absolute;
	float: left;
	width: 250px;
	height:auto;
	min-height: 300px;
	background: #fff;
	left:calc(50% - 125px);
	top:10vh;
}

*[data-popup] .popup-close-button{
	float: right;
	margin:5px;
}