/* ICONS: four pixel stat icons. Owns everything inside the [data-icon] mounts.
   The mount (size, placement) belongs to LAYOUT; js/icons.js sizes the 20 x 20 cell sheet to
   the largest whole number of device pixels per cell that fits (60px in a 64px mount at 1x
   and 2x, 160px in a 160px mount) and the mount centres it. --icon-size on a mount overrides
   the measured size. States are exposed on the mount as data-state="idle|scanning|resolved". */
.vi {
  display: block;
  flex: none;
  width: 60px;
  height: 60px;
  margin: auto;
  overflow: hidden;
  shape-rendering: crispEdges;
  pointer-events: none;
}
.vi .vi-ink { fill: var(--ink, #191919); }
.vi .vi-grey { fill: var(--muted-2, #8a8a8a); }