// Icon shortcodes (see ../index.js). SVG icons are sized to the
// surrounding text and inherit its color; emoji pass through unchanged
// but share the same wrapper for consistent vertical alignment.

.kb-ic {
  display: inline-block;
  line-height: 1;
}

.kb-ic .kb-svg {
  width: 1.05em;
  height: 1.05em;
  vertical-align: -0.16em;
  display: inline-block;
}

/* wordmark logos (wider than tall, e.g. the arXiv primary logo):
   fixed aspect ratio, height locked to one line of text */
.kb-ic .kb-svg-wide {
  width: auto;
  aspect-ratio: 247 / 112;
  height: 0.78em;
  vertical-align: -0.06em;
}