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

DOTAFacetIcon
{
	visibility: collapse;
}

DOTAFacetIcon.has_facet
{
	visibility: visible;
}

DOTAFacetIcon.ShowName
{
	flow-children: right;
}

DOTAFacetIcon.ShowName #FacetContainer
{
	ui-scale: 76%;
	margin-right: 4px;
}

#FacetName
{
	visibility: collapse;
	font-size: 13px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.4);
	vertical-align: center;
	text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.8);
	height: 16px;
}

.has_facet.ShowName #FacetName
{
	visibility: visible;
}

.LabelBackground
{
	visibility: collapse;
	width: 110%;
	ignore-parent-flow: true;
	height: 100%;
	opacity: 0.5;
	border-radius: 2px;
	opacity-mask: url("s2r://panorama/images/masks/facet_label_mask_png.vtex");
}

.has_facet.ShowName .LabelBackground
{
	visibility: visible;
}

#FacetContainer
{
	width: 24px;
	height: 24px;
	border-radius: 2px;
	box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.8);
	tooltip-position: bottom;
}

.IsAbilityDraft .DraftingHitbox #PerAbilityFacetsContainer #FacetContainer
{
	width: 36px;
	height: 36px;
}

.IsAbilityDraft #AbilityDraftUltimatesHitbox #PerAbilityFacetsContainer #FacetContainer
{
	width: 30px;
	height: 30px;
}

.IsAbilityDraft .DraftedAbilityContainer #PerAbilityFacetsContainer #FacetContainer
{
	width: 14px;
	height: 14px;
}

#FacetContainer .FacetBackgroundContainer
{
	width: 100%;
	height: 100%;
	overflow: clip;
	box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.04);
}

#FacetContainer .FacetBackground
{
	width: 100%;
	height: 100%;
	transform: rotateZ( 90deg );
	horizontal-align: center;
	vertical-align: center;
	overflow: noclip;
}

.Darken #FacetContainer .FacetBackground
{
	opacity: 0.4;
}

#FacetContainer .FacetBackgroundTexture
{
	width: 100%;
	height: 100%;
	background-image: url("s2r://panorama/images/hud/facets/ripple_texture_png.vtex");
	background-size: cover;
	background-position: center;
	-s2-mix-blend-mode: screen;
	horizontal-align: right;
}

.Darken #FacetContainer .FacetBackgroundTexture
{
	opacity: 0.6;
}

#FacetContainer .IconContainer
{
	opacity: 0.8;
	width: 100%;
	height: 100%;
}

#FacetContainer #FacetIcon
{
	width: 16px;
	height: 16px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	horizontal-align: center;
	vertical-align: center;
	img-shadow: 0px 2px 8px black;
}

.IsAbilityDraft .DraftingHitbox #PerAbilityFacetsContainer #FacetContainer #FacetIcon
{
	width: 28px;
	height: 28px;
}

.IsAbilityDraft .DraftingHitbox #AbilityDraftUltimatesHitbox #PerAbilityFacetsContainer #FacetContainer #FacetIcon
{
	width: 24px;
	height: 24px;
}

.IsAbilityDraft .DraftedAbilityContainer #PerAbilityFacetsContainer #FacetContainer #FacetIcon
{
	width: 10px;
	height: 10px;
}

.Slanted #FacetContainer
{
	border-radius: 0px;
	width: 32px;
	box-shadow: none;
}

.Slanted #FacetContainer .FacetBackgroundContainer
{
	transform: skewX( 8deg );
	margin: 0px 8%;
}

.Slanted #FacetContainer .FacetBackgroundContainer .FacetBackground
{
	transform: none;
}

.PostGame #FacetContainer
{
	width: 100%;
	height: 100%;
}

#DireTeamPlayers .IconContainer,#TopBarDirePlayersContainer .IconContainer
{
	transform: scaleX( -1 );
}