.eventEditor {
  color: $label-gray;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  padding: 0.5rem;

  display: flex;
  flex-direction: column;
  overflow-x: auto;
}

.shortcutSection {
  flex: 1;
  display: grid;
  place-content: center;
  gap: 1rem;
}

.shortcuts {
  font-size: calc(1rem - 3px);
  border-collapse: separate;
  border-spacing: 4rem 0;

  tr {
    td:nth-child(odd) {
      text-align: left;
    }
    td:nth-child(even) {
      text-align: right;
    }
  }
}

.spacer {
  height: 1rem;
}

.prompt {
  font-size: 1rem;
  text-align: left;
  margin-left: 4rem;
}

.divider {
  display: inline-block;
  text-align: center;
  width: 1em;
}