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

@define primaryColor1: #31C8DB;
@define primaryColor2: #30A4D5;
@define primaryColor3: #176490;
@define primaryColor4: #0E4B80;
@define primaryColor5: #002C4C;
@define primaryColor6: #00182E;
@define secondaryColor1: #EADAC0;
@define secondaryColor2: #CBB593;
@define secondaryColor3: #948A76;
@define secondaryColor4: #4E4B44;
@keyframes 'GlowTablet'
{
	0%
	{
		brightness: 1;
	}
	
	100%
	{
		brightness: 2;
	}
	
}

DOTAUIFantasyCraftTablet
{
	height: 100%;
	saturation: 0.5;
	brightness: 0.3;
	opacity: 0.5;
	flow-children: down;
	transition-property: transform, border, brightness, saturation;
	transition-timing-function: ease;
	transition-duration: 0.075s, 0.1s;
}

DOTAUIFantasyCraftTablet .TabletDetails
{
	width: 100%;
	height: 100%;
}

DOTAUIFantasyCraftTablet .TabletDetails .AsyncSuccessContainer
{
	height: 100%;
	flow-children: down;
}

DOTAUIFantasyCraftTablet:active
{
	transform: scale3d(0.994, 0.994, 1);
}

DOTAUIFantasyCraftTablet.Selected
{
	saturation: 1;
	brightness: 1;
	opacity: 1;
}

DOTAUIFantasyCraftTablet.Selected .FantasyTablet
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( primaryColor4&99 ), to( #00091F ) );
}

DOTAUIFantasyCraftTablet.Selected .WarbannerBackground
{
	brightness: 1;
}

DOTAUIFantasyCraftTablet.Selected #SelectPlayerButton,DOTAUIFantasyCraftTablet.Selected #SelectTitleButton
{
	opacity: 1;
}

DOTAUIFantasyCraftTablet #SelectPlayerButton,DOTAUIFantasyCraftTablet #SelectTitleButton
{
	opacity: 0;
}

DOTAUIFantasyCraftTablet.MiniTabletView
{
	saturation: 1;
	brightness: 1;
}

DOTAUIFantasyCraftTablet .RoleName
{
	horizontal-align: center;
	text-align: center;
	font-family: titleFont;
	color: primaryColor2;
	color: gradient( linear, 0% 0%, 0% 100%, from( primaryColor1 ), to( primaryColor2 ) );
	margin-bottom: 12px;
	font-size: 32px;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4);
}

DOTAUIFantasyCraftTablet .Ornament
{
	width: 100px;
	height: 10px;
	background-image: url("s2r://panorama/images/fantasy_craft/player_card_ornament_png.vtex");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	horizontal-align: center;
	z-index: 1;
}

DOTAUIFantasyCraftTablet .Ornament.Bottom
{
	transform: scaleY( -1 );
}

DOTAUIFantasyCraftTablet .FantasyTablet
{
	width: 100%;
	height: fill-parent-flow(1);
	flow-children: right;
	background-color: gradient( linear, 0% 0%, 20% 100%, from( primaryColor6 ), to( black ) );
	box-shadow: 0px 8px 48px -8px rgba(0, 0, 0, 0.3);
	transition-property: background-color, border;
	transition-timing-function: ease;
	transition-duration: 0.1s;
}

DOTAUIFantasyCraftTablet .FantasyTablet .TabletBorder
{
	width: 100%;
	height: 100%;
	ignore-parent-flow: true;
	border-top: 3px solid rgba(255, 255, 255, 1);
	border-bottom: 3px solid rgba(255, 255, 255, 1);
	border-brush: gradient( linear, 0% 0%, 100% 0%, from( secondaryColor3 ), color-stop( 0.5, secondaryColor1 ), to( secondaryColor3 ) );
	transition-property: border;
	transition-timing-function: ease;
	transition-duration: 0.1s;
}

DOTAUIFantasyCraftTablet .FantasyTablet .PlayerNameAndTitle
{
	width: 100%;
	text-align: center;
	horizontal-align: center;
}

DOTAUIFantasyCraftTablet .FantasyTablet .PlayerNameAndTitle Label
{
	width: 100%;
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
}

DOTAUIFantasyCraftTablet .FantasyTablet.HighlightPrefix .PlayerNameAndTitle Label .Prefix
{
	color: #ffff0066;
}

DOTAUIFantasyCraftTablet .FantasyTablet.HighlightSuffix .PlayerNameAndTitle Label .Suffix
{
	color: #ffff0066;
}

DOTAUIFantasyCraftTablet .FantasyTablet.HighlightPlayer .PlayerNameAndTitle Label .PersonaName
{
	color: #ffff0066;
}

DOTAUIFantasyCraftTablet .FantasyTablet.HighlightPlayer .PlayerImages
{
	border: 2px solid #ffff0066;
}

DOTAUIFantasyCraftTablet .FantasyTablet .PlayerImages
{
	width: 100%;
	height: 100%;
	horizontal-align: center;
	vertical-align: bottom;
}

DOTAUIFantasyCraftTablet .FantasyTablet .PlayerImages #Headshot
{
	height: 64%;
	width: height-percentage( 100% );
	overflow: noclip;
	horizontal-align: center;
	vertical-align: bottom;
}

DOTAUIFantasyCraftTablet .FantasyTablet .PlayerImages #TeamLogo
{
	width: 80px;
	height: 80px;
	horizontal-align: left;
	vertical-align: bottom;
	margin-bottom: 44%;
	margin-left: 12px;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer
{
	ignore-parent-flow: true;
	width: 48.5%;
	height: fit-children;
	horizontal-align: right;
	margin-top: 16px;
	margin-right: 8px;
	z-index: 1;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer .WarbannerBackground
{
	width: 100%;
	height: 100%;
	background-image: url("s2r://panorama/images/fantasy_craft/war_banner_fill_png.vtex");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	wash-color: primaryColor4;
	img-shadow: 0px 2px 12px black;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer .WarbannerBorder
{
	width: 100%;
	height: 100%;
	background-image: url("s2r://panorama/images/fantasy_craft/war_banner_outline_png.vtex");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	wash-color: secondaryColor2;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder
{
	flow-children: down;
	width: 100%;
	padding: 12px;
	margin-bottom: 32px;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem
{
	width: 100%;
	margin: 4px;
	box-shadow: 0px 2px 8px #0006;
	height: fit-children;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.HighlightEntireGem
{
	box-shadow: 0px 0px 4px #ffff0066;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.HighlightStat .Details .Header .GemStat
{
	color: gold;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.HighlightStat .GemStatIcon
{
	border: 2px solid #ffff0066;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.HighlightQuality #GemQuality
{
	border: 2px solid #ffff0066;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.HighlightShape #GemShape
{
	border: 2px solid #ffff0066;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemStatIcon
{
	width: 32px;
	height: width-percentage( 100% );
	vertical-align: top;
	background-color: black;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 10;
	-s2-mix-blend-mode: screen;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.gem_type1 .GemStatIcon
{
	wash-color: rgb(159, 149, 211);
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.gem_type2 .GemStatIcon
{
	wash-color: rgb(90, 164, 108);
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.gem_type0 .GemStatIcon
{
	wash-color: rgb(206, 110, 110);
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemContents
{
	width: 100%;
	height: 80px;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemContents .Background
{
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left top;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemContents .Details
{
	flow-children: down;
	width: 100%;
	height: fit-children;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemContents .Details .Header
{
	flow-children: right;
	background-color: #000a;
	width: 100%;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemContents .Details .Header .GemTotal
{
	width: 50px;
	text-overflow: noclip;
	overflow: noclip;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemContents .Details .Header Label
{
	padding: 2px 4px 2px 4px;
	border: 2px solid transparent;
	font-family: titleFont;
	color: #ccc;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 16px;
	text-overflow: shrink;
	height: 32px;
	text-shadow: 2px 2px 4px black;
	font-weight: bold;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemContents .Details .Body
{
	flow-children: down;
	width: 100%;
	height: 86px;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.gem_type0 .GemContents
{
	background-color: #3e1717;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.gem_type0 .GemContents .Background
{
	background-image: url("s2r://panorama/images/guild_patterns/guild_pattern_2_psd.vtex");
	wash-color: #3e1717fd;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.gem_type1 .GemContents
{
	background-color: #171e3e;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.gem_type1 .GemContents .Background
{
	background-image: url("s2r://panorama/images/guild_patterns/guild_pattern_3_psd.vtex");
	wash-color: #171e3efd;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.gem_type2 .GemContents
{
	background-color: #173e18;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.gem_type2 .GemContents .Background
{
	background-image: url("s2r://panorama/images/guild_patterns/guild_pattern_4_psd.vtex");
	wash-color: #173e18fd;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemStat
{
	width: fill-parent-flow( 1.0 );
	margin-left: 32px;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemTotal
{
	text-align: right;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemAttribute
{
	flow-children: right;
	padding: 2px 6px;
	border: 2px solid transparent;
	transition-property: brightness;
	transition-duration: 0.2s;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemAttribute:hover
{
	brightness: 2.0;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemAttribute .GemAttributeIcon
{
	width: 18px;
	height: 18px;
	wash-color: #aaa;
	margin-right: 8px;
	img-shadow: 2px 2px 4px black;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemAttribute Label
{
	color: #aaa;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
	text-shadow: 2px 2px 4px black;
	vertical-align: middle;
	width: fit-children;
}

DOTAUIFantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemAttribute .GemAttributeQualityAmount
{
	text-align: right;
}

.gem_stat0 .GemStatIcon
{
	background-image: url("s2r://panorama/images/fantasy_craft/fantasy_emblem_kills_png.vtex");
}

.gem_stat1 .GemStatIcon
{
	background-image: url("s2r://panorama/images/fantasy_craft/fantasy_emblem_deaths_png.vtex");
}

.gem_stat2 .GemStatIcon
{
	background-image: url("s2r://panorama/images/fantasy_craft/fantasy_emblem_creep_score_png.vtex");
}

.gem_stat3 .GemStatIcon
{
	background-image: url("s2r://panorama/images/fantasy_craft/fantasy_emblem_gpm_png.vtex");
}

.gem_stat4 .GemStatIcon
{
	background-image: url("s2r://panorama/images/fantasy_craft/fantasy_emblem_towers_killed_png.vtex");
}

.gem_stat5 .GemStatIcon
{
	background-image: url("s2r://panorama/images/fantasy_craft/fantasy_emblem_roshan_png.vtex");
}

.gem_stat6 .GemStatIcon
{
	background-image: url("s2r://panorama/images/fantasy_craft/fantasy_emblem_teamfight_png.vtex");
}

.gem_stat7 .GemStatIcon
{
	background-image: url("s2r://panorama/images/fantasy_craft/fantasy_emblem_wards_placed_png.vtex");
}

.gem_stat8 .GemStatIcon
{
	background-image: url("s2r://panorama/images/fantasy_craft/fantasy_emblem_creeps_stacked_png.vtex");
}

.gem_stat9 .GemStatIcon
{
	background-image: url("s2r://panorama/images/fantasy_craft/fantasy_emblem_rune_png.vtex");
}

.gem_stat10 .GemStatIcon
{
	background-image: url("s2r://panorama/images/fantasy_craft/fantasy_emblem_first_blood_png.vtex");
}

.gem_stat11 .GemStatIcon
{
	background-image: url("s2r://panorama/images/fantasy_craft/fantasy_emblem_stuns_png.vtex");
}

.gem_stat12 .GemStatIcon
{
	background-image: url("s2r://panorama/images/fantasy_craft/fantasy_emblem_smoke_png.vtex");
}

.gem_stat13 .GemStatIcon
{
	background-image: url("s2r://panorama/images/fantasy_craft/fantasy_emblem_neutral_token_png.vtex");
}

.gem_stat14 .GemStatIcon
{
	background-image: url("s2r://panorama/images/fantasy_craft/fantasy_emblem_sentinel_png.vtex");
}

.gem_stat15 .GemStatIcon
{
	background-image: url("s2r://panorama/images/fantasy_craft/fantasy_emblem_lotus_png.vtex");
}

.gem_stat16 .GemStatIcon
{
	background-image: url("s2r://panorama/images/fantasy_craft/fantasy_emblem_tormentor_png.vtex");
}

.gem_stat17 .GemStatIcon
{
	background-image: url("s2r://panorama/images/fantasy_craft/fantasy_emblem_courier_kill_png.vtex");
}

.gem_shape1 #GemShape .GemAttributeIcon
{
	background-image: url("s2r://panorama/images/fantasy_craft/gem_shape_round_png.vtex");
}

.gem_shape2 #GemShape .GemAttributeIcon
{
	background-image: url("s2r://panorama/images/fantasy_craft/gem_shape_pear_png.vtex");
}

.gem_shape3 #GemShape .GemAttributeIcon
{
	background-image: url("s2r://panorama/images/fantasy_craft/gem_shape_cushion_png.vtex");
}

.gem_shape4 #GemShape .GemAttributeIcon
{
	background-image: url("s2r://panorama/images/fantasy_craft/gem_shape_princess_png.vtex");
}

.gem_shape5 #GemShape .GemAttributeIcon
{
	background-image: url("s2r://panorama/images/fantasy_craft/gem_shape_heart_png.vtex");
}

.gem_quality1 #GemQuality .GemAttributeIcon
{
	background-image: url("s2r://panorama/images/rank_tier_icons/mini/rank1_psd.vtex");
}

.gem_quality2 #GemQuality .GemAttributeIcon
{
	background-image: url("s2r://panorama/images/rank_tier_icons/mini/rank2_psd.vtex");
}

.gem_quality3 #GemQuality .GemAttributeIcon
{
	background-image: url("s2r://panorama/images/rank_tier_icons/mini/rank3_psd.vtex");
}

.gem_quality4 #GemQuality .GemAttributeIcon
{
	background-image: url("s2r://panorama/images/rank_tier_icons/mini/rank4_psd.vtex");
}

.gem_quality5 #GemQuality .GemAttributeIcon
{
	background-image: url("s2r://panorama/images/rank_tier_icons/mini/rank5_psd.vtex");
}

.FullTabletView DOTAUIFantasyCraftTablet
{
	height: 100%;
}

.MiniTabletView DOTAUIFantasyCraftTablet
{
	height: 100%;
	width: 100%;
	margin-bottom: 8px;
	saturation: 1;
	brightness: 1;
	opacity: 1;
}

.FullTabletView Label
{
	font-family: titleFont;
	font-size: 24px;
	vertical-align: top;
	horizontal-align: center;
}

.MiniTabletView .RoleName
{
	font-size: 24px;
	margin-bottom: 2px;
}

.FullTabletView .FantasyTablet
{
	width: 100%;
	height: 100%;
}

.PlayerAndImages
{
	width: 46%;
	height: 100%;
	padding: 40px 0px 0px 12px;
}

.PlayerAndImages .RoleAndName
{
	flow-children: down;
	width: 100%;
	padding: 0px 16px;
}

.PlayerAndImages #SelectPlayerButton
{
	horizontal-align: center;
	vertical-align: bottom;
	margin-bottom: 20px;
}

.InvalidPlayer #SelectPlayerButton
{
	animation-name: GlowPrimaryButton;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-direction: alternate-reverse;
}

.FullTabletView #GemMiniProfile
{
	visibility: collapse;
}

.TabletSnippetHolder
{
	width: 100%;
	height: fit-children;
	flow-children: down;
	margin-left: 15px;
	margin-right: 15px;
}

.FullTabletView .TabletSnippetHolder
{
	height: 100%;
}

.FullTabletView .FantasyPlayerTitle
{
	margin-left: 8px;
	margin-right: 8px;
}

.FantasyPlayerTitle
{
	margin-left: 2px;
	margin-right: 2px;
}

.FullTabletView .FantasyGem
{
	height: 50px;
	vertical-align: center;
	width: 100%;
}

.FullTabletView .FantasyGemTitle
{
	width: fill-parent-flow( 1.0 );
}

.FullTabletView .FantasyGemTitle Label
{
	font-size: 20px;
	font-family: defaultFont;
}

#SelectTabletButton
{
	horizontal-align: center;
}

.FantasyGemTitle
{
	margin-right: 2px;
	margin-left: 2px;
	horizontal-align: left;
}

.FullTabletView .Spacer
{
	width: fill-parent-flow( 1.0 );
}

.MiniTabletView #FantasyGemHolder .GemAttribute
{
	visibility: collapse;
}

.MiniTabletView #FantasyGemHolder #Score.GemAttribute
{
	visibility: visible;
	vertical-align: center;
	horizontal-align: center;
}

.MiniTabletView #FantasyGemHolder #Score.GemAttribute .GemScore
{
	font-size: 14px;
	color: white;
}

.MiniTabletView .FantasyTablet
{
	flow-children: right;
	margin-left: 8px;
	margin-left: 8px;
	saturation: 1.0;
	brightness: 1.0;
}

.MiniTabletView DOTAUIFantasyCraftTablet .FantasyTablet #FantasyGemHolder .FantasyGem .GemContents .Details .Header
{
	background-color: transparent;
	height: fit-children;
	vertical-align: middle;
}

DOTAUIFantasyCraftTablet .FantasyTablet #FantasyGemHolder .FantasyGem .GemContents .Details .Body #Score
{
	visibility: collapse;
}

.MiniTabletView DOTAUIFantasyCraftTablet .FantasyTablet #FantasyGemHolder .FantasyGem .GemContents .Details .Body #Score
{
	visibility: visible;
}

.MiniTabletView DOTAUIFantasyCraftTablet #FantasyGemHolder .FantasyGem .GemContents .Details .Body
{
	height: 30px;
}

.MiniTabletView DOTAUIFantasyCraftTablet #FantasyGemHolder .FantasyGem .GemContents .Details
{
	height: fit-children;
	width: 100%;
}

.MiniTabletView DOTAUIFantasyCraftTablet #FantasyGemHolder .FantasyGem .GemContents
{
	height: fit-children;
}

.MiniTabletView DOTAUIFantasyCraftTablet #FantasyGemHolder .GemContents
{
	height: 32px;
}

@keyframes 'SubtlePulse'
{
	0%
	{
		brightness: 1;
		text-shadow: 0px 0px 0px 1.0 dotaPlusGold;
	}
	
	100%
	{
		brightness: 2;
		text-shadow: 0px 0px 3px dotaPlusGold;
	}
	
}

.Selected .FantasyGem.HighlightQuality #GemQuality Label,.Selected .FantasyGem.HighlightStat .Details .Header .GemStat,.Selected .FantasyGem.HighlightShape #GemShape Label
{
	animation-iteration-count: infinite;
	animation-name: SubtlePulse;
	animation-duration: 1s;
	animation-direction: alternate;
	font-weight: bold;
}

@keyframes 'QualityDown'
{
	0%
	{
		pre-transform-scale2d: 1.0;
		wash-color: transparent;
	}
	
	50%
	{
		pre-transform-scale2d: 0.9;
		wash-color: darkgray;
	}
	
	100%
	{
		pre-transform-scale2d: 1.0;
		wash-color: transparent;
	}
	
}

@keyframes 'QualityUp'
{
	0%
	{
		pre-transform-scale2d: 1.0;
		wash-color: transparent;
	}
	
	50%
	{
		pre-transform-scale2d: 1.2;
		wash-color: gold;
	}
	
	100%
	{
		pre-transform-scale2d: 1.0;
		wash-color: transparent;
	}
	
}

@keyframes 'ValueChanged'
{
	0%
	{
		pre-transform-scale2d: 1.0;
		wash-color: transparent;
	}
	
	50%
	{
		pre-transform-scale2d: 1.1;
		wash-color: yellow;
	}
	
	100%
	{
		pre-transform-scale2d: 1.0;
		wash-color: transparent;
	}
	
}

DOTAUIFantasyCraftTablet .FantasyGem .GemContents #GemQuality.gem_quality_up
{
	animation-name: QualityUp;
	animation-duration: .5s;
	animation-iteration-count: 1;
}

DOTAUIFantasyCraftTablet .FantasyGem .GemContents #GemQuality.gem_quality_down
{
	animation-name: QualityDown;
	animation-duration: .5s;
	animation-iteration-count: 1;
}

DOTAUIFantasyCraftTablet .FantasyGem .GemContents .Header .gem_value_changed,DOTAUIFantasyCraftTablet .FantasyGem .GemContents .Body .gem_value_changed
{
	animation-name: ValueChanged;
	animation-duration: .5s;
}

.CraftingOnly
{
	visibility: collapse;
}

.CraftingEnabled .CraftingOnly
{
	visibility: visible;
}

#SelectTitleButton
{
	horizontal-align: center;
	margin-top: 12px;
}

#InvalidPlayerAlert
{
	horizontal-align: left;
	width: 40px;
	height: 40px;
	margin-left: 15%;
	visibility: collapse;
}

.CraftingEnabled .InvalidPlayer #InvalidPlayerAlert
{
	visibility: visible;
}

#InvalidPlayerAlert .InfoIcon
{
	horizontal-align: center;
	vertical-align: center;
	wash-color: #bb5c2c;
}

#InvalidPlayerAlert.ViewedAlert .InfoIcon
{
	wash-color: grey;
}

#InvalidPlayerAlert .InfoIcon.Shadow
{
	margin-left: 10px;
	margin-top: 4px;
	wash-color: black;
}

#InvalidPlayerAlert.ViewedAlert .InfoIcon.Shadow
{
	wash-color: black;
}

.HeroGameplayUpdatePulse
{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 3px solid #bb5c2c;
	opacity: 0;
	transition-property: opacity, transform;
	animation-name: pulsealert;
	animation-duration: 1.01s;
	animation-timing-function: ease-in;
	animation-iteration-count: infinite;
	overflow: noclip;
}

.ViewedAlert .HeroGameplayUpdatePulse
{
	visibility: collapse;
}

@keyframes 'pulsealert'
{
	0%
	{
		opacity: 1;
		pre-transform-scale2d: 0.001;
	}
	
	60%
	{
		opacity: 1;
	}
	
	95%
	{
		opacity: 0;
	}
	
	99%
	{
		pre-transform-scale2d: .9;
	}
	
	100%
	{
		pre-transform-scale2d: 0.001;
	}
	
}