:root {
  --code-diff-remove-color: rgb(244 63 94 / 16%);
  --code-diff-remove-symbol-color: #e0575b;
  --code-diff-add-color: rgb(16 185 129 / 16%);
  --code-diff-add-symbol-color: #298459;
}

div[class*=language-] .line.diff {
  display: inline-block;
  width: 100%;
  margin: 0 calc(-1 * var(--code-padding-x));
  padding: 0 var(--code-padding-x);
}
div[class*=language-] .line.diff::before {
  position: absolute;
  left: 10px;
}
div[class*=language-] .line.diff.remove {
  background-color: var(--code-diff-remove-color);
  opacity: 0.7;
}
div[class*=language-] .line.diff.remove::before {
  content: "-";
  color: var(--code-diff-remove-symbol-color);
}
div[class*=language-] .line.diff.add {
  background-color: var(--code-diff-add-color);
}
div[class*=language-] .line.diff.add::before {
  content: "+";
  color: var(--code-diff-add-symbol-color);
}
div[class*=language-].line-numbers-mode .line.diff::before {
  left: 4px;
}