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

@define gold1: #FFE19C;
@define gold2: #9D8145;
@define ultraBrightColor: #def1f9;
@define accentColorBright: #d2e4ec;
@define accentColor: #6dd6f3;
@define defaultColor: #126a90;
@define shadeColor: #08507a;
@define darkColor: #042a40;
@define ultraDarkColor: #021520;
@define secondaryUltraBrightColor: #F4F2ED;
@define secondaryBrightColor: #7D7F80;
@define secondaryAccentColor: #616466;
@define secondaryDefaultColor: #41494C;
@define secondaryDarkColor: #242E33;
@define secondaryUltraDarkColor: #0E1619;
@define primaryColor1: #97FF62;
@define primaryColor2: #3EAC40;
@define primaryColor3: #226931;
@define primaryColor4: #04431A;
@define primaryColor5: #0D4721;
@define primaryColor6: #01201A;
@define primaryColor7: #001A0E;
@define secondaryColor1: #EADAC0;
@define secondaryColor2: #CBB593;
@define secondaryColor3: #948A76;
@define secondaryColor4: #4E4B44;
@define primaryGradient1_vertical: gradient( linear, 0% 0%, 0% 100%, from( primaryColor2 ), to( primaryColor3 ) );
@define secondaryGradient1_vertical: gradient( linear, 0% 0%, 0% 100%, from( secondaryColor1 ), color-stop( 0.5, secondaryColor2 ), to( secondaryColor3 ) );
@define primaryGradient1_verticalInverted: gradient( linear, 0% 0%, 0% 100%, from( primaryColor3 ), to( primaryColor2 ) );
@define secondaryGradient1_verticalInverted: gradient( linear, 0% 0%, 0% 100%, from( secondaryColor3 ), color-stop( 0.5, secondaryColor2 ), to( secondaryColor2 ) );
@define shadowMedium: 0px 8px 24px -4px rgba(0, 0, 0, 0.5);
@define textShadowSmall: 0px 2px 4px rgba(0, 0, 0, 0.5);
@define textShadowMedium: 0px 3px 8px rgba(0, 0, 0, 0.5);
@define defaultGradient: gradient( linear, 0% 0%, 0% 100%, from( darkColor ), to( ultraDarkColor ) );
@define secondaryGradient: gradient( linear, 0% 0%, 0% 100%, from( secondaryDarkColor ), to( secondaryUltraDarkColor ) );
@define highlightGradient: gradient( linear, 0% 100%, 0% 0%, from( #bdc6ee ), to( #fcabff) );
@define textUltraBrightColor: ultraBrightColor;
@define textAccentColorBright: accentColorBright;
@define textAccentColor: accentColor;
@define textDefaultColor: secondaryBrightColor;
@define textShadeColor: shadeColor;
@define textDarkColor: darkColor;
@define textUltraDarkColor: ultraDarkColor;
@define textSecondaryUltraBrightColor: secondaryUltraBrightColor;
@define textSecondaryBrightColor: secondaryBrightColor;
@define textSecondaryAccentColor: secondaryAccentColor;
@define textSecondaryDefaultColor: secondaryDefaultColor;
@define textSecondaryDarkColor: secondaryDarkColor;
@define textSecondaryUltraDarkColor: secondaryUltraDarkColor;
@define BRD: 1px solid darkColor;
@define bp_wagerTokenColor: accentColor;
@define XPCircleGradient: gradient( linear, 0% 0%, 0% 100%, from( ultraDarkColor ), to( darkColor ) );
@define XPCircleBorder: 1px solid accentColor;
@define XPRequiredHeroCircleGradient: gradient( linear, 0% 0%, 0% 100%, from( darkColor ), to( defaultColor ) );
@define XPRequiredHeroCircleBorder: 1px solid accentColor;
@define bp_battleLevelColor: accentColorBright;
@define bp_logo_small: url("s2r://panorama/images/badges/international_2024_compendium_badge_2_png.vtex");
@define bp_single_point: url("s2r://panorama/images/compendium/international2020/single_point_psd.vtex");
@define bp_single_point_selected: url("s2r://panorama/images/compendium/international2020/single_point_selected_psd.vtex");
@define bp_activequestring_small: url("s2r://panorama/images/compendium/international2020/activequestring_small_psd.vtex");
@define bp_activequestring_endscreen: url("s2r://panorama/images/compendium/international2020/activequestring_endscreen_psd.vtex");
@define bp_shield_icon_endscreen: url("s2r://panorama/images/compendium/international2020/shield_icon_end_screen_psd.vtex");
@define bp_tip_button_points: url("s2r://panorama/images/compendium/international2020/tip_button_points_psd.vtex");
@define bp_tip_button_points_hover: url("s2r://panorama/images/compendium/international2020/tip_button_points_hover_psd.vtex");
@define bp_total_tokens: url("s2r://panorama/images/compendium/international2020/totaltokens_psd.vtex");
@define bp_total_points: url("s2r://panorama/images/compendium/international2020/totalpoints_psd.vtex");
@define bp_bounty_icon: url("s2r://panorama/images/compendium/international2020/icon_bounty_crosshair_png.vtex");
@define bp_bounty_shadow_icon: url("s2r://panorama/images/compendium/international2020/icon_bounty_crosshair_shadow_png.vtex");
@define bp_cavern_crawl_logo: url("s2r://panorama/images/cavern/icon_logo_ti2022_png.vtex");
@define bp_cavern_crawl_challenge: url("s2r://panorama/images/cavern/icon_challenge_available_ti2022_png.vtex");
@define bp_cavern_crawl_challenge_2: url("s2r://panorama/images/cavern/icon_challenge_available_ti2022_2_png.vtex");
@define bp_cavern_crawl_challenge_wounded: url("s2r://panorama/images/cavern/icon_challenge_wounded_ti2022_png.vtex");
@define bp_cavern_crawl_challenge_2_wounded: url("s2r://panorama/images/cavern/icon_challenge_wounded_ti2022_2_png.vtex");
@define bp_cavern_crawl_hero_filter: url("s2r://panorama/images/control_icons/filter_cavern_2022_png.vtex");
@define bp_quest_rank_empty: url("s2r://panorama/images/status_icons/3star_empty_psd.vtex");
@define bp_quest_rank_1: url("s2r://panorama/images/status_icons/3star_1_psd.vtex");
@define bp_quest_rank_2: url("s2r://panorama/images/status_icons/3star_2_psd.vtex");
@define bp_quest_rank_3: url("s2r://panorama/images/status_icons/3star_3_psd.vtex");
@define bp_quest_tabletop: url("s2r://panorama/images/compendium/international2020/tabletop_psd.vtex");
@define bp_quest_scroll_left_texture: url("s2r://panorama/images/compendium/international2020/scroll_left_texture_psd.vtex");
@define bp_quest_scroll_texture: url("s2r://panorama/images/compendium/international2020/scroll_texture_psd.vtex");
@define bp_profile_tooltip_max: url("s2r://panorama/images/compendium/international2020/profiletooltip_max_psd.vtex");
@define bp_platinum_backer: url("s2r://panorama/images/compendium/international2020/platinum_backer_psd.vtex");
@define bp_avatar_border_default: url("s2r://panorama/images/compendium/international2020/avatarborder_default_psd.vtex");
@define bp_avatar_border_max: url("s2r://panorama/images/compendium/international2020/avatarborder_max_psd.vtex");
@define bp_point_log_tip_received: url("s2r://panorama/images/compendium/international2020/logicon_gottip_psd.vtex");
@define bp_point_log_tip_given: url("s2r://panorama/images/compendium/international2020/logicon_gavetip_psd.vtex");
@define bp_point_log_pass_activated: url("s2r://panorama/images/compendium/international2020/logicon_activate_psd.vtex");
@define bp_point_log_wager_won: url("s2r://panorama/images/compendium/international2020/logicon_wonwager_psd.vtex");
@define bp_point_log_prediction_correct: url("s2r://panorama/images/compendium/international2020/logicon_prediction_psd.vtex");
@define bp_point_log_recycled_item: url("s2r://panorama/images/compendium/international2020/logicon_recycle_psd.vtex");
@define bp_point_log_achievement: url("s2r://panorama/images/compendium/international2020/logicon_achievement_psd.vtex");
@define bp_point_log_wheel_reward: url("s2r://panorama/images/compendium/international2020/logicon_spinwheel_psd.vtex");
@define bp_point_log_community_goal: url("s2r://panorama/images/compendium/international2020/logicon_community_goal_psd.vtex");
@define bp_point_log_quest_complete: url("s2r://panorama/images/compendium/international2020/logicon_questcomplete_psd.vtex");
@define bp_point_log_points_consumed: url("s2r://panorama/images/compendium/international2020/totalpoints_psd.vtex");
@define bp_point_log_won_battlecup: url("s2r://panorama/images/weekend_tourney/battlecup_icon_psd.vtex");
@define bp_point_log_prediction_tokens: url("s2r://panorama/images/compendium/international2020/prediction_tokens_psd.vtex");
@define bp_point_log_event_game: url("s2r://panorama/images/compendium/international2020/aghanim_icon_psd.vtex");
@define bp_point_log_shovel: url("s2r://panorama/images/compendium/international2020/shovel_icon_psd.vtex");
@define bp_rewardsList_LevelContainer_background_color: gradient( linear, 0% 0%, 0% 100%, from( darkColor ), to( #000000FF ) );
@define bp_rewardsList_LevelContainer_StatSub_silverTier_Label_color: ultraDarkColor;
@define bp_rewardsList_pointLog_silverTier_Label_color: #e9faff;
@define bp_rewardsList_LevelContainer_LevelLabel_PrizePoolNumber_silverTier_color: defaultColor;
@define bp_rewardsList_LevelContainer_LevelLabel_PrizePoolNumber_silverTier_text_shadow: 1px 1px 6px 5 #000000;
@define bp_rewardsList_LevelContainer_LevelCircle_silverTier_Label_color: defaultColor;
@define bp_rewardsList_LevelContainer_LevelCircle_Label_silverTier_wash_color: accentColorBright;
@define bp_rewardsList_LevelContainer_StatSub_goldTier_Label_color: #A5744A;
@define bp_rewardsList_pointLog_goldTier_Label_color: #FFFFE9;
@define bp_rewardsList_LevelContainer_LevelCircle_Label_goldTier_wash_color: #F9BE2D;
@define bp_rewardsList_LevelContainer_StatSub_platinumTier_Label_color: secondaryBrightColor;
@define bp_rewardsList_pointLog_platinumTier_Label_color: #e9faff;
@define bp_rewardsList_LevelContainer_LevelCircle_Label_platinumTier_wash_color: shadeColor;
@define bp_LevelCircle_wash_color: accentColor;
@define chatWheelCategoryIcon: url("s2r://panorama/images/badges/international_2020_battle_pass_badge_3_png.vtex");
@define battlecup_current_season_icon: url("s2r://panorama/images/icon_trophy_battle_cup_summer_psd.vtex");
@define battlecup_current_season_champions_icon: url("s2r://panorama/images/icon_trophy_champions_cup_psd.vtex");
@define battlecup_current_season_champions_animation_icon: url("s2r://panorama/images/icon_trophy_champions_cup_animation_png.vtex");
@define bp_bracket_help_header_image: url("s2r://panorama/images/compendium/international2020/bracket_info_header_psd.vtex");
@define bp_bracket_help_footer_image: url("s2r://panorama/images/compendium/international2020/bracket_info_footer_psd.vtex");
@define pageMarginTop: 40px;
@define pageMarginLeft: 460px;
@define secondaryColor: accentColorBright;
@define secondaryLighterColor: #5DAFFF;
@define secondaryDarkerColor: #5DAFFF;
@define SlotWidth: 180px;
@define SlotWidth_16x10: 180px;
@define SlotWidth_21x9: 180px;
@define SlotHeight: 32px;
@define SlotLabelFontSize: 14px;
@keyframes 'PulseUnclaimed'
{
	0%
	{
		brightness: 1.5;
		box-shadow: fill accentColor&66 0px 0px 20px ;
	}
	
	50%
	{
		brightness: 1;
		box-shadow: fill accentColor&11 0px 0px 5px ;
	}
	
	100%
	{
		brightness: 1.5;
		box-shadow: fill accentColor&66 0px 0px 20px ;
	}
	
}

@keyframes 'GlowUnclaimedButton'
{
	0%
	{
		brightness: 1;
		box-shadow: 0px 0px 24px secondaryColor4&00;
	}
	
	100%
	{
		brightness: 2;
		box-shadow: 0px 0px 24px secondaryColor1&33;
	}
	
}

@keyframes 'GlowPrimaryButton'
{
	0%
	{
		box-shadow: 0px 0px 23px #E2A65222;
		brightness: 1;
	}
	
	100%
	{
		box-shadow: 0px 0px 32px #E2A65233;
		brightness: 1.5;
	}
	
}

@keyframes 'GlowUnclaimedRewardsBadge'
{
	0%
	{
		box-shadow: 0px 0px 16px secondaryColor1&06;
		brightness: 1;
	}
	
	100%
	{
		box-shadow: 0px 0px 24px secondaryColor1&22;
		brightness: 2;
	}
	
}

@keyframes 'PulseUnclaimedRewardsBadge'
{
	0%
	{
		brightness: 1;
	}
	
	100%
	{
		brightness: 1.8;
	}
	
}

#Dashboard:not(.International2025CompendiumPage) .SlantPanelEntry
{
	transform: translateX(-62px);
}

#Dashboard:not(.International2025CompendiumPage) #BattlePassTitleContainer
{
	transform: translateY(-62px) scale3d(.25, .25, 1);
	opacity: 0;
}

.BPSharedPageContainer,.BPSharedPageContainer.AsyncContainer
{
	width: 1420px;
	margin-left: 440px;
	flow-children: down;
}

.AspectRatio16x10 .BPSharedPageContainer,.AspectRatio16x10 .BPSharedPageContainer.AsyncContainer
{
	width: 1228px;
}

.AspectRatio21x9 .BPSharedPageContainer,.AspectRatio21x9 .BPSharedPageContainer.AsyncContainer
{
	width: 1600px;
	margin-left: 650px;
}

.BPSharedPageContainer .BPSharedHeaderContainer,.BPSharedPageContainer.AsyncContainer .BPSharedHeaderContainer
{
	width: 100%;
	padding: 40px 0px 20px;
	flow-children: down;
}

.BPSharedPageContainer .BPSharedHeaderContainer .BPTitle,.BPSharedPageContainer.AsyncContainer .BPSharedHeaderContainer .BPTitle
{
	z-index: 2;
	margin-bottom: 4px;
	text-transform: uppercase;
	font-family: titleFont;
	font-size: 36px;
	letter-spacing: 3px;
	color: white;
	text-shadow: 0px 0px 12px rgba(209, 124, 255, 0.3);
}

.BPSharedPageContainer .BPSharedHeaderContainer .BPPageDescription,.BPSharedPageContainer.AsyncContainer .BPSharedHeaderContainer .BPPageDescription
{
	font-family: titleFont;
	font-size: 20px;
	color: #bbbbe5;
	text-shadow: textShadowMedium;
	max-height: 88px;
	text-overflow: shrink;
	margin-right: 300px;
}

.AspectRatio16x10 .BPSharedPageContainer .BPSharedHeaderContainer .BPPageDescription,.AspectRatio16x10 .BPSharedPageContainer.AsyncContainer .BPSharedHeaderContainer .BPPageDescription
{
	margin-right: 270px;
}

.AvailablilityNote
{
	margin-top: 14px;
	color: #babddb9a;
	visibility: collapse;
}

.HasEndDate .AvailablilityNote
{
	visibility: visible;
}

.StageTabsContainer
{
	flow-children: right;
	padding: 3px 1px;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #070926, to( #0C104A ) );
	background-color: rgba(5, 5, 50, 0.97);
	box-shadow: 0px 0px 0px 1px rgba(241, 237, 255, 0.02);
	ignore-parent-flow: true;
	horizontal-align: center;
	vertical-align: center;
	overflow: noclip;
	border-radius: 3px;
}

.StageTab,.StageTabSimple,.ChallengeSelector
{
	overflow: noclip;
	transition-property: transform;
	transition-duration: 0.08s;
}

.StageTab .TabContents,.StageTabSimple .TabContents,.ChallengeSelector .TabContents
{
	border-radius: 3px;
	margin: 0px 2px;
	transition-property: background-color, border, transform, brightness;
	transition-duration: 0.1s;
}

.StageTab .TabBorder,.StageTabSimple .TabBorder,.ChallengeSelector .TabBorder
{
	ignore-parent-flow: true;
	width: 100%;
	height: 100%;
	border-radius: 2px;
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-brush: gradient( linear, 0% 0%, 0% 100%, from( white ), to( rgba(255, 255, 255, 0.3) ) );
	opacity: 0;
	transition-property: opacity;
	transition-duration: 0.1s;
}

.StageTab .RadioBox,.StageTabSimple .RadioBox,.ChallengeSelector .RadioBox
{
	visibility: collapse;
}

.StageTab.FixedWidth .TabContents,.StageTabSimple.FixedWidth .TabContents,.ChallengeSelector.FixedWidth .TabContents
{
	width: 280px;
}

.StageTab .StageTabLeft,.StageTabSimple .StageTabLeft,.ChallengeSelector .StageTabLeft
{
	flow-children: down;
	horizontal-align: center;
	margin: 6px;
}

.StageTab .StageTabLeft .StageName,.StageTabSimple .StageTabLeft .StageName,.ChallengeSelector .StageTabLeft .StageName
{
	margin-bottom: -1px;
	horizontal-align: center;
	font-size: 15px;
	text-shadow: textShadowMedium;
	text-transform: uppercase;
	letter-spacing: 1.1px;
	color: gradient( linear, 0% 0%, 0% 100%, from( white ), color-stop( 0.5, gold1 ), to( gold2 ) );
	text-align: center;
	transition-property: text-shadow, color;
	transition-duration: 0.1s;
}

.StageTab .StageTabLeft DOTACountdown,.StageTabSimple .StageTabLeft DOTACountdown,.ChallengeSelector .StageTabLeft DOTACountdown
{
	horizontal-align: center;
}

.StageTab .StageTabLeft .StageLock,.StageTabSimple .StageTabLeft .StageLock,.ChallengeSelector .StageTabLeft .StageLock
{
	font-size: 12px;
	color: #BABDDB;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-shadow: textShadowSmall;
	transition-property: text-shadow, color;
	transition-duration: 0.1s;
}

.StageTab .StageTabRight,.StageTabSimple .StageTabRight,.ChallengeSelector .StageTabRight
{
	flow-children: down;
	horizontal-align: right;
	vertical-align: middle;
	margin-top: 2px;
}

.StageTab .StageTabRight .StagePredict,.StageTabSimple .StageTabRight .StagePredict,.ChallengeSelector .StageTabRight .StagePredict
{
	text-align: right;
	horizontal-align: right;
	color: LightestGrey;
	text-shadow: textShadowSmall;
}

.StageTab .StageTabRight .StageReward,.StageTabSimple .StageTabRight .StageReward,.ChallengeSelector .StageTabRight .StageReward
{
	flow-children: right;
	horizontal-align: right;
}

.StageTab .StageTabRight .StageReward Label,.StageTabSimple .StageTabRight .StageReward Label,.ChallengeSelector .StageTabRight .StageReward Label
{
	color: gradient( linear, 0% 0%, 0% 100%, from( secondaryColor1 ), to( secondaryColor2 ) );
	font-weight: semi-bold;
}

.StageTab .StageTabRight .StageReward .PointsIcon,.StageTabSimple .StageTabRight .StageReward .PointsIcon,.ChallengeSelector .StageTabRight .StageReward .PointsIcon
{
	width: 20px;
	height: 20px;
	margin-right: 4px;
	background-image: url("s2r://panorama/images/compendium/international2022/totalpoints_psd.vtex");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	wash-color: secondaryColor2;
}

.StageTab.Locked,.StageTabSimple.Locked,.ChallengeSelector.Locked
{
	saturation: 0.2;
	opacity: 0.3;
}

.StageTab:hover .StageName,.StageTabSimple:hover .StageName,.ChallengeSelector:hover .StageName
{
	color: gradient( linear, 0% 0%, 0% 100%, from( white ), color-stop( 0.5, white ), to( white ) );
}

.StageTab:active,.StageTabSimple:active,.ChallengeSelector:active
{
	transform: translateY( 1px );
	sound: "ui_topmenu_swt";
}

.StageTab:selected .TabContents,.StageTab.VisibleChallenge .TabContents,.StageTabSimple:selected .TabContents,.StageTabSimple.VisibleChallenge .TabContents,.ChallengeSelector:selected .TabContents,.ChallengeSelector.VisibleChallenge .TabContents
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #462680 ), to( #1b1041 ) );
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5);
}

.StageTab:selected .TabBorder,.StageTab.VisibleChallenge .TabBorder,.StageTabSimple:selected .TabBorder,.StageTabSimple.VisibleChallenge .TabBorder,.ChallengeSelector:selected .TabBorder,.ChallengeSelector.VisibleChallenge .TabBorder
{
	opacity: 1;
}

.StageTab:selected .StagePredict,.StageTab.VisibleChallenge .StagePredict,.StageTabSimple:selected .StagePredict,.StageTabSimple.VisibleChallenge .StagePredict,.ChallengeSelector:selected .StagePredict,.ChallengeSelector.VisibleChallenge .StagePredict
{
	color: white;
}

.StageTab:selected .StageName,.StageTab.VisibleChallenge .StageName,.StageTabSimple:selected .StageName,.StageTabSimple.VisibleChallenge .StageName,.ChallengeSelector:selected .StageName,.ChallengeSelector.VisibleChallenge .StageName
{
	color: gradient( linear, 0% 0%, 0% 100%, from( white ), color-stop( 0.5, white ), to( white ) );
	text-shadow: 0px 0px 12px rgba(168, 98, 255, 0.4);
}

.StageTab.ActiveChallenge .TabContents,.StageTabSimple.ActiveChallenge .TabContents,.ChallengeSelector.ActiveChallenge .TabContents
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( secondaryColor1 ), color-stop( 0.4, secondaryColor2 ), color-stop( 0.6, secondaryColor3 ), to( secondaryColor2 ) );
	border-top: 1px solid secondaryColor1&99;
}

.StageTab.ActiveChallenge Label,.StageTabSimple.ActiveChallenge Label,.ChallengeSelector.ActiveChallenge Label
{
	color: white;
}

.StageTabSimple Label,.ChallengeSelector Label
{
	font-weight: semi-bold;
	text-shadow: textShadowSmall;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: LightestGrey;
	transition-property: text-shadow, color;
	transition-duration: 0.1s;
}

.StageTabSimple:hover Label,.ChallengeSelector:hover Label
{
	color: white;
}

.StageTabSimple:selected Label,.ChallengeSelector:selected Label
{
	color: white;
}

.StageTabSimple Label
{
	font-size: 18px;
}

.ChallengeSelector Label
{
	font-size: 18px;
}

.PerformanceWidgetContainer
{
	width: 100%;
	height: fit-children;
}

.PerformanceWidgetContainer .AsyncContainer
{
	height: fit-children;
}

.PerformanceWidgetContainer .AsyncContainer.AsyncFailureContainer,.PerformanceWidgetContainer .AsyncContainer.AsyncSuccesContainer
{
	margin: 20px;
}

.PerformanceWidget
{
	flow-children: right;
	width: 100%;
	margin: 8px;
	padding: 12px;
	background-color: gradient( radial, 50% 0%, 0% 0%, 50% 100%, from( rgba(18, 13, 46, 1) ), to( rgba(14, 14, 39, 0) ) );
	border: 1px solid rgba(180, 145, 255, 0.1);
	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) ) );
}

.PerformanceWidget Label
{
	text-shadow: 0px 2px 12px black;
}

.PerformanceWidget .PerformanceWidgetContent
{
	flow-children: right;
	horizontal-align: center;
}

.PerformanceWidget DOTAAvatarImage
{
	width: 32px;
	height: width-percentage( 100% );
	vertical-align: center;
	background-color: rgb(98, 101, 111);
	border-radius: 3px;
	box-shadow: 0px 3px 12px -1px rgba(0, 0, 0, 0.6);
	margin-right: 12px;
}

.PerformanceWidget .PerformanceTitle
{
	vertical-align: center;
	margin-right: 16px;
	font-size: 15px;
	color: whitesmoke;
	font-weight: semi-bold;
	letter-spacing: 1px;
}

.PerformanceWidget .PlayerInfoBlock
{
	flow-children: down;
	padding: 0px 10px;
	vertical-align: center;
}

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

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

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

.PerformanceWidget .TotalPointsBlock
{
	flow-children: right;
}

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

.PerformanceWidget .RewardsButton
{
	margin-left: 16px;
	vertical-align: center;
}

.PerformanceWidget .PerformanceNote
{
	vertical-align: center;
	width: 260px;
	font-size: 13px;
	line-height: 1.2;
	margin-left: 16px;
	color: #aca8e1;
}

#LockedPanel,.PeriodLocked
{
	height: fit-children;
	width: fit-children;
	vertical-align: center;
	horizontal-align: center;
	flow-children: down;
	margin-top: -120px;
}

#LockedPanel .LockedHeader,.PeriodLocked .LockedHeader
{
	horizontal-align: center;
	vertical-align: middle;
	text-transform: uppercase;
	font-family: titleFont;
	font-size: 36px;
	letter-spacing: 1px;
	color: white;
	text-shadow: 0px 0px 12px rgba(209, 124, 255, 1);
}

#LockedPanel .LockIconContainer,.PeriodLocked .LockIconContainer
{
	horizontal-align: center;
	margin-bottom: -16px;
	overflow: noclip;
}

#LockedPanel .LockIconContainer .LockBackground,.PeriodLocked .LockIconContainer .LockBackground
{
	width: 100px;
	height: 100px;
	horizontal-align: center;
	vertical-align: center;
	border: 1px solid white;
	border-radius: 50%;
	border-brush: gradient( linear, 0% 0%, 0% 100%, from( rgb(240, 193, 255) ), color-stop( 0.5, rgba(176, 86, 255, 0.377) ), to( rgba(174, 97, 242, 0) ) );
}

#LockedPanel .LockIconContainer .LockIcon,.PeriodLocked .LockIconContainer .LockIcon
{
	width: 24px;
	height: 24px;
	horizontal-align: center;
	vertical-align: center;
	wash-color: rgb(255, 255, 255);
	margin-top: -12px;
	img-shadow: 0px 0px 16px rgba(209, 124, 255, 0.3);
}

#LockedPanel .HeaderDetails,.PeriodLocked .HeaderDetails
{
	horizontal-align: center;
	color: #d5d5ff;
	text-shadow: 0px 0px 12px rgba(209, 124, 255, 0.3);
}

.SmokeFX
{
	width: 100%;
	height: 100%;
	horizontal-align: center;
	vertical-align: bottom;
	wash-color: rgb(73, 52, 123);
	margin-top: 400px;
	transition-property: opacity;
	transition-duration: 0.2s;
	opacity: 0;
}

.OnHomePage .SmokeFX
{
	opacity: 0.4;
	opacity-brush: gradient( linear, 0% 0%, 0% 85%, from( white ), color-stop( 0.6, white ), to( rgba(255, 255, 255, 1) ) );
}

.International2025CompendiumPage .SmokeFX
{
	opacity: 0.4;
}

AsyncDataPanel .AsyncContainer.AsyncFailureContainer,AsyncDataPanel .AsyncContainer.AsyncLoadingContainer
{
	width: fit-children;
	height: fit-children;
	horizontal-align: center;
}

AsyncDataPanel .AsyncContainer.AsyncFailureContainer Label,AsyncDataPanel .AsyncContainer.AsyncLoadingContainer Label
{
	horizontal-align: center;
}

.EventActivationContainer
{
	width: 100%;
	height: 100%;
	background-color: rgba(3, 2, 25, 0.92);
	visibility: collapse;
}

.EventActivationContainer .EventActivationContent
{
	vertical-align: center;
	horizontal-align: center;
	flow-children: down;
	padding: 16px 120px;
	margin-bottom: 40px;
	background-color: gradient( linear, 0% 0%, 100% 0%, from( rgba(18, 13, 46, 0) ), color-stop( 0.15, rgba(18, 13, 46, 0.95) ), color-stop( 0.5, rgb(31, 22, 72) ), color-stop( 0.85, rgba(18, 13, 46, 0.95) ), to( rgba(14, 14, 39, 0) ) );
	border: 1px solid rgba(213, 170, 255, 1);
	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) ) );
}

.EventActivationContainer .EventActivationContent Label
{
	horizontal-align: center;
}

.EventActivationContainer .EventActivationContent .ActivationSubTitle
{
	text-align: center;
	color: #dfa8f4;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-top: 8px;
	text-shadow: textShadowSmall;
	margin-bottom: 2px;
}

.EventActivationContainer .EventActivationContent .ActivationTitle
{
	font-size: 32px;
	font-family: titleFont;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: white;
	text-shadow: 0px 0px 48px rgba(209, 124, 255, 0.3);
}

.EventActivationContainer .EventActivationContent .ActivationDescription
{
	text-align: center;
	font-family: titleFont;
	color: #bbbbe5;
	text-shadow: 0px 2px 12px rgba(0, 0, 0, 0.6);
}

.EventActivationContainer .EventActivationContent #ActivateButton
{
	horizontal-align: center;
	margin: 16px;
	animation-name: GlowPrimaryButton;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-direction: alternate-reverse;
}

.AccountIneligible .EventActivationContainer
{
	visibility: visible;
}

.AccountIneligible .EventActivationContainer .IneligibleDescription
{
	visibility: visible;
}

.AccountIneligible .EventActivationContainer .ActivationSubTitle,.AccountIneligible .EventActivationContainer .ActivationDescription,.AccountIneligible .EventActivationContainer #ActivateButton
{
	visibility: collapse;
}

.IneligibleDescription
{
	visibility: visible;
}