/* fallback */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 400;
  /* `font-display: swap` shows the system fallback (▢ tofu, or the next
     font in the stack) and SWAPS in the icon font when it loads. We
     deliberately do NOT use `block`:
       - `block` hides glyphs for up to 3s while loading (FOIT) — invisible
         icons + text instead of just glyph-missing glyphs.
       - `block` also trips Chrome's "preloaded but not used within a few
         seconds" warning, because Chrome's preload-use heuristic treats
         3s-of-invisible-glyphs as "this preloaded font was never used by
         any rendered glyph in the load window" → it discards the preload
         and prints the warning in DevTools.
     `swap` avoids both: glyphs paint immediately with a fallback, the
     preloaded woff2 swaps in once decoded, and Chrome's preload-heuristic
     sees the resource actually being consumed (the fallback glyph is
     visible the whole time, so the @font-face IS used at render time). */
  font-display: swap;
  src: url(ms-full.woff2) format('woff2');
}

.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-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}