@layer lotek {
  /* The icon is an svg from the app's icon set. It is as large as the text
     around it, and sits in the middle of the line with it, slightly below
     the baseline, as icon sets are drawn for.

     The size has no component variable. `--lt-icon-*` are the tokens for the
     icons in the stylesheets, and `font-size` on the icon does the same job.

     The colour comes from the svg, and with `currentColor` it follows the
     text, also in high contrast. The stylesheet does not set `fill`, because
     an icon drawn with strokes has `fill="none"`, and a rule here would have
     filled it. */
  .lt-icon {
    display: inline-block;
    inline-size: 1em;
    block-size: 1em;
    flex-shrink: 0;
    vertical-align: -0.125em;
  }
}