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

@import url("s2r://panorama/styles/events/monster_hunter/monster_hunter_shared.vcss_c");
.BackgroundImageContainer
{
	background-image: url("s2r://panorama/images/events/monster_hunter/backgrounds/mountains_png.vtex");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	blur: gaussian( 0 );
	brightness: 1;
	overflow: noclip;
}

.SmokeFX
{
	width: 100%;
	height: 100%;
	horizontal-align: center;
}

.SmokeFX.Bottom
{
	vertical-align: bottom;
	transform: translateY( 200px );
	wash-color: rgb(99, 71, 52);
	opacity: 0.5;
}

#SigilContainer
{
	margin-top: 0px;
	transition-property: opacity;
	transition-duration: 0.6s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
	transition-delay: 0.2s;
	opacity: 0;
}

#SigilContainer .MonsterHunterLogo
{
	height: 58px;
}

#SigilContainer.Reveal
{
	opacity: 0.3;
}

#MonsterHunterProgressMain
{
	horizontal-align: center;
	overflow: noclip;
	flow-children: down;
	width: 1100px;
	margin-top: 60px;
	padding-top: 48px;
	transition-property: transform;
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0, 1, 0, 1);
	transform: translateY( 24px );
}

#MonsterHunterProgressMain.CraftingAvailable
{
	transform: none;
}

.LogoContainer
{
	horizontal-align: center;
	padding: 24px 0px;
	margin-bottom: 24px;
}

.LogoContainer .LogoListBackgroundContainer
{
	width: 100%;
	height: 100%;
}

.LogoContainer .LogoListBackgroundContainer .TitleEmblem
{
	horizontal-align: center;
	width: 90%;
	height: 7px;
	background-image: url("s2r://panorama/images/events/monster_hunter/artwork/hero_title_emblem.vsvg");
	background-size: cover;
	background-position: center;
	background-texture-size: 1600px 16px;
	opacity-brush: gradient( linear, 0% 0%, 100% 0%, from( rgba(255, 255, 255, 0) ), color-stop(0.5, white ), to( rgba(255, 255, 255, 0) ) );
	brightness: 0.6;
}

.LogoContainer .LogoListBackgroundContainer .TitleEmblem.Bottom
{
	vertical-align: bottom;
	transform: scaleY( -1 );
	width: 60%;
}

.LogoContainer .LogoListBackgroundContainer .LogoListBackground
{
	width: 100%;
	height: 100%;
	margin: 7px 0px;
	wash-color: rgb(0, 0, 0);
	opacity: 0.9;
	background-color: gradient( linear, 10% 0%, 90% 0%, from( rgba(255, 255, 255, 0) ), color-stop(0.25, rgba(255, 255, 255, 0.9) ), color-stop(0.5, rgba(255, 255, 255, 0.98) ), color-stop(0.75, rgba(255, 255, 255, 0.9) ), to( rgba(255, 255, 255, 0) ) );
}

.LogoContainer .LogoList
{
	padding: 16px 80px;
	flow-children: right;
	horizontal-align: center;
	overflow: noclip;
}

.LogoContainer .LogoList .DotaLogo
{
	height: 30px;
	vertical-align: center;
	img-shadow: 0px 4px 12px black;
}

.LogoContainer .LogoList .CrossIcon
{
	height: 20px;
	margin-left: 18px;
	margin-right: -2px;
	vertical-align: center;
	img-shadow: 0px 4px 12px black;
}

.LogoContainer .LogoList .MonsterHunterLogoHoriz
{
	height: 80px;
	saturation: 0.8;
	margin-top: -36px;
	vertical-align: center;
	img-shadow: 0px 4px 12px 3 black;
}

#MonsterHunterProgressTitle
{
	transition-property: opacity, transform;
	transition-duration: 0.25s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
	transform: scale3d( 2, 2, 1 );
	opacity: 0;
}

#MonsterHunterProgressTitle .MonsterHunterLogo
{
	height: 100px;
	margin-bottom: 16px;
}

#MonsterHunterProgressTitle.Reveal
{
	transform: none;
	opacity: 1;
}

.ObjectiveContainer
{
	horizontal-align: center;
	flow-children: right;
	transition-property: saturation, brightness, opacity;
	transition-duration: 0.25s;
	saturation: 1;
	opacity: 1;
	brightness: 1;
}

.ObjectiveContainer .StrikeThrough
{
	width: 100%;
	height: 1px;
	background-color: white;
	vertical-align: center;
	ignore-parent-flow: true;
	margin-top: 2px;
	visibility: collapse;
}

.ObjectiveContainer .ObjectiveText
{
	color: TextColorLightest;
	text-shadow: 0px 2px 8px black;
	margin: 0px 8px;
	vertical-align: center;
	font-size: 22px;
}

.ObjectiveContainer .ObjectiveText.GreenBold b
{
	font-weight: normal;
}

#WinLossDescriptionContainer
{
	horizontal-align: center;
	flow-children: right;
	height: 65px;
	transition-property: opacity;
	transition-duration: 0.25s;
	transition-delay: 0.1s;
	opacity: 0;
}

#WinLossDescriptionContainer #WinLossContainer,#WinLossDescriptionContainer #HuntStatus
{
	margin: 0px 16px;
	horizontal-align: center;
	vertical-align: center;
}

#WinLossDescriptionContainer #WinLossContainer .SwordIcon
{
	width: 22px;
	height: 22px;
	vertical-align: center;
	wash-color: winnerGreen;
}

#WinLossDescriptionContainer #WinLossContainer.Success .ObjectiveContainer
{
	saturation: 1;
	opacity: 1;
	brightness: 1;
}

#WinLossDescriptionContainer #WinLossContainer.Success .ObjectiveContainer .StrikeThrough
{
	visibility: collapse;
}

#WinLossDescriptionContainer #WinLossContainer.Success .ObjectiveContainer .ObjectiveText.GreenBold b
{
	color: winnerGreen;
}

#WinLossDescriptionContainer #WinLossContainer.Success .RewardsGlowFX
{
	opacity: 1;
	transition-duration: 1s;
	transition-delay: 0.5s;
	transition-timing-function: ease-in;
}

#WinLossDescriptionContainer #WinLossContainer.Failure .ObjectiveContainer
{
	saturation: 0;
	brightness: 0.3;
	opacity: 0.7;
}

#WinLossDescriptionContainer #WinLossContainer.Failure .StrikeThrough
{
	visibility: visible;
}

#WinLossDescriptionContainer #HuntStatus #HuntHeroIconImage
{
	visibility: visible;
	texture-sampling: point;
	height: 25px;
	width: height-percentage( 100% );
	padding: 0px 0px;
}

#WinLossDescriptionContainer #HuntStatus .ObjectiveIcon
{
	width: 40px;
	height: 40px;
	vertical-align: center;
}

#WinLossDescriptionContainer #HuntStatus.Success .ObjectiveContainer
{
	saturation: 1;
	opacity: 1;
	brightness: 1;
}

#WinLossDescriptionContainer #HuntStatus.Success .ObjectiveContainer .StrikeThrough
{
	visibility: collapse;
}

#WinLossDescriptionContainer #HuntStatus.Success .ObjectiveContainer .ObjectiveText.GreenBold b
{
	color: winnerGreen;
}

#WinLossDescriptionContainer #HuntStatus.Success .RewardsGlowFX
{
	opacity: 1;
	transition-duration: 1s;
	transition-delay: 0.5s;
	transition-timing-function: ease-in;
}

#WinLossDescriptionContainer #HuntStatus.Failure .ObjectiveContainer
{
	saturation: 0;
	brightness: 0.3;
	opacity: 0.7;
}

#WinLossDescriptionContainer #HuntStatus.Failure .StrikeThrough
{
	visibility: visible;
}

#WinLossDescriptionContainer.Reveal
{
	opacity: 1;
}

.WinLossDescription
{
	horizontal-align: center;
	font-size: 22px;
	color: TextColorLighter;
}

.WinLossDescription b
{
	color: winnerGreen;
}

.WinLossDescription.MatchLostText
{
	visibility: visible;
}

.MatchWon .WinLossDescription.MatchLostText
{
	visibility: collapse;
}

.WinLossDescription.MatchWonText
{
	visibility: collapse;
}

.MatchWon .WinLossDescription.MatchWonText
{
	visibility: visible;
}

#MonsterHunterProgressContainer
{
	padding: 0px 24px 64px;
	width: 100%;
	height: fit-children;
	flow-children: down;
}

#MonsterHunterProgressContainer .EmblemContainer
{
	horizontal-align: center;
	z-index: 1;
}

#MonsterHunterProgressContainer .EmblemContainer .Emblem
{
	wash-color: rgb(136, 118, 92);
}

#MonsterHunterProgressContainer .EmblemContainer .Triangle
{
	horizontal-align: center;
	margin-top: 2px;
}

#MonsterHunterProgressContainer .EmblemContainer.Top
{
	margin-bottom: -2px;
}

#MonsterHunterProgressContainer .EmblemContainer.Top .Triangle
{
	wash-color: #0D0906;
}

#MonsterHunterProgressContainer .EmblemContainer.Bottom
{
	transform: scaleY( -1 );
	margin-top: -2px;
}

#MonsterHunterProgressContainer .EmblemContainer.Bottom .Triangle
{
	wash-color: #573d2a;
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards
{
	width: 100%;
	height: 180px;
	margin: 0px 32px;
	flow-children: right;
	horizontal-align: center;
	background-color: gradient( radial, 50% 100%, 0% 0%, 50% 110%, from( #64452da7 ), to( #0d0906cf ) );
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .MonsterHunterProgressContainerBorder
{
	width: 100%;
	height: 100%;
	ignore-parent-flow: true;
	border: 1px solid #ffd59a0b;
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .EdgeBorder
{
	width: 100%;
	ignore-parent-flow: true;
	border: 5px solid;
	border-image-source: url("s2r://panorama/images/events/monster_hunter/artwork/emblem1_png.vtex");
	border-image-slice: 10px;
	wash-color: #ffe2b9;
	opacity: 0.2;
	transition-property: opacity;
	transition-duration: 0.1s;
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .EdgeBorder.Top
{
	transform: scaleY( -1 );
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .EdgeBorder.Bottom
{
	vertical-align: bottom;
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .MaterialRewardDivider
{
	width: 1px;
	height: 100%;
	vertical-align: center;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( rgba(255, 255, 255, 0) ), color-stop( 0.3, white ), color-stop( 0.7, white ), to( rgba(255, 255, 255, 0) ) );
	wash-color: rgb(255, 229, 198);
	opacity: 0.06;
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .MaterialRewardDivider.Shadow
{
	wash-color: black;
	opacity: 0.6;
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .MaterialRewardSection
{
	width: fill-parent-flow(1);
	height: 100%;
	padding: 16px;
	margin: 2px 0px;
	transition-property: brightness, transform;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
	brightness: 1;
	opacity: 0;
	transform: scale3d( 2, 2, 1 );
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .MaterialRewardSection.AnimatingRewards
{
	brightness: 2;
	opacity: 1;
	transform: none;
	transition-duration: 1s;
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .MaterialRewardSection.FinishedAnimatingRewards
{
	brightness: 1;
	opacity: 1;
	transform: none;
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .MaterialRewardSection.FinishedAnimatingRewards .RewardsGlowFX
{
	opacity: 0;
	transform: scale3d( 0.8, 0.8, 1 );
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .MaterialRewardSection.FinishedAnimatingRewards.Success
{
	opacity: 1;
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .MaterialRewardSection .RewardsGlowFX
{
	width: 160%;
	height: 280%;
	horizontal-align: center;
	vertical-align: top;
	margin-top: -15%;
	background-color: gradient( radial, 50% 100%, 0% 0%, 50% 100%, from( rgba(255, 206, 120, 0.8) ), color-stop( 0.5, rgba(255, 189, 109, 0.3) ), to( rgba(255, 255, 255, 0) ) );
	overflow: noclip;
	opacity-mask: url("s2r://panorama/images/masks/sun_burst_png.vtex");
	opacity: 0;
	transition-property: opacity, transform;
	transition-duration: 0.15s;
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .MaterialRewardSection .MaterialRewardTitle
{
	margin: 16px;
	horizontal-align: center;
	flow-children: down;
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .MaterialRewardSection .MaterialRewardTitle .TitleIcon
{
	width: 42px;
	vertical-align: center;
	margin: -8px 0px;
	margin-right: 2px;
	margin-left: -12px;
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .MaterialRewardSection .MaterialRewardTitle .Title
{
	horizontal-align: center;
	vertical-align: center;
	color: TextColorGradientSilver;
	text-align: center;
	text-shadow: 0px 2px 12px black;
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .MaterialRewardSection .MaterialRewardTitle .Subtitle
{
	horizontal-align: center;
	vertical-align: center;
	visibility: collapse;
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .MaterialRewardSection .MaterialRewardTitle .Subtitle.LostMatch
{
	visibility: visible;
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .MaterialRewardSection .HuntRow
{
	horizontal-align: center;
	flow-children: right;
	vertical-align: center;
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .MaterialRewardSection .HuntRow #InvestigationHeroImage
{
	width: 140px;
	height: width-percentage( 100% );
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .MaterialRewardSection .HuntRow .MaterialList
{
	vertical-align: center;
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .MaterialRewardSection .MaterialList
{
	flow-children: right-wrap;
	horizontal-align: center;
	vertical-align: center;
	margin-top: 44px;
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .MaterialRewardSection .MaterialList .MonsterHunterMaterialDivider
{
	width: 1px;
	height: 45px;
	vertical-align: center;
	background-color: rgba(255, 213, 169, 0.05);
	margin: 0px 6px;
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .MaterialRewardSection .ObjectiveContainer
{
	vertical-align: bottom;
	horizontal-align: center;
	flow-children: right;
	transition-property: saturation, brightness, opacity;
	transition-duration: 0.25s;
	saturation: 0;
	brightness: 0.3;
	opacity: 0.7;
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .MaterialRewardSection .ObjectiveContainer .StrikeThrough
{
	width: 100%;
	height: 1px;
	background-color: white;
	vertical-align: center;
	ignore-parent-flow: true;
	margin-top: 2px;
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .MaterialRewardSection .ObjectiveContainer .ObjectiveText
{
	color: TextColorLightest;
	text-shadow: 0px 2px 8px black;
	margin-left: 12px;
	vertical-align: center;
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .MaterialRewardSection .ObjectiveContainer .ObjectiveText.GreenBold b
{
	font-weight: normal;
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .MaterialRewardSection.Success .ObjectiveContainer
{
	saturation: 1;
	opacity: 1;
	brightness: 1;
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .MaterialRewardSection.Success .ObjectiveContainer .StrikeThrough
{
	visibility: collapse;
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .MaterialRewardSection.Success .ObjectiveContainer .ObjectiveText.GreenBold b
{
	color: winnerGreen;
}

#MonsterHunterProgressContainer #MonsterHunterMaterialRewards .MaterialRewardSection.Success .RewardsGlowFX
{
	opacity: 1;
	transition-duration: 1s;
	transition-delay: 0.5s;
	transition-timing-function: ease-in;
}

#MonsterHunterProgressContainer #CraftingAvailableContainer
{
	horizontal-align: center;
	flow-children: down;
	margin-top: 16px;
	transition-property: transform, opacity;
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
	opacity: 0;
	transform: scale3d( 2, 2, 1 );
}

#MonsterHunterProgressContainer #CraftingAvailableContainer.Reveal
{
	opacity: 1;
	transform: none;
}

#MonsterHunterProgressContainer #CraftingAvailableContainer .CraftingAvailableBadge
{
	horizontal-align: center;
	background-color: gradient( linear, 0% 0%, 100% 0%, from( rgba(0, 0, 0, 0) ), color-stop( 0.3, rgba(177, 137, 72, 0.3) ), color-stop( 0.5, rgba(177, 137, 72, 0.5) ), color-stop( 0.7, rgba(177, 137, 72, 0.3) ), to( rgba(0, 0, 0, 0) ) );
	border-left: 0px;
	border-right: 0px;
	border: 1px solid rgba(255, 229, 194, 0.3);
	border-brush: gradient( linear, 0% 0%, 100% 0%, from( rgba(255, 255, 255, 0) ), color-stop( 0.2, rgb(255, 255, 255) ), color-stop( 0.8, rgb(255, 255, 255) ), to( rgba(255, 255, 255, 0) ) );
}

#MonsterHunterProgressContainer #CraftingAvailableContainer .CraftingAvailableBadge .CraftingAvailableFX
{
	width: 120%;
	height: 400%;
	opacity-mask: url("s2r://panorama/images/masks/sun_burst_png.vtex");
	overflow: noclip;
	horizontal-align: center;
	vertical-align: center;
	opacity: 0.1;
}

#MonsterHunterProgressContainer #CraftingAvailableContainer .CraftingAvailableBadge Label
{
	margin: 12px 100px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	color: white;
	font-weight: semi-bold;
	text-shadow: 0px 0px 12px rgba(255, 186, 108, 0.5);
	font-size: 16px;
}

#MonsterHunterProgressContainer #CraftingAvailableContainer .EmblemFooter
{
	horizontal-align: center;
	wash-color: rgb(219, 197, 168);
	ui-scale: 80%;
}

#MonsterHunterProgressContainer #CraftingAvailableContainer .EmblemFooter.Bottom
{
	transform: scaleY( -1 );
}

#MonsterHunterProgressContainer .LowerRewardsContainer
{
	flow-children: right;
	width: 100%;
	min-height: 300px;
}

#MonsterHunterProgressContainer .LowerRewardsContainer #MonsterHunterProgressCodex,#MonsterHunterProgressContainer .LowerRewardsContainer #HunterRankContainer
{
	flow-children: down;
	horizontal-align: center;
	width: fill-parent-flow( 0.5 );
	height: fit-children;
	margin: 8px;
	border: 1px solid rgba(255, 213, 169, 0.05);
	padding: 16px;
	transition-property: opacity;
	transition-duration: 0.4s;
	opacity: 0.1;
}

#MonsterHunterProgressContainer .LowerRewardsContainer #MonsterHunterProgressCodex.Reveal,#MonsterHunterProgressContainer .LowerRewardsContainer #HunterRankContainer.Reveal
{
	opacity: 1;
	animation-name: PulseLowerReward;
	animation-duration: 0.4s;
	animation-delay: 0s;
}

#MonsterHunterProgressContainer .LowerRewardsContainer #MonsterHunterProgressCodex.Finished .CodexInstructions,#MonsterHunterProgressContainer .LowerRewardsContainer #HunterRankContainer.Finished .CodexInstructions
{
	opacity: 0.5;
}

#MonsterHunterProgressContainer .LowerRewardsContainer #MonsterHunterProgressCodex .Title,#MonsterHunterProgressContainer .LowerRewardsContainer #HunterRankContainer .Title
{
	horizontal-align: center;
	margin: 4px 0px 8px;
	font-weight: normal;
	color: TextColorGradientSilver;
	text-align: center;
	text-shadow: 0px 2px 12px black;
}

#MonsterHunterProgressContainer .LowerRewardsContainer #MonsterHunterProgressCodex .CodexInstructions,#MonsterHunterProgressContainer .LowerRewardsContainer #HunterRankContainer .CodexInstructions
{
	margin-top: 4px;
	horizontal-align: center;
	opacity: 0;
	transition-property: opacity;
	transition-duration: 0.2s;
	color: TextColorLighter;
}

#MonsterHunterProgressContainer .LowerRewardsContainer #MonsterHunterProgressCodex
{
	background-color: gradient( radial, 100% 0%, 0% 0%, 100% 80%, from( #ffb67104 ), to( #ffc58300 ) );
	border-brush: gradient( radial, 100% 0%, 0% 0%, 100% 80%, from( #ffffff ), to( #ffffff00 ) );
}

#MonsterHunterProgressContainer .LowerRewardsContainer #MonsterHunterProgressCodex #CodexList
{
	flow-children: right-wrap;
	height: 190px;
	width: 464px;
	horizontal-align: center;
}

#MonsterHunterProgressContainer .LowerRewardsContainer #MonsterHunterProgressCodex #CodexList .HeroCodexEntry
{
	width: 92px;
	height: 92px;
}

#MonsterHunterProgressContainer .LowerRewardsContainer #MonsterHunterProgressCodex #CodexList .HeroCodexEntry .NewGlow
{
	width: 100%;
	height: width-percentage(100%);
	background-color: gradient( radial, 50% 50%, 0% 0%, 50% 50%, from( #ffd38c89 ), color-stop( 0.5, #ffa02c11 ), to( #d6aa7500 ) );
	visibility: collapse;
}

#MonsterHunterProgressContainer .LowerRewardsContainer #MonsterHunterProgressCodex #CodexList .HeroCodexEntry .NewBadge
{
	horizontal-align: center;
	text-transform: uppercase;
	border-radius: 2px;
	padding: 1px 5px 2px 8px;
	margin-bottom: 5px;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #D4A75E ), to( #7d5b33 ) );
	vertical-align: bottom;
	border: 1px solid white;
	border-brush: WhiteGradientBorderStrong;
	box-shadow: 0px 0px 0px 2px black;
	color: white;
	text-shadow: 0px 2px 8px black;
	font-weight: bold;
	opacity: 0;
	transition-property: opacity;
	transition-duration: 0.1s;
	transition-delay: 0.3s;
}

#MonsterHunterProgressContainer .LowerRewardsContainer #MonsterHunterProgressCodex #CodexList .HeroCodexEntry.Claimable .NewGlow
{
	visibility: visible;
	animation-name: GlowNewHero;
	animation-duration: 0.8s;
	animation-iteration-count: infinite;
	animation-direction: alternate-reverse;
}

#MonsterHunterProgressContainer .LowerRewardsContainer #MonsterHunterProgressCodex #CodexList .HeroCodexEntry.Claimable .NewBadge
{
	opacity: 1;
	animation-name: GlowNewBadge;
	animation-duration: 0.8s;
	animation-iteration-count: infinite;
	animation-direction: alternate-reverse;
}

#MonsterHunterProgressContainer .LowerRewardsContainer #MonsterHunterProgressCodex #CodexList #HeroImage
{
	transition-property: brightness, transform;
	transition-duration: 0.1s;
}

#MonsterHunterProgressContainer .LowerRewardsContainer #MonsterHunterProgressCodex #CodexList #HeroImage.NewProgress
{
	animation-name: PulseLowerReward;
	animation-duration: 0.4s;
	animation-delay: 0s;
}

#MonsterHunterProgressContainer .LowerRewardsContainer #HunterRankContainer
{
	background-color: gradient( radial, 0% 0%, 0% 0%, 100% 80%, from( #ffb67104 ), to( #ffc58300 ) );
	border-brush: gradient( radial, 0% 0%, 0% 0%, 100% 80%, from( #ffffff ), to( #ffffff00 ) );
}

#MonsterHunterProgressContainer .LowerRewardsContainer #HunterRankContainer #HunterRankBadge
{
	horizontal-align: center;
	ui-scale: 130%;
	transition-property: transform, brightness;
	transition-duration: 0.14s;
	margin-top: 8px;
}

#MonsterHunterProgressContainer .LowerRewardsContainer #HunterRankContainer .XPNumbersContainer
{
	horizontal-align: center;
	flow-children: right;
	margin-top: 8px;
}

#MonsterHunterProgressContainer .LowerRewardsContainer #HunterRankContainer .XPNumbersContainer .XPNumbers
{
	color: TextColorLighter;
}

#MonsterHunterProgressContainer .LowerRewardsContainer #HunterRankContainer .XPNumbersContainer .InfoIcon
{
	wash-color: TextColorLighter;
}

#MonsterHunterProgressContainer .LowerRewardsContainer #HunterRankContainer .HunterRankProgressBarContainer
{
	horizontal-align: center;
	width: 400px;
	height: 16px;
	margin-top: 12px;
}

#MonsterHunterProgressContainer .LowerRewardsContainer #HunterRankContainer .HunterRankProgressBarContainer #HunterRankProgressBar
{
	width: 100%;
	height: 32px;
	border-radius: 3px;
	background-color: rgb(0, 0, 0);
	border: 1px solid TextColorLight&22;
}

#MonsterHunterProgressContainer .LowerRewardsContainer #HunterRankContainer .HunterRankProgressBarContainer #HunterRankProgressBar .ProgressBarLeft
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #2E9F24 ), to( #115620 ) );
	border-radius: 1px;
	border: 2px solid rgb(0, 14, 9);
}

#MonsterHunterProgressContainer .LowerRewardsContainer #HunterRankContainer .HunterRankProgressBarContainer #HunterRankProgressBar .ProgressBarMiddle
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #E7C57B ), to( #9D8145 ) );
	border-radius: 1px;
	border: 2px solid rgb(0, 14, 9);
}

#MonsterHunterProgressContainer .LowerRewardsContainer #HunterRankContainer .HunterRankProgressBarContainer > Label
{
	horizontal-align: center;
	vertical-align: center;
	text-align: center;
	color: white;
	text-shadow: 0px 2px 12px rgba(0, 0, 0, 0.8);
	letter-spacing: 1px;
	font-size: 20px;
}

@keyframes 'GlowNewHero'
{
	0%
	{
		opacity: 0.3;
		brightness: 1;
	}
	
	100%
	{
		opacity: 0.7;
		brightness: 1.5;
	}
	
}

@keyframes 'GlowNewBadge'
{
	0%
	{
		brightness: 1;
	}
	
	100%
	{
		brightness: 1.5;
		transform: translateY( -1px );
	}
	
}

.HeroIcon
{
	visibility: collapse;
	vertical-align: center;
}

.HuntRewards .HeroIcon,.HuntDenialRewards .HeroIcon
{
	visibility: visible;
	texture-sampling: point;
	height: 100%;
	width: height-percentage( 100% );
	margin-right: 2px;
}

.HuntRewards .MaterialQuantity,.HuntDenialRewards .MaterialQuantity
{
	margin: 0px 6px;
}

.Checkbox
{
	vertical-align: center;
	width: 24px;
	height: 24px;
	overflow: noclip;
}

.Checkbox .CheckboxBackground
{
	width: 100%;
	height: 100%;
	border: 1px solid rgba(255, 228, 201, 0.2);
	border-brush: gradient( linear, 0% 0%, 0% 100%, from( #ffffff ), to( #888888 ) );
	border-radius: 4px;
	background-color: #17100ab6;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0);
	transition-property: border, background-color, box-shadow;
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
	transition-delay: 0.3s;
}

.Success .Checkbox .CheckboxBackground
{
	background-color: #072924d8;
	border: 1px solid rgb(255, 225, 190);
	box-shadow: 0px 0px 24px -2px rgba(255, 172, 77, 0.1);
	animation-name: PulseCheckboxBackground;
	animation-duration: 0.5s;
	animation-delay: 0.3s;
}

.Checkbox .Check
{
	width: 32px;
	height: 32px;
	background-size: cover;
	background-image: url("s2r://panorama/images/control_icons/24px/check_fancy.vsvg");
	background-texture-size: 48px 48px;
	vertical-align: bottom;
	margin-bottom: 1px;
	opacity-brush: gradient( linear, 0% 20%, 0% 100%, from( winnerGreen ), to( winnerGreenLow ) );
	img-shadow: 0px 1px 12px rgba(0, 0, 0, 0.6);
	opacity: 0;
	transform: scale3d( 4, 4, 1 );
	transition-property: opacity, transform;
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
	transition-delay: 0.3s;
}

.Success .Checkbox .Check
{
	opacity: 1;
	transform: none;
}

@keyframes 'PulseCheckboxBackground'
{
	0%
	{
		transform: none;
	}
	
	20%
	{
		transform: scale3d( 1.3, 1.3, 1 );
		brightness: 2;
	}
	
	100%
	{
		transform: none;
	}
	
}

@keyframes 'PulseLowerReward'
{
	0%
	{
		transform: none;
	}
	
	20%
	{
		transform: scale3d( 1.08, 1.08, 1 );
		brightness: 3;
	}
	
	100%
	{
		transform: none;
	}
	
}

.MaterialQuantity
{
	flow-children: right;
	max-width: 115px;
}

.MaterialQuantity DOTAMonsterHunterMaterial
{
	ui-scale: 125%;
	margin: -6px;
	brightness: 0.3;
	saturation: 0.5;
	transition-property: brightness, saturation;
	transition-duration: 0.1s;
}

.MaterialQuantity .FailedIndicator
{
	ignore-parent-flow: true;
	width: 100%;
	height: 100%;
	wash-color: #6e6e6e;
	img-shadow: 0px 2px 12px black;
	background-image: url("s2r://panorama/images/events/monster_hunter/artwork/blood_slash_simple_png.vtex");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 92%;
	visibility: collapse;
}

.MaterialQuantity.Rewarded DOTAMonsterHunterMaterial
{
	brightness: 1.5;
	saturation: 1;
	animation-name: PulseNewMaterial;
	animation-duration: 0.2s;
	animation-delay: 0.1s;
}

.MaterialQuantity.Failed DOTAMonsterHunterMaterial
{
	brightness: 0.5;
	opacity: 0.8;
	animation-name: PulseNewMaterial;
	animation-duration: 0.2s;
	animation-delay: 0.1s;
}

.MaterialQuantity.Failed .FailedIndicator
{
	visibility: visible;
	animation-name: RevealFailedIndicator;
	animation-duration: 0.25s;
	animation-timing-function: ease-out;
}

@keyframes 'RevealFailedIndicator'
{
	0%
	{
		opacity-brush: gradient( linear, 0% 0%, 1% 0%, from( #ffffff ), to( #ffffff00 ) );
	}
	
	100%
	{
		opacity-brush: gradient( linear, 99% 0%, 100% 0%, from( #ffffff ), to( #ffffff00 ) );
	}
	
}

.MonsterHunterSectionDivider
{
	flow-children: right;
	width: 680px;
	horizontal-align: center;
	margin-top: -120px;
}

.MonsterHunterSectionDivider .MonsterHunterSectionDividerDash
{
	width: fill-parent-flow( 1 );
	height: 1px;
	background-color: gradient( linear, 0% 0%, 100% 0%, from( #ccbc7400 ), color-stop( 0.1, #ccbc74 ), to( #ccbc7400 ) );
	vertical-align: center;
}

.MonsterHunterSectionDivider .MonsterHunterSectionDividerDash.Left
{
	transform: scaleX( -1 );
}

.MonsterHunterLogo
{
	width: 1315px;
	horizontal-align: center;
	saturation: 0.9;
	pre-transform-scale2d: 0.99999;
	transition-property: brightness, pre-transform-scale2d;
	transition-duration: 0.25s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
	visibility: collapse;
}

.MonsterHunterLogo.en
{
	visibility: visible;
}

.Language_schinese .MonsterHunterLogo.cn,.Language_tchinese .MonsterHunterLogo.cn
{
	visibility: visible;
}

.Language_schinese .MonsterHunterLogo.en,.Language_tchinese .MonsterHunterLogo.en
{
	visibility: collapse;
}

#RewardLabel,#CodexLabel
{
	margin-top: 12px;
	horizontal-align: center;
}

#RewardList
{
	padding: 20px;
	horizontal-align: center;
	flow-children: right;
}

@keyframes 'PuleMaterialsEarned'
{
	0%
	{
		transform: none;
	}
	
	20%
	{
		transform: scale3d( 1.1, 1.1, 1 );
	}
	
	100%
	{
		transform: none;
	}
	
}

@keyframes 'PulseNewMaterial'
{
	0%
	{
		transform: none;
	}
	
	20%
	{
		transform: scale3d( 1.1, 1.1, 1 );
	}
	
	100%
	{
		transform: none;
	}
	
}

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

@keyframes 'GlowRotate'
{
	0%
	{
		transform: scale3d(1.1, 1.1, 0.0);
		brightness: 2.0;
	}
	
	100%
	{
		transform: rotateZ( 4deg );
	}
	
}

@keyframes 'PulseOnce'
{
	0%
	{
		transform: scale3d( 1, 1, 1 );
	}
	
	15%
	{
		transform: scale3d( 1.1, 1.1, 1 );
	}
	
	30%
	{
		transform: scale3d( 1, 1, 1 );
	}
	
	45%
	{
		transform: scale3d( 1.03, 1.03, 1 );
	}
	
	0%
	{
		transform: scale3d( 1, 1, 1 );
	}
	
}

@keyframes 'PulseProgressAvailable'
{
	0%
	{
		transform: scale3d( 1, 1, 1 );
	}
	
	15%
	{
		transform: scale3d( 1.1, 1.1, 1 );
	}
	
	30%
	{
		transform: scale3d( 1, 1, 1 );
	}
	
	45%
	{
		transform: scale3d( 1.1, 1.1, 1 );
	}
	
	0%
	{
		transform: scale3d( 1, 1, 1 );
	}
	
}

@keyframes 'PulseProgressAvailableLabel'
{
	0%
	{
		text-shadow: 0px 0px 12px gold1&00;
		brightness: 1;
	}
	
	100%
	{
		text-shadow: 0px 0px 16px gold2&44;
		brightness: 2.0;
	}
	
}

@keyframes 'PulseHighlightedQuest'
{
	0%
	{
		transform: scale3d( 1, 1, 1 );
	}
	
	50%
	{
		transform: scale3d( 1.15, 1.15, 1 );
		brightness: 2;
	}
	
	0%
	{
		transform: scale3d( 1, 1, 1 );
	}
	
}

@keyframes 'GlowText'
{
	0%
	{
		brightness: 0.7;
	}
	
	100%
	{
		brightness: 1.2;
	}
	
}