/**
 * Inline icons inserted via the editor's "Inline icon" rich text control
 * (see inc/inline-icons.php and src/inline-icons/index.js).
 *
 * The saved markup is
 * <span class="mkgallery2027-inline-icon mkgallery2027-inline-icon--{slug}"
 *       aria-hidden="true"><svg>…</svg></span>.
 *
 * The SVGs use currentColor fills, so the icon follows the text color in
 * every colorway. Sizing: height equals the font size (1em), the intrinsic
 * viewBox ratio supplies the width, and the inline-block's baseline (its
 * bottom margin edge) sits on the text baseline.
 */

.mkgallery2027-inline-icon {
    vertical-align: baseline;
    display: inline-flex;
    flex-direction: column;
    height: 1em;
    width: 1em;
    align-items: center;
    justify-content: center;
}

.mkgallery2027-inline-icon > svg {
	height: .7em;
	flex-basis: .7em;
	width: auto;
}