@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  /* block: hide icon text while the font is loading instead of showing
     raw ligature text (e.g. "notifications"). On repeat visits the font
     is served from the browser HTTP cache so the block period is ~0ms. */
  font-display: block;
  src: url(../fonts/MaterialSymbolsOutlined.ttf) format('truetype');
}

.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;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: 'liga';
  /* Prevent layout shift: reserve space equal to one icon before font loads */
  min-width: 1em;
  min-height: 1em;
}