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

DOTAFightRecap
{
	width: 824px;
	height: 840px;
	horizontal-align: center;
	vertical-align: top;
}

#AlertPanel
{
	horizontal-align: center;
	vertical-align: top;
	margin-top: 52px;
}

.FightRecapButton
{
	background-color: #252727d0;
	border: 2px solid #8199C514;
	border-radius: 5px;
	width: fit-children;
	padding: 0px 16px 0px 16px;
	margin-top: 14px;
	box-shadow: fill #7299DB01 0px 0px 12px 0px;
	vertical-align: middle;
	width: 200px;
}

.FightRecapButton:hover
{
	brightness: 1.8;
	background-color: #2d383888;
	box-shadow: fill #7299DB18 0px 0px 12px 0px;
}

.FightRecapButton Label
{
	horizontal-align: center;
	padding: 8px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	color:#8199C5;
	vertical-align: middle;
	horizontal-align: center;
	text-align: center;
	text-overflow: shrink;
	height: 32px;
	transition-property: color;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}

.FightRecapButton:hover .FightRecapButton Label
{
	color: #c9dbe6;
}

.Diretide2020 .FightRecapButton,.Winter2022 .FightRecapButton,.nemestice .FightRecapButton,.aghanim .FightRecapButton,.HIDE_FIGHT_RECAP .FightRecapButton
{
	visibility: collapse;
}

.FightRecapButton:active
{
	brightness: 2.8;
}

#ShowFightRecapButton
{
	opacity: 0;
	transition-property: opacity, brightness, background-color, box-shadow;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}

#HideFightRecapButton
{
	opacity: 0;
	transition-property: opacity, brightness, background-color, box-shadow;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}

.ShowAvailableRecap #ShowFightRecapButton,.ShowFightRecap #HideFightRecapButton
{
	opacity: 1;
}

#MainPanel
{
	width: 100%;
	flow-children: down;
	background-color: bgHUDPanelA;
	transition-property: transform;
	transition-duration: 0.25s;
	transition-timing-function: ease-in-out;
	visibility: collapse;
	margin-top: 35px;
}

.ShowFightRecap #MainPanel
{
	visibility: visible;
}

.Segment
{
	flow-children: down;
	width: 100%;
}

.RadiantContainer,.DireContainer
{
	flow-children: right;
	z-index: 2;
}

.RadiantContainer
{
	horizontal-align: left;
}

.DireContainer
{
	horizontal-align: right;
}

.RecapArrowEntry
{
	width: 100%;
	text-align: center;
	color: white;
	text-shadow: 0px 0px 4px 4.0 #000000;
	font-size: 14px;
	transition-property: opacity;
	transition-duration: 0.1s;
	transition-timing-function: ease-in-out;
	opacity: 0;
}

.TopHalfClipper
{
	width: 100%;
	height: 35px;
	overflow: clip clip;
	vertical-align: top;
}

.BottomHalfClipper
{
	width: 100%;
	height: 35px;
	overflow: clip clip;
	vertical-align: bottom;
}

.FullClipper
{
	width: 100%;
	height: 70px;
	overflow: clip clip;
	vertical-align: bottom;
}

.RecapArrow
{
	width: 60px;
	height: 100%;
	margin-left: 2px;
	margin-right: 2px;
	flow-children: down;
	horizontal-align: center;
}

.RecapBar
{
	width: 60px;
	height: 100%;
	margin-left: 2px;
	margin-right: 2px;
	horizontal-align: center;
}

.RecapArrow .Triangle
{
	width: 100%;
	height: 8px;
	opacity-mask: url("s2r://panorama/images/masks/triangle_psd.vtex");
	background-color: gradient( linear, 0% 0%, 0% 100%, from ( #888888 ), to ( #AAAAAA ) );
}

.RecapArrow .Body
{
	width: 100%;
	height: 27px;
	background-color: gradient( linear, 0% 0%, 0% 100%, from ( #AAAAAA ), color-stop( 0.5, #DDDDDD), to ( #FFFFFF ) );
}

.RecapBar .Body
{
	width: 100%;
	height: 64px;
	background-color: gradient( linear, 0% 0%, 0% 100%, from ( #666666 ), color-stop( 0.7, #AAAAAA ), to ( #FFFFFF ) );
	vertical-align: bottom;
}

.RecapArrow.Down
{
	transform: scaleY( -1.0 );
}

.RecapArrowEntry
{
	width: 100%;
	text-align: center;
	color: white;
	text-shadow: 0px 0px 4px 4.0 #000000;
	font-size: 14px;
	transition-property: opacity;
	transition-duration: 0.1s;
	transition-timing-function: ease-in-out;
	opacity: 0;
}

.SegmentHeader
{
	vertical-align: top;
	horizontal-align: center;
	color: defaultHUDText;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	height: 20px;
	z-index: 0;
	padding-top: 2px;
	background-color: bgHUDPanelShadow;
}

.SegmentHeader.Centered
{
	vertical-align:center;
}

.SegmentContents
{
	flow-children: right;
}

.SegmentContentsVertical
{
	flow-children: down;
}

.SegmentValues
{
	vertical-align: bottom;
	horizontal-align: center;
	width: 208px;
	flow-children: right;
	margin-bottom: 12px;
}

.SegmentValue
{
	width: fill-parent-flow( 0.5 );
	color: bluegreyTextBright;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	font-size: 24px;
}

.AbilityEntry
{
	opacity: 0;
}

.AbilityEntry.SlotVisible
{
	opacity: 1;
}

#AbilityIcon
{
	width: 60px;
	height: 60px;
	padding: 6px;
	margin-left: 0px;
	margin-right: 2px;
	saturation: 0.8;
	border-radius: 0px;
	box-shadow: none;
}

.DeathEntry
{
	width: 62px;
	height: 70px;
}

.DeathIcon
{
	width: 42px;
	height: 28px;
	background-image: url("s2r://panorama/images/hud/reborn/dead_icon_psd.vtex");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: center;
	horizontal-align: center;
	margin-top: 32px;
	visibility: collapse;
}

.DeathBuybackIcon
{
	width: 42px;
	height: 28px;
	background-image: url("s2r://panorama/images/hud/reborn/dead_bb_icon_psd.vtex");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: center;
	horizontal-align: center;
	margin-top: 32px;
	visibility: collapse;
}

.Died .DeathIcon,.DiedBuyback .DeathBuybackIcon
{
	visibility: visible;
}

#GoldSegment .SegmentValue
{
	color: #ffcc33bb;
}

#XPSegment .SegmentValue
{
	color:#ACC9ED;
}

#DamageSegment .SegmentValue
{
	color:#de5041dd;
}

.GoldEntry
{
	width: 62px;
	height: 70px;
	opacity: 0;
}

.GoldEntry.SlotVisible
{
	opacity: 1;
}

.GoldEntry:hover Label
{
	opacity: 1;
}

.Gold.RecapArrow
{
	wash-color: #ffcc33dd;
}

.Gold.RecapArrow.Down
{
	visibility: collapse;
}

.XPEntry
{
	width: 62px;
	height: 70px;
	opacity: 0;
}

.XPEntry.SlotVisible
{
	opacity: 1;
}

.XPEntry:hover Label
{
	opacity: 1;
}

.XP.RecapBar
{
	wash-color: #92bbed;
}

.DamageEntry
{
	width: 62px;
	height: 70px;
	opacity: 0;
}

.DamageEntry.SlotVisible
{
	opacity: 1;
}

.DamageEntry:hover Label
{
	opacity: 1;
}

.Damage.RecapBar
{
	wash-color: #de5041ee;
}

.AbilityContainer
{
	visibility: collapse;
}

.OneAbility #RadiantAbilities1,.TwoAbility #RadiantAbilities1,.ThreeAbility #RadiantAbilities1,.FourAbility #RadiantAbilities1,.OneAbility #DireAbilities1,.TwoAbility #DireAbilities1,.ThreeAbility #DireAbilities1,.FourAbility #DireAbilities1
{
	visibility: visible;
}

.TwoAbility #RadiantAbilities2,.ThreeAbility #RadiantAbilities2,.FourAbility #RadiantAbilities2,.TwoAbility #DireAbilities2,.ThreeAbility #DireAbilities2,.FourAbility #DireAbilities2
{
	visibility: visible;
}

.ThreeAbility #RadiantAbilities3,.FourAbility #RadiantAbilities3,.ThreeAbility #DireAbilities3,.FourAbility #DireAbilities3
{
	visibility: visible;
}

.FourAbility #RadiantAbilities4,.FourAbility #DireAbilities4
{
	visibility: visible;
}

.ItemContainer
{
	visibility: collapse;
}

.OneItem #RadiantItems1,.TwoItem #RadiantItems1,.ThreeItem #RadiantItems1,.FourItem #RadiantItems1,.OneItem #DireItems1,.TwoItem #DireItems1,.ThreeItem #DireItems1,.FourItem #DireItems1
{
	visibility: visible;
}

.TwoItem #RadiantItems2,.ThreeItem #RadiantItems2,.FourItem #RadiantItems2,.TwoItem #DireItems2,.ThreeItem #DireItems2,.FourItem #DireItems2
{
	visibility: visible;
}

.ThreeItem #RadiantItems3,.FourItem #RadiantItems3,.ThreeItem #DireItems3,.FourItem #DireItems3
{
	visibility: visible;
}

.Segment
{
	width: 100%;
}

.UsageCount
{
	horizontal-align: right;
	vertical-align: bottom;
	margin-right: 2px;
	margin-bottom: 2px;
	text-shadow: 0px 0px 2px 4.0 #000000;
	color: bluegreyTextBright;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}

.Single .UsageCount
{
	visibility: collapse;
}