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

#QuestWell HorizontalScrollBar
{
	width: 200px;
	height: 32px;
	border: 1px solid #244064;
	background-color: transparent;
	vertical-align: top;
	horizontal-align: right;
	margin-top: 16px;
	margin-right: 16px;
	padding: 4px;
	transform: rotateX(35deg);
}

#QuestWell HorizontalScrollBar .ScrollThumb
{
	background-color: bp_color8&55;
	border-top: 1px solid bp_color8;
	margin: 4px;
}

#UnclaimedButton
{
	margin-left: 20px;
	visibility: collapse;
}

.HasUnclaimedRewards #UnclaimedButton
{
	visibility: visible;
}

.HasUnclaimedRewards #GoToCurrentLevel
{
	visibility: collapse;
}

#RewardListUIContainer
{
	width: 1392px;
	height: 100%;
	horizontal-align: center;
	border-top: BRD;
}

#TopSection
{
	padding-bottom: 0px;
	width: 1392px;
	width: 100%;
	height: 360px;
	horizontal-align: center;
	vertical-align: bottom;
	z-index: 2;
}

#BottomSection
{
	width: 1392px;
	height: 380px;
	horizontal-align: center;
	z-index: 2;
	vertical-align: top;
	margin-top: 16px;
	flow-children: right;
}

#BottomRightSection
{
	width: 458px;
	width: fill-parent-flow(1.0);
	height: 100%;
	horizontal-align: right;
	flow-children: down;
	margin-left: 16px;
}

#CompendiumLevelContainer
{
	padding-top: 16px;
	background-color: #000000aa;
	width: 250px;
	height: 390px;
	z-index: 1;
	transition-property: height;
	transition-duration: .25s;
	border: BRD;
	horizontal-align: right;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #17374faa ), to( #111e2daa ) );
}

#GoToCurrentLevel
{
	box-shadow: fill #000e 6px 0px 12px ;
}

#GoToCurrentLevel Label
{
	color: textColoredMediumColor;
}

#GoToCurrentLevel:hover Label
{
	color: textColoredBrightColor;
}

.SelfEventNotActive.GlobalEventPurchasable #CompendiumLevelContainer
{
	background-color: gradient( linear, 100% 90%, 0% 0%, from( #2a4614 ), to( #12230d ) );
	background-color: gradient( linear, 100% 90%, 0% 0%, from( #17374f ), to( #111e2d ) );
	background-color: gradient( linear, 100% 90%, 0% 0%, from( bp_color1 ), to( bp_color2 ) );
}

.SelfEventNotActive.GlobalEventPurchasable #CompendiumLevelContainer .ButtonBattlePass:enabled
{
	background-color: accentColor;
	box-shadow: black 3px 0px 6px ;
}

.SelfEventNotActive.GlobalEventPurchasable #CompendiumLevelContainer .ButtonBattlePass:enabled Label
{
	color: black;
	font-weight: bold;
	font-size: 18px;
}

.SelfEventNotActive.GlobalEventPurchasable #CompendiumLevelContainer .ButtonBattlePass:enabled:hover
{
	brightness: 2;
}

.SelfEventNeedsActivate #CompendiumLevelContainer
{
	background-color: #000000aa;
}

.SelfEventNeedsActivate #CompendiumLevelContainer .ButtonBattlePass
{
	background-color: accentColor;
	box-shadow: black 3px 0px 6px ;
}

.SelfEventNeedsActivate #CompendiumLevelContainer .ButtonBattlePass Label
{
	color: black;
	font-weight: bold;
	font-size: 22px;
}

.SelfEventNeedsActivate #CompendiumLevelContainer .ButtonBattlePass:hover
{
	brightness: 2;
}

.SelfEventTierSilver #CompendiumLevelContainer
{
	background-image: url("s2r://panorama/images/compendium/spring2016/home_block_backgrounds/silver_panel_psd.vtex");
	background-size: 100%;
	border: BRD;
}

.SelfEventTierSilver #CompendiumLevelContainer .StatSub,.SelfEventTierSilver #CompendiumLevelContainer .StatSub Label
{
	color: #26100E;
	color: #192218;
	font-weight: bold;
	color: #181e22;
	color: bp_color3;
}

.SelfEventTierSilver #BattlePassPointLog Label:hover
{
	color: #ffffffdd;
}

.SelfEventTierPlatinum #CompendiumLevelContainer #LevelLabel,.SelfEventTierGold #CompendiumLevelContainer #LevelLabel,.SelfEventTierSilver #CompendiumLevelContainer #LevelLabel,.SelfEventTierPlatinum #PrizePoolNumber,.SelfEventTierGold #PrizePoolNumber,.SelfEventTierSilver #PrizePoolNumber
{
	text-shadow: 1px 1px 6px 5 #000000;
	color: #ED5649;
	color: #9aed49;
	color: #49a9ed;
	color: bp_battlePassLogoColor;
}

.SelfEventTierPlatinum #CompendiumLevelContainer #LevelCircle,.SelfEventTierGold #CompendiumLevelContainer #LevelCircle,.SelfEventTierSilver #CompendiumLevelContainer #LevelCircle
{
	background-image: none;
	wash-color: none;
}

.SelfEventTierPlatinum #CompendiumLevelContainer #LevelCircle Label,.SelfEventTierGold #CompendiumLevelContainer #LevelCircle Label,.SelfEventTierSilver #CompendiumLevelContainer #LevelCircle Label
{
	color: #ED5649;
	color: #9aed49;
	text-shadow: 1px 1px 6px 5 #000000;
	color: #49a9ed;
	color: bp_battlePassLogoColor;
}

.SelfEventTierSilver #TierGlow
{
	wash-color: #B9AEAB;
	wash-color: bp_color4;
}

.SelfEventTierGold #CompendiumLevelContainer
{
	background-image: url("s2r://panorama/images/compendium/spring2016/home_block_backgrounds/gold_panel_psd.vtex");
	background-size: 100%;
	border: BRD;
}

.SelfEventTierGold #CompendiumLevelContainer .StatSub,.SelfEventTierGold #CompendiumLevelContainer .StatSub Label
{
	color: #A5744A;
}

.SelfEventTierGold #BattlePassPointLog Label:hover
{
	color: #FFFFFFdd;
}

.SelfEventTierGold #TierGlow
{
	wash-color: #F9BE2D;
}

.SelfEventTierPlatinum #CompendiumLevelContainer
{
	background-image: url("s2r://panorama/images/compendium/international2017/max_panel_psd.vtex");
	background-size: 100%;
	border: 1px solid #00000000;
	box-shadow: #06262c 0px 0px 6px 0px ;
}

.SelfEventTierPlatinum #CompendiumLevelContainer .StatSub,.SelfEventTierPlatinum #CompendiumLevelContainer .StatSub Label
{
	color: #84292D;
	color: #298449;
	color: #295f84;
	color: backgroundBrightColor;
}

.SelfEventTierPlatinum #BattlePassPointLog Label:hover
{
	color: #FFFFFFdd;
}

.SelfEventTierPlatinum #TierGlow
{
	wash-color: #22536B;
	wash-color: bp_color5;
}

#CompendiumLevelContainer.ExpandLeaderBoard
{
	height: 353px;
}

#LevelWageringWell
{
	height: 50%;
	width: 100%;
}

#LeaderboardWell
{
	height: 100%;
	overflow: clip;
	border: BRD;
	width: 354px;
	margin-left: 16px;
}

#LeaderboardPanel
{
	width: 100%;
	height: 100%;
	background-color: #000000aa;
	opacity: 1;
	padding-top: 6px;
}

#PointsLeaderList
{
	width: 100%;
	height: 100%;
	background-color: black;
	overflow: clip scroll;
	padding: 16px;
	opacity-mask: url("s2r://panorama/images/masks/softedge_vertical_vscroll_psd.vtex") 1.0;
	transition-property: height, wash-color;
	transition-duration: .25s;
}

.ExpandLeaderBoard #PointsLeaderList
{
	height: 203px;
	wash-color: white;
}

#LevelLabel
{
	text-transform: uppercase;
	letter-spacing: 2px;
	color: accentColor;
	font-size: 28px;
	letter-spacing: 1px;
	vertical-align: center;
}

#LevelCircle
{
	margin-left: 10px;
	width: 64px;
	height: 64px;
	vertical-align: center;
	wash-color: accentColor;
	wash-color: #76d232;
	wash-color: #61bef0;
	wash-color: accentColor;
	background-image: url("s2r://panorama/images/compendium/shield_icon_psd.vtex");
	background-size: cover;
}

#LevelWell
{
	horizontal-align: center;
	margin-bottom: 16px;
}

#LevelWell > Panel
{
	horizontal-align: center;
}

#LevelNumber
{
	color: white;
	vertical-align: center;
	horizontal-align: center;
	margin-top: 2px;
	font-size: 36px;
	text-overflow: shrink;
	text-align: center;
	width: 42px;
	margin-left: 0px;
}

#TilNextLevel
{
	width: 100%;
	height: 16px;
	border: BRD;
	margin-bottom: 6px;
	padding: 3px;
	box-shadow: inset #17531a -3px 0px 6px ;
	box-shadow: inset #173353 -3px 0px 6px ;
	box-shadow: inset bp_color6 -3px 0px 6px ;
}

.ProgressBarLeft
{
	box-shadow: inset accentColorGlow -3px 0px 6px ;
	border-radius: 3px;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #afe01c ), to( #111111 ) );
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #1c99e0 ), to( #111111 ) );
	background-color: gradient( linear, 0% 0%, 0% 100%, from( bp_battlePassLogoColor ), to( #111111 ) );
}

#LevelButtons > Button
{
	margin-bottom: 16px;
	width: 216px;
	visibility: collapse;
}

.CurrentSeason.Season_International2017.SelfEventNeedsActivate #ActivateBattlePassButton
{
	visibility: visible;
}

.CurrentSeason.Season_International2017.GlobalEventPurchasable.SelfEventNotActive #PurchaseBattlePassButton
{
	visibility: visible;
}

.BattlePassPurchaseButton
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #5e842c ), to( #40621d ) );
	border-top: 1px solid #859d6e;
	border-right: 1px solid #496922;
	border-left: 1px solid #496922;
	border-bottom: 1px solid #294211;
	box-shadow: #96ee9777 0px 0px 8px 0px ;
	animation-name: PurchaseButtonGlow;
	animation-duration: 2.35s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@keyframes 'PurchaseButtonGlow'
{
	0%
	{
		brightness: 2.3;
		box-shadow: #96ee9766 0px 0px 12px 0px ;
	}
	
	50%
	{
		brightness: 1;
		box-shadow: #96ee9711 0px 0px 2px 0px ;
	}
	
	100%
	{
		brightness: 2.3;
		box-shadow: #96ee9766 0px 0px 12px 0px ;
	}
	
}

#PurchaseBattlePassButton Label
{
	font-size: 20px;
	font-weight: bold;
}

.CurrentSeason.Season_International2017.SelfEventActive #PurchaseLevelsButton
{
	visibility: visible;
}

.CurrentSeason.Season_International2017.GlobalEventPurchasable #GiftBattlePassButton
{
	visibility: visible;
}

#BattlePassPointLog
{
	horizontal-align: center;
}

#BattlePassPointLog Label
{
	horizontal-align: center;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 2px;
	text-decoration: underline;
}

#BattlePassPointLog:hover Label
{
	color: white;
}

#LevelButtons
{
	horizontal-align: center;
	vertical-align: bottom;
}

.FriendsLeaderBoardButton Label
{
	text-transform: uppercase;
	margin-left: 8px;
	color: #4F5760;
	transition-property: color;
	transition-duration: .15s;
}

.ExpandLeaderBoard .FriendsLeaderBoardButton Label
{
	color: white;
}

.ExpandDownArrow
{
	wash-color: #4F5760;
}

.FriendsLeaderBoardButton:hover Label
{
	color: #ffffff;
}

.FriendsLeaderBoardButton:active Label
{
	color: #888888;
}

.FriendsLeaderBoardButton
{
	horizontal-align: center;
	margin-top: 96px;
}

.FriendsLeaderBoardButton:hover .ExpandDownArrow
{
	wash-color: white;
	transform: translateY(2px);
}

.ExpandLeaderBoard .ExpandDownArrow
{
	transform: rotateZ(180deg);
}

.ExpandLeaderBoard .FriendsLeaderBoardButton:hover .ExpandDownArrow
{
	transform: rotateZ(180deg) translateY(-2px);
}

#QuestsRequiresActivate,#QuestsRequiresPass
{
	width: 140px;
	visibility: collapse;
	vertical-align: bottom;
	margin-bottom: 10px;
	color: accentColor;
	horizontal-align: center;
	text-align: center;
	text-transform: uppercase;
}

#QuestsRequiresActivate,#QuestsRequiresPass
{
	vertical-align: middle;
	width: 200px;
}

#DetailsWell
{
	width: 100%;
	horizontal-align: center;
	margin-top: 128px;
	margin-left: 16px;
	margin-right: 16px;
}

#DetailsWell .DetailsWellText
{
	color: #ffffffdd;
	font-weight: thin;
	font-size: 15px;
	horizontal-align: center;
	vertical-align: center;
	letter-spacing: 1px;
}

#DetailsWell .DetailsWellTextNumbers
{
	font-size: 26px;
	font-weight: thin;
}

#TokenRemainingWidget
{
	horizontal-align: center;
}

.StatLabel,.StatValue,.StatSub,.StatSub Label
{
	color: #FFFFFFdd;
	font-weight: thin;
	font-size: 14px;
	horizontal-align: center;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.StatValue
{
	font-size: 24px;
}

.StatSub,.StatSub Label
{
	color: textMediumColor;
	margin-right: -4px;
}

#TokensRemaining
{
	max-width: 180px;
	text-align: center;
}

#CampaignVignette
{
	width: 100%;
	height: 100%;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #00000000 ), color-stop( 0.2, #00000000 ), color-stop( 0.3, #00000000), to( #000000aa ) );
	background-color: transparent;
	z-index: -3;
}

#QuestRewardWell
{
	horizontal-align: left;
	vertical-align: bottom;
	width: 454px;
	border: BRD;
	background-color: #000000aa;
	visibility: collapse;
}

#CurrentAndClaim
{
	horizontal-align: center;
	vertical-align: bottom;
	margin-bottom: 16px;
}

#QuestEventGoal
{
	width: 250px;
	border: 1px solid accentColorSectionBG;
	vertical-align: bottom;
	horizontal-align: right;
	margin-bottom: 16px;
	margin-right: 16px;
	z-index: 2;
}

#QuestEventGoal.InvalidData
{
	visibility: collapse;
}

#ActiveQuestBlock
{
	width: 100%;
	vertical-align: top;
	padding: 16px;
	padding-top: 42px;
	transition-property: opacity, transform;
	transition-duration: .6s;
	transition-timing-function: ease-in-out;
}

#ActiveQuestChallenge
{
	width: 650px;
	animation-duration: 0.51s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
}

@keyframes 'QuestChangeStatus'
{
	0%
	{
		transform: translateX(30px);
		opacity: 0;
	}
	
	100%
	{
		transform: translateX(0px);
		opacity: 1;
	}
	
}

#CurrentLabel
{
	margin-top: 0px;
	font-size: 14px;
	color: textMediumColor;
	margin-left: 6px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#QuestLineName
{
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: white;
	padding-top: 5px;
	margin-left: 16px;
	color: #cccccc;
	font-size: 32px;
	text-shadow: 1px 1px 1px 2 #000000;
	margin-top: 22px;
}

#ActiveQuestBlock #QuestLineName
{
	font-size: 18px;
	visibility: collapse;
}

#QuestlinePickerContainer
{
	z-index: 3;
	opacity: 0;
	width: 900px;
	height: 353px;
	padding-top: 32px;
	background-color: #000000ad;
	border: 1px solid black;
	transition-property: opacity;
	transition-duration: .24s;
	transition-timing-function: ease-in-out;
}

#QuestLinePicker:hover #QuestLineName
{
	color: white;
}

#QuestLinePicker:hover .QuestLineDropDown
{
	wash-color: white;
}

.ChooseQuestline #QuestlinePickerContainer
{
	opacity: 1;
}

.QuestlinePickerPanels
{
	width: 500px;
	height: 106px;
	border: 2px solid black;
	margin-left: 16px;
	margin-top: 0px;
	saturation: 0.2;
	background-color: #000000ee;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	transition-property: opacity, saturation;
	transition-duration: .24s;
	transition-timing-function: ease-in-out;
}

.QuestlinePickerPanels:hover
{
	saturation: 1;
}

.QuestlinePickerPanels:hover Label
{
	color: white;
}

.QuestlinePickerPanels:hover .Vignette
{
	opacity: 0;
}

.QuestlinePickerPanels.ActiveQuestline
{
	box-shadow: fill -3px 0px 6px 0px #3F80BE66;
	border: 2px solid #3F80BE77;
	box-shadow: fill -3px 0px 6px 0px bp_color7&66;
	border: 2px solid bp_color7&77;
	saturation: 1;
}

.QuestlinePickerPanels.ActiveQuestline Label
{
	color: white;
}

#Questline4Picker .QuestPickerQuestName
{
	color: #FDB706;
}

.QuestlinePickerPanels Label
{
	font-size: 20px;
	letter-spacing: 2px;
	vertical-align: middle;
	horizontal-align: center;
	margin-bottom: 20px;
	color: #3F82C0;
	color: bp_color7;
	text-shadow: 0px 1px 2px 3.0 #000000;
	box-shadow: fill -7px 0px 14px 0px #000000dd;
	transition-property: color;
	transition-duration: .24s;
	transition-timing-function: ease-in-out;
}

.QuestlinePickerPanels .QuestPickerQuestType
{
	margin-top: 42px;
	margin-bottom: 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	wash-color: #00000088;
}

#Questline1Picker
{
	background-image: url("s2r://panorama/images/compendium/winter2016/support_quest_psd.vtex");
}

#Questline2Picker
{
	background-image: url("s2r://panorama/images/compendium/winter2016/solo_quest_psd.vtex");
}

#Questline3Picker
{
	background-image: url("s2r://panorama/images/compendium/winter2016/carry_quest_psd.vtex");
}

#Questline4Picker
{
	background-image: url("s2r://panorama/images/compendium/winter2016/newbloom_quest_psd.vtex");
	horizontal-align: center;
	saturation: 0.75;
}

#Questline4Picker.ActiveQuestline
{
	saturation: 1;
}

#Questline4Picker
{
	visibility: collapse;
}

#HomeCampaignPicker
{
	z-index: 3;
	visibility: collapse;
}

#QuestNameLabel
{
	text-transform: uppercase;
	min-width: 200px;
	text-overflow: shrink;
	height: 32px;
	color: #ffffff;
	letter-spacing: 1px;
	font-size: 24px;
	padding-left: 6px;
	padding-top: 4px;
	background-color: gradient( linear, 0% 0%, 100% 0%, from( #BD4D3822 ), to( #BD4D3800 ) );
	background-color: gradient( linear, 0% 0%, 100% 0%, from( #334e2566 ), to( #334e2500 ) );
	background-color: gradient( linear, 0% 0%, 100% 0%, from( #122b5aaa ), to( #122b5a00 ) );
	background-color: gradient( linear, 0% 0%, 100% 0%, from( bp_color1&ff ), to( bp_color1&00 ) );
}

#ActiveQuestDescription
{
	color: textBrightColor;
	padding-left: 6px;
	padding-top: 6px;
	width: 290px;
	height: fit-children;
}

#QuestWell
{
	width: 900px;
	height: 353px;
	overflow: clip;
	opacity-mask: url("s2r://panorama/images/masks/softedge_box_png.vtex") 1.0;
	visibility: collapse;
}

#RewardsWell
{
	width: 1126px;
	height: 390px;
	vertical-align: top;
	overflow: clip;
	z-index: 3;
}

#RewardsWell.RewardNode
{
	margin: 0px;
}

.AspectRatio4x3 #RewardsWell
{
	opacity-mask: url("s2r://panorama/images/masks/softedge_horizontal_sharp_png.vtex") 1;
}

.LowVisualQuality #RewardsWell
{
	opacity-mask: none;
}

#RewardsPanel
{
	width: 1126px;
	width: 100%;
	height: 390px;
	background-color: transparent;
	transition-property: border;
	transition-duration: .5s;
	transition-timing-function: ease-in-out;
}

#RewardsList
{
	width: 100%;
	height: 100%;
	horizontal-align: center;
	background-color: #00000044;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #00000000 ), to( #000000aa ) );
	background-color: transparent;
}

#WageringAndDoubleDown
{
	width: 100%;
	flow-children: right;
}

#WageringWell
{
	background-color: #000000aa;
	width: 50%;
	height: 176px;
	vertical-align: top;
	border: BRD;
	margin-top: 16px;
}

#CampaignHomeCell
{
	width: 260px;
	height: 100%;
	margin-left: 16px;
	background-color: #000a;
}

#CurrentQuest
{
	transform: scaleX(0.8) scaleY(0.8);
	margin-bottom: 64px;
	margin-top: 0px;
}

#DoubleDownWell
{
	background-color: #000000aa;
	width: 100%;
	height: 176px;
	vertical-align: top;
	border: BRD;
	margin-top: 16px;
	margin-left: 16px;
}

#BalanceWell,#BalanceRankWell
{
	horizontal-align: left;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #282a2900 ), color-stop( .3, #282a2977 ), color-stop( .5, #282a29bb ), color-stop( .7, #282a2977 ), to( #282a2900 ) );
}

#BalanceWell
{
	margin-top: 0px;
}

#WageringWell .CurrentBalance
{
	color: white;
	horizontal-align: center;
	text-align: center;
}

#TokenRemainingWidget .WagerTotalIcon
{
	width: 32px;
	height: 40px;
	margin-top: 0px;
	margin-right: 5px;
	background-image: url("s2r://panorama/images/compendium/totaltokens_psd.vtex");
	background-repeat: no-repeat;
	background-size: cover;
}

#TokenRemainingWidget .WagerTotalIcon.RankWager
{
	background-image: url("s2r://panorama/images/compendium/international2017/prestigerewards/mmr_wager_increase_png.vtex");
	width: 32px;
	height: 32px;
	margin-top: 8px;
}

.LeaderBoardHeader
{
	text-transform: uppercase;
	letter-spacing: 1px;
	color: textMediumColor;
	margin-top: 16px;
	margin-right: 12px;
	text-shadow: 0px 1px 1px 2.0 #000000;
}

.HomeLeaderboard
{
	width: 100%;
	margin-top: -16px;
	transition-property: wash-color;
	transition-timing-function: ease-in-out;
	transition-duration: 0.2s;
}

.ExpandLeaderBoard .HomeLeaderboard
{
	wash-color: white;
}

#TokenRemainingWidget .WagerValue
{
	color: accentColor;
	font-size: 36px;
	margin-top: 1px;
}

.AsyncWagerInfoData
{
	opacity: 0;
	transition-property: opacity;
	transition-timing-function: ease-in;
	transition-duration: 0.2s;
}

#BalanceWell #TeamBalance
{
	margin-bottom: 0px;
	padding-top: 30px;
}

#TeamBalance
{
	horizontal-align: center;
	padding-top: 6px;
}

#TeamBalance .TeamWagerToken
{
	width: 40px;
	height: 40px;
}

#TeamBalance .TeamWagerTokenLabel
{
	width: 30px;
	font-size: 14px;
}

#TeamBalance .TeamWagerTokenCount
{
	font-size: 20px;
	margin-right: 6px;
}

#BalanceWell #TeamBalance .TeamWagerTokenCount
{
	font-size: 14px;
	color: #acacac;
	font-weight: thin;
}

.HasAsyncWagerInfoData .AsyncWagerInfoData
{
	opacity: 1;
}

#HeroAndPoints
{
	margin-top: 12px;
	horizontal-align: center;
	visibility: collapse;
}

.XPCircle.HomePage
{
	margin: 0px;
	margin-left: 6px;
	margin-right: 6px;
	vertical-align: center;
}

#EventEnds
{
	margin-top: 6px;
	horizontal-align: right;
}

#EventEndsLabel,#EventEndedLabel
{
	text-transform: uppercase;
	text-shadow: 0px 0px 12px 2.0 #035581;
	color: #88b1d1;
	letter-spacing: 2px;
	font-size: 14px;
	font-weight: thin;
	margin-top: 2px;
	margin-right: 6px;
	text-shadow: 0px 0px 12px 2.0 backgroundBrightColor&cc;
	color: bp_color9;
	visibility: collapse;
}

#TotalPointsWon
{
	vertical-align: middle;
	margin-bottom: 0px;
}

#PointsWon
{
	margin-top: 21px;
	font-size: 32px;
}

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

#GotoQuestsButton
{
	margin-bottom: 20px;
	width: 216px;
	vertical-align: bottom;
	horizontal-align: center;
}

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

#PurchaseLevelsContainer
{
	horizontal-align: center;
	vertical-align: middle;
}

.JumpLevels
{
	visibility: collapse;
	background-image: url("s2r://panorama/images/control_icons/fastforward_psd.vtex");
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: 72% 20%;
	width: 58px;
	height: 67px;
	vertical-align: bottom;
	margin-bottom: 77px;
	wash-color: textMediumColor;
	opacity: 0;
	transition-property: opacity, wash-color;
	transition-duration: .12s;
	background-color: gradient( linear, 0% 0%, 100% 0%, from( #0b270500 ), to( #28533933 ) );
	background-color: gradient( linear, 0% 0%, 100% 0%, from( backgroundMediumColor&00 ), to( bp_color5&18 ) );
}

#RewardsPanel:hover .JumpLevels
{
	opacity: 1;
}

.JumpLevels:hover
{
	wash-color: white;
}

.JumpLevels:active
{
	wash-color: #444444;
}

.JumpLevels Label
{
	vertical-align: bottom;
	color: white;
	horizontal-align: center;
	margin-bottom: 8px;
	margin-left: 12px;
}

#BackJump
{
	transform: scaleX(-1);
}

#BackJump Label
{
	transform: scaleX(-1);
}

#ForwardJump
{
	horizontal-align: right;
}

.BigDeal
{
	vertical-align: bottom;
	margin-bottom: 16px;
	horizontal-align: right;
	margin-right: 16px;
	min-width: 400px;
	flow-children: right;
	transition-property: opacity, wash-color;
	transition-duration: .12s;
}

#NextBigDeal .BigDealContainer
{
	horizontal-align: right;
}

.BigDeal Label
{
	vertical-align: middle;
	color: textColoredMediumColor;
}

.BigDeal .RewardLevel
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #66281F ), to( #A6352B ) );
	border: 2px solid #BF686D;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #3b661f ), to( #5ca62b ) );
	border: 2px solid #97bf68;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #1f4066 ), to( #2b68a6 ) );
	border: 2px solid #6893bf;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( bp_color12 ), to( bp_color7 ) );
	border: 2px solid accentColor;
	width: 40px;
	height: 40px;
}

.BigDeal .RewardLevel > Label
{
	width: 100%;
	text-align: center;
	horizontal-align: center;
	vertical-align: center;
	margin-top: 2px;
	text-overflow: shrink;
	color: white;
}

.BigDeal .RewardName
{
	margin: 0px 16px;
}

#LastBigDeal
{
	horizontal-align: left;
	margin-left: 16px;
}

.BigDeal:disabled
{
	opacity: 0.0;
}

.BigDeal:enabled:hover
{
	brightness: 2.0;
}

.BigDeal:enabled:hover > Label
{
	text-decoration: underline;
}

.BigDeal:active
{
	brightness: 1.5;
}

#QuestTotalPointsWon
{
	margin-top: 10px;
	horizontal-align: center;
	text-align: center;
}

#QuestRanks.HomePageQuestRanks
{
	horizontal-align: center;
}

#ArcanaVotePanel
{
	width: 100%;
	height: fill-parent-flow(1.0);
	border: BRD;
	background-color: #00000088;
	transition-property: border, background-color;
	transition-duration: .5s;
	transition-timing-function: ease-in-out;
}

.BattlePassHomeCell
{
	box-shadow: #000a 6px 0px 12px ;
}

.CampaignBackgroundImage
{
	width: 100%;
	height: 100%;
	background-image: url("s2r://panorama/images/battlepass/ti7/campaign/frontpage_2stack_psd.vtex");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	z-index: -1;
	transition-property: pre-transform-scale2d;
	transition-duration: .26s;
	transition-timing-function: ease-in-out;
}

#WageringWell .InfoIcon
{
	horizontal-align: right;
	vertical-align: bottom;
	margin-bottom: 8px;
	margin-right: 8px;
	wash-color: #27536F;
}

#DoubleDownWell .InfoIcon
{
	horizontal-align: right;
	vertical-align: bottom;
	margin: 8px;
	wash-color: #27536F;
}

#CampaignHomeCell .ComingSoonSticker
{
	vertical-align: bottom;
	horizontal-align: center;
	margin-bottom: 19px;
	z-index: 2;
	background-color: transparent;
	border: 1px solid transparent;
	box-shadow: none;
}

#CampaignHomeCell:hover .CampaignBackgroundImage
{
	pre-transform-scale2d: 1.05;
}

.CampaignTitle
{
	font-size: 32px;
	color: white;
	color: gradient( linear, 0% 0%, 0% 100%, from( #ACC7CE ), color-stop( .3, #123038 ), color-stop( .3, #123038 ), color-stop( .8, #08536A ), to( #04FFD4 ) );
	padding: 16px;
	padding-right: 4px;
	padding-bottom: 0px;
	horizontal-align: center;
	text-align: center;
}

#CampaignTitleContainer
{
	horizontal-align: center;
	vertical-align: bottom;
	margin-bottom: 48px;
	transform: translateY(0px);
	transition-property: transform;
	transition-duration: .32s;
	transition-timing-function: ease-in-out;
}

.FrontpageCell.TopRightCell.TallCell:hover #CampaignTitleContainer
{
	transform: translateY(-64px);
}

.TitleFx
{
	horizontal-align: center;
	vertical-align: top;
	margin-bottom: 20px;
	z-index: -1;
}

.CampaignTitle.Rim
{
	transform: translateX(-1px) translateY(1px);
	text-shadow: 0px 0px 2px 2.0 #000;
	color: gradient( linear, 0% 0%, 0% 100%, from( #ACC7CE ), color-stop( .2, #08536A ), to( #04FFD4 ) );
}

.CampaignTitle.Glow
{
	color: transparent;
	animation-iteration-count: infinite;
	animation-timing-function: ease-out;
}

.CampaignTitle.Glow1
{
	text-shadow: 0px -2px 6px 2 #0008;
}

.CampaignTitle.Glow2
{
	text-shadow: 0px -6px 12px 2 #0008;
}

.CampaignTitle.Glow3
{
	text-shadow: 0px -12px 18px 2 #0006;
}

.CampaignTitle.Glow4
{
	text-shadow: 0px -18px 26px 2 #0004;
}

#SubtitleContainer
{
	horizontal-align: center;
	vertical-align: bottom;
	margin-bottom: 0px;
}

.CampaignAct
{
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 2px;
	horizontal-align: center;
	text-align: center;
	color: #9C9A85;
	color: gradient( linear, 0% 0%, 100% 0%, from( #9C9A8555 ), to( #9C9A85 ) );
}

.CampaignAct.Rim
{
	transform: translateX(-1px) translateY(1px);
	text-shadow: 0px 0px 2px 2.0 #000;
	color: gradient( linear, 0% 0%, 0% 100%, from( #DCD3BA ), color-stop( .2, #08536A ), to( #04FFD4 ) );
}