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

.PopupPanel
{
	width: 100%;
	height: 100%;
	flow-children: none;
	background-color: black;
	animation-name: none;
	padding: 0px;
	border-color: black;
	background-image: url("s2r://panorama/images/battlepass/fall2021/agh_background_default_psd.vtex");
	background-size: contain;
}

.CloseButton
{
	horizontal-align: right;
	margin: 20px;
	opacity: 0.0;
	transition-property: opacity;
	transition-duration: 0.2s;
}

.MovieFinished .BackgroundFX
{
	opacity: 1;
}

.BackgroundFX
{
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.ShowCloseButton .CloseButton
{
	opacity: 1.0;
}

#MovieContainer
{
	vertical-align: middle;
	horizontal-align: center;
	width: 100%;
	height: width-percentage( 56.25% );
	max-width: 1920px;
	transition-property: opacity;
	transition-duration: 0.2s;
}

.MovieFinished #MovieContainer
{
	opacity: 0.0;
}

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

.AfterMovieContents
{
	horizontal-align: center;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	Height: 100% flow-children: down;
	opacity: 0.0;
	transition-property: opacity;
	transition-duration: 0.2s;
}

.MovieFinished .AfterMovieContents
{
	opacity: 1.0;
}

.LogoImage
{
	width: 600px;
	height: 300px;
	horizontal-align: center;
	vertical-align: middle;
	background-image: url("s2r://panorama/images/battlepass/fall2021/agh_logo_plus_bp_en_psd.vtex");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.Language_schinese .LogoImage,.Language_tchinese .LogoImage
{
	background-image: url("s2r://panorama/images/battlepass/fall2021/agh_logo_plus_bp_cn_psd.vtex");
}

.Language_russian .LogoImage
{
	background-image: url("s2r://panorama/images/battlepass/fall2021/agh_logo_plus_bp_ru_psd.vtex");
}

.Buttons
{
	horizontal-align: center;
	vertical-align: middle;
	flow-children: down;
}

.Buttons TextButton:hover
{
	brightness: 2.0;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #6344ff ), to( #6344ff ) );
	box-shadow: #5c3cff73 0px 0px 15px 0px;
	transform: translateY(-2px);
	transition-property: brightness, background-color, box-shadow, transform;
	transition-duration: 0.5s;
	transition-timing-function: ease-in-out;
}

.Buttons TextButton
{
	min-width: 300px;
	background-color: gradient( linear, 0% 0%, 100% 0%, from( #7062b342 ), to( #392e7a42 ) );
	background-image: none;
	margin-top: 64px;
	border: 1px solid #ffffff;
	border-brush: gradient( linear, 0% 0%, 0% 100%, from( #a290ff ), to( #6344ff ) );
}

.AfterMovieContents
{
	z-index: 2;
}

.AfterMovieContents #AghLabLogoContainer
{
	width: 963px;
	height: 550px;
	horizontal-align: center;
	vertical-align: top;
	z-index: 3;
	overflow: noclip;
	margin-top: 64px;
	wash-color: white;
	transition-property: transform, wash-color, opacity, pre-transform-scale2d;
	transition-duration: 0.8s;
	transition-timing-function: cubic-bezier(.01,1,.01,1);
	opacity: 0;
	transform: translateY(60px);
	pre-transform-scale2d: .6;
}

.OnHomePage .AfterMovieContents #FrontPageLogoMotes
{
	width: 1910px;
	height: 800px;
	vertical-align: top;
	margin-top: -64px;
}

.FlavorTextContainer
{
	max-width: 900px;
	horizontal-align: center;
	vertical-align: middle;
	margin-top: 400px;
	flow-children: down;
}

.FlavorText.TitleFlavor
{
	font-size: 30px;
	letter-spacing: 2px;
	horizontal-align: center;
	color: white;
	text-shadow: 0 0 8px 3 #6ba1f83b;
	margin-bottom: 16px;
	text-align: center;
}

.FlavorText
{
	color: white;
	font-size: 20px;
	opacity-brush: gradient( radial, 51% 20%, 0% 0%, 70% 90%, from( #fff ), color-stop( .2, rgb(255, 255, 255) ), color-stop( .9, rgb(119, 157, 240) ), to( rgb(119, 157, 240) ) );
}

.Vignette
{
	opacity: 1;
	z-index: 1;
}

.NewMode.FlavorText.TitleFlavor
{
	opacity-brush: gradient( radial, 51% 20%, 0% 0%, 70% 90%, from( #fff ), color-stop( .2, rgb(255, 255, 255) ), color-stop( .9, rgb(152, 118, 226) ), to( rgb(119, 157, 240) ) );
	ignore-parent-flow: true;
	vertical-align: middle;
	margin-top: 64px;
	letter-spacing: 0;
	font-size: 24px;
	text-shadow: 0 0 8px 3 #0000003b;
}