/**
 * Ícones de linha do Ecossistema (menu da conta), no mesmo traço dos ícones de linha do MasterStudy.
 *
 * = O Que =
 * `<i class="leco-icone leco-icone--trofeu">`: o desenho vem de um SVG em `assets/icons/`, usado como máscara, e a cor
 * é a do texto (`currentColor`), como os ícones da fonte do MasterStudy. Só para os desenhos que a fonte dele não tem
 * em linha (troféu, ingresso).
 *
 * @package Libraria_Ecossistema
 * @since 1.91.0
 */

.leco-icone {
	display: inline-block;
	flex: 0 0 auto;
	width: 1em;
	height: 1em;
	background-color: currentColor;
	vertical-align: -0.125em;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.leco-icone::before {
	content: none;
}

.leco-icone--trofeu {
	-webkit-mask-image: url( ../icons/trofeu.svg );
	mask-image: url( ../icons/trofeu.svg );
}

.leco-icone--ingresso {
	-webkit-mask-image: url( ../icons/ingresso.svg );
	mask-image: url( ../icons/ingresso.svg );
}