/* inpbox */
.uic-inpbox,
.uic-inpbox select{
	font-size:16px;
	line-height:1;
}
.uic-inpbox{
	display:table-cell;
	padding:0 10px;
	padding-top:1px;
	height:36px;
	border:1px solid #ccc;
	text-align:left;
	vertical-align:middle;
	overflow:hidden;
}
@media (min-width:769px){
	.uic-inpbox{
		font-family:"Menlo","Consolas","Courier New";
	}
}
/* disabled */
.uic-disable{
	visibility:hidden;
}
.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);
	}
}