/* Typefaces.
   Roboto Flex is the MD3 brand + plain typeface. The source repository is documentation only
   and shipped NO font binaries, so both faces load from Google Fonts rather than from
   assets/fonts/. Swap these @import lines for local @font-face rules if you have the files.

   Roboto Flex axes: wght 100-1000, wdth 25-151, opsz 8-144.
   Material Symbols Outlined is the MD3 icon font (see readme.md § ICONOGRAPHY). */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap');

.material-symbols-outlined{
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}