@import url('define.css');

div[iframeDialog] {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
	background: rgba(0,0,0,0.5);
	width: 100vw;
	height: 100vh;
	overflow: auto;
	display: none;
}

div[iframeDialog]>span {
	background: var(--black);
	color: var(--red);
	font-size: 15px;
	padding: 10px 15px;
	border: 2px solid var(--red);
	border-radius: 50%;
	font-weight: bolder;
	position: fixed;
	top: 1%;
	right: 1%;
	cursor: pointer;
}

div[iframeDialog]>span:hover {
	background: var(--red);
	color: var(--black);
}

div[iframeDialog]>iframe {
	width: 100%;
	height: 98%;
	border: none;
	padding: 0;
	background: transparent;
	margin: auto;
}

div[iframeDialog]>img {
	width: 20%;
	position: fixed;
	z-index: -1;
	object-fit: contain;
	top: 30%;
	left: 40%;
	background: rgba(0,0,0,0.5);
	border-radius: 50%;
}