@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url("/static/webfonts/Roboto/Roboto-Regular.ttf");
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url("/static/webfonts/Roboto/Roboto-Bold.ttf");
}

@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	src: url("/static/webfonts/Roboto/Roboto-Italic.ttf");
}

@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 700;
	src: url("/static/webfonts/Roboto/Roboto-BoldItalic.ttf");
}

@font-face {
	font-family: 'Roboto-Condensed';
	font-style: normal;
	font-weight: 400;
	src: url("/static/webfonts/Roboto_Condensed/RobotoCondensed-Regular.ttf");
}

@font-face {
	font-family: 'Roboto-Condensed';
	font-style: italic;
	font-weight: 400;
	src: url("/static/webfonts/Roboto_Condensed/RobotoCondensed-Italic.ttf");
}

@font-face {
	font-family: 'Roboto-Condensed';
	font-style: normal;
	font-weight: 700;
	src: url("/static/webfonts/Roboto_Condensed/RobotoCondensed-Bold.ttf");
}

@font-face {
	font-family: 'Roboto-Condensed';
	font-style: italic;
	font-weight: 700;
	src: url("/static/webfonts/Roboto_Condensed/RobotoCondensed-BoldItalic.ttf");
}

@font-face {
	font-family: 'Montserrat';
	src: url('/static/webfonts/Montserrat/Montserrat-VariableFont_wght.ttf') format('truetype-variations');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('/static/webfonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf') format('truetype-variations');
	font-weight: 100 900;
	font-style: italic;
	font-display: swap;
}

/* https://fonts.google.com/icons */

@font-face {
	font-family: 'Material Symbols Rounded';
	font-style: normal;
	src: url('/static/webfonts/MaterialSymbols/MaterialSymbolsRounded[FILL,GRAD,opsz,wght].woff2') format('woff');
}

.msr-icon {
	font-family: 'Material Symbols Rounded';
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	font-variation-settings:
		'FILL' 0,
		'wght' 700,
		'GRAD' 0,
		'opsz' 48;

	&.strong {
		font-variation-settings:
			'FILL' 0,
			'wght' 700,
			'GRAD' 0,
			'opsz' 36;
	}

	&.fill {
		font-variation-settings:
			'FILL' 1,
			'wght' 700,
			'GRAD' 0,
			'opsz' 48;
	}
}