.acgMediaPlayer
{
	position:relative;
	overflow:hidden;
	cursor:grab;
	box-sizing:border-box;
}

.acgMediaPlayer.acgGrabbing
{
	cursor:grabbing;
}

.acgMediaPlayer .acgImage
{
	pointer-events:none;
}

.acgMediaPlayerHotspots
{
	touch-action:none;	/* Required to prevent the pointerXXX events from being "cancelled" by the browser after the initial few events */
}

.acgMediaPlayerHotspot
{
	display:flex;
	background-color:rgba(200,0,0,0.8);
	color:white;
	border:2px solid black;
	position:absolute;
	jpadding:0.5em 1em;
	width:32px;
	height:32px;
	border-radius:100%;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
	cursor:pointer;
	jvisibility:hidden;
	opacity:0;
}

.acgMediaPlayerHotspot:hover
{
	background-color:rgba(200,64,64,0.8);
}

.acgMediaPlayerActiveHotspot
{
	jvisibility:visible;
	opacity:1;
}

.acgMediaPlayerHotspot
{
    transition:.3s opacity;
}

.acgMediaPlayerFocusHotspot
{
	jborder:2px solid green;
	background-color:rgba(0,255,0,0.5);
}

.acgMediaPlayerFocusHotspot:hover
{
	jborder:2px solid green;
	background-color:rgba(0,255,0,0.5);
}

.acgMediaPlayerWrapper
{
	position:relative;
	overflow:auto;
	box-sizing:border-box;
	width:100%;
	jheight:100%;
	/* Changes the scrollbar to be "thin" on FF */
	scrollbar-width:thin;
	scrollbar-color:rgba(255,255,255,0.5) rgba(0,0,0,0);
}
.acgMediaPlayerDragHelpPointer
{
	position:absolute;
	z-index:999999;
	left:0;
	top:0;
	jbackground-image:url("images/mediaplayer/drag-pointer.png");
}
.acgMediaPlayerSpinIcon
{
	position:absolute;
	width:100px;
	right:16px;
	top:16px;
	z-index:2;
}