/* @font-face {
	font-family: "Material Icons Sharp Variable";
	font-style: normal;
	font-display: block;
	src: url("./MaterialSymbolsSharp[FILL,GRAD,opsz,wght]") format("woff2");
} */
@font-face {
	font-family: "Material Icons Sharp";
	font-style: normal;
	font-display: block;
	src: url("./MaterialSymbolsSharp[FILL,GRAD,opsz,wght]") format("woff2");
	/* src: url("./MaterialSymbolsSharp") format("woff2"); */
}

.material-icons-sharp, .mi {
	font-family: "Material Icons Sharp";
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	line-height: 1em;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-feature-settings: "liga";
	vertical-align: middle;
}

.mi-300 { font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24 }
.mi-400 { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24 }
.mi-700 { font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 0, 'opsz' 24 }