.scopeXYZ .wsc-control{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.3);
}
.scopeXYZ .wsc-hide{
	display:none;
}
.scopeXYZ .wsc-center{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:50px;
	height:50px;
	line-height:50px;
}
.scopeXYZ .wsc-spin,
.scopeXYZ .wsc-radiate{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(255,255,255,0.5);
	border-radius:50%;
}
.scopeXYZ .wsc-spin{
	font-size:24px;
	text-align:center;
	text-shadow:0 0 5px black;
}
.scopeXYZ .wsc-radiate{
}
.scopeXYZ .wsc-spin:before{
	content:"⌛";
}
.scopeXYZ .wsc-control .wsc-spin{
	animation-name:kf-wsc-spin;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	animation-duration:3s;
}
.scopeXYZ .wsc-control.wsc-hide .wsc-spin{
	animation-name:none;
}
@keyframes kf-wsc-spin{
	0% {
		transform:rotateZ(-60deg);
	}
	100% {
		transform:rotateZ(300deg);
	}
}
.scopeXYZ .wsc-control .wsc-radiate{
	animation-name:kf-wsc-radiate;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	animation-duration:2s;
}
.scopeXYZ .wsc-control.wsc-hide .wsc-radiate{
	animation-name:none;
}
@keyframes kf-wsc-radiate{
	100% {
		opacity:0;
		transform:scale(2);
	}
}