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

.PopupPanel
{
	width: 1040px;
	height: 560px;
	padding: 8px;
	overflow: clip;
	flow-children: none;
	vertical-align: center;
	horizontal-align: center;
	background-color: #121216;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #121216 ), to( #1E0E0D ) );
	border: 2px solid white;
	border-brush: gradient( linear, 0% 0%, 0% 100%, from( rgba(255, 255, 255, 0.02) ), to( rgba(255, 255, 255, 0.01) ) );
	box-shadow: 0px 24px 88px rgba(0, 0, 0, 0.5);
	background-image: url("s2r://panorama/images/battlepass/international2022/ti_bundle_sale_psd.vtex");
	background-size: cover;
}

.PopupPanel
{
	transition-property: transform, pre-transform-scale2d, opacity, background-color, height, box-shadow;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	transition-delay: 0.0s;
}

.PopupPanel.Hidden
{
	opacity: 0;
	pre-transform-scale2d: 1.25;
	transform: translateY( -10px );
	sound: "ui_custom_lobby_dialog_slide";
}

#Contents
{
	horizontal-align: center;
	vertical-align: center;
	flow-children: down;
	width: 100%;
	margin: 0px 160px;
}

#Contents Label
{
	horizontal-align: center;
	text-align: center;
}

#Contents Button
{
	horizontal-align: center;
}

.SubTitle
{
	font-size: 16px;
	font-family: titleFont;
	text-transform: uppercase;
	font-weight: semi-bold;
	letter-spacing: 1px;
	margin-bottom: 12px;
	opacity: 0.6;
	visibility: visible;
}

.Title
{
	font-size: 48px;
	margin-bottom: 12px;
}

.Description
{
	font-size: 20px;
	margin: 0px 40px 24px;
}

.Description b
{
	font-weight: semi-bold;
	color: whitesmoke;
	font-size: 24px;
}

#PrimaryButton
{
	animation-name: glowButton;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-direction: alternate-reverse;
}

#SecondaryButton
{
	margin-top: 24px;
	color: ultraBrightColor;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}

#SecondaryButton:hover
{
	color: whitesmoke;
}

@keyframes 'glowButton'
{
	0%
	{
		box-shadow: 0px 0px 24px #FF704300;
		brightness: 1;
	}
	
	100%
	{
		box-shadow: 0px 0px 32px #FF704322;
		brightness: 2;
	}
	
}