@layer components {
  .flash {
    display: flex;
    inset-block-start: var(--block-space);
    inset-inline: 0;
    justify-content: center;
    padding: 0 var(--block-space);
    position: fixed;
    z-index: var(--z-flash);
  }

  .flash__inner {
    animation: appear-then-fade 3s 200ms both;
    background-color: var(--color-white);
    border: 1px solid var(--color-ink);
    color: var(--color-ink);
    display: inline-flex;
    font-size: var(--text-small);
    line-height: var(--line-height-small);
    padding: var(--block-space-half) var(--block-space);
  }
}