/*
 * Front-end styles for the icon block. `__PREFIX__` is replaced with the neutral class prefix
 * (default `zd`) when the file is published; logical properties only. Loaded only on a page
 * where this block renders, and folded into that page's compiled stylesheet.
 */
.__PREFIX__-icon {
	display: inline-block;
	line-height: 0;
}

/* An icon on its own line: a block the theme's layout sizes and aligns like any other.
   Aligned with flexbox (start/end follow the writing direction). */
.__PREFIX__-icon--block {
	display: flex;
	justify-content: flex-start;
	margin-block: 1em;
}

.__PREFIX__-icon--center {
	justify-content: center;
}

.__PREFIX__-icon--end {
	justify-content: flex-end;
}