@charset "utf-8";
:host { /*控制 shadow DOM 的根元素*/
	display: inline-block;
	width: 32px;
	height: 32px;
}
svg {
	width: 100%;
	height: 100%;
}
[type="awoken-count"] text{
	font-size: 20px;
	fill: yellow;
	font-family: var(--game-font-family);
	text-anchor: middle;
    /* 文本水平居中 */
    dominant-baseline: middle;
    /* 文本垂直居中 */
}
.back {
	fill: var(--back-color);
}
.front {
	fill: var(--front-color);
}
[type="awoken-count"] use {
	--back-color: white;
	--front-color: #096E11;
}
[type="awoken-count"] text {
	fill: yellow;
	stroke:black;
	filter: url(../images/icon-awoken-count.svg#text-shadow);
}
[type="awoken-count"][icon-type="latent"] use {
	--front-color: #378DE8;
}
[type="awoken-count"][icon-type="latent"][flags~="8-latent"] text {
	fill: #19F897;
}
[type="awoken-count"][flags~="can-assist"][flags~="full"]:not([icon-type="latent"]) use {
	--back-color: #FFFFD4;
	--front-color: url(../images/icon-awoken-count.svg#full-awoken-assist-front);
}
[type="awoken-count"][flags~="full"][flags~="can-assist"]:not([icon-type="latent"]) text,
[type="awoken-count"][flags~="8-latent-full"][flags~="8-latent"][icon-type="latent"] text
{
	stroke: none;
	fill: url(../images/icon-awoken-count.svg#full-awoken-star);
	filter: url(../images/icon-awoken-count.svg#out-shadow);
}