@layer components {
  .locked {
    display: inline-block;
    width: calc(var(--ch) * 0.6em);
    max-width: 100%;
    height: 1.1em;
    vertical-align: middle;
    border-radius: 3px;
    background: var(--xf-ink);
  }

  @media (forced-colors: active) {
    .locked { background: CanvasText; }
  }
}