/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Diffy diff output styles */
.diff-output .diff {
  overflow-x: auto;
}
.diff-output ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.diff-output li {
  padding: 2px 8px;
  white-space: pre-wrap;
  word-break: break-word;
}
.diff-output .del {
  background-color: oklch(0.704 0.191 22.216 / 0.3);
  color: oklch(0.577 0.245 27.325);
}
.diff-output .ins {
  background-color: oklch(0.841 0.238 128.85 / 0.3);
  color: oklch(0.405 0.177 142.495);
}
.diff-output .del strong {
  background-color: oklch(0.704 0.191 22.216 / 0.5);
  font-weight: normal;
}
.diff-output .ins strong {
  background-color: oklch(0.841 0.238 128.85 / 0.5);
  font-weight: normal;
}