:root {
	--ui-font-family-roboto: 'Roboto', 'Helvetica Neue', Helvetica, Arial, monospace;
	--ui-font-face-roboto: 'Roboto';
}

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

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

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

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

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

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

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

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

/* old */

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

@font-face {
	font-family: 'Roboto-Italic';
	src:
		url('/bitrix/js/ui/fonts/roboto/roboto-italic-webfont.woff2') format('woff2'),
		url('/bitrix/js/ui/fonts/roboto/roboto-italic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}

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

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

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

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

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

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