.root {
  display: inline-flex;
  align-items: center;
  gap: 0.22rem;
  min-height: 1.15rem;
  padding: 0.12rem 0.28rem;
  border: 1px solid color-mix(in oklch, currentColor 24%, transparent);
  background: color-mix(in oklch, currentColor 10%, transparent);
  color: inherit;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
}

.icon,
.key {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.icon :global(svg) {
  width: 0.62rem;
  height: 0.62rem;
  flex-shrink: 0;
}

.key {
  letter-spacing: 0.02em;
}

.key :global(svg) {
  width: 0.72rem;
  height: 0.72rem;
  flex-shrink: 0;
}