body.revealviewer {
	overflow: hidden;
}
#fullscreencanvas {
	background: white; transition:opacity 0.3s, visibility 0s 0.3s; left: 0px; top: 0px; width: 100vw; height: 100vh; display: block; visibility: hidden; position: fixed; z-index: 9000; opacity: 0; pointer-events: none;
}
body.revealviewer #fullscreencanvas {
	transition:opacity 0.5s, visibility; visibility: visible; opacity: 1; pointer-events: auto;
}
#fullscreenimagearea {
	width: 100%; height: 100%; display: flex; position: relative; justify-content: center; align-items: center;
}
#fullscreencanvas img {
	transition:0.5s; position: relative; cursor: pointer;
}
div#closeviewer {
	top: 50px; width: 70px; height: 70px; right: 10px; text-indent: -1000px; overflow: hidden; display: block; position: fixed; z-index: 100000; cursor: pointer;
}
div#closeviewer::before {
	background: black; transition:transform 0.5s, opacity 0.5s; top: 50%; width: 100%; height: 6px; margin-top: -3px; display: block; position: absolute; content: ""; opacity: 0; transform: rotate(0deg); -webkit-transform: rotate(0deg);
}
div#closeviewer::after {
	background: black; transition:transform 0.5s, opacity 0.5s; top: 50%; width: 100%; height: 6px; margin-top: -3px; display: block; position: absolute; content: ""; opacity: 0; transform: rotate(0deg); -webkit-transform: rotate(0deg);
}
body.revealviewer div#closeviewer::before {
	opacity: 1; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
}
body.revealviewer div#closeviewer::after {
	opacity: 1; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);
}
#fullimageloadingdiv {
	background: white; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; display: flex; visibility: hidden; position: fixed; z-index: 10000; pointer-events: none; justify-content: center; align-items: center;
}
#fullimageloadingdiv .spinner {
	margin: 100px auto; border-radius: 100%; animation:sk-scaleout 1s ease-in-out infinite; width: 40px; height: 40px; background-color: rgb(51, 51, 51); -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
}