body.diff-checker-page .btn-primary .icon-inline,
body.diff-checker-page .btn-secondary .icon-inline {
  margin-right: 0.45rem;
}

body.diff-checker-page .diff-result {
  margin-top: 1rem;
}

body.diff-checker-page .diff-line-list {
  list-style: none;
  margin: 0.55rem 0 0;
  padding: 0;
  border: 1px solid #2b2b2b;
  border-radius: var(--radius-lg);
  overflow: hidden;
  font-family: var(--font-mono);
  font-size: 0.82rem;
}

body.diff-checker-page .diff-line {
  display: flex;
  gap: 0.6rem;
  padding: 0.15rem 0.7rem;
  white-space: pre-wrap;
  word-break: break-word;
  border-top: 1px solid #202020;
}

body.diff-checker-page .diff-line:first-child {
  border-top: none;
}

body.diff-checker-page .diff-line-marker {
  flex: none;
  width: 1.1rem;
  text-align: center;
  user-select: none;
  color: #8a8a8a;
}

body.diff-checker-page .diff-line-text {
  flex: 1 1 auto;
  min-width: 0;
}

body.diff-checker-page .diff-line-unchanged {
  background: transparent;
  color: #cfcfcf;
}

body.diff-checker-page .diff-line-added {
  background: rgba(63, 185, 80, 0.14);
  color: #7ee2a8;
}

body.diff-checker-page .diff-line-added .diff-line-marker {
  color: #3fb950;
}

body.diff-checker-page .diff-line-removed {
  background: rgba(248, 81, 73, 0.13);
  color: #ff9b93;
}

body.diff-checker-page .diff-line-removed .diff-line-marker {
  color: #f85149;
}