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

.PopupPanel
{
	width: 100%;
	height: 100%;
	flow-children: none;
	background-color: none;
	animation: none;
	padding: 0px;
	box-shadow: none;
}

#Contents
{
	horizontal-align: center;
	vertical-align: middle;
	width: 1200px;
	height: 600px;
	background-color: #000c;
	border: 1px solid shadeColor;
}

.ContentsMain
{
	flow-children: down;
	width: 100%;
	height: 100%;
	padding: 12px 16px 16px 16px;
}

.NowAvailable
{
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: white;
}

.Title
{
	font-size: 48px;
	font-family: titleFont;
	text-transform: uppercase;
	letter-spacing: 4px;
	color: whitesmoke;
	text-shadow: 0px 0px 12px #952E2E;
	font-weight: bold;
}

.Subtitle
{
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: -4px;
	color: gradient( linear, 0% 0%, 0% 100%, from( accentColor ), to( defaultColor ) );
}

.Lore
{
	width: 600px;
	margin-top: 16px;
	color: gradient( linear, 0% 0%, 0% 100%, from( #999 ), to( #666 ) );
}

.AvailableDetails
{
	width: 600px;
	flow-children: down;
}

.AvailableDetails .BPLogo
{
	margin: 0px;
	ui-scale: 70%;
	transform: translateX( -140px );
	visibility: collapse;
}

.AvailableDetails .BattlePassLevel
{
	text-transform: uppercase;
	font-size: 24px;
	letter-spacing: 2px;
	color: accentColor;
}

.AvailableDetails .BattlePassBrightButton
{
	ui-scale: 120%;
}

.Model
{
	width: 1200px;
	height: 900px;
	opacity-mask: url("s2r://panorama/images/masks/softedge_box_png.vtex");
	horizontal-align: center;
	vertical-align: middle;
	transform: translateX( 320px );
}

.CloseButton
{
	ui-scale: 150%;
	margin: 0px;
	horizontal-align: right;
}