/*
 * Material Symbols Outlined, served from our own origin (docs: UI.md, Assets). Copied from
 * Drabble's public/fonts/icons.css; the font is under the Apache License 2.0.
 *
 * The box is one em wide whatever the font is doing, so the page doesn't jump while the
 * 3.9 MB font arrives: font-display:block draws the ligature invisibly but at the width of
 * the WORD in the fallback font, and each icon would collapse to one glyph on load. A
 * symbol's advance IS 1em, so this is the final geometry. content-box, because the layout's
 * global border-box would otherwise crush an icon that also has padding.
 */

@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url(/fonts/material-symbols-full.woff2) format('woff2');
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  width: 1em;
  text-align: center;
  vertical-align: middle;
  flex-shrink: 0;
  box-sizing: content-box;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.material-symbols-outlined.filled {
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}