/*
 * Material Icons, self-hosted.
 *
 * Replaces <link href="https://fonts.googleapis.com/icon?family=Material+Icons">
 * on every page. That link put a third-party origin on the critical path for
 * 1,123 icon usages across 44 files, and when fonts.gstatic.com is unreachable
 * — a corporate VPN, a filtering proxy, a Google outage — every icon degrades
 * to its ligature NAME rendered as plain text. Reported from a work VPN as a
 * navbar reading "person_add create account" and "login sign in", with the
 * drag handles rendering the literal word "drag_indicator", which removes the
 * only visible affordance for reordering destinations.
 *
 * Self-hosting means the font is unreachable only when the app itself is.
 * It also drops fonts.googleapis.com and fonts.gstatic.com from the CSP, and
 * removes two DNS + TLS handshakes from first paint.
 *
 * Rule bodies are copied verbatim from what Google served (v145) so rendering
 * is unchanged; only the src URL differs.
 *
 * Updating: fetch the current CSS from the Google URL above, take the woff2 it
 * points at into public/fonts/, and bump the ?v= in the <link> tags so caches
 * pick it up.
 */

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  /* font-display: block — an icon font carries meaning, not text. `swap` would
     flash the ligature name ("drag_indicator") in a fallback face before the
     icon arrives, which is exactly the broken-looking state this change exists
     to remove. `block` keeps the glyph invisible until it can render properly. */
  font-display: block;
  src: url('../fonts/material-icons.woff2') format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  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;
}