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

@import url("s2r://panorama/styles/battle_pass/current_battle_pass.vcss_c");
DOTAHeroInspect
{
	height: 625px;
	flow-children: none;
	background-color: gradient( linear, 0% 100%, 0% 0%, from( #171A25dd ), to( #171A25dd ) );
	padding-top: 2px;
	border: 1px solid black;
}

.ContextMenuHeroInspect DOTAHeroInspect
{
	max-height: 345px;
	max-width: 400px;
}

.EventGame DOTAHudPreGame.DarkMoon DOTAHeroInspect
{
	background-color: gradient( linear, 0% 100%, 0% 0%, from( #14181E ), to( #271A25ed ) );
}

.EventGame DOTAHudPreGame.Season_International2017 DOTAHeroInspect
{
	background-color: gradient( linear, 0% 100%, 0% 0%, from( #14181E ), to( #271A25ed ) );
}

#HeroInspectHeader
{
	padding-left: 16px;
	padding-right: 16px;
	flow-children: right;
}

#HeroInspectHeroName
{
	color: white;
	font-size: 32px;
	text-transform: uppercase;
	margin-left: 8px;
	font-weight: semi-bold;
	letter-spacing: 1px;
	text-overflow: shrink;
	height: 43px;
	font-family: titleFont;
	visibility: collapse;
}

.InspectingHero #HeroInspectHeroName
{
	visibility: visible;
}

#HeroInspectPrimaryAttributeIcon
{
	width: 32px;
	height: 32px;
	vertical-align: middle;
	background-size: contain;
	background-repeat: no-repeat;
}

.InspectHeroStrength #HeroInspectPrimaryAttributeIcon
{
	background-image: url("s2r://panorama/images/primary_attribute_icons/primary_attribute_icon_strength_psd.vtex");
}

.InspectHeroAgility #HeroInspectPrimaryAttributeIcon
{
	background-image: url("s2r://panorama/images/primary_attribute_icons/primary_attribute_icon_agility_psd.vtex");
}

.ColorBlindModeEnabled .InspectHeroAgility #HeroInspectPrimaryAttributeIcon
{
	background-image: url("s2r://panorama/images/primary_attribute_icons/primary_attribute_icon_agility_colorblind_psd.vtex");
}

.InspectHeroIntelligence #HeroInspectPrimaryAttributeIcon
{
	background-image: url("s2r://panorama/images/primary_attribute_icons/primary_attribute_icon_intelligence_psd.vtex");
}

.InspectHeroAll #HeroInspectPrimaryAttributeIcon
{
	background-image: url("s2r://panorama/images/primary_attribute_icons/primary_attribute_icon_all_psd.vtex");
}

#HeroInspectInfo
{
	margin-left: 16px;
	margin-right: 16px;
	flow-children: right;
	height: 245px;
	width: 100%;
	margin-top: 42px;
	margin-bottom: 10px;
	opacity: 1;
	transform: translateY(0px);
	transition-property: transform;
	transition-duration: .1s;
}

.IsInBanPhase #HeroInspectInfo
{
	transform: translateY(-32px);
}

.IsInBanPhase.InspectingHero #HeroInspectInfo
{
	transform: translateY(0px);
}

.InspectingHero #HeroInspectInfo
{
	opacity: 1;
}

#HeroPortraitContainer
{
	background-color: black;
	height: 100%;
	width: 160px;
	border: 1px solid #000000;
}

#HeroMovie
{
	width: 160px;
	height: 213px;
	overflow: noclip;
	horizontal-align: center;
	vertical-align: center;
	transform: scale3d( 1.14, 1.14, 1 );
}

#HeroImageFooter
{
	background-color: #000000f5;
	width: 100%;
	vertical-align: bottom;
	height: 42px;
	flow-children: right;
	wash-color: #5E87C2;
}

#ComplexityValue
{
	vertical-align: middle;
	visibility: collapse;
}

.InspectingHero #ComplexityValue
{
	visibility: visible;
}

.ComplexityDiamond
{
	width: 16px;
	height: 16px;
	background-image: url("s2r://panorama/images/hero_complexity_empty_png.vtex");
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 4px;
}

.InspectHeroComplexity1 #HeroInspectComplexity1,.InspectHeroComplexity2 #HeroInspectComplexity1,.InspectHeroComplexity2 #HeroInspectComplexity2,.InspectHeroComplexity3 #HeroInspectComplexity1,.InspectHeroComplexity3 #HeroInspectComplexity2,.InspectHeroComplexity3 #HeroInspectComplexity3
{
	background-image: url("s2r://panorama/images/hero_complexity_full_png.vtex");
}

#HeroImageFooter Label
{
	color: white;
	text-transform: uppercase;
	font-weight: thin;
	letter-spacing: 1px;
	vertical-align: middle;
	text-align: center;
	margin-top: 7px;
	margin-right: 6px;
	margin-left: 3px;
	text-overflow: shrink;
}

#HeroRoles
{
	padding-right: 16px;
	width: fill-parent-flow( 1.0 );
	margin-left: 6px;
}

#HeroAbilities
{
	padding-left: 16px;
	padding-right: 16px;
	margin-top: 297px;
	flow-children: right;
	height: 60px;
}

#HeroAbilities > DOTAAbilityImage,#HeroAbilities > .StatBranch,#HeroAbilities > .ScepterDetails,#HeroAbilities > .InnateAbility
{
	margin-right: 5px;
	width: fill-parent-flow( 1.0 );
	height: width-percentage( 100% );
	tooltip-position: bottom;
	img-shadow: 0px 3px 12px black;
}

#HeroHype
{
	margin-top: 340px;
	color: #547095;
	font-weight: normal;
	height: 172px;
	overflow: clip scroll;
	opacity-mask: url("s2r://panorama/images/masks/softedge_vertical_vscroll_psd.vtex");
	padding-right: 12px;
	visibility: collapse;
	padding-left: 16px;
	padding-right: 16px;
}

.CavernCrawlActive #HeroHype
{
	height: 148px;
}

.BioTabVisible #HeroHype
{
	visibility: visible;
}

.SelfGameEventActive #HeroHype
{
	visibility: collapse;
}

#BioStatsNavigator
{
	margin-top: 350px;
	flow-children: right;
	visibility: collapse;
}

.StrategyPhaseTab Label
{
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.BlockHeader
{
	color: white;
	margin-top: 4px;
	text-transform: uppercase;
	horizontal-align: middle;
	margin-bottom: 4px;
	letter-spacing: 1px;
	font-size: 16px;
}

.HeroStatsSimpleStatName
{
	color: RuneDDColor;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
	text-align: center;
	horizontal-align: middle;
}

.HeroStatsSimpleStatValue
{
	Horizontal-align: middle;
	text-align: center;
}

.InspectingHero #BioStatsNavigator
{
	visibility: visible;
}

.IsInBanPhase .InspectingHero #BioStatsNavigator
{
	visibility: collapse;
}

#StatsPage
{
	margin-top: 370px;
	color: #547095;
	height: 172px;
	width: 100%;
	flow-children: down;
	visibility: collapse;
}

#StatsPage
{
	visibility: collapse;
}

.StatsTabVisible.InspectingHero #StatsPage
{
	visibility: visible;
}

.IsInBanPhase .StatsTabVisible #StatsPage
{
	visibility: collapse;
}

.WithAllyStats,.WithEnemyStats,.PersonalStats
{
	flow-children: down;
	width: 100%;
}

.IsInBanPhase #HeroHype
{
	visibility: collapse;
}

.HasBannedHero.IsInBanPhase #HeroHype
{
	visibility: visible;
}

.PickDesc
{
	margin-top: 0px;
	color: #A9C7f1;
	font-size: 32px;
	font-weight: thin;
	text-align: center;
	text-transform: uppercase;
	horizontal-align: center;
	opacity: 0;
	transition-property: opacity;
	transition-duration: .28s;
}

.InspectingHero #PickDescription,.InspectingHero.IsInBanPhase #BanDescription,.IsInBanPhase #PickDescription
{
	opacity: 0;
}

#PickDescription,.IsInBanPhase:not(.InspectingHero) #BanDescription
{
	opacity: 1;
}

#PickDescription
{
	text-overflow: shrink;
	height: 52px;
}

.IsCoach #PickDescription
{
	visibility: collapse;
}

#BanDescription
{
	vertical-align: bottom;
	margin-bottom: 94px;
	padding-right: 16px;
	padding-left: 16px;
}

#HeroInspectHype VerticalScrollBar
{
	width: 6px;
}

#HeroInspectHype VerticalScrollBar .ScrollThumb
{
	background-color: #496082;
}

.Block2Wide
{
	padding-left: 0px;
	flow-children: right;
	width: 100%;
}

.Block2Wide .HeroStatsSimpleStat
{
	width: 125px;
	width: 50%;
}

.Block2Wide .HeroStatsSimpleStat.Wide
{
	width: 125px;
}

.HeroStatsSimpleStat
{
	flow-children: down;
}

#HeroInfo
{
	flow-children: down;
	height: 100%;
	width: 100%;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 3px;
	visibility: collapse;
	background-color: black;
}

.InspectingHero #HeroInfo
{
	visibility: visible;
}

#HeroStats
{
	flow-children: down;
	width: 100%;
	height: 100%;
	padding-top: 5px;
	overflow: squish;
	visibility: collapse;
	background-color: #0a0a0a;
}

.InspectingHero #HeroStats
{
	visibility: visible;
}

.HeroStatsSection
{
	flow-children: down;
	tooltip-position: top;
	tooltip-body-position: 50% 50%;
}

.HeroStatsHeader
{
	text-transform: uppercase;
	color: #ccc;
}

.HeroStatsRow
{
	flow-children: right;
	vertical-align: center;
}

.HeroStatsIcon
{
	width: 28px;
	height: 28px;
	margin-right: 4px;
	margin-left: 4px;
	vertical-align: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

#ProjectileSpeedRow
{
	visibility: collapse;
}

.RangedAttack #ProjectileSpeedRow
{
	visibility: visible;
}

.SectionHealthMana
{
	width: 100%;
	margin-right: 0px;
	margin-top: 356px;
	padding-left: 16px;
	padding-right: 16px;
	visibility: collapse;
}

.InspectingHero .SectionHealthMana
{
	visibility: visible;
}

.SectionAttributes
{
	horizontal-align: center;
}

.HeroResourceRow
{
	width: 100%;
	height: 25px;
	border-radius: 4px;
	margin-bottom: 4px;
}

.MaxResource
{
	horizontal-align: center;
	text-shadow: 1px 1px 0px 2.0 #000000;
	font-weight: bold;
	color: white;
	margin-top: 2px;
}

.ResourceRegen
{
	margin-top: 2px;
	margin-left: 4px;
	margin-right: 2px;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	horizontal-align: right;
	text-shadow: 1px 1px 0px 1.0 #000000;
}

#HealthRow
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #1A3D1A ), color-stop( 0.2, #67A163 ), color-stop( .5, #187019), to( #175D17 ) );
}

#HealthRow .ResourceRegen
{
	color: #3ed038;
}

#ManaRow
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #6A90BA ), color-stop( 0.4, #144B91 ), to( #2E5187 ) );
}

#ManaRow .ResourceRegen
{
	color: #83C2FE;
}

#HeroOverview
{
	margin-top: 2px;
}

.AttributeContainer
{
	flow-children: down;
	padding-left: 5px;
}

.SectionAttributes .HeroStatsRow
{
	padding: 5px;
	padding-top: 2px;
	padding-bottom: 6px;
}

.AttributeTitle
{
	font-size: 12px;
	color: #A7CED730;
	font-weight: semi-bold;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: 1px;
}

.AttributeNumbers
{
	color: white;
	font-size: 14px;
	letter-spacing: 1px;
}

.SectionDerivedStats
{
	flow-children: right;
	margin-top: 5px;
	horizontal-align: center;
	width: 100%;
	height: fill-parent-flow(1.0);
	padding-left: 10px;
	padding-right: 10px;
	background-color: black;
	padding-top: 5px;
}

.SectionDerivedStats .HeroStatsIcon
{
	height: 14px;
	width: 14px;
}

.SectionDerivedStats .HeroStatsRow
{
	padding: 2px;
	min-width: 50px;
}

.DerivedStatsVerticalContainer
{
	flow-children: down;
	horizontal-align: center;
	padding-left: 12px;
	padding-right: 12px;
}

#FriendsAndFoes
{
	margin-top: 378px;
	padding-left: 16px;
	padding-right: 16px;
}

#HeroSimpleDescription
{
	margin-top: 420px;
	padding-left: 16px;
	padding-right: 16px;
	height:158px;
	visibility:collapse;
}

.HasSelectedHero #HeroSimpleDescription,.InspectingHero #HeroSimpleDescription
{
	visibility: visible;
}

#PreGame.IsCustomGame #FriendsAndFoes
{
	visibility: collapse;
}

#HeroImage
{
	width: 50%;
	height: 50%;
	vertical-align: center;
	horizontal-align: center;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 2;
	visibility: collapse;
}

.HeroFacetOuter
{
	width: 160px;
	vertical-align: bottom;
	flow-children: down;
	background-color: rgba(0, 0, 0, 0.9);
	padding: 4px 0px 4px;
	transition-property: transform, opacity;
	transition-duration: 0.3s;
	transition-delay: 0.1s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
	opacity: 0;
	transform: translateY( 12px );
}

.InspectingHero .HeroFacetOuter
{
	opacity: 1;
	transform: none;
}

.HeroFacetOuter .FacetsLabel
{
	horizontal-align: center;
	text-shadow: 0px 2px 8px black;
	opacity: 0.8;
	font-size: 12px;
	color: #a7ced79b;
	font-weight: semi-bold;
	text-shadow: 0px 2px 8px black;
}

.HeroFacetOuter #HeroFacetContainer
{
	flow-children: right;
	horizontal-align: center;
	vertical-align: bottom;
}

.HeroFacetOuter #HeroFacetContainer DOTAFacetIcon
{
	margin: 3px;
	ui-scale: 108%;
	tooltip-position: bottom;
}