/* Bloco de ícone */
.svgi-icon {
	line-height: 0;
}

.svgi-icon svg {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
}

.svgi-icon__link {
	display: inline-block;
	line-height: 0;
	color: inherit;
	text-decoration: none;
}

/* Formato inline: herda cor e tamanho do texto */
.svgi-inline {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: -0.125em;
	background-color: currentColor;
	-webkit-mask: var(--svgi-url) no-repeat center / contain;
	mask: var(--svgi-url) no-repeat center / contain;
}