.modal {
	
	--bg: rgba(0, 0, 0, .7);
	
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	
	width: 100vw;
	height: var(--innerHeight);
}

.modal > .bg {
	position: absolute;
	top: 0;
	left: 0;
	
	width: 100%;
	height: 100%;
	
	background-color: var(--bg);
}

.modal > button.close {
	position: absolute;
	top: 0;
	right: 0;
	
	width: 4rem;
	height: 4rem;
	
	font-size: 1.5rem;
	color: #fff;
	
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
}