.keyboard-shortcuts-groups {
  display: grid;
  gap: 1.25rem;
}

.keyboard-shortcuts-group {
  display: grid;
  gap: 0.75rem;
}

.keyboard-shortcuts-list {
  display: grid;
  gap: 0.75rem;
}

.keyboard-shortcuts-list > div {
  display: grid;
  grid-template-columns: minmax(15rem, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 1rem;
}

.keyboard-shortcuts-list dt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
}

.keyboard-shortcuts-binding {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.keyboard-shortcuts-or {
  margin-right: 0.125rem;
  color: light-dark(var(--color-gray-500), var(--color-zinc-400));
  font-size: var(--text-xs);
}

.keyboard-shortcuts-list dd {
  font-size: var(--text-sm);
}

@media (max-width: 479px) {
  .keyboard-shortcuts-list > div {
    grid-template-columns: 1fr;
    gap: 0.25rem;
  }
}