@font-face {
	font-family: 'Icons';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/icons/Icons-300.woff2') format('woff2'), url('../fonts/icons/Icons-300.ttf') format('truetype');
}

.icon {
	--icons-family: 'Icons';
	--icons-style: 300;
}

.icon::before {
	content: var(--icon);
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	font-family: var(--icons-family);
	font-weight: var(--icons-style);
	
	font-feature-settings: normal;
	font-style: normal;
	font-synthesis: none;
	font-variant: normal;
	
	display: inline-block;
	text-align: center;
	text-rendering: auto;
	
	/* line-height: 1; */
	/* width: 1.25rem; */
}

.icon-xmark { --icon: '\f00d'; }
.icon-arrow-right { --icon: '\f061'; }