/**
 * Frontend and editor styles for SHI Icon Block.
 */
.wp-block-shi-icon {
	line-height: 0;
}

.wp-block-shi-icon.aligncenter {
	display: flex;
	justify-content: center;
}

.wp-block-shi-icon svg {
	box-sizing: border-box;
	fill: currentColor;
}

.wp-block-shi-icon svg.is-flip-horizontal {
	transform: scaleX(-1);
}

.wp-block-shi-icon svg.is-flip-vertical {
	transform: scaleY(-1);
}

.wp-block-shi-icon svg.is-flip-horizontal.is-flip-vertical {
	transform: scaleX(-1) scaleY(-1);
}

:where(.wp-block-shi-icon) svg {
	width: 24px;
	height: auto;
}