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

DOTABPBackgroundSpring2021
{
	background-size: auto 100%;
	background-position: center;
	transition-property: wash-color;
	transition-duration: 0.5s;
}

.OnHomePage DOTABPBackgroundSpring2021
{
	saturation: 1;
	opacity: 1;
	blur: gaussian( 0 );
}

.AspectRatio4x3 #BackgroundScene
{
	pre-transform-scale2d: 1.2;
}

#BackgroundScene
{
	width: 100%;
	height: 100%;
	max-width: 2060px;
	horizontal-align: center;
	saturation: 0.9;
	opacity: 0.4;
	blur: gaussian( 5 );
	transition-property: opacity, blur, saturation;
	transition-duration: 0.2s;
}

.Spring2021BattlePassPage #BackgroundScene
{
	saturation: 1;
	opacity: 1;
	blur: gaussian( 4 );
	transition-property: opacity, blur, saturation, opacity-brush;
	opacity-brush: gradient( radial, 50% 50%, 0% 0%, 60% 90%, from( #fff ), color-stop( 0.25, #fff ), color-stop( 0.75, #fff ),to( #fff ) );
}

.AspectRatio21x9 #BackgroundScene
{
	opacity-mask: url("s2r://panorama/images/masks/bg_vignette_psd.vtex");
}

.LowVisualQuality #BackgroundScene
{
	blur: gaussian( 0 );
}

.OnHomePage #BackgroundScene
{
	saturation: 1;
	opacity: 1;
	blur: gaussian( 4 );
	opacity-brush: gradient( radial, 50% 50%, 0% 0%, 60% 90%, from( #fff ), color-stop( 0.25, #fff ), color-stop( 0.75, #482c96 ),to( #482c96 ) );
}

#NemesticePoints
{
	opacity: 0;
	pre-transform-scale2d: .6;
	width: 1200px;
	height: 1200px;
	horizontal-align: center;
	vertical-align: middle;
	transition-property: opacity, pre-transform-scale2d;
	transition-duration: 0.4s;
}

.OnHomePage #NemesticePoints
{
	opacity: 1;
	pre-transform-scale2d: 1;
}

#BGVignette
{
	width: 100%;
	height: 100%;
	background-image: url("s2r://panorama/images/backgrounds/chest_vignette_psd.vtex");
	background-size: 100%;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #1e3245dd ), to( #041931ee ) );
	transition-property: background-color;
	transition-duration: 0.2s;
}

.OnHomePage #BGVignette
{
	background-color: #0000;
}

.CenterContents
{
	flow-children: down;
	horizontal-align: center;
	vertical-align: top;
	margin-bottom: 130px;
	margin: 100px 460px 0px 460px;
	width: 100%;
	opacity: 0.0;
	transform: translateY( 20px );
	transition-property: opacity, transform;
	transition-duration: 0.2s;
}

.AspectRatio4x3 .CenterContents
{
	margin: 120px 410px 0px 430px;
}

.OnHomePage .CenterContents
{
	opacity: 1.0;
	transform: none;
}

.Title
{
	margin-top: 100px;
	horizontal-align: center;
	text-align: center;
	font-size: 48px;
	color: white;
	text-shadow: 2px 2px 4px black;
	font-family: titleFont;
}

.NemesticeLogo
{
	background-image: url("s2r://panorama/images/events/nemestice/nemestice_logo_en_psd.vtex");
	background-size: contain;
	background-repeat: no-repeat;
	horizontal-align: center;
	width: 600px;
	height: 192px;
	transition-property: brightness;
	transition-duration: 0.2s;
}

.NemesticeLogo:hover
{
	brightness: 1.5;
}

.NemesticeLogoFX
{
	width: 100%;
	height: 100%;
	opacity-mask: url("s2r://panorama/images/events/nemestice/nemestice_logo_mask_en_psd.vtex")1;
	brightness: 1;
	contrast: 1;
}

.Language_schinese .NemesticeLogo,.Language_tchinese .NemesticeLogo
{
	background-image: url("s2r://panorama/images/events/nemestice/nemestice_logo_cn_psd.vtex");
}

.Language_schinese .NemesticeLogoFX,.Language_tchinese .NemesticeLogoFX
{
	opacity-mask: url("s2r://panorama/images/events/nemestice/nemestice_logo_mask_cn_psd.vtex")1;
}

.Language_russian .NemesticeLogo
{
	background-image: url("s2r://panorama/images/events/nemestice/nemestice_logo_ru_psd.vtex");
}

.Language_russian .NemesticeLogoFX
{
	opacity-mask: url("s2r://panorama/images/events/nemestice/nemestice_logo_mask_ru_psd.vtex")1;
}

.NemesticeOnlyLogo
{
	background-image: url("s2r://panorama/images/events/nemestice/nemestice_logo_nobp_en_psd.vtex");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	horizontal-align: left;
	margin-bottom: -20px;
	transform: translateY(-12px);
	width: 260px;
	height: 70px;
	horizontal-align: center;
}

.Language_schinese .NemesticeOnlyLogo,.Language_tchinese .NemesticeOnlyLogo
{
	background-image: url("s2r://panorama/images/events/nemestice/nemestice_logo_nobp_cn_psd.vtex");
}

.Language_russian .NemesticeOnlyLogo
{
	background-image: url("s2r://panorama/images/events/nemestice/nemestice_logo_nobp_ru_psd.vtex");
}

#BPLogo
{
	background-image: url("s2r://panorama/images/events/nemestice/nemestice_battlepass_logo_en_psd.vtex");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 25px;
	margin-top: 10px;
	img-shadow: 0px 0px 16px 4.0 #000000;
	margin-bottom: 10px;
}

.Language_schinese #BPLogo,.Language_tchinese #BPLogo
{
	background-image: url("s2r://panorama/images/events/nemestice/nemestice_battlepass_logo_cn_psd.vtex");
}

#BundleLevels
{
	color: white;
	font-size: 100px;
	text-align: center;
	horizontal-align: center;
	margin-top: 150px;
	font-family: titleFont;
	text-shadow: 2px 2px 4px black;
}

.LearnMore
{
	text-transform: uppercase;
	flow-children: right;
	letter-spacing: 2px;
	color: #ffffff;
	padding: 5px 15px;
	horizontal-align: center;
	text-shadow: 1px 1px 3px 2 black;
	transition-property: opacity, transform;
	transition-duration: 0.1s;
	transition-timing-function: ease;
}

.LearnMore Label
{
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #ffffff;
}

.DownArrow
{
	width: 20px;
	height: 15px;
	margin-top: 1px;
	margin-left: 3px;
	background-image: url("s2r://panorama/images/control_icons/arrow_dropdown_png.vtex");
	background-size: contain;
	background-repeat: no-repeat;
}

.BundleLevelsContent
{
	visibility: collapse;
	width: 900px;
	height: 350px;
	horizontal-align: center;
	opacity: 0;
	transform: translateY(0px);
	transition-property: opacity, transform;
	transition-duration: 0.4s;
	transition-timing-function: ease-in-out;
	margin-bottom: 6px;
}

.PriceContainer
{
	min-width: 110px;
	height: 32px;
	overflow: noclip;
	z-index: 4;
	background-color: black;
}

.PurchaseLevelsButton:disabled
{
	brightness: 0.2;
	saturation: 0.0;
}

#PurchaseOne
{
	background-color: gradient( linear, 0% 0%, 100% 0%, from( #493048 ), to( #261529 ) );
	border: 1px solid white;
	border-brush: gradient( linear, 0% 0%, 0% 100%, from( #a1629f ), to( #5e375a ) );
}

#PurchaseOne:hover:enabled
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( defaultColor ), to( accentColorBright ) );
}

.PurchaseStatus
{
	font-size: 14px;
	horizontal-align: center;
	text-align: center;
	color: rgb(184, 138, 236);
}

.SaveMoney
{
	margin-bottom: 12px;
	z-index: 6;
	text-transform: uppercase;
	font-size: 22px;
	color: rgb(206, 255, 143);
	text-shadow: 0px 0px 14px 1.0 #6aaa04;
	horizontal-align: center;
	padding: 0 12px;
}

.BundleLevelsContent .LowerThird
{
	transition-duration: 0.4s;
	transition-timing-function: ease-in;
	height: fill-parent-flow( 1.0 );
	background-color: gradient( linear, 0% 90%, 0% 100%, from( #111111ec ), to( #333333ec ) );
	background-color: gradient( linear, 0% 70%, 100% 100%, from( #111111ec ), to( #661050ec ) );
}

.BundleLevelsContent:hover .LowerThird
{
	background-color: gradient( linear, 0% 70%, 100% 100%, from( #111111ec ), to( #661050ec ) );
	background-color: gradient( linear, 0% 90%, 0% 100%, from( #111111ec ), to( #333333ec ) );
	background-color: gradient( linear, 0% 70%, 100% 100%, from( #111111ec ), to( #661050ec ) );
}

.CenterContents:hover .BundleLevelsContent
{
	opacity: 1;
	transform: translateY(-30px);
	transition-duration: 0.2s;
}

#NemesticeRays
{
	width: 100%;
	height: 100%;
	margin-bottom: -100%;
	opacity-brush: gradient( radial, 50% 50%, 0% 0%, 50% 80%, from( #0000 ), color-stop( 0.55, rgba(253, 70, 253, .5) ), color-stop( 0.75, #fff5 ),to( #0000 ) );
}

.AvailableContainer
{
	horizontal-align: center;
	overflow: noclip;
}

.BundleTitleContainer
{
	margin-top: -4px;
	width: 100%;
	height: 64px;
	horizontal-align: center;
	margin-bottom: -12px;
}

.BundleTitle
{
	horizontal-align: center;
	height: 100%;
	transform: rotateX(20deg);
	text-overflow: shrink;
	font-size: 52px;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 0px;
	text-align: center;
	margin-left: 0px;
	margin-bottom: -4px;
	color: gradient( linear, 0% 0%, 0% 100%, from( #AC70A9 ), to( #F6E0FA ) );
	margin-bottom: 8px;
	text-transform: uppercase;
	text-shadow: 0px 0px 4px 1.0 #470952;
}

.BundleTitle.L1,.BundleTitle.L2,.BundleTitle.L3
{
	color: gradient( linear, 0% 0%, 0% 100%, from( rgb(19, 91, 109) ), to( #F6E0FA ) );
}

.BundleTitle.L0
{
	z-index: 5;
}

.BundleTitle.L1
{
	transform: rotateX(20deg) translateY(1px) translateZ(-2px);
	z-index: 4;
	wash-color: #f0aff0;
	text-shadow: none;
}

.BundleTitle.L2
{
	transform: rotateX(20deg) translateY(1.5px) translateZ(-4px);
	z-index: 3;
	wash-color: #d69cd6;
	text-shadow: none;
}

.BundleTitle.L3
{
	transform: rotateX(20deg) translateY(2px) translateZ(-6px);
	z-index: 2;
	wash-color: #c77ac7;
	text-shadow: 0px 0px 14px 2.0 #210625;
}

#BattleLevelBundlePanel .FrontpageCellTitle
{
	visibility: collapse;
}

.BundleDetails
{
	margin-top: 16px;
	flow-children: right;
	margin-bottom: 10px;
}

.BundleList
{
	flow-children: down;
}

.NeedPurchase
{
	margin-bottom: 12px;
	horizontal-align: center;
	text-transform: uppercase;
	font-size: 16px;
	color: #b0f4ff;
}

.LimitCustomer
{
	horizontal-align: center;
	text-transform: uppercase;
	margin-top: 2px;
	font-size: 20px;
	color: rgba(230, 144, 230, 0.788);
	letter-spacing: 1px;
	transform: rotateX(20deg) scaleY(1.1);
	color: #fdc7fb;
	text-align: center;
	text-shadow: 0 0 6px 2 #000;
}

.BundleAmount
{
	color: white;
	font-weight: bold;
	text-shadow: 0 0 12px 2 #e770e3;
}

.WeekendOnly
{
	transform: rotateX(20deg) scaleY(1.1);
	margin-top: 12px;
	padding: 0 6px;
	horizontal-align: center;
	text-transform: uppercase;
	color: #fdc7fb;
	letter-spacing: 3px;
	text-shadow: 0 0 12px 1 #e770e3;
}

.BundleInfo .PurchaseLevelsButton,.BundleDetails
{
	horizontal-align: center;
}

.BundleInfo .PurchaseLevelsButton
{
	min-width: 215px;
	height: 32px;
	padding: 0 12px;
}

.BundleInfo .PurchaseLevelsButton Label
{
	font-size: 20px;
}

.PriceAndPurchase
{
	flow-children: right;
	horizontal-align: center;
	height: 34px;
	margin-bottom: 4px;
}

.BundlePrice
{
	width: 100%;
	text-align: center;
	height: 100%;
	font-size: 22px;
	color:#7FCDF5;
	padding: 0 6px;
	padding-top: 3px;
	background-color: black;
}

.CantPurchaseButton
{
	horizontal-align: center;
	visibility: collapse;
}

.SelfEventNotActive #PurchaseBattlePassButton,.SelfEventNeedsActivate #ActivateBattlePassButton
{
	visibility: visible;
}

.SelfEventActive .NeedPurchase,.SelfEventNotActive .PriceAndPurchase,.SelfEventNotActive .PurchaseStatus,.SelfEventNeedsActivate .PriceAndPurchase,.SelfEventNeedsActivate .PurchaseStatus
{
	visibility: collapse;
}

.ShieldContainer
{
	width: 80px;
	height: 100px;
	margin-right: 8px;
	background-image: url("s2r://panorama/images/compendium/international2020/gold_shield_icon_psd.vtex");
	background-size: contain;
	background-repeat: no-repeat;
	hue-rotation: -90deg;
	margin-top: -10px;
	margin-bottom: -20px;
}

.ShieldContainer #LevelNumber
{
	font-size: 38px;
	color: gradient (linear, 0% 100%, 0% 0%, from (#fff2ba), to ( #fff) );
	vertical-align: middle;
	margin-bottom: 16px;
	horizontal-align: center;
	text-align: center;
	padding-right: 2px;
}

.TreasureAmount
{
	font-weight: bold;
	color: #FFB4FC;
}

.BundleListLabel
{
	font-size: 20px;
	letter-spacing: 1px;
	color: #fff;
	text-transform: uppercase;
}

.BottomContents
{
	horizontal-align: center;
	flow-children: right;
	opacity: 0;
	transform: translateY(-30px);
	transition-property: opacity, transform;
	transition-duration: 0.4s;
	transition-timing-function: ease;
	width: 900px;
	height: fit-children;
	transform: translateY(0px);
}

.AspectRatio4x3 .BottomContents
{
	width: 600px;
}

.CenterContents:hover .LearnMore
{
	transform: translateY(-30px);
	opacity: 0;
}

.CenterContents:hover .BottomContents
{
	opacity: 1;
	transform: translateY(-30px);
	transition-duration: 0.2s;
}

.LowerThird
{
	width: fill-parent-flow( 1.0 );
	margin: 0px 3px;
	height: 215px;
	flow-children: down;
}

.LowerThird.Extras
{
	width: fill-parent-flow( 0.8 );
}

.Block,.NemesticeInfo,.BattlePassInfo
{
	background-color: #00000090;
	background-color: gradient( linear, 0% 90%, 0% 100%, from( #11111190 ), to( #33333390 ) );
	box-shadow: 0px 0px 10px #00000020;
	transition-property: background-color, border, brightness, box-shadow;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
	border-radius: 3px;
	border-bottom: 2px solid accentColor&00;
}

.Block:hover,.BattlePassInfo:hover,.NemesticeInfo:hover
{
	brightness: 1.4;
	background-color: #707d91;
	box-shadow: 0px 0px 40px #00000060;
	background-color: #59626C;
	border-bottom: 2px solid accentColor;
	background-color: gradient( linear, 0% 70%, 100% 100%, from( #11111190 ), to( #66105093 ) );
}

.LowerThird .Image
{
	width: 100%;
	height: 150px;
	margin-bottom: -25px;
}

.BattlePassInfo .Image
{
	background-image: url("s2r://panorama/images/events/nemestice/frontpage_bp_psd.vtex");
	background-size: cover;
}

.NemesticeInfo .Image
{
	background-image: url("s2r://panorama/images/events/nemestice/frontpage_nemestice_psd.vtex");
	background-size: cover;
}

.Block
{
	height: fill-parent-flow( 1.0 );
	width: 100%;
	flow-children: right;
}

.WebsiteBlock
{
	margin-bottom: 3px;
}

.TrailerBlock
{
	margin-top: 3px;
}

.SmallButton
{
	horizontal-align: center;
	padding: 2px 10px;
}

.SmallButton Label
{
	color: #ffffff70;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-bottom: 1px solid accentColor&70;
	font-size: 14px;
	transition-property: color;
	transition-duration: .2s;
}

.LowerThird:hover .SmallButton Label
{
	color: white;
}

.ExternalIcon
{
	width: 20px;
	height: 10px;
	margin-top: 1px;
	background-image: url("s2r://panorama/images/control_icons/arrow_top_right_psd.vtex");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
}

.PlayIcon
{
	width: 20px;
	height: 15px;
	margin-top: 1px;
	margin-left: 3px;
	background-image: url("s2r://panorama/images/control_icons/arrow_dropdown_png.vtex");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
}

.Block Label
{
	horizontal-align: center;
	vertical-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: titleFont;
	font-weight: semi-bold;
	padding: 6px 20px;
	font-size: 16px;
	color: #ffffff90;
	text-align: center;
}

.AspectRatio4x3 .BottomContents .BattlePassButton Label
{
	font-size: 14px;
	text-overflow: shrink;
	text-align: center;
}

#PreviewLink
{
	horizontal-align: center;
}

#AngledPanels
{
	width: 100%;
	height: 100%;
	transition-property: background-color;
	transition-duration: .32s;
	transition-timing-function: ease-in-out;
}

.AngledPanelContainer
{
	width: 700px;
	height: 1130px;
	border: 1px solid #f000;
	transition-property: width, background-color, opacity, transform;
	transition-duration: .32s;
	transition-timing-function: ease-in-out;
	padding-right: 0px;
	margin: 0;
}

.AngledBackground
{
	width: 500px;
	height: 100%;
	background-color: #383F45aa;
	transform: skew(12deg);
	transition-property: width, background-color, opacity;
	transition-duration: .32s;
	transition-timing-function: ease-in-out;
}

#BPLeftPanel
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #262b3085 ), color-stop( 0.21, #383F45 ), color-stop( 0.21, #383F45 ), to( #383F45 ) );
}

.Spring2021WeeklyQuestsPage #BPLeftPanel
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #00000085 ), color-stop( 0.21, #10053ab9 ), color-stop( 0.21, #10053ab7 ), to( #341948 ) );
}

#Dashboard:not(.Spring2021BattlePassPage) #BPLeftPanelContainer
{
	transform: translateX(-800px);
	opacity: 0;
}

#Dashboard:not(.Spring2021BattlePassPage) #BPRightPanelContainer
{
	transform: translateX(1280px);
	opacity: 0;
}

.Spring2021BPHome #BPLeftPanelContainer
{
	transform: translateX(-10px);
}

.Spring2021WeeklyQuestsPage #BPLeftPanelContainer
{
	transform: translateX(-138px);
}

.AspectRatio16x10.Spring2021WeeklyQuestsPage #BPLeftPanelContainer
{
	transform: translateX(-186px);
}

.Spring2021CavernCrawlPage #BPLeftPanelContainer
{
	transform: translateX(-138px);
}

.AspectRatio16x10.Spring2021CavernCrawlPage #BPLeftPanelContainer
{
	transform: translateX(-186px);
}

.Spring2021CavernCrawlPage #BPLeftPanel
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #000 ), color-stop( 0.0, #000 ), color-stop( 0.0, #000 ), to( #000 ) );
}

#BPRightPanelContainer
{
	horizontal-align: center;
	padding-left: 120px;
	transform: translateX(980px);
}

.Spring2021BPHome #BPRightPanelContainer
{
	transform: translateX(340px);
}

.Spring2021BPHome #BPRightPanelContainer
{
	transform: translateX(340px);
}

.AspectRatio21x9.Spring2021WeeklyQuestsPage #BPRightPanelContainer
{
	transform: translateX(940px);
}

.Spring2021CavernCrawlPage #BPRightPanelContainer
{
	transform: translateX(240px);
}

.AspectRatio16x10.Spring2021CavernCrawlPage #BPRightPanelContainer
{
	transform: translateX(190px);
}

.Spring2021CavernCrawlPage #BPRightPanelContainer,.Spring2021CavernCrawlPage #BPRightPanelContainer #BPRightPanel
{
	width: 2000px;
}

.AspectRatio21x9.Spring2021CavernCrawlPage #BPRightPanelContainer,.AspectRatio21x9.Spring2021CavernCrawlPage #BPRightPanelContainer #BPRightPanel
{
	width: 3000px;
}

.AspectRatio21x9.Spring2021CavernCrawlPage #BPRightPanelContainer
{
	transform: translateX(0px);
}

#BPRightPanel
{
	width: 400px;
	background-color: gradient( linear, 0% 0%, 100% 0%, from( #141a2bdc ), color-stop( 0.4, #393e4ddc ), color-stop( 0.81, #434668 ), to( #52577c ) );
}

.Spring2021WeeklyQuestsPage #BPRightPanelContainer #BPRightPanel
{
	background-color: gradient( linear, 0% 0%, 100% 0%, from( #00000000 ), color-stop( 0.38, rgba(3, 5, 7, 0.747) ), color-stop( 0.81, #000000da ), to( #000000ef ) );
}

.Spring2021CavernCrawlPage #BPRightPanelContainer #BPRightPanel
{
	background-color: gradient( linear, 0% 0%, 100% 0%, from( #000000 ), color-stop( 0.22, rgba(3, 5, 7, 0.747) ), color-stop( 0.88, #000000ff ), to( #000000ff ) );
}

.AspectRatio21x9.Spring2021BPHome #BPRightPanelContainer,.AspectRatio21x9.Spring2021BPHome #BPRightPanelContainer #BPRightPanel
{
	width: 700px;
}

.AspectRatio21x9.Spring2021BPHome #BPRightPanelContainer
{
	transform: translateX(270px);
}

#BottomGradient
{
	width: 100%;
	height: 100%;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #00000000 ), color-stop( 0.7, #0000003f ), color-stop( 0.75, #0000003f ), to( #000000ff ) );
}

#AWDashboardChannel
{
	width: 220px;
	height: 220px;
	vertical-align: center;
	horizontal-align: center;
	transform: translateY(94px) translateX(4px) rotateZ(3deg);
	overflow: noclip;
}

.AspectRatio21x9 #AWDashboardChannel
{
	width: 230px;
	height: 230px;
	transform: translateY(104px) translateX(4px) rotateZ(3deg);
}

#AWFog
{
	width: 80px;
	height: 50px;
	pre-transform-scale2d: 4;
	vertical-align: center;
	horizontal-align: center;
	background-image: url("s2r://panorama/images/battlepass/spring2021/aw_fog_psd.vtex");
	background-size: 100%;
	z-index: 2;
	wash-color: #6e90ee;
	transform: translateY(26px) translateX(4px) rotateZ(3deg);
	transition-property: opacity;
	transition-duration: .25s;
	transition-delay: .5s;
	opacity: 0;
}

#BackgroundScene.SceneLoaded #AWDashboardChannel.SceneLoaded #AWFog
{
	opacity: 1;
}

.AspectRatio16x10 #AWDashboardChannel
{
	pre-transform-scale2d: 0.9;
	transform: translateY(76px) translateX(6px) rotateZ(3deg);
}

.AspectRatio4x3 #AWDashboardChannel
{
	pre-transform-scale2d: 0.75;
	transform: translateY(64px) translateX(8px) rotateZ(3deg);
}

#EndingBG
{
	width: 100%;
	height: 100%;
	background-image: url("s2r://panorama/images/battlepass/spring2021/frontpage_ending_bg_psd.vtex");
	background-size: cover;
	background-position: center center;
	transition-property: wash-color;
	transition-timing-function: ease-in-out;
	transition-duration: 0.32s;
	wash-color: rgba(24, 0, 51, 0.9);
}

.OnHomePage #EndingParticles,.OnHomePage #EndingBG
{
	wash-color: white;
}

#EndingParticles
{
	width: 100%;
	height: 100%;
	transition-property: wash-color;
	transition-timing-function: ease-in-out;
	transition-duration: 0.32s;
	wash-color: rgba(0, 60, 100, 0.9);
}