@layer components {
  /* The glyph sits on the first line of the notice, however many lines it runs to. */
  .notice-bar {
    --icon-size: 1.25em;

    .icon {
      margin-block-start: calc((1lh - var(--icon-size)) / 2);
    }
  }
}