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

.FrontpageCell
{
	background-color: black;
	transition-property: brightness, pre-transform-scale2d, box-shadow;
	transition-duration: 0.2s;
	height: 234px;
}

.FrontpageCell:hover
{
	brightness: 1.3;
}

.BackgroundImage
{
	width: 100%;
	height: 100%;
	background-image: url("s2r://panorama/images/compendium/international2020/compendium/levelbundle_bg_png.vtex");
	background-size: 100% 100%;
	background-position: center;
}

#IntroScene
{
	width: 100%;
	height: 100%;
}

.BundleImage
{
	background-image: url("s2r://panorama/images/compendium/international2020/level_bundle_items_png.vtex");
	background-size: 100% 100%;
	background-position: center;
	width: 520px;
	height: 330px;
	horizontal-align: center;
	vertical-align: middle;
	transition-property: ui-scale;
	transition-duration: 0.2s;
	ui-scale: 100%;
	margin-top: -10px;
}

.2CellVersion .BundleImage
{
	ui-scale: 100%;
	width: 520px;
	height: 550px;
	background-position: center;
	background-size: contain;
	background-image: url("s2r://panorama/images/compendium/international2020/compendium/levelbundle_points_psd.vtex");
	visibility: collapse;
}

#TitleContainer
{
	width: 100%;
	flow-children: down;
	vertical-align: bottom;
	margin-bottom: 10px;
}

.BattlePassLogoTI10
{
	width: 250px;
	height: 40px;
	margin-top: 25px;
	margin-bottom: 0px;
	horizontal-align: center;
	background-image: url("s2r://panorama/images/compendium/international2020/compendium/dashboard_logo_aegis_shadow_png.vtex");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	img-shadow: 0px 0px 30px 5.0 #000000;
	background-image: url("s2r://panorama/images/compendium/international2020/compendium/logo_sm_png.vtex");
}

#BundleTitle
{
	margin-bottom: 5px;
	font-size: 36px;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: white;
	color: gradient( linear, 0% 0%, 0% 100%, from( white ), to( accentColorBright ) );
	text-shadow: 2px 2px 4px black;
	font-weight: semi-bold;
	horizontal-align: center;
}

#BundleWeekendOnly
{
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-shadow: 0px 0px 5px 3.0 #000000aa;
	horizontal-align: center;
	font-size: 16px;
	font-weight: semi-bold;
	text-overflow: shrink;
	text-align: center;
	margin-top: -3px;
}

#Countdown
{
	flow-children: down;
	width: 100%;
}

.time-left
{
	font-weight: semi-bold;
	horizontal-align: center;
	font-size: 36px;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-shadow: 0px 2px 2px black;
	color: gradient( linear, 0% 0%, 0% 100%, from( white ), to( accentColorBright ) );
}

.remaining
{
	color: #ffffff90;
	font-weight: semi-bold;
	horizontal-align: center;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 3px;
	text-shadow: 0px 2px 2px black;
	brightness: 1.4;
	margin-top: -4px;
}

#Countdown.CountdownActive .finished
{
	visibility: collapse;
}

#Countdown.CountdownAfterEnd .time-left,#Countdown.CountdownAfterEnd .remaining
{
	visibility: collapse;
}

.finished
{
	font-weight: semi-bold;
	horizontal-align: center;
	font-size: 24px;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-shadow: 0px 2px 2px black;
	color: gradient (linear, 0% 100%, 0% 0%, from (rgb(255, 242, 186)), to ( #fff) );
	margin-bottom: -4px;
}

#Countdown.CountdownActive .finished
{
	visibility: collapse;
}