.diff {
  display: flex;
  flex-direction: row;

  .left,
  .right {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .left {
    margin-right: 10px;

    .mat-button {
      align-self: flex-start;
    }
  }

  .right {
    margin-left: 10px;

    .mat-button {
      align-self: flex-start;
    }
  }

  pre {
    flex: 1;

    padding: 10px;

    white-space: pre-wrap;

    background: rgb(0 0 0 / 4%);
    border-radius: 5px;
  }
}