/* Color Code Squares for Comparison View */
.color-square {
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 4px;
}

/* Full Line Colors */
.color-square-add-line {
	background-color: hsla(120, 100%, 25%, 0.65);
}

.color-square-del-line {
	background-color: hsla(0, 100%, 50%, 0.6);
}

/* Character Level Colors */
.color-square-add-char {
	background-color: hsla(120, 100%, 25%, 0.5);
}

.color-square-del-char {
	background-color: hsla(0, 100%, 50%, 0.45);
}

/* Context Level Colors */
.color-square-add-context {
	background-color: hsla(120, 100%, 25%, 0.2);
}

.color-square-del-context {
	background-color: hsla(0, 100%, 50%, 0.2);
}

/* Unchanged/Normal */
.color-square-normal {
	background-color: var(--bg);
}