@import "https://assets.elements.dev/assets/app/shared/ui-catalog/catalog/style.c38e1d7304920e3.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);
}