/**
 * MERINEO Blocks: shared icon element.
 *
 * The icon is drawn as a CSS mask, so it takes the current text colour (or
 * --merineo-blocks-icon-color) and works the same in the editor and on the front end.
 */
.merineo-blocks-icon {
	display: inline-block;
	flex: 0 0 auto;
	width: var(--merineo-blocks-icon-size, 1em);
	height: var(--merineo-blocks-icon-size, 1em);
	background-color: var(--merineo-blocks-icon-color, currentColor);
	-webkit-mask: var(--merineo-blocks-icon) center / contain no-repeat;
	mask: var(--merineo-blocks-icon) center / contain no-repeat;
}