/** @format */

.icon {
	width: 1em;
	height: 1em;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-family: var(--ff-icon-font);
	font-size: 1.5em;
}

.icon--outline {
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.icon--expand::after {
	content: var(--expand);
}

.icon--burger::after {
	content: var(--burger);
}

.icon--close::after {
	content: var(--close);
}

.icon--phone::after {
	content: var(--phone);
}

.icon--email::after {
	content: var(--email);
}

.icon--right::after {
	content: var(--right);
}

.icon--left::after {
	content: var(--left);
}

.icon--arrow_right::after {
	content: var(--arrow-right);
}