WebController
{
	transition-property: transform, opacity;
	transition-duration: 0.3s, 0.1s;
	transition-delay: 0.0s, 1.0s;
	transition-timing-function: ease-in;

	width: 100%;
	height: 100%;

	opacity: 1.0;

	background-image: url( "file://{images}/panel_background.png" );
}

WebController.SlideAwayToLeft
{
	opacity: 0.0;
	transition-delay: 0.0s, 0.0s;
	transform-origin: 0% 0% parent-relative;
	transform: translateX( -1920px ) rotateX( 0deg ) translateZ( 0px );
}

WebController.SlideAwayToRight
{
	opacity: 0.0;
	transition-delay: 0.0s, 0.0s;
	transform-origin: 0% 0% parent-relative;
	transform: translateX(  1920px ) rotateX( 0deg ) translateZ( 0px );
}

.ScreenSaverMode WebController,
BackgroundVideoPanel.ScreenSaverMode WebController, 
BackgroundVideoPanel.GamesRunning WebController
{
	transition-property: opacity, transform;
	transition-duration: 1.4s, 0.3s !immediate;
	transition-timing-function: linear;
}

WebController #ActualHomeButton
{
	background-size: contain;
	width: 54px;
	height: 54px;

	position: 84px 8px 0px;
}

WebController #MouseBackButton
{
	background-size: contain;
	background-position: 0px 0px;
	width: 37px;
	height: 37px;
	position: 24px 16px 0px;
}


WebController.SteamPad #ActualHomeButton
{
	position: 24px 8px 0px;
}

.CursorVisible WebController.SteamPad #MouseBackButton,
.CursorVisible WebController.SteamPad #ActualHomeButton
{
	opacity: 0.0;
}


.VR WebController #ActualHomeButton,
.VR WebController #MouseBackButton
{
	background-size: contain;
	background-position: 0px 0px;
	width: 60px;
	height: 60px;
}

.VR WebController #ActualHomeButton
{
	position: 96px 0px 0px;
}

.VR WebController #MouseBackButton
{
	position: 24px 0px 0px;
}