@font-face {
  font-family: 'Roboto';
  src: url("../VAADIN/themes/applayout/fonts/roboto-light-webfont.eot");
  src: url("../VAADIN/themes/applayout/fonts/roboto-light-webfont.eot?#iefix") format('embedded-opentype'), url("../VAADIN/themes/applayout/fonts/roboto-light-webfont.woff") format('woff'), url("../VAADIN/themes/applayout/fonts/roboto-light-webfont.ttf") format('truetype'), url("../VAADIN/themes/applayout/fonts/roboto-light-webfont.svg#roboto") format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url("../VAADIN/themes/applayout/fonts/roboto-regular-webfont.eot");
  src: url("../VAADIN/themes/applayout/fonts/roboto-regular-webfont.eot?#iefix") format('embedded-opentype'), url("../VAADIN/themes/applayout/fonts/roboto-regular-webfont.woff") format('woff'), url("../VAADIN/themes/applayout/fonts/roboto-regular-webfont.ttf") format('truetype'), url("../VAADIN/themes/applayout/fonts/roboto-regular-webfont.svg#roboto") format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url("../VAADIN/themes/applayout/fonts/roboto-medium-webfont.eot");
  src: url("../VAADIN/themes/applayout/fonts/roboto-medium-webfont.eot?#iefix") format('embedded-opentype'), url("../VAADIN/themes/applayout/fonts/roboto-medium-webfont.woff") format('woff'), url("../VAADIN/themes/applayout/fonts/roboto-medium-webfont.ttf") format('truetype'), url("../VAADIN/themes/applayout/fonts/roboto-medium-webfont.svg#roboto") format('svg');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url("../VAADIN/themes/applayout/fonts/roboto-bold-webfont.eot");
  src: url("../VAADIN/themes/applayout/fonts/roboto-bold-webfont.eot?#iefix") format('embedded-opentype'), url("../VAADIN/themes/applayout/fonts/roboto-bold-webfont.woff") format('woff'), url("../VAADIN/themes/applayout/fonts/roboto-bold-webfont.ttf") format('truetype'), url("../VAADIN/themes/applayout/fonts/roboto-bold-webfont.svg#roboto") format('svg');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Work Sans';
  src: url("../VAADIN/themes/applayout/fonts/work-sans-latin-300-normal.woff2") format('woff2'), url("../VAADIN/themes/applayout/fonts/work-sans-latin-300-normal.woff") format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans';
  src: url("../VAADIN/themes/applayout/fonts/work-sans-latin-400-normal.woff2") format('woff2'), url("../VAADIN/themes/applayout/fonts/work-sans-latin-400-normal.woff") format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans';
  src: url("../VAADIN/themes/applayout/fonts/work-sans-latin-500-normal.woff2") format('woff2'), url("../VAADIN/themes/applayout/fonts/work-sans-latin-500-normal.woff") format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans';
  src: url("../VAADIN/themes/applayout/fonts/work-sans-latin-600-normal.woff2") format('woff2'), url("../VAADIN/themes/applayout/fonts/work-sans-latin-600-normal.woff") format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans';
  src: url("../VAADIN/themes/applayout/fonts/work-sans-latin-700-normal.woff2") format('woff2'), url("../VAADIN/themes/applayout/fonts/work-sans-latin-700-normal.woff") format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}