/* Lucide: one 24-unit coordinate grid for the site and design explorations.
   Use SVG symbols instead of font glyphs, whose weight and alignment vary. */
.icon {
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
  vertical-align: -.18em;
}
.icon-definitions { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }

/* The send affordance is part of a noninteractive conversation illustration. */
.send-key {
  display: grid;
  place-items: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--ink);
  color: var(--canvas, var(--bg));
  line-height: 0;
}
.send-key > .icon { display: block; width: 18px; height: 18px; stroke-width: 2; }