/* Prettified by Source 2 Viewer 11.1.0.0 - https://valveresourceformat.github.io */

.PopupPanel
{
	width: 1100px;
	height: 640px;
	padding: 0px;
	overflow: clip;
	flow-children: none;
	background-color: gradient( linear, 0% 0%, 100% 0%, from( #333f ), to( #222f ) );
}

.Contents
{
	flow-children: down;
}

.CloseButton
{
	horizontal-align: right;
	width: 30px;
	height: 30px;
	background-size: 60%;
	background-color: #444;
	margin-top: 8px;
	margin-right: 8px;
}

#Logo
{
	background-image: url("s2r://panorama/images/splash_ads/underlords/underlords-logo-white_png.vtex");
	background-repeat: no-repeat;
	background-size: contain;
	width: 360px;
	height: 162px;
}

#Title
{
	width: 100%;
	text-align: center;
	font-size: 32px;
	letter-spacing: 1px;
	font-weight: bold;
	margin-top: 12px;
	text-transform: uppercase;
	color: white;
}

#Subtitle
{
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: -14px;
	background-color: #000000;
	transform: rotateZ(-2deg);
	font-weight: black;
	font-size: 16px;
	horizontal-align: center;
	padding: 2px 20px 2px 20px;
}

#Description
{
	color: #ffffff;
	font-weight: black;
	vertical-align: bottom;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 18px;
	font-size: 24px;
	letter-spacing: 1px;
	text-shadow: 0px 4px 2px black;
}

#CTA
{
	Horizontal-align: left;
	flow-children: down;
	margin-left: 40px;
}

#Buttons
{
	horizontal-align: left;
	margin-bottom: 40px;
	flow-children: right;
}

#WebButton
{
	margin-left: 24px;
}

.UnderlordsButton
{
	width: 300px;
	border: 1px solid #ffffff;
}

.UnderlordsButton:hover
{
	background-color: #ffffff10;
}

.UnderlordsButton Label
{
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 10px 0px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	horizontal-align: center;
	margin-bottom: 0px;
}

#SplashImage
{
	horizontal-align: center;
	width: 1100px;
	height: 640px;
	background-image: url("s2r://panorama/images/splash_ads/underlords/underlords-bg_png.vtex");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	flow-children: down;
	horizontal-align: left;
}

.SplashImageOverlay
{
	flow-children: down;
	margin-top: 50px;
	margin-left: 40px;
	height: fit-children;
}

#Footer
{
	vertical-align: bottom;
	height: fit-children;
	width: 100%;
	flow-children: right;
}

#AppIcons
{
	height: 36px;
	flow-children: right;
	horizontal-align: right;
	padding-right: 40px;
	vertical-align: bottom;
	margin-bottom: 40px;
}

.app-icons
{
	background-size: 100%;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	margin-left: 18px;
}

#SteamIcon
{
	background-image: url("s2r://panorama/images/splash_ads/underlords/steam-icon_png.vtex");
}

#AppleIcon
{
	background-image: url("s2r://panorama/images/splash_ads/underlords/apple-icon_png.vtex");
}

#PlayIcon
{
	background-image: url("s2r://panorama/images/splash_ads/underlords/play-icon_png.vtex");
}

#Contents
{
	flow-children: down;
	margin-left: 20px;
	margin-top: 20px;
	background-color: #000e;
	padding: 16px 20px 20px 20px;
}

#SubTitle
{
	width: 100%;
	height: 100px;
	text-align: center;
	horizontal-align: center;
	padding-top: 32px;
	color: #fff;
	font-size: 18px;
	font-weight: semi-bold;
	text-transform: uppercase;
	text-shadow: 0px 0px 4px #CD6BFB;
	letter-spacing: 2px;
}

#DetailsButton
{
	horizontal-align: left;
	margin-left: 40px;
	vertical-align: bottom;
	margin-bottom: 30px;
	box-shadow: black 0px 0px 0px 0px;
	width: 220px;
	height: 42px;
}