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

.DOTAInternational2025Background
{
	background-color: gradient( linear, 0% 60px, 0% 100%, from( #010212 ), color-stop( 0.5, #131747 ), color-stop( 0.6, #3B3452 ), color-stop( 0.65, #1c1f61 ), to( #000617 ) );
}

.DOTAInternational2025Background.TournamentFinished
{
	background-color: gradient( linear, 0% 60px, 0% 100%, from( #010212 ), color-stop( 0.65, #1c1f61 ), to( #000617 ) );
}

.AspectRatio21x9 .EdgeShadows
{
	width: 100%;
	height: 100%;
	background-color: gradient( linear, 0% 0%, 100% 0%, from( #000000 ), color-stop( 0.2, #00000000 ), color-stop( 0.8, #00000000 ), to( #000000 ) );
}

.BackgroundContainer
{
	horizontal-align: center;
}

.AspectRatio21x9 .BackgroundContainer
{
	opacity-brush: gradient( linear, 0% 0%, 100% 0%, from( #FFFFFF00 ), color-stop( 0.2, white ), color-stop( 0.8, white ), to( #FFFFFF00 ) );
}

.BackgroundContainer .BackgroundImage
{
	transition-property: blur, opacity, opacity-brush;
	transition-duration: 0.3s;
	opacity: 0.4;
	blur: gaussian( 4px );
	opacity-brush: gradient( linear, 0% 0%, 0% 85%, from( white ), color-stop( 0.6, white ), to( rgba(255, 255, 255, 0) ) );
}

.OnHomePage .BackgroundContainer .BackgroundImage
{
	opacity: 1;
	blur: gaussian( 1px );
	opacity-brush: gradient( linear, 0% 0%, 0% 85%, from( white ), color-stop( 0.6, white ), to( rgba(255, 255, 255, 1) ) );
}

.TournamentFinished .BackgroundContainer .BackgroundImage
{
	opacity-brush: gradient( linear, 0% 0%, 0% 80%, from( white ), color-stop( 0.6, white ), to( rgba(255, 255, 255, 0) ) );
}

.International2025CompendiumPage .BackgroundContainer .BackgroundImage
{
	opacity: 1;
}

.BackgroundContainer .GalaxyFX
{
	width: 100%;
	height: 100%;
	opacity-brush: gradient( linear, 0% 0%, 0% 70%, from( rgb(218, 205, 255) ), color-stop( 0.8, rgb(224, 193, 247) ), to( rgba(255, 255, 255, 0) ) );
	brightness: 3;
	wash-color: rgb(233, 222, 255);
	saturation: 1.2;
	transition-property: blur, opacity;
	transition-duration: 0.3s;
	opacity: 0;
	blur: gaussian( 0px );
}

.OnHomePage .BackgroundContainer .GalaxyFX
{
	opacity: 1;
}

.International2025CompendiumPage .BackgroundContainer .GalaxyFX
{
	opacity: 0.3;
	blur: gaussian( 1px );
}

.TournamentFinished .BackgroundContainer .GalaxyFX
{
	visibility: collapse;
}

.GoldLabel
{
	color: gradient( linear, 0% 30%, 0% 100%, from( white ), color-stop( 0.5, gold1 ), to( gold2 ) );
}

.Content
{
	width: 1060px;
	height: 100%;
	horizontal-align: center;
	padding-top: 60px;
	transition-property: opacity, transform;
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
	transition-delay: 0.15s;
	opacity: 0;
	transform: scale3d( 0.98, 0.98, 1 );
}

.AspectRatio21x9 .Content
{
	width: 1200px;
	padding: 0px 24px;
}

.OnHomePage .Content
{
	transition-duration: 0.15s;
	transition-timing-function: ease-in;
	transition-delay: 0s;
	opacity: 1;
	transform: none;
}

.AspectRatio21x9 .TournamentFinished .Content
{
	padding: 60px 0px 0px;
}

.HeroConstellationsImage
{
	horizontal-align: center;
	-s2-mix-blend-mode: screen;
	ignore-parent-flow: true;
	opacity: 0.3;
	margin-top: -440px;
	opacity-brush: gradient( linear, 0% 0%, 0% 100%, from( rgb(167, 152, 255) ), to( rgb(238, 180, 255) ) );
}

.TournamentFinished .HeroConstellationsImage
{
	visibility: collapse;
}

.EventTitleContainer
{
	horizontal-align: center;
	flow-children: right;
	width: 100%;
}

.ShowVideoPlayer .EventTitleContainer,.TournamentFinished .EventTitleContainer
{
	visibility: collapse;
}

.EventTitleContainer .EventStageDescription
{
	width: fill-parent-flow( 1 );
	margin-top: 39%;
	flow-children: down;
	margin-bottom: 24px;
}

.EventTitleContainer .EventStageDescription .EventStageTitle
{
	flow-children: right;
}

.EventTitleContainer .EventStageDescription .EventStageTitle .EventStateTitle
{
	margin: 0px 8px;
	color: #DEA8F4;
	text-transform: uppercase;
	text-align: center;
	font-weight: semi-bold;
	color: white;
	text-shadow: 0px 0px 12px rgba(209, 130, 255, 0.4);
}

.EventTitleContainer .EventStageDescription .EventStageTitle .Dash
{
	width: fill-parent-flow( 1 );
	height: 1px;
	margin-top: 10px;
	opacity: 0.2;
}

.EventTitleContainer .EventStageDescription .EventStageTitle .Dash.Left
{
	background-color: gradient( linear, 0% 0%, 100% 0%, from( #E886FF00 ), to( #E886FF ) );
}

.EventTitleContainer .EventStageDescription .EventStageTitle .Dash.Right
{
	background-color: gradient( linear, 0% 0%, 100% 0%, from( #E886FF ), to( #E886FF00 ) );
}

.EventTitleContainer .EventStageDescription Label
{
	color: #DEA8F4;
	text-transform: uppercase;
	text-align: center;
	horizontal-align: center;
	margin: -1px 0px;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
}

.EventTitleContainer .EventStageDescription .EventStateDate
{
	font-weight: semi-bold;
}

.EventLogoContainer
{
	flow-children: down;
	margin: 0px -24px;
}

.AspectRatio21x9 .EventLogoContainer
{
	margin-top: 50px;
}

.EventLogoContainer .AegisContainer
{
	width: 400px;
	height: width-percentage( 100% );
	horizontal-align: center;
	margin-bottom: -72px;
}

.EventLogoContainer .AegisContainer .Aegis2025
{
	width: 100%;
	height: width-percentage( 100% );
	-s2-mix-blend-mode: screen;
}

.EventLogoContainer .AegisContainer .AegisStarFX
{
	width: 100px;
	height: 100px;
	horizontal-align: center;
	vertical-align: center;
	-s2-mix-blend-mode: screen;
	brightness: 2;
	saturation: 1.5;
}

.EventLogoContainer .AegisContainer .AegisStarFX.Star1
{
	transform: translateY( -31.5% );
}

.EventLogoContainer .AegisContainer .AegisStarFX.Star2
{
	transform: translateX( -31.5% ) translateY( 7.5% );
}

.EventLogoContainer .AegisContainer .AegisStarFX.Star3
{
	transform: translateX( 30% ) translateY( 7.5% );
}

.EventLogoContainer .AegisContainer .AegisStarFX.Star4
{
	transform: translateX( -20% ) translateY( 24% );
}

.EventLogoContainer .AegisContainer .AegisStarFX.Star5
{
	transform: translateX( 20% ) translateY( 24% );
}

.EventLogoContainer .AegisContainer .AegisStarFX.Small
{
	width: 50px;
	height: 50px;
}

.EventLogoContainer .AegisContainer .AegisStarFX.Star6
{
	transform: translateX( 0% ) translateY( -1% );
}

.EventLogoContainer .AegisContainer .AegisStarFX.Star7
{
	transform: translateX( 12% ) translateY( 16% );
}

.EventLogoContainer .AegisContainer .AegisStarFX.Star8
{
	transform: translateX( -21.5% ) translateY( 15% );
}

.EventLogoContainer .AegisContainer .AegisStarFX.Star9
{
	transform: translateX( 25.5% ) translateY( -17.5% );
}

.EventLogoContainer .AegisContainer .AegisStarFX.Star10
{
	transform: translateX( 12.5% ) translateY( 28.5% );
}

.EventLogoContainer .TheInternationalScriptContainer
{
	margin-bottom: -8px;
	horizontal-align: center;
}

.EventLogoContainer .TheInternationalScriptContainer .TheInternationalScript
{
	width: 440px;
	img-shadow: 0px 4px 16px rgba(102, 59, 171, 0.5);
	opacity-brush: gradient( linear, 0% 50%, 0% 90%, from( white ), to( #C297C8 ) );
	padding: 12px;
}

.EventLogoContainer .TheInternationalScriptContainer .TheInternationalScriptShimmerContainer
{
	width: 100%;
	height: 100%;
	blur: gaussian( 12px );
	padding: 12px;
	vertical-align: center;
	wash-color: rgb(172, 109, 255);
	brightness: 5;
}

.EventLogoContainer .TheInternationalScriptContainer .TheInternationalScriptShimmerContainer .TheInternationalScriptShimmer
{
	vertical-align: center;
	width: 100%;
	height: 100%;
	background-color: white;
	opacity-mask: url("s2r://panorama/images/events/international_2025/artwork/the_international_script.vsvg");
	animation-name: ShimmerScript;
	animation-duration: 7s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
	-s2-mix-blend-mode: screen;
}

.EventLogoContainer .TheInternationalText
{
	horizontal-align: center;
	max-width: 500px;
	height: 60px;
	margin-top: 36px;
	margin-bottom: -4px;
	font-family: titleFont;
	color: gradient( linear, 0% 30%, 0% 130%, from( white ), to( #C297C8 ) );
	text-shadow: 0px 2px 12px rgba(0, 0, 0, 0.7);
	font-size: 84px;
	text-align: center;
	text-overflow: shrink;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-weight: semi-bold;
	visibility: collapse;
}

.Language_schinese .EventLogoContainer .TheInternationalScript,.Language_tchinese .EventLogoContainer .TheInternationalScript
{
	visibility: collapse;
}

.Language_schinese .EventLogoContainer .TheInternationalText,.Language_tchinese .EventLogoContainer .TheInternationalText
{
	visibility: visible;
}

.EventLogoContainer .StarsContainer
{
	horizontal-align: center;
	flow-children: right;
}

.EventLogoContainer .StarsContainer .StarIcon
{
	opacity-brush: gradient( linear, 0% 10%, 0% 90%, from( white ), to( #8A7AC9 ) );
	img-shadow: 0px 2px 12px rgba(209, 130, 255, 0.5);
	padding: 4px;
	width: 22px;
}

@keyframes 'ShimmerScript'
{
	0%
	{
		background-color: gradient( linear, -100% -100%, 0% 0%, from( #FFFFFF00 ), color-stop( 0.5, #FFFFFF ), to( #FFFFFF00 ) );
	}
	
	20%
	{
		background-color: gradient( linear, 50% 50%, 150% 150%, from( #FFFFFF00 ), color-stop( 0.5, #FFFFFF ), to( #FFFFFF00 ) );
	}
	
	40%
	{
		background-color: gradient( linear, 100% 100%, 200% 200%, from( #FFFFFF00 ), color-stop( 0.5, #FFFFFF ), to( #FFFFFF00 ) );
	}
	
	100%
	{
		background-color: gradient( linear, 100% 100%, 200% 200%, from( #FFFFFF00 ), color-stop( 0.5, #FFFFFF ), to( #FFFFFF00 ) );
	}
	
}

#VideoPlayer
{
	horizontal-align: center;
	flow-children: right;
	margin-top: 40px;
	width: 888px;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( rgba(3, 5, 35, 1) ), to( rgba(45, 11, 103, 0.9) ) );
	box-shadow: 0px 12px 64px -12px rgba(0, 0, 0, 0.6);
	visibility: collapse;
}

.ShowVideoPlayer #VideoPlayer
{
	visibility: visible;
}

.TournamentFinished #VideoPlayer
{
	visibility: collapse;
}

#VideoPlayer .VideoPlayerBorder
{
	width: 100%;
	height: 100%;
	ignore-parent-flow: true;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-brush: gradient( linear, 0% 0%, 0% 100%, from( #EFA1FF ), to( #c294ff ) );
	z-index: 1;
}

.EventLogoContainerSmall
{
	flow-children: down;
	vertical-align: center;
	width: fill-parent-flow(1);
	margin-top: -24px;
	visibility: collapse;
}

.ShowVideoPlayer .EventLogoContainerSmall
{
	visibility: visible;
}

.TournamentFinished .EventLogoContainerSmall
{
	visibility: collapse;
}

.EventLogoContainerSmall .AegisContainer
{
	width: 180px;
	height: width-percentage( 100% );
	horizontal-align: center;
	margin-bottom: -20px;
}

.EventLogoContainerSmall .AegisContainer .AegisGlow
{
	width: 100%;
	height: 100%;
	background-color: gradient( radial, 50% 50%, 0% 0%, 50% 50%, from( rgb(80, 82, 255) ), color-stop( 0.5, rgb(80, 82, 255) ), to( rgba(80, 83, 255, 0) ) );
	opacity: 0.1;
	transform: scale3d( 1.1, 1.1, 1 );
}

.EventLogoContainerSmall .AegisContainer .Aegis2025
{
	width: 100%;
	height: width-percentage( 100% );
	-s2-mix-blend-mode: screen;
}

.EventLogoContainerSmall .TheInternationalScript
{
	horizontal-align: center;
	width: 160px;
	img-shadow: 0px 4px 16px rgba(102, 59, 171, 0.5);
	opacity-brush: gradient( linear, 0% 50%, 0% 90%, from( white ), to( #C297C8 ) );
}

.EventLogoContainerSmall .AegisDash
{
	horizontal-align: center;
	width: 100%;
	margin: 16px 24px;
	height: 1px;
	background-color: gradient( linear, 0% 0%, 100% 0%, from( rgba(255, 255, 255, 0) ), color-stop( 0.5, white ), to( rgba(255, 255, 255, 0) ) );
	wash-color: rgb(220, 175, 255);
	opacity: 0.2;
}

.EventLogoContainerSmall .AegisLabelsSpacer
{
	height: 8px;
}

.EventLogoContainerSmall Label
{
	horizontal-align: center;
	text-align: center;
	color: #dfa8f4ea;
	text-shadow: textShadowSmall;
}

.EventLogoContainerSmall .EventStateTitle
{
	margin: 0px 8px;
	color: #DEA8F4;
	text-transform: uppercase;
	text-align: center;
	font-weight: semi-bold;
	color: white;
	text-shadow: 0px 0px 12px rgba(209, 130, 255, 0.4);
}

.EventLogoContainerSmall .EventStateDate
{
	font-weight: semi-bold;
}

.VideoPlayerContainer
{
	horizontal-align: right;
	width: height-percentage( 177.777% );
	height: 370px;
	background-color: rgb(2, 0, 32);
	background-color: gradient( linear, 0% 0%, 0% 100%, from( rgb(6, 2, 30) ), to( rgb(17, 9, 51) ) );
	margin: 8px;
	margin-left: 0px;
	border: 1px solid black;
}

.FootageContainer
{
	width: 100%;
	height: 100%;
	horizontal-align: center;
	background-color: rgb(11, 0, 28);
	visibility: collapse;
}

.WantsLiveVideo .FootageContainer
{
	visibility: visible;
}

.LiveContainer
{
	horizontal-align: center;
	height: 100%;
	width: height-percentage( 177.777% );
	visibility: collapse;
}

.LiveVideo_Active .LiveContainer
{
	visibility: visible;
}

.LiveContainer #LiveStream
{
	height: 100%;
	width: 100%;
}

.LiveContainer .OverlayPanel
{
	flow-children: right;
	padding: 8px;
	horizontal-align: right;
	opacity: 0.0;
	transition-property: opacity;
	transition-duration: 0.2s;
	visibility: collapse;
}

.LiveContainer .OverlayPanel .OverlayButton
{
	width: 32px;
	height: 32px;
	margin: 8px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	wash-color: #ccc;
	transition-property: wash-color;
	transition-duration: 0.2s;
}

.LiveContainer .OverlayPanel .OverlayButton:hover
{
	wash-color: white;
}

.LiveContainer .OverlayPanel .OverlayButton:active
{
	wash-color: #aaa;
}

.LiveContainer .OverlayPanel .OverlayButton.BrowserButton
{
	background-image: url("s2r://panorama/images/control_icons/arrow_popout_png.vtex");
}

.LiveContainer .OverlayPanel .OverlayButton.HideButton
{
	background-image: url("s2r://panorama/images/control_icons/x_close_filled_png.vtex");
}

.LiveContainer:hover .OverlayPanel
{
	opacity: 1.0;
	transform: none;
}

.NotLiveContainer
{
	horizontal-align: center;
	height: 100%;
	width: 100%;
	background-image: url("s2r://panorama/images/events/international_2025/stream_not_live_background_png.vtex");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	visibility: collapse;
}

.NotLiveContainer .NotLiveLabel
{
	horizontal-align: center;
	vertical-align: center;
	font-family: titleFont;
	text-shadow: textShadowMedium;
	color: rgba(222, 213, 255, 0.553);
}

.LiveVideo_NotActive .NotLiveContainer
{
	visibility: visible;
}

.LiveBlockedContainer
{
	height: 100%;
	width: 100%;
	flow-children: down;
	visibility: collapse;
}

.LiveVideo_SpoilerBlocked .LiveBlockedContainer
{
	visibility: visible;
}

.LiveBlockedContainer .LiveBlockedCenter
{
	vertical-align: middle;
	width: 100%;
	flow-children: down;
}

.LiveBlockedContainer .LiveBlockedCenter .LiveBlockedDay
{
	horizontal-align: center;
	text-align: center;
	ui-scale: 200%;
}

.LiveBlockedContainer .LiveBlockedCenter .ButtonPrimary
{
	horizontal-align: center;
	margin-top: 8px;
}

.LiveFeedCountdownContainer
{
	vertical-align: center;
	flow-children: down;
	width: 100%;
	visibility: collapse;
}

.LiveFeedCountdownContainer Label
{
	text-align: center;
	horizontal-align: center;
}

.LiveFeedCountdownContainer .CountdownText
{
	text-align: center;
	font-family: titleFont;
	font-size: 24px;
	margin-top: 8px;
	color: rgb(222, 213, 255);
	z-index: 2;
	text-shadow: textShadowMedium;
}

.ShowCountdown .LiveFeedCountdownContainer
{
	visibility: visible;
}

.CountdownActive .CountDownActiveText,.CountdownAfterEnd .CountDownCompleteText
{
	visibility: visible;
}

.CountdownAfterEnd .CountDownActiveText,.CountdownActive .CountDownCompleteText
{
	visibility: collapse;
}

.CellsContainer
{
	horizontal-align: center;
	vertical-align: bottom;
	width: 900px;
	flow-children: down;
	margin: 12px 12px 116px;
}

.AspectRatio21x9 .CellsContainer
{
	width: 100%;
}

.ParticipateSummaryLabel
{
	width: 100%;
	horizontal-align: center;
	text-align: center;
	margin: 3px;
	font-family: titleFont;
	font-size: 20px;
	color: rgb(222, 213, 255);
	text-shadow: 0px 2px 12px 1 rgb(11, 5, 24);
}

.TournamentFinished .ParticipateSummaryLabel
{
	visibility: collapse;
}

.SupportSummaryLabel
{
	width: 100%;
	horizontal-align: center;
	text-align: center;
	margin: 6px 0px 2px;
	font-size: 17px;
	font-family: titleFont;
	color: #D4C5F6;
	text-shadow: 0px 2px 12px 2 rgb(11, 5, 24);
}

.RevenueDistributionSummaryLabel
{
	width: 100%;
	horizontal-align: center;
	text-align: center;
	margin: 4px;
	font-size: 14px;
	color: #d4c5f6b3;
	text-shadow: textShadowMedium;
}

.TournamentFinished .RevenueDistributionSummaryLabel
{
	visibility: collapse;
}

.TopCellsContainer
{
	width: 100%;
	flow-children: right;
	box-shadow: 0px 8px 48px -12px rgba(0, 0, 0, 0.6);
}

.TournamentFinished .TopCellsContainer
{
	visibility: collapse;
}

.TopCell
{
	width: fill-parent-flow( 1 );
	height: 230px;
	background-color: gradient( linear, 0% 0%, 0% 90%, from( #953dc4 ), to( #2d1158 ) );
	margin: 6px;
	transition-property: brightness, background-color, transform;
	transition-duration: 0.1s, 0.15s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
}

.TopCell:hover
{
	background-color: gradient( linear, 0% 0%, 0% 90%, from( #ae4bd8 ), to( #351b6d ) );
	transform: scale3d( 1.025, 1.025, 1 );
}

.TopCell:hover .TopCellImage
{
	brightness: 1.5;
	transform: scale3d( 1.025, 1.025, 1 );
}

.TopCell:active
{
	transform: scale3d( 1.025, 1.025, 1 ) translateY( 1px );
	brightness: 0.7;
	sound: "ui_topmenu_activate";
}

.TopCell .CellStarMap
{
	width: 130%;
	height: width-percentage( 100% );
	horizontal-align: center;
	vertical-align: center;
	overflow: noclip;
	-s2-mix-blend-mode: screen;
	opacity: 0.3;
	margin-top: 80px;
	wash-color: rgb(152, 140, 255);
}

.TopCell .TopCellImage
{
	transition-property: transform, brightness;
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
}

.TopCell .TopCellInfo
{
	flow-children: down;
	margin: 12px;
	width: 100%;
}

.TopCell .TopCellInfo Label
{
	horizontal-align: center;
}

.TopCell .TopCellInfo .TopCellTitle
{
	color: whitesmoke;
	text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.6);
	font-weight: semi-bold;
	letter-spacing: 1px;
	font-size: 18px;
}

.TopCell .TopCellInfo .TopCellStage
{
	margin-top: -3px;
	color: #DEA8F4;
	text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.6);
}

.TopCell .TopCellBorder
{
	width: 100%;
	height: 100%;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-brush: gradient( linear, 0% 0%, 0% 80%, from( #ffffff ), to( #8f47c081 ) );
}

.TopCell .BottomCellButton
{
	width: 100%;
	vertical-align: bottom;
	flow-children: right;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #511e82 ), to( #311470 ) );
	border-top: 1px solid rgba(203, 125, 255, 0.5);
	border-brush: gradient( linear, 0% 0%, 100% 0%, from( rgba(255, 255, 255, 0.25) ), color-stop( 0.4, white ), color-stop( 0.6, white ), to( rgba(255, 255, 255, 0.25) ) );
}

.TopCell .BottomCellButton .BottomCellButtonGlow
{
	width: 100%;
	height: 100%;
	ignore-parent-flow: true;
	background-color: gradient( radial, 50% 0%, 0% 0%, 50% 100%, from( rgb(162, 80, 255) ), to( rgba(80, 83, 255, 0) ) );
	opacity: 0.3;
}

.TopCell .BottomCellButton Label
{
	margin: 8px 12px 12px;
	horizontal-align: center;
	color: gradient( linear, 0% 30%, 0% 100%, from( white ), color-stop( 0.5, gold1 ), to( gold2 ) );
	text-shadow: 0px 1px 8px black;
}

.TopCell .BottomCellButton Label b
{
	font-weight: semi-bold;
}

.TopCell .PredictionsCellImage
{
	width: 234px;
	horizontal-align: center;
	vertical-align: center;
}

#RewardsCell .RewardsCellImageContainer
{
	horizontal-align: center;
	vertical-align: center;
	flow-children: right;
	margin-bottom: 12px;
}

.AspectRatio21x9 #RewardsCell .RewardsCellImageContainer
{
	padding: 0px 20px;
}

#RewardsCell .RewardsCellImageContainer .RewardsCellImageGlow
{
	ignore-parent-flow: true;
	horizontal-align: center;
	vertical-align: center;
	height: 90%;
	width: height-percentage( 100% );
	background-color: gradient( radial, 50% 50%, 0% 0%, 50% 50%, from( rgba(211, 116, 255, 0.8) ), to( rgba(80, 83, 255, 0) ) );
	blur: gaussian(4px);
}

#RewardsCell .RewardsCellImageContainer .RewardImagesFX
{
	horizontal-align: center;
	vertical-align: center;
	width: height-percentage(100%);
	height: 150%;
	ignore-parent-flow: true;
	overflow: noclip;
	opacity-mask: url("s2r://panorama/images/masks/sun_burst_png.vtex");
	z-index: -5;
}

#RewardsCell .RewardsCellImageContainer #RewardImage1
{
	width: fill-parent-flow(1);
	margin-right: -15%;
	margin-left: -15%;
	margin-bottom: -10%;
	opacity: 0.9;
	wash-color: rgb(230, 213, 255);
	z-index: -2;
	animation-name: BobRewardImage;
	animation-duration: 3.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate-reverse;
}

#RewardsCell .RewardsCellImageContainer #RewardImage2
{
	width: fill-parent-flow(1);
	margin-right: -15%;
	margin-left: -5%;
	margin-bottom: -10%;
	opacity: 0.9;
	z-index: -1;
	animation-name: BobRewardImage;
	animation-duration: 2.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate-reverse;
}

#RewardsCell .RewardsCellImageContainer #RewardImage3
{
	z-index: 1;
	width: fill-parent-flow(1.2);
	animation-name: BobRewardImage;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate-reverse;
}

#RewardsCell .RewardsCellImageContainer #RewardImage4
{
	width: fill-parent-flow(1);
	margin-left: -15%;
	margin-right: -5%;
	margin-bottom: -10%;
	opacity: 0.9;
	z-index: -1;
	animation-name: BobRewardImage;
	animation-duration: 2.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate-reverse;
}

#RewardsCell .RewardsCellImageContainer #RewardImage5
{
	width: fill-parent-flow(1);
	margin-left: -15%;
	margin-right: -15%;
	margin-bottom: -10%;
	opacity: 0.9;
	wash-color: rgb(230, 213, 255);
	z-index: -2;
	animation-name: BobRewardImage;
	animation-duration: 3.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate-reverse;
}

#FantasyCell .FantasyCellPlayersContainer
{
	horizontal-align: right;
	vertical-align: bottom;
	flow-children: right;
	width: 100%;
	margin-bottom: 40px;
}

#FantasyCell .FantasyCellPlayersContainer .FantasyCellPlayersGlow
{
	ignore-parent-flow: true;
	horizontal-align: center;
	height: 100%;
	width: height-percentage( 100% );
	background-color: gradient( radial, 50% 100%, 0% 0%, 50% 100%, from( rgba(211, 116, 255, 0.8) ), to( rgba(80, 83, 255, 0) ) );
	blur: gaussian(4px);
}

#FantasyCell .FantasyCellPlayersContainer .FantasyPlayerImage
{
	vertical-align: bottom;
}

#FantasyCell .FantasyCellPlayersContainer #FantasyPlayerLeft
{
	width: fill-parent-flow(1);
	height: width-percentage( 95% );
	margin-right: -20%;
	margin-left: -6%;
	opacity: 0.9;
	wash-color: rgb(230, 213, 255);
	z-index: -1;
}

#FantasyCell .FantasyCellPlayersContainer #FantasyPlayerMiddle
{
	z-index: 1;
	width: fill-parent-flow(1.15);
	height: width-percentage( 95% );
	wash-color: rgba(230, 213, 255, 0.3);
}

#FantasyCell .FantasyCellPlayersContainer #FantasyPlayerRight
{
	width: fill-parent-flow(1);
	height: width-percentage( 95% );
	margin-left: -20%;
	margin-right: -6%;
	opacity: 0.9;
	wash-color: rgb(230, 213, 255);
	z-index: -1;
}

@keyframes 'BobRewardImage'
{
	0%
	{
		transform: translateY( -2px );
	}
	
	100%
	{
		transform: translateY( 2px );
	}
	
}

.BottomCellsContainer
{
	horizontal-align: center;
	width: 100%;
	max-width: 880px;
	margin: 0px 36px;
	flow-children: right;
	box-shadow: 0px 8px 48px -12px rgba(0, 0, 0, 0.6);
}

.TournamentFinished .BottomCellsContainer
{
	visibility: collapse;
}

.BottomCell
{
	width: fill-parent-flow( 1 );
	height: 120px;
	background-color: gradient( linear, 0% 0%, 100% 100%, from( #070926 ), to( #0C104A ) );
	margin: 6px;
	transition-property: brightness, background-color, transform;
	transition-duration: 0.1s, 0.15s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
}

.BottomCell:hover
{
	background-color: gradient( linear, 0% 0%, 100% 100%, from( #080b31 ), to( #111665 ) );
	transform: scale3d( 1.025, 1.025, 1 );
}

.BottomCell:hover .BottomCellImage
{
	brightness: 1.5;
	transform: scale3d( 1.025, 1.025, 1 );
}

.BottomCell:active
{
	transform: scale3d( 1.025, 1.025, 1 ) translateY( 1px );
	brightness: 0.7;
	sound: "ui_topmenu_activate";
}

.BottomCell .BottomCellImage
{
	transition-property: transform, brightness;
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
	transform: scale3d( 0.99, 0.99, 1 );
	height: 100%;
	horizontal-align: right;
	margin-right: -8%;
}

.BottomCell .CellStarMap
{
	height: 300%;
	width: height-percentage( 100% );
	horizontal-align: right;
	vertical-align: center;
	overflow: noclip;
	-s2-mix-blend-mode: screen;
	opacity: 0.1;
	margin-top: 70%;
	margin-right: -21%;
	wash-color: rgb(152, 140, 255);
}

.BottomCell .BottomCellBorder
{
	width: 100%;
	height: 100%;
	border: 1px solid rgba(255, 255, 255, 0.7);
	border-brush: gradient( linear, 0% 0%, 0% 100%, from( #EFA1FF ), to( #9365cf22 ) );
}

.BottomCell .BottomCellInfo
{
	width: 100%;
	flow-children: down;
	vertical-align: center;
	margin-left: 24px;
}

.BottomCell .BottomCellInfo Label
{
	text-shadow: 0px 1px 8px black;
}

.BottomCell .BottomCellInfo Label b
{
	font-weight: semi-bold;
}

.BottomCell .BottomCellInfo .BottomCellTitle
{
	color: whitesmoke;
	font-weight: semi-bold;
	text-shadow: 0px 0px 12px rgba(128, 93, 255, 0.6);
	margin-bottom: 2px;
}

.PredictionStage
{
	visibility: collapse;
}

.HasValidPredictionState .PredictionStage
{
	visibility: visible;
}

#EventChampionsContainer
{
	horizontal-align: center;
	width: 800px;
	flow-children: down;
	padding-bottom: 24px;
	visibility: collapse;
}

.TournamentFinished #EventChampionsContainer
{
	visibility: visible;
}

#EventChampionsContainer .EventLogoContainer
{
	horizontal-align: center;
	ui-scale: 80%;
	margin: -12px 0px 8px;
	transition-property: transform, brightness;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
}

#EventChampionsContainer .EventLogoContainer:hover
{
	transform: scale3d(1.03, 1.03, 1);
	brightness: 1.5;
}

#EventChampionsContainer .ChampionsTitle
{
	horizontal-align: center;
	text-align: center;
	font-family: titleFont;
	font-size: 40px;
	color: white;
	text-shadow: 0px 0px 12px rgba(209, 124, 255, 0.3);
	width: 100%;
	height: 58px;
	text-overflow: shrink;
}

#EventChampionsContainer .ChampionsDescription
{
	horizontal-align: center;
	width: 640px;
	text-align: center;
	font-family: titleFont;
	font-size: 20px;
	color: #c7cdff;
	text-shadow: 0px 2px 12px rgba(0, 0, 0, 1);
	height: 58px;
	text-overflow: shrink;
}

#EventChampionsContainer .YourPerformanceLabel
{
	font-weight: semi-bold;
	horizontal-align: center;
	color: whitesmoke;
	font-weight: semi-bold;
	text-shadow: 0px 0px 12px rgba(128, 93, 255, 0.6);
	margin-top: 16px;
}

#EventChampionsContainer .EventActionsContainer
{
	flow-children: right;
	horizontal-align: center;
}

#EventChampionsContainer .ClaimRewardsFX
{
	width: 220%;
	height: 150%;
	ignore-parent-flow: true;
	overflow: noclip;
	opacity-mask: url("s2r://panorama/images/masks/sun_burst_png.vtex");
	horizontal-align: center;
	vertical-align: center;
	visibility: collapse;
}

.HasUnclaimedRewards #EventChampionsContainer .ClaimRewardsFX
{
	visibility: visible;
}

#EventChampionsContainer #ClaimRewardsButton
{
	horizontal-align: center;
	margin: 4px 8px;
	visibility: collapse;
}

.HasUnclaimedRewards #EventChampionsContainer #ClaimRewardsButton
{
	visibility: visible;
	animation-name: GlowPrimaryButton;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate-reverse;
}

#EventChampionsContainer #ViewEventButton
{
	horizontal-align: center;
	margin: 4px 8px;
	visibility: visible;
}

.HasUnclaimedRewards #EventChampionsContainer #ViewEventButton
{
	visibility: collapse;
}

.PlayerInfoContainer
{
	margin: 8px 0px 12px;
	width: 80%;
	horizontal-align: center;
	border: 1px solid rgba(207, 173, 255, 0.5);
	border-brush: gradient( linear, 0% 0%, 100% 0%, from( rgba(255, 255, 255, 0) ), color-stop( 0.3, white ), color-stop( 0.7, white ), to( rgba(255, 255, 255, 0) ) );
	background-color: gradient( linear, 0% 0%, 100% 0%, from( rgba(255, 255, 255, 0) ), color-stop( 0.3, #0405467d ), color-stop( 0.7, #0405467d ), to( rgba(255, 255, 255, 0) ) );
}

.PlayerInfoContainer .PlayerInfoContents
{
	horizontal-align: center;
	flow-children: right;
}

.PlayerInfoContainer .PlayerInfoBlock
{
	flow-children: down;
	width: fill-parent-flow(1);
	width: 170px;
	padding: 8px 0px;
}

.PlayerInfoContainer .PlayerInfoBlock .PlayerInfoValue
{
	horizontal-align: center;
	margin: -2px;
	color: whitesmoke;
	font-size: 20px;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
	letter-spacing: 0px;
}

.PlayerInfoContainer .PlayerInfoBlock .PlayerInfoLabel
{
	horizontal-align: center;
	color: #cacef4;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
	margin-bottom: 2px;
}

.PlayerInfoContainer .PlayerInfoBlock:hover .InfoIcon
{
	wash-color: none;
	opacity: 1;
}

.PlayerInfoContainer .TotalPointsBlock
{
	flow-children: right;
	horizontal-align: center;
}

.PlayerInfoContainer .TotalPointsBlock .InfoIcon
{
	wash-color: rgb(189, 175, 224);
	width: 16px;
	opacity: 0.8;
	margin-left: 7px;
}

.PlayerInfoContainer .VerticalDivider
{
	height: 100%;
	background-color: rgba(207, 173, 255, 0.3);
}

@define slideshowFrameDuration: 20s;
.ChampionsImageSequenceContainer
{
	horizontal-align: center;
	width: 100%;
	max-width: 2400px;
	height: 100%;
	wash-color: rgb(147, 141, 202);
	opacity-brush: gradient( radial, 50% 0%, 0% 0%, 50% 100%, from( white ), color-stop( 0.5, rgba(255, 255, 255, 0.6) ), to( rgba(255, 255, 255, 0) ) );
	transition-property: opacity;
	transition-duration: 0.3s;
	opacity: 0;
	visibility: collapse;
}

.TournamentFinished .ChampionsImageSequenceContainer
{
	visibility: visible;
}

.OnHomePage .ChampionsImageSequenceContainer
{
	opacity: 1;
}

.ChampionsImageSequenceContainer .ChampionPhoto1,.ChampionsImageSequenceContainer .ChampionPhoto2,.ChampionsImageSequenceContainer .ChampionPhoto3
{
	width: 100%;
	height: 100%;
	opacity: 0;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.ChampionsImageSequenceContainer .ChampionPhoto1
{
	animation-name: RevealChampionPhoto1;
	animation-duration: slideshowFrameDuration;
}

.ChampionsImageSequenceContainer .ChampionPhoto2
{
	animation-name: RevealChampionPhoto2;
	animation-duration: slideshowFrameDuration;
}

.ChampionsImageSequenceContainer .ChampionPhoto3
{
	animation-name: RevealChampionPhoto3;
	animation-duration: slideshowFrameDuration;
}

@keyframes 'RevealChampionPhoto1'
{
	0%
	{
		transform: none;
		opacity: 0;
	}
	
	8%
	{
		opacity: 1;
	}
	
	30%
	{
		opacity: 1;
	}
	
	38%
	{
		transform: scale3d( 1.05, 1.05, 1 );
		opacity: 0;
	}
	
}

@keyframes 'RevealChampionPhoto2'
{
	30%
	{
		transform: none;
		opacity: 0;
	}
	
	38%
	{
		opacity: 1;
	}
	
	60%
	{
		opacity: 1;
	}
	
	68%
	{
		transform: scale3d( 1.05, 1.05, 1 );
		opacity: 0;
	}
	
}

@keyframes 'RevealChampionPhoto3'
{
	60%
	{
		transform: none;
		opacity: 0;
	}
	
	68%
	{
		opacity: 1;
	}
	
	90%
	{
		opacity: 1;
	}
	
	100%
	{
		transform: scale3d( 1.05, 1.05, 1 );
		opacity: 0;
	}
	
}

.TournamentFinishedCellsContainer
{
	horizontal-align: center;
	width: 100%;
	max-width: 880px;
	margin: 0px 36px 8px;
	flow-children: right;
	box-shadow: 0px 8px 48px -12px rgba(0, 0, 0, 0.6);
	visibility: collapse;
}

.TournamentFinished .TournamentFinishedCellsContainer
{
	visibility: visible;
}

.TournamentFinishedCell
{
	width: fill-parent-flow( 1 );
	height: 200px;
	background-color: gradient( linear, 0% 0%, 100% 100%, from( #070926 ), to( #0C104A ) );
	margin: 6px;
	transition-property: brightness, background-color, transform;
	transition-duration: 0.1s, 0.15s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
}

.TournamentFinishedCell:hover
{
	background-color: gradient( linear, 0% 0%, 100% 100%, from( #080b31 ), to( #111665 ) );
	transform: scale3d( 1.025, 1.025, 1 );
}

.TournamentFinishedCell:hover .BottomCellImage
{
	brightness: 1.5;
	transform: scale3d( 1.025, 1.025, 1 );
}

.TournamentFinishedCell:active
{
	transform: scale3d( 1.025, 1.025, 1 ) translateY( 1px );
	brightness: 0.7;
	sound: "ui_topmenu_activate";
}

.TournamentFinishedCell .BottomCellImage
{
	horizontal-align: center;
	margin: 0px;
	width: 110%;
	overflow: noclip;
	transition-property: transform, brightness;
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
	transform: scale3d( 0.99, 0.99, 1 );
}

.TournamentFinishedCell .CellStarMap
{
	height: 300%;
	width: height-percentage( 100% );
	horizontal-align: center;
	vertical-align: center;
	overflow: noclip;
	-s2-mix-blend-mode: screen;
	opacity: 0.05;
	margin: 0px;
	margin-top: 70%;
	wash-color: rgb(152, 140, 255);
}

.TournamentFinishedCell .BottomCellBorder
{
	width: 100%;
	height: 100%;
	border: 1px solid rgba(255, 255, 255, 0.7);
	border-brush: gradient( linear, 0% 0%, 0% 100%, from( #EFA1FF ), to( #9365cf22 ) );
}

.TournamentFinishedCell Label
{
	text-shadow: 0px 1px 8px black;
	text-align: center;
	horizontal-align: center;
}

.TournamentFinishedCell Label b
{
	font-weight: semi-bold;
}

.TournamentFinishedCell .BottomCellTitle
{
	color: whitesmoke;
	font-weight: semi-bold;
	text-shadow: 0px 0px 12px rgba(128, 93, 255, 0.6);
	margin-top: 12px;
}

.TournamentFinishedCell .GoldLabel
{
	vertical-align: bottom;
	margin-bottom: 12px;
}

.TournamentFinishedCell DOTAUIStickerCapsulePreview
{
	ui-scale: 72%;
	horizontal-align: center;
	vertical-align: center;
	margin-bottom: -8px;
}

.TournamentFinishedCell .StickerFX
{
	horizontal-align: center;
	vertical-align: center;
	width: 140%;
	height: 140%;
	overflow: noclip;
	hue-rotation: 220deg;
	opacity-mask: url("s2r://panorama/images/masks/sun_burst_png.vtex");
	margin-top: 20px;
}

.TournamentFinishedCell .StarsFX
{
	horizontal-align: center;
	vertical-align: center;
	width: 100%;
	height: 100%;
}

#TeamsCell.TournamentFinishedCell .BottomCellImage
{
	width: 130%;
}