/* irchiinnuss icons (assets/icons): square modules, never blurred.

   <svg class="ii-ic" style="--ii-m: 2" aria-hidden="true"><use href="assets/icons/ii-icons.svg#ii-arrow-right"/></svg>

   --ii-m    the module in CSS px: 1, 2, 3 or 4, for 9, 18, 27 or 36 px icons (2 if unset). It
             inherits, so a parent can size every icon inside it. (Not --m: the About uses that.)
   --ii-dpr  devicePixelRatio, set on :root by one line of script. The module then rounds to a
             whole number of device pixels, so every line of every icon is exactly as thick as
             the next at any zoom (at 175%, a 1 px module would be 1.75 device px: some lines 1,
             some 2). Without it the sizes are 1:1.
   --ii-dot  the dot's colour: the ink, unless the ground lets it be the blue (--ii-dot: #2020ff).

   An icon whose parts move (the chat's dots, the cursor) is pasted inline from svg/: its
   parts are .ii-ic__p (each with its --i, 0 1 2 in reading order) and its dot .ii-ic__dot. */
.ii-ic {
  --ii-mod: calc(max(1, round(var(--ii-m, 2) * var(--ii-dpr, 1), 1)) / var(--ii-dpr, 1) * 1px);
  display: inline-block;
  flex: none;
  width: calc(var(--ii-w, 9) * var(--ii-mod));
  height: calc(var(--ii-h, 9) * var(--ii-mod));
  fill: currentColor;
  shape-rendering: crispEdges;
  overflow: visible;
  vertical-align: middle;
}
.ii-ic--ii { --ii-h: 10; }
.ii-ic .ii-ic__dot { fill: var(--ii-dot, currentColor); }