

.jp-Notebook-diff .jp-Diff-unchanged .jp-Output *:first-child {
  margin-left: auto;
}

.jp-Notebook-diff .jp-Diff-unchanged .jp-Output *:last-child {
  margin-right: auto;
}

.jp-Notebook-diff .jp-Diff-unchanged .jp-Diff-unchanged {
  margin-left: 0;
  width: 100%;
}

/* Match input border of unchanged cell source */
.jp-Notebook-diff .jp-Diff-unchanged .CodeMirror-merge-pane-unchanged {
  border: var(--jp-border-width) solid var(--jp-private-notebook-cell-editor-border);
}

/* Do not use border between unchanged cells */
.jp-Notebook-diff .jp-Diff-unchanged + .jp-Diff-unchanged > div:first-of-type {
    border: none;
}

/* We can float prompt left when unchanged */
.jp-Notebook-diff .jp-Diff-unchanged .jp-Cellrow-executionCount {
  float: left;
}


.jp-Notebook-diff .jp-Metadata-diff {
  margin-bottom: 20px;
  border: solid black thin;
}

.jp-Notebook-diff .jp-Cell-diff {
  margin-bottom: 20px;
}

.jp-Notebook-diff .jp-Cell-diff > div:first-of-type {
  border-top: solid #ccc 1px;
}

.jp-Notebook-diff .jp-Diff-added > .jp-Diff-label {
  left: 0;
  position: absolute;
  width: 25%;
  text-align: center;
}

.jp-Notebook-diff .jp-Diff-deleted > .jp-Diff-label {
  right: 0;
  position: absolute;
  width: 25%;
  text-align: center;
}

.jp-Notebook-diff .jp-Diff-added .jp-Cellrow-source,
.jp-Notebook-diff .jp-Diff-added .jp-Cellrow-outputs {
  margin-left: 25%;
  width: 75%;
  border-left: var(--codemirror-border);
}

.jp-Notebook-diff .jp-Diff-deleted .jp-Cellrow-source,
.jp-Notebook-diff .jp-Diff-deleted .jp-Cellrow-outputs {
  margin-right: 25%;
  width: 75%;
  border-right: var(--codemirror-border);
}

.jp-Notebook-diff .jp-Diff-added .jp-Cellrow-metadata,
.jp-Notebook-diff .jp-Diff-deleted .jp-Cellrow-metadata,
.jp-Notebook-diff .jp-Diff-unchanged .jp-Cellrow-outputs {
  display: none;
}

.jp-Notebook-diff .jp-Diff-added .jp-Cellrow-outputs,
.jp-Notebook-diff .jp-Diff-deleted .jp-Cellrow-outputs {
  border-top: var(--jp-nbdime-output-color1) solid 1pt;
}

.jp-Notebook-diff .jp-Diff-added .jp-Diff-unchanged {
  margin-left: 25%;
  width: 75%;
}

.jp-Notebook-diff .jp-Diff-deleted .jp-Diff-unchanged {
  margin-left: 0;
  width: 75%;
}

.jp-Notebook-diff .jp-Diff-unchanged .jp-Output-result > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.jp-Notebook-diff .jp-Cellrow-outputs .jp-Diff-twoway .jp-Diff-base {
  float: left;
  width: 47%;
}

.jp-Notebook-diff .jp-Cellrow-outputs .jp-Diff-twoway .jp-Diff-remote {
  float: right;
  width: 47%;
}

.jp-Notebook-diff .jp-Output-result img {
  max-width: 100%;
}

.jp-Notebook-diff .CodeMirror-merge-pane-remote {
  position: relative;
  left: 6%;
}

.jp-Notebook-diff .jp-Cellrow-source .CodeMirror-merge-pane-deleted,
.jp-Notebook-diff .jp-Cellrow-source .CodeMirror-merge-pane-added {
  width: 75%;
}

.jp-Notebook-diff .jp-Diff-twoway .jp-Cellrow-outputs .jp-Diff-unchanged .jp-CodeMirrorWidget {
  width: initial;
  max-width: 100%;
}
.jp-Notebook-diff .jp-Diff-twoway .jp-Cellrow-outputs .jp-Diff-unchanged {
  text-align: center;
}

.jp-Notebook-diff .jp-Diff-twoway .jp-Cellrow-outputs .jp-Diff-added > :not(.jp-Diff-label) {
  margin-left: 25%;
}

.jp-Notebook-diff .jp-Diff-twoway .jp-Cellrow-outputs .jp-Diff-deleted > :not(.jp-Diff-label) {
  margin-right: 25%;
}

.jp-Notebook-diff .CodeMirror-merge-r-chunk { background-color: var(--jp-diff-deleted-color2); }
.jp-Notebook-diff .CodeMirror-merge-r-chunk-start { border-top: 1px solid var(--jp-diff-deleted-color1); }
.jp-Notebook-diff .CodeMirror-merge-r-chunk-end { border-bottom: 1px solid var(--jp-diff-deleted-color1); }
.jp-Notebook-diff .CodeMirror-merge-r-connect { fill: var(--jp-diff-deleted-color2); stroke: var(--jp-diff-deleted-color1); stroke-width: 1px; }
.jp-Notebook-diff .CodeMirror-merge-spacer { background-color: var(--jp-diff-deleted-color2); }

.jp-Notebook-diff .CodeMirror-merge-pane-remote .CodeMirror-merge-r-chunk { background-color: var(--jp-diff-added-color2); }
.jp-Notebook-diff .CodeMirror-merge-pane-remote .CodeMirror-merge-r-chunk-start { border-top: 1px solid var(--jp-diff-added-color1); }
.jp-Notebook-diff .CodeMirror-merge-pane-remote .CodeMirror-merge-r-chunk-end { border-bottom: 1px solid var(--jp-diff-added-color1); }
.jp-Notebook-diff .CodeMirror-merge-pane-remote .CodeMirror-merge-r-connect { fill: var(--jp-diff-added-color2); stroke: var(--jp-diff-added-color1); stroke-width: 1px; }
.jp-Notebook-diff .CodeMirror-merge-pane-remote .CodeMirror-merge-spacer { background-color: var(--jp-diff-added-color2); }


.jp-Notebook-diff .jp-Diff-deleted .CodeMirror,
.jp-Notebook-diff .jp-Diff-deleted .jp-Diff-renderedOuput,
.jp-Cellrow-outputs .jp-Diff-twoway .jp-Diff-base {
  background-color: var(--jp-diff-deleted-color2);
}

.jp-Notebook-diff .jp-Diff-added .CodeMirror,
.jp-Notebook-diff .jp-Diff-added .jp-Diff-renderedOuput,
.jp-Cellrow-outputs .jp-Diff-twoway .jp-Diff-remote {
  background-color: var(--jp-diff-added-color2);
}

.jp-Notebook-diff .jp-Diff-added .CodeMirror-merge-pane-added,
.jp-Notebook-diff .jp-Diff-deleted .CodeMirror-merge-pane-deleted {
  width: 100%;
}

.jp-Notebook-diff .jp-Cellrow-source .jp-Cell-prompt {
  text-align: left;
}

.jp-CollapsiblePanel-container {
  background-color: var(--codemirror-gutter-background);
}
