/* https://heroicons.com/ */
span[data-heroicon] {
	display: inline-block;
	position: relative;
	top: -2px;
	vertical-align: -7px;
	min-width: 21px;
	height: 0;
	--margin-gap: 5px;

	/* Margins. */
	&[data-heroicon-margin-left] {
		margin-left: var(--margin-gap);
	}
	&[data-heroicon-margin-right] {
		margin-right: var(--margin-gap);
	}
	&[data-heroicon-margin-top] {
		margin-top: var(--margin-gap);
	}
	&[data-heroicon-margin-bottom] {
		margin-bottom: var(--margin-gap);
	}

	/* Sizes. */
	&[data-heroicon-group="mini"] {
		min-width: 20px;
		top: -3px;
	}

	&[data-heroicon-group="micro"] {
		min-width: 14px;
		top: -6px;
	}
}