body {
  background-color: white;
  font-family: monospace;
}

#editor > .level ~ .level {
  border-top: 1px solid #a0a0a0;
}

.level {
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
}

.level.sortable-chosen .content {
  background-color: #3297fd;
}

.content {
  min-height: 1em;
  background-color: #ffffff;
  font-size: 16px;
}

.content > .level ~ .level {
  border-top: 1px solid #a0a0a0;
}

.content:focus {
  background-color: #f6eec0;
  outline: 0px solid transparent;
}

.content:focus .level {
  opacity: 0.5;
}

.handle {
  position: absolute;
  cursor: pointer;
  top: 8px;
  right: 0px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 16px;
}

.checkbox-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-right: 0.5em;
}

#instructions {
  margin-top: 4px;
}

.button {
  display: inline-block;
  border: 1px solid #a0a0a0;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 3px;
}

.spacer {
  display: inline-block;
  width: 2em;
}