/*
 * Material Symbols, served from this plugin.
 *
 * The icon font used to come from fonts.googleapis.com. That made every icon
 * in the product depend on a third party at render time, and the failure was
 * not graceful: when the font file did not arrive, each icon painted its own
 * name in English — "chevron_right", "calendar_month" — overlapping the labels
 * around it. Observed, not theorised.
 *
 * The file is a subset of the variable font: only the icons this product can
 * actually ask for, with all four axes kept, because the interface uses
 * weights from 200 to 700 and both fill states. 264 KB instead of 3.9 MB.
 * Regenerate with bin/build-icon-font.py after adding a new icon; a test
 * fails if the bundle asks for one the font does not carry.
 *
 * The src is relative, so it resolves from whatever directory the plugin is
 * installed in.
 */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  /* `block` rather than `swap`: a short invisible pause is better than showing
     the ligature name as text and then replacing it. */
  font-display: block;
  src: url("../fonts/material-symbols-subset.woff2") format("woff2");
}

.material-symbols-outlined,
.mi {
  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';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}