@layer blocks {
  .indicator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25em;
    height: 1.25em;
    padding-inline: var(--space-3xs);
    border-radius: var(--radius-full);
    background: var(--color-primary);
    color: var(--color-bg);
    font-size: var(--font-2xs);
  }

  .indicator[data-position="overlay"] {
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    transform: translate(40%, -40%);
    pointer-events: none;
  }
}