/**
 * Menu icons (inc/menu-icons.php) — the icon before a menu item's label,
 * drawn in the link's own colour from the item's --st-menu-icon mask.
 * Inline with the label, so it works whatever display the menu gives the
 * link (a row in the header, a block in the full-screen menu). Front end
 * and editor.
 */

.has-st-menu-icon > .wp-block-navigation-item__content::before {
	display: inline-block;
	width: 1.25em;
	height: 1.25em;
	margin-inline-end: 0.5em;
	vertical-align: -0.25em;
	background-color: currentcolor;
	content: "";
	-webkit-mask: var(--st-menu-icon) center / contain no-repeat;
	mask: var(--st-menu-icon) center / contain no-repeat;
}