/* Phosphor icons as an inline SVG sprite (icons/phosphor.svg), not the icon
   font the prototype hot-linked from unpkg. Same 33 regular + 4 fill glyphs
   the design uses, ~17KB total against the font's ~600KB, and no FOIT while a
   font loads. The `{% icon %}` tag renders <svg class="ph"><use href="#ph-x">;
   `fill=True` picks the filled variant.

   `fill: currentColor` on the symbol is what makes every colour rule in
   console.css — `.c-brand i { color: var(--color-accent) }` and friends —
   apply to icons exactly as it did to the font. */

.ph {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  fill: currentColor;
  flex: none;
}