/* Material Icon
   ------------------------------------------------------------------
   The glyph is inlined SVG, so it takes its colour from `color` like
   text does — which is what lets it follow --gm-* without a rule here.
   line-height:0 stops the inline box adding descender space below it. */

.bmi {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
	color: inherit;
}

.bmi-svg {
	display: block;
	width: var(--bmi-size, 24px);
	height: var(--bmi-size, 24px);
	fill: currentColor;
	flex: none;
}

/* A linked icon should not pick up the theme's link underline or colour. */
a.bmi,
a.bmi:hover,
a.bmi:focus {
	color: inherit;
	text-decoration: none;
}