/*
 * Base styles for the inline (in-button/rich-text) icon format.
 *
 * Per-icon rendering has no static CSS: on the frontend Icons.php injects the
 * SVG into `[data-cap-icon]` spans at render time; in the editor the glyph is
 * painted via per-icon mask rules generated from the icon manifest
 * (Icons::mask_css()).
 */
.cap-inline-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: -0.125em;
}

.cap-inline-icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

.cap-inline-icon:not(:last-child) {
	margin-inline-end: 0.4em;
}