pre {
	overflow: auto;
	width: 100%;
}

/*
 * HTML Renderers - General
 */

.Differences {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	width: 100%;
}

.Differences thead th {
	background: #AAAAAA;
	border-bottom: 1px solid #000000;
	color: #000000;
	padding: 4px;
	text-align: left;
	display: none;
}

.Differences tbody th {
	background: #CCCCCC;
	border-right: 1px solid #000000;
	font-size: var(--ww-font-size-base);
	padding: 1px 2px;
	text-align: right;
	vertical-align: top;
	width: 4em;
}

.Differences td {
	font-family: Consolas, monospace;
	font-size: var(--ww-font-size-base);
	padding: 1px 2px;
	vertical-align: top;
}

.Differences .Skipped {
	background: #F7F7F7;
	display: block;
}

/* reset SYNTAX --text-- style */
del {
	color: #000000;
}

/*
 * HTML Side by Side Diff
 */
.DifferencesSideBySide .ChangeInsert td.Left {
	background: #DDFFDD;
}

.DifferencesSideBySide .ChangeInsert td.Right {
	background: #CCFFCC;
}

.DifferencesSideBySide .ChangeDelete td.Left {
	background: #FF8888;
}

.DifferencesSideBySide .ChangeDelete td.Right {
	background: #FFAAAA;
}

.DifferencesSideBySide .ChangeReplace .Left {
	background: #FFEE99;
}

.DifferencesSideBySide .ChangeReplace .Right {
	background: #FFDD88;
}

.DifferencesSideBySide .ChangeIgnore .Left,
.DifferencesSideBySide .ChangeIgnore .Right {
	background: #FBF2BF;
}

.DifferencesSideBySide .ChangeIgnore .Left.Ignore {
	background: #F7F7F7;
}

.DifferencesSideBySide .ChangeIgnore .Right.Ignore {
	background: #F7F7F7;
}

.Differences ins,
.Differences del {
	text-decoration: none;
}

.DifferencesSideBySide .ChangeReplace ins,
.DifferencesSideBySide .ChangeReplace del {
	background: #FFCC00;
}

/*
 * HTML Unified Diff
 */
.DifferencesUnified .ChangeReplace .Left,
.DifferencesUnified .ChangeDelete .Left {
	background: #FFDDDD;
}

.DifferencesUnified .ChangeReplace .Right,
.DifferencesUnified .ChangeInsert .Right {
	background: #DDFFDD;
}

.DifferencesUnified .ChangeReplace ins {
	background: #99EE99;
}

.DifferencesUnified .ChangeReplace del {
	background: #EE9999;
}

.DifferencesUnified .ChangeIgnore .Left,
.DifferencesUnified .ChangeIgnore .Right {
	background: #FBF2BF;
}

.DifferencesUnified .ChangeIgnore .Left.Ignore {
	background: #F7F7F7;
}

.DifferencesUnified .ChangeIgnore .Right.Ignore {
	background: #F7F7F7;
}

/*
 * HTML Merged Diff
 */
.DifferencesMerged td.ChangeReplace {
	background: #FFDD88;
}

.DifferencesMerged .ChangeDelete {
	background: #FFDDDD;
}

.DifferencesMerged .ChangeInsert {
	background: #DDFFDD;
}

.DifferencesMerged .ChangeReplace ins {
	background: #99EE99;
}

.DifferencesMerged .ChangeReplace del {
	background: #EE9999;
}

.DifferencesMerged th.ChangeDelete {
	background-image: linear-gradient(-45deg, #CCCCCC 0%, #EE9999 100%);
}

.DifferencesMerged th.ChangeReplace {
	background-image: linear-gradient(-45deg, #CCCCCC 0%, #FFDD88 100%);
}

:root[data-theme="dark"] {
	.Differences thead th {
		background: #AAAAAA;
		border-bottom: 1px solid #000000;
		color: #000000;
	}
	
	.Differences tbody th {
		background: #AAAAAA;
		border-right: 1px solid #000000;
		color: #272822;
	}

	.Differences .Skipped {
		background: #F7F7F7;
		color: #000000;
	}
	
	/* reset SYNTAX --text-- style */
	del {
		color: #000000;
	}
	
	/*
	 * HTML Side by Side Diff
	 */
	.DifferencesSideBySide .ChangeInsert td.Left {
		background: #DDFFDD;
	}
	
	.DifferencesSideBySide .ChangeInsert td.Right {
		background: #008000;
	}
	
	.DifferencesSideBySide .ChangeDelete td.Left {
		background: #FF8888;
	}
	
	.DifferencesSideBySide .ChangeDelete td.Right {
		background: #FFAAAA;
	}
	
	.DifferencesSideBySide .ChangeReplace .Left {
		background: #FFDD88;
		color: #272822;
	}
	
	.DifferencesSideBySide .ChangeReplace .Right {
		background: #FFDD88;
		color: #272822;
	}
	
	.DifferencesSideBySide .ChangeIgnore .Left,
	.DifferencesSideBySide .ChangeIgnore .Right {
		background: #FBF2BF;
	}
	
	.DifferencesSideBySide .ChangeIgnore .Left.Ignore {
		background: #4B4C57;
	}
	
	.DifferencesSideBySide .ChangeIgnore .Right.Ignore {
		background: #4B4C57;
	}
	
	.DifferencesSideBySide .ChangeReplace ins,
	.DifferencesSideBySide .ChangeReplace del {
		background: #EEBB00;
	}
	
	/*
	 * HTML Unified Diff
	 */
	.DifferencesUnified .ChangeReplace .Left,
	.DifferencesUnified .ChangeDelete .Left {
		background: #FFDDDD;
		color: #272822;
	}
	
	.DifferencesUnified .ChangeReplace .Right,
	.DifferencesUnified .ChangeInsert .Right {
		background: #DDFFDD;
		color: #272822;
	}
	
	.DifferencesUnified .ChangeReplace ins {
		background: #008000;
		color: #272822;
	}
	
	.DifferencesUnified .ChangeReplace del {
		background: #EE9999;
		color: #272822;
	}
	
	.DifferencesUnified .ChangeIgnore .Left,
	.DifferencesUnified .ChangeIgnore .Right {
		background: #FBF2BF;
	}
	
	.DifferencesUnified .ChangeIgnore .Left.Ignore {
		background: #4B4C57;
	}
	
	.DifferencesUnified .ChangeIgnore .Right.Ignore {
		background: #4B4C57;
	}
	
	/*
	 * HTML Merged Diff
	 */
	.DifferencesMerged td.ChangeReplace {
		background: #FFDD88;
		color: #272822;
	}
	
	.DifferencesMerged .ChangeDelete {
		background: #FFDDDD;
		color: #272822;
	}
	
	.DifferencesMerged .ChangeInsert {
		background: #DDFFDD;
		color: #272822;
	}
	
	.DifferencesMerged .ChangeReplace ins {
		background: #008000;
		color: #272822;
	}
	
	.DifferencesMerged .ChangeReplace del {
		background: #EE9999;
		color: #272822;
	}
	
	.DifferencesMerged th.ChangeDelete {
		background-image: linear-gradient(-45deg, #AAAAAA 0%, #EE9999 100%);
	}
	
	.DifferencesMerged th.ChangeReplace {
		background-image: linear-gradient(-45deg, #CCCCCC 0%, #FFDD88 100%);
	}
}


@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
	.Differences thead th {
		background: #AAAAAA;
		border-bottom: 1px solid #000000;
		color: #000000;
	}
	
	.Differences tbody th {
		background: #AAAAAA;
		border-right: 1px solid #000000;
		color: #272822;
	}

	.Differences .Skipped {
		background: #F7F7F7;
		color: #000000;
	}
	
	/* reset SYNTAX --text-- style */
	del {
		color: #000000;
	}
	
	/*
	 * HTML Side by Side Diff
	 */
	.DifferencesSideBySide .ChangeInsert td.Left {
		background: #DDFFDD;
	}
	
	.DifferencesSideBySide .ChangeInsert td.Right {
		background: #008000;
	}
	
	.DifferencesSideBySide .ChangeDelete td.Left {
		background: #FF8888;
	}
	
	.DifferencesSideBySide .ChangeDelete td.Right {
		background: #FFAAAA;
	}
	
	.DifferencesSideBySide .ChangeReplace .Left {
		background: #FFDD88;
		color: #272822;
	}
	
	.DifferencesSideBySide .ChangeReplace .Right {
		background: #FFDD88;
		color: #272822;
	}
	
	.DifferencesSideBySide .ChangeIgnore .Left,
	.DifferencesSideBySide .ChangeIgnore .Right {
		background: #FBF2BF;
	}
	
	.DifferencesSideBySide .ChangeIgnore .Left.Ignore {
		background: #4B4C57;
	}
	
	.DifferencesSideBySide .ChangeIgnore .Right.Ignore {
		background: #4B4C57;
	}
	
	.DifferencesSideBySide .ChangeReplace ins,
	.DifferencesSideBySide .ChangeReplace del {
		background: #EEBB00;
	}
	
	/*
	 * HTML Unified Diff
	 */
	.DifferencesUnified .ChangeReplace .Left,
	.DifferencesUnified .ChangeDelete .Left {
		background: #FFDDDD;
		color: #272822;
	}
	
	.DifferencesUnified .ChangeReplace .Right,
	.DifferencesUnified .ChangeInsert .Right {
		background: #DDFFDD;
		color: #272822;
	}
	
	.DifferencesUnified .ChangeReplace ins {
		background: #008000;
		color: #272822;
	}
	
	.DifferencesUnified .ChangeReplace del {
		background: #EE9999;
		color: #272822;
	}
	
	.DifferencesUnified .ChangeIgnore .Left,
	.DifferencesUnified .ChangeIgnore .Right {
		background: #FBF2BF;
	}
	
	.DifferencesUnified .ChangeIgnore .Left.Ignore {
		background: #4B4C57;
	}
	
	.DifferencesUnified .ChangeIgnore .Right.Ignore {
		background: #4B4C57;
	}
	
	/*
	 * HTML Merged Diff
	 */
	.DifferencesMerged td.ChangeReplace {
		background: #FFDD88;
		color: #272822;
	}
	
	.DifferencesMerged .ChangeDelete {
		background: #FFDDDD;
		color: #272822;
	}
	
	.DifferencesMerged .ChangeInsert {
		background: #DDFFDD;
		color: #272822;
	}
	
	.DifferencesMerged .ChangeReplace ins {
		background: #008000;
		color: #272822;
	}
	
	.DifferencesMerged .ChangeReplace del {
		background: #EE9999;
		color: #272822;
	}
	
	.DifferencesMerged th.ChangeDelete {
		background-image: linear-gradient(-45deg, #AAAAAA 0%, #EE9999 100%);
	}
	
	.DifferencesMerged th.ChangeReplace {
		background-image: linear-gradient(-45deg, #CCCCCC 0%, #FFDD88 100%);
	}
	}
}
