@import "https://assets.elements.dev/assets/app/shared/ui-catalog/catalog/style.a9d2bbd1985b7de7.css";

.kbd-demo-text {
  margin:    0;
  color:     var(--ink-soft);
  font-size: var(--text-body);
}

.kbd-demo-field {
  width:     100%;
  max-width: 20rem;
}

/* --accent-deep, not --accent: the accent itself is under 4.5:1 on the
   key's --bg-muted fill in some looks (coder, light). */
.kbd-demo-custom {
  color: var(--accent-deep);
}

.kbd-demo-group {
  gap: var(--space-1);
}