/* side-by-side-comparison.component.css */

.comparison-container {
    display: flex;
    justify-content: space-between;
    gap: 10px;
  }
  
  .ace-editor {
    flex: 1;
    height: 400px;
  }
  
  .word-changed {
    background-color: yellow; /* Highlight word changes */
  }
  
  .new-line {
    background-color: green; /* Highlight newly added lines */
  }
  
  .ace_marker-layer .ace_gutter .ace_marker {
    background-color: gray !important; /* Empty lines highlighted in gray */
  }
  