/* control */
.scopeXYZ .pbc-control{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0);
	overflow:hidden;
}
.scopeXYZ .pbc-control.pbc-hide{
	display:none;
}
/* bar */
.scopeXYZ .pbc-bar{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	transform:translate(0,-50%);
	background:linear-gradient(to right,
		rgba(0,0,0,0.2) 0%,
		rgba(0,0,0,0.6) 50%,
		rgba(0,0,0,0.2) 100%);
	padding:2px 0;
	text-align:center;
	overflow:hidden;
}
/* progress */
.scopeXYZ .pbc-progress{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:0;
	background:rgba(0,0,0,0.5);
}
/* text */
.scopeXYZ .pbc-text{
	display:inline-block;
	position:relative;
	top:2px;
	color:white;
	line-height:3;
	font-family:"Georgia";
	font-size:24px;
	letter-spacing:0.15em;
	text-shadow:
		0 0 1px white,
		0 0 3px white,
		0 0 8px white;
	vertical-align:middle;
}
/* cancel */
.scopeXYZ .pbc-cancel{
	display:table-cell;
	position:absolute;
	bottom:30px;
	left:50%;
	transform:translateX(-50%);
	user-select:none;
	cursor:pointer;
	overflow:hidden;
}
.scopeXYZ .pbc-cancel:active{
	bottom:29px;
}
.scopeXYZ .pbc-cancel-bg{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
	padding-bottom:40%;
	background:rgba(0,0,0,0.4);
	border-radius:50px;
}
.scopeXYZ .pbc-cancel-txt{
	position:relative;
	top:1px;
	padding:15px 20px;
	color:#eee;
	font-size:11px;
	line-height:1;
	letter-spacing:0.1em;
}