/* Self-hosted, and cut down to the icons this app actually draws: the full
   Material Symbols Rounded variable font is 5.1 MB for ~3,600 glyphs, of which
   about seventy are used here. Regenerate with `npm run icons:subset` after
   adding or removing an icon - see scripts/subset-icons.mjs, which also
   explains why the subset comes from Google's icon_names API rather than from
   a local harfbuzz pass.

   font-display stays `block`, deliberately. This font renders icons through
   ligatures on their names, so `swap` would flash the literal word "delete" or
   "settings" in place of each icon until the font arrived. Blocking is the
   right trade for an icon face, and at 198 KB the block period is short.

   The gstatic URL is a fallback to the *complete* font, for the case where the
   local file fails to load. It is intentionally last. */
@font-face {
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url(/fonts/msr/material-symbols-rounded.subset.woff2) format('woff2'),
       url('https://fonts.gstatic.com/s/materialsymbolsrounded/v217/sykf-yNzyjYHgE835B59CZnETwv2xO-E9A5eCA.woff2') format('woff2');
}

.material-symbols-rounded,
.msr {
  font-family: 'Material Symbols Rounded';
  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';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}