/* Prettified by Source 2 Viewer 11.1.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;
	}
	
}

DOTAInternational2025FantasyCraftTablet
{
	height: 100%;
	flow-children: down;
	transition-property: transform, opacity, blur, border, brightness, saturation;
	transition-timing-function: ease;
	transition-duration: 0.075s, 0.2s, 0.2s, 0.1s;
}

DOTAInternational2025FantasyCraftTablet .TabletShadow
{
	box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.4);
}

DOTAInternational2025FantasyCraftTablet .TabletDetails
{
	width: 100%;
	height: 100%;
}

DOTAInternational2025FantasyCraftTablet .TabletDetails .AsyncSuccessContainer
{
	height: 100%;
	flow-children: down;
}

DOTAInternational2025FantasyCraftTablet #SelectPlayerButton,DOTAInternational2025FantasyCraftTablet #SelectTitleButton
{
	opacity: 0;
}

DOTAInternational2025FantasyCraftTablet.MiniTabletView
{
	saturation: 1;
	brightness: 1;
}

DOTAInternational2025FantasyCraftTablet .RoleName
{
	horizontal-align: center;
	text-align: center;
	font-family: titleFont;
	color: primaryColor2;
	color: gradient( linear, 0% 0%, 0% 100%, from( white ), to( LightestGrey ) );
	margin-bottom: 4px;
	font-size: 32px;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 46px;
	text-overflow: shrink;
}

DOTAInternational2025FantasyCraftTablet .Ornament
{
	width: 100px;
	height: 10px;
	background-image: url("s2r://panorama/images/events/international_2025/artwork/ornament_png.vtex");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	horizontal-align: center;
	z-index: 1;
}

DOTAInternational2025FantasyCraftTablet .Ornament.Bottom
{
	transform: scaleY( -1 );
	brightness: 0.5;
}

DOTAInternational2025FantasyCraftTablet .TabletBorder
{
	width: 100%;
	height: 3px;
	background-color: gradient( linear, 0% 20%, 0% 80%, from( #FFFFFF ), to( #8d7893 ) );
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
	z-index: 1;
	transition-property: border;
	transition-timing-function: ease;
	transition-duration: 0.1s;
}

DOTAInternational2025FantasyCraftTablet .TabletShadow
{
	width: 100%;
	height: 100%;
	ignore-parent-flow: true;
	z-index: -1;
	margin: 12px 4px 16px;
	transition-property: box-shadow;
	transition-timing-function: ease;
	transition-duration: 0.3s;
}

DOTAInternational2025FantasyCraftTablet .FantasyTablet
{
	width: 100%;
	height: fill-parent-flow(1);
	flow-children: right;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #2D256F ), to( #190B3A ) );
	transition-property: background-color, opacity;
	transition-timing-function: ease;
	transition-duration: 0.2s;
}

DOTAInternational2025FantasyCraftTablet .FantasyTablet .FantasyTabletBorder
{
	width: 100%;
	height: 100%;
	border: 1px solid rgba(255, 255, 255, 0.02);
	border-top: 0px;
	border-bottom: 0px;
	ignore-parent-flow: true;
	border-brush: gradient( linear, 0% 0%, 0% 100%, from( rgb(196, 192, 240) ), to( rgb(115, 110, 169) ) );
	transition-property: border;
	transition-duration: 0.1s;
}

DOTAInternational2025FantasyCraftTablet .FantasyTablet .PlayerNameAndTitle
{
	width: 100%;
	text-align: center;
	horizontal-align: center;
	flow-children: down;
}

DOTAInternational2025FantasyCraftTablet .FantasyTablet .PlayerNameAndTitle #PlayerNameAndTitleLabel
{
	padding: 0px 8px;
	font-family: titleFont;
}

DOTAInternational2025FantasyCraftTablet .FantasyTablet .PlayerNameAndTitle Label
{
	width: 100%;
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
	color: #ffffffad;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.8);
}

DOTAInternational2025FantasyCraftTablet .FantasyTablet .PlayerNameAndTitle .TitleHolder
{
	width: 80%;
	text-align: center;
	horizontal-align: center;
	flow-children: down;
	height: fit-children;
}

DOTAInternational2025FantasyCraftTablet .FantasyTablet .PlayerNameAndTitle .TitleHolder Label
{
	font-size: 14px;
}

DOTAInternational2025FantasyCraftTablet .FantasyTablet .PlayerNameAndTitle .TitleHolder .BodySmall
{
	color: #ffffff99;
	text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.8);
	line-height: 1.1;
}

DOTAInternational2025FantasyCraftTablet .FantasyTablet .PlayerNameAndTitle .TitleHolder .TitleSmall
{
	padding-top: 8px;
	text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.8);
	color: white;
	font-family: Radiance;
	text-transform: none;
	letter-spacing: 0px;
	font-weight: normal;
}

DOTAInternational2025FantasyCraftTablet .FantasyTablet .FlagTexture
{
	width: 100%;
	height: 100%;
	ignore-parent-flow: true;
	background-size: cover;
	background-position: center;
	-s2-mix-blend-mode: multiply;
}

DOTAInternational2025FantasyCraftTablet .FantasyTablet #TeamLogo
{
	width: 140px;
	height: 160px;
	ignore-parent-flow: true;
	horizontal-align: right;
	vertical-align: bottom;
	margin-bottom: 14px;
	margin-right: 12%;
	opacity: 0.98;
}

DOTAInternational2025FantasyCraftTablet .FantasyTablet.HighlightPrefix .PlayerNameAndTitle Label .Prefix
{
	color: #ffff0066;
}

DOTAInternational2025FantasyCraftTablet .FantasyTablet.HighlightSuffix .PlayerNameAndTitle Label .Suffix
{
	color: #ffff0066;
}

DOTAInternational2025FantasyCraftTablet .FantasyTablet.HighlightPlayer .PlayerNameAndTitle Label .PersonaName
{
	color: #ffff0066;
}

DOTAInternational2025FantasyCraftTablet .FantasyTablet.HighlightPlayer .PlayerImages
{
	border: 2px solid #ffff0066;
}

DOTAInternational2025FantasyCraftTablet .FantasyTablet #Headshot
{
	height: 45%;
	width: height-percentage( 100% );
	ignore-parent-flow: true;
	transform: translateX( -24px );
	vertical-align: bottom;
}

.AspectRatio16x10 DOTAInternational2025FantasyCraftTablet .FantasyTablet #Headshot
{
	height: 40%;
}

.AspectRatio21x9 DOTAInternational2025FantasyCraftTablet .FantasyTablet #Headshot
{
	transform: translateX( 10px );
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer
{
	ignore-parent-flow: true;
	width: 46.5%;
	height: fit-children;
	horizontal-align: right;
	margin-top: 16px;
	margin-right: 16px;
	z-index: 1;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer .WarbannerBackgroundContainer
{
	width: 100%;
	height: 100%;
	flow-children: down;
	wash-color: #2b1f6b;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer .WarbannerBackgroundContainer .WarbannerBackground
{
	width: 100%;
	height: fill-parent-flow(1);
	background-image: url("s2r://panorama/images/fantasy_craft/war_banner_fill_png.vtex");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer .WarbannerBackgroundContainer .WarbannerBackgroundEdge
{
	width: 100%;
	height: 38px;
	background-image: url("s2r://panorama/images/fantasy_craft/war_banner_fill_edge_png.vtex");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: -0.5px;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer .WarbannerBorderContainer
{
	width: 100%;
	height: 100%;
	wash-color: secondaryColor2;
	flow-children: down;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer .WarbannerBorderContainer .WarbannerBorder
{
	width: 100%;
	height: fill-parent-flow(1);
	background-image: url("s2r://panorama/images/fantasy_craft/war_banner_outline_png.vtex");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer .WarbannerBorderContainer .WarbannerBorderEdge
{
	width: 100%;
	height: 38px;
	background-image: url("s2r://panorama/images/fantasy_craft/war_banner_outline_edge_png.vtex");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: -0.5px;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder
{
	flow-children: down;
	width: 100%;
	padding: 12px;
	margin-bottom: 32px;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem
{
	width: 100%;
	margin: 4px;
	box-shadow: 0px 2px 8px #0006;
	height: fit-children;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.HighlightEntireGem
{
	box-shadow: 0px 0px 4px #ffff0066;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.HighlightStat .Details .Header .GemStat
{
	color: gold;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.HighlightStat .GemStatIcon
{
	border: 2px solid #ffff0066;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.HighlightQuality #GemQuality
{
	border: 2px solid #ffff0066;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.HighlightShape #GemShape
{
	border: 2px solid #ffff0066;
}

DOTAInternational2025FantasyCraftTablet .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;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.gem_type1 .GemStatIcon
{
	wash-color: rgb(159, 149, 211);
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.gem_type2 .GemStatIcon
{
	wash-color: rgb(90, 164, 108);
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.gem_type0 .GemStatIcon
{
	wash-color: rgb(206, 110, 110);
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemContents
{
	width: 100%;
	height: 80px;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemContents .Background
{
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left top;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemContents .Details
{
	flow-children: down;
	width: 100%;
	height: fit-children;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemContents .Details .Header
{
	flow-children: right;
	background-color: #000a;
	width: 100%;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemContents .Details .Header .GemTotal
{
	width: 50px;
	text-overflow: noclip;
	overflow: noclip;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemContents .Details .Header Label
{
	padding: 2px 4px 2px 4px;
	border: 2px solid transparent;
	font-family: titleFont;
	color: #e4e2ff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 16px;
	text-overflow: shrink;
	height: 32px;
	text-shadow: 2px 2px 4px black;
	font-weight: bold;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemContents .Details .Body
{
	flow-children: down;
	width: 100%;
	height: 86px;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.gem_type0 .GemContents
{
	background-color: #3e1717;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.gem_type0 .GemContents .Background
{
	background-image: url("s2r://panorama/images/guild_patterns/guild_pattern_2_psd.vtex");
	wash-color: #3e1717fd;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.gem_type1 .GemContents
{
	background-color: #171e3e;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.gem_type1 .GemContents .Background
{
	background-image: url("s2r://panorama/images/guild_patterns/guild_pattern_3_psd.vtex");
	wash-color: #171e3efd;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.gem_type2 .GemContents
{
	background-color: #173e18;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem.gem_type2 .GemContents .Background
{
	background-image: url("s2r://panorama/images/guild_patterns/guild_pattern_4_psd.vtex");
	wash-color: #173e18fd;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemStat
{
	width: fill-parent-flow( 1.0 );
	margin-left: 32px;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemTotal
{
	text-align: right;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemAttribute
{
	flow-children: right;
	padding: 2px 6px;
	border: 2px solid transparent;
	transition-property: brightness;
	transition-duration: 0.2s;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemAttribute:hover
{
	brightness: 2.0;
}

DOTAInternational2025FantasyCraftTablet .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;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemAttribute Label
{
	color: #cac1df;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
	text-shadow: 2px 2px 4px black;
	vertical-align: middle;
	width: fit-children;
}

DOTAInternational2025FantasyCraftTablet .FantasyGemHolderContainer #FantasyGemHolder .FantasyGem .GemAttribute .GemAttributeQualityAmount
{
	text-align: right;
}

DOTAInternational2025FantasyCraftTablet:hover
{
	brightness: 1.5;
}

DOTAInternational2025FantasyCraftTablet:active
{
	transform: scale3d(0.994, 0.994, 1);
}

DOTAInternational2025FantasyCraftTablet.Selected
{
	brightness: 1;
	opacity: 1;
}

DOTAInternational2025FantasyCraftTablet.Selected .FantasyTablet
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #683591 ), to( #34205e ) );
}

DOTAInternational2025FantasyCraftTablet.Selected .TabletShadow
{
	box-shadow: 0px 12px 72px -2px rgba(0, 0, 0, 0.6);
}

DOTAInternational2025FantasyCraftTablet.Selected .FantasyGemHolderContainer .WarbannerBackgroundContainer
{
	wash-color: #5d2b82;
}

DOTAInternational2025FantasyCraftTablet.Selected .WarbannerBackground
{
	brightness: 1;
}

DOTAInternational2025FantasyCraftTablet.Selected #SelectPlayerButton,DOTAInternational2025FantasyCraftTablet.Selected #SelectTitleButton
{
	opacity: 1;
	transform: none;
}

#tablet_1 .FlagTexture
{
	background-image: url("s2r://panorama/images/fantasy_craft/flag_texture_1_png.vtex");
}

#tablet_2 .FlagTexture
{
	background-image: url("s2r://panorama/images/fantasy_craft/flag_texture_2_png.vtex");
}

#tablet_3 .FlagTexture
{
	background-image: url("s2r://panorama/images/fantasy_craft/flag_texture_3_png.vtex");
}

.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 DOTAInternational2025FantasyCraftTablet
{
	height: 100%;
}

.MiniTabletView DOTAInternational2025FantasyCraftTablet
{
	width: 100%;
	height: 100%;
	margin-bottom: 8px;
	saturation: 1;
	brightness: 1;
	opacity: 1;
}

.MiniTabletView DOTAInternational2025FantasyCraftTablet .FlagTexture
{
	visibility: collapse;
}

.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%;
}

.PlayerInfo
{
	width: 46%;
	height: 100%;
	padding: 32px 0px 0px 12px;
}

.PlayerInfo .RoleAndName
{
	flow-children: down;
	width: 100%;
}

.PlayerInfo #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 DOTAInternational2025FantasyCraftTablet .FantasyTablet #FantasyGemHolder .FantasyGem .GemContents .Details .Header
{
	background-color: transparent;
	height: fit-children;
	vertical-align: middle;
}

DOTAInternational2025FantasyCraftTablet .FantasyTablet #FantasyGemHolder .FantasyGem .GemContents .Details .Body #Score
{
	visibility: collapse;
}

.MiniTabletView DOTAInternational2025FantasyCraftTablet .FantasyTablet #FantasyGemHolder .FantasyGem .GemContents .Details .Body #Score
{
	visibility: visible;
}

.MiniTabletView DOTAInternational2025FantasyCraftTablet #FantasyGemHolder .FantasyGem .GemContents .Details .Body
{
	height: 30px;
}

.MiniTabletView DOTAInternational2025FantasyCraftTablet #FantasyGemHolder .FantasyGem .GemContents .Details
{
	height: fit-children;
	width: 100%;
}

.MiniTabletView DOTAInternational2025FantasyCraftTablet #FantasyGemHolder .FantasyGem .GemContents
{
	height: fit-children;
}

.MiniTabletView DOTAInternational2025FantasyCraftTablet #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;
	}
	
}

DOTAInternational2025FantasyCraftTablet .FantasyGem .GemContents #GemQuality.gem_quality_up
{
	animation-name: QualityUp;
	animation-duration: .5s;
	animation-iteration-count: 1;
}

DOTAInternational2025FantasyCraftTablet .FantasyGem .GemContents #GemQuality.gem_quality_down
{
	animation-name: QualityDown;
	animation-duration: .5s;
	animation-iteration-count: 1;
}

DOTAInternational2025FantasyCraftTablet .FantasyGem .GemContents .Header .gem_value_changed,DOTAInternational2025FantasyCraftTablet .FantasyGem .GemContents .Body .gem_value_changed
{
	animation-name: ValueChanged;
	animation-duration: .5s;
}

.CraftingOnly
{
	visibility: collapse;
}

.CraftingEnabled .CraftingOnly
{
	visibility: visible;
}

#SelectTitleButton,#SelectPlayerButton
{
	horizontal-align: center;
	margin-top: 4px;
	transition-property: opacity, transform;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
}

#InvalidPlayerAlert
{
	horizontal-align: left;
	vertical-align: bottom;
	width: 40px;
	height: 40px;
	margin-left: 5%;
	margin-bottom: 45%;
	visibility: collapse;
	ignore-parent-flow: true;
}

.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;
	}
	
}

