body {
  overflow: hidden;
  font-family: sans-serif;
  padding: 30px;
}

.knobs {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 2px;
  margin-top: 20px;
  width: 100%;
}

.knob {
  writing-mode: vertical-lr;
  direction: rtl;
  height: 120px;
  width: 2rem;
}

.active {
  outline: 1px solid black;
}

.tempo {
  width: 200px;
}

.tempoControls {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
}