@charset "UTF-8";

/*
 Ideally these would just be imported into the core skin, but ADF skin bundling appears to have a 
 limitation of 1 font-face, always taking the last one defined.
 To mitigate this, import this file via a resource tag in the view layer.
*/

/*
 Material Design Icons
 https://pictogrammers.com/library/mdi/
*/

@font-face {
  font-display: swap;
  font-family: 'Material Design Icons';
  font-style: normal;
  font-weight: normal;
  src: url('materialdesignicons-webfont.woff2?v=7.4.47') format('woff2');
}

/*
 As Google only provide ttf fonts, the css and woff2 files were taken from here instead:
 https://gwfh.mranftl.com/roboto?subsets=latin
 
 The version parameter is excluded since the version is in the filename.
*/

/* roboto-100 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('roboto-v50-latin-100.woff2') format('woff2');
}
/* roboto-100italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('roboto-v50-latin-100italic.woff2') format('woff2');
}
/* roboto-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('roboto-v50-latin-300.woff2') format('woff2');
}
/* roboto-300italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('roboto-v50-latin-300italic.woff2') format('woff2');
}
/* roboto-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('roboto-v50-latin-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: normal;
  src: url('roboto-v50-latin-regular.woff2') format('woff2');
}
/* roboto-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('roboto-v50-latin-italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: normal;
  src: url('roboto-v50-latin-italic.woff2') format('woff2');
}
/* roboto-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('roboto-v50-latin-500.woff2') format('woff2');
}
/* roboto-500italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('roboto-v50-latin-500italic.woff2') format('woff2');
}
/* roboto-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('roboto-v50-latin-700.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: bold;
  src: url('roboto-v50-latin-700.woff2') format('woff2');
}
/* roboto-700italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('roboto-v50-latin-700italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: bold;
  src: url('roboto-v50-latin-700italic.woff2') format('woff2');
}
/* roboto-mono-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: url('roboto-mono-v31-latin-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: normal;
  src: url('roboto-mono-v31-latin-regular.woff2') format('woff2');
}