.cl-added {
  background-color: rgba(0, 255, 0, .2);
}

.cl-removed {
  background-color: rgba(255, 0, 0, .2);
  text-decoration: line-through;
}

.cl-moved {
  background-color: rgba(255, 255, 187, .6);
}

.clickable {
  cursor: pointer;
}

.unclickable {
  cursor: not-allowed;
}

ul.cl-list {
  list-style-type: none;
  padding-left: 1em;
}

.cl-body {
  max-height: calc(100vh - 280px);
  overflow-y: auto;
}

.cl-change {
  padding-top: 1px;
  padding-bottom: 1px;
  margin-bottom: 1px;
}

.cl-text-diff {
  font-family: monospace;
  font-size: smaller;
}

.cl-text-diff-location {
  color: #bbb;
  display: inline-block;
  min-width: 4.5em;
}