:root {
	--ui-font-family-roboto-mono: 'Roboto Mono', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	--ui-font-face-roboto-mono: 'Roboto Mono';
}

@font-face {
	font-family: 'Roboto Mono';
	src:
		local('Roboto Mono'),
		url('/bitrix/js/ui/fonts/robotomono/robotomono-regular.woff2') format('woff2'),
		url('/bitrix/js/ui/fonts/robotomono/robotomono-regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto Mono';
	src:
		local('Roboto Mono Italic'),
		url('/bitrix/js/ui/fonts/robotomono/robotomono-regularitalic.woff2') format('woff2'),
		url('/bitrix/js/ui/fonts/robotomono/robotomono-regularitalic.woff') format('woff');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Roboto Mono';
	src:
		local('Roboto Mono Light'),
		url('/bitrix/js/ui/fonts/robotomono/robotomono-light.woff2') format('woff2'),
		url('/bitrix/js/ui/fonts/robotomono/robotomono-light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto Mono';
	src:
		local('Roboto Mono Light Italic'),
		url('/bitrix/js/ui/fonts/robotomono/robotomono-lightitalic.woff2') format('woff2'),
		url('/bitrix/js/ui/fonts/robotomono/robotomono-lightitalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Roboto Mono';
	src:
		local('Roboto Mono Medium'),
		url('/bitrix/js/ui/fonts/robotomono/robotomono-medium.woff2') format('woff2'),
		url('/bitrix/js/ui/fonts/robotomono/robotomono-medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto Mono';
	src:
		local('Roboto Mono Medium Italic'),
		url('/bitrix/js/ui/fonts/robotomono/robotomono-mediumitalic.woff2') format('woff2'),
		url('/bitrix/js/ui/fonts/robotomono/robotomono-mediumitalic.woff') format('woff');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'Roboto Mono';
	src:
		local('Roboto Mono Bold'),
		url('/bitrix/js/ui/fonts/robotomono/robotomono-bold.woff2') format('woff2'),
		url('/bitrix/js/ui/fonts/robotomono/robotomono-bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto Mono';
	src:
		local('Roboto Mono Bold Italic'),
		url('/bitrix/js/ui/fonts/robotomono/robotomono-bolditalic.woff2') format('woff2'),
		url('/bitrix/js/ui/fonts/robotomono/robotomono-bolditalic.woff') format('woff');
	font-weight: 700;
	font-style: italic;
}

/* old */

@font-face {
	font-family: 'RobotoMono-Regular';
	src: url('/bitrix/js/ui/fonts/robotomono/robotomono-regular.eot');
	src: url('/bitrix/js/ui/fonts/robotomono/robotomono-regular.eot?#iefix') format('embedded-opentype'),
		 url('/bitrix/js/ui/fonts/robotomono/robotomono-regular.woff') format('woff');
		 url('/bitrix/js/ui/fonts/robotomono/robotomono-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'RobotoMono-Regular';
	src: url('/bitrix/js/ui/fonts/robotomono/robotomono-regularitalic.eot');
	src: url('/bitrix/js/ui/fonts/robotomono/robotomono-regularitalic.eot?#iefix') format('embedded-opentype'),
		 url('/bitrix/js/ui/fonts/robotomono/robotomono-regularitalic.woff') format('woff');
		 url('/bitrix/js/ui/fonts/robotomono/robotomono-regularitalic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'RobotoMono-Bold';
	src: url('/bitrix/js/ui/fonts/robotomono/robotomono-bold.eot');
	src: url('/bitrix/js/ui/fonts/robotomono/robotomono-bold.eot?#iefix') format('embedded-opentype'),
	 	 url('/bitrix/js/ui/fonts/robotomono/robotomono-bold.woff') format('woff');
		 url('/bitrix/js/ui/fonts/robotomono/robotomono-bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'RobotoMono-Bold';
	src: url('/bitrix/js/ui/fonts/robotomono/robotomono-bolditalic.eot');
	src: url('/bitrix/js/ui/fonts/robotomono/robotomono-bolditalic.eot?#iefix') format('embedded-opentype'),
		 url('/bitrix/js/ui/fonts/robotomono/robotomono-bolditalic.woff') format('woff');
		 url('/bitrix/js/ui/fonts/robotomono/robotomono-bolditalic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}