@import '~heading.less';

@font-face {
	font-family: 'Sparks-Bar-Medium';
	src: url('../../resources/webfonts/sparks/Sparks-Bar-Medium.eot');
	src: url('../../resources/webfonts/sparks/Sparks-Bar-Medium.eot?#iefix') format('embedded-opentype'),
		url('../../resources/webfonts/sparks/Sparks-Bar-Medium.woff2') format('woff2'),
		url('../../resources/webfonts/sparks/Sparks-Bar-Medium.woff') format('woff'),
		url('../../resources/webfonts/sparks/Sparks-Bar-Medium.ttf') format('truetype'),
		url('../../resources/webfonts/sparks/Sparks-Bar-Medium.svg#Sparks-Bar-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Sparks-Dotline-Extrathick';
	src: url('../../resources/webfonts/sparks/Sparks-Dotline-Extrathick.eot');
	src: url('../../resources/webfonts/sparks/Sparks-Dotline-Extrathick.eot?#iefix') format('embedded-opentype'),
		url('../../resources/webfonts/sparks/Sparks-Dotline-Extrathick.woff2') format('woff2'),
		url('../../resources/webfonts/sparks/Sparks-Dotline-Extrathick.woff') format('woff'),
		url('../../resources/webfonts/sparks/Sparks-Dotline-Extrathick.ttf') format('truetype'),
		url('../../resources/webfonts/sparks/Sparks-Dotline-Extrathick.svg#Sparks-Dotline-Extrathick') format('svg');
	font-weight: normal;
	font-style: normal;
}

.Sparkline {
	text-rendering: optimizeLegibility;
	font-variant-ligatures: contextual;
	font-feature-settings: "calt" 1, "kern" 1;
	font-kerning: normal;
	-webkit-font-feature-settings: "calt", "kern";
	-moz-font-feature-settings: "calt=1", "kern=1";
	margin: 3px;
	display: inline-block;

	&:global(.Line) {
		font-family: 'Sparks-Dotline-Extrathick';
	}

	&:global(.Bar) {
		font-family: 'Sparks-Bar-Medium';
	}
}