.diff {
	position: relative;
	width: 100%;
	padding-top: var(--bs-aspect-ratio); /* 16:9 aspect ratio */
	display: flex;
	gap: 1rem;
	outline: none; /* for tabindex */
}

.diff-item-1,
.diff-item-2 {
	flex: 1;
	height: 100%;
	position: relative;
}

.diff-item-1 > div,
.diff-item-2 > div {
	height: 100%;
	width: 100%;
	border-radius: 0.25rem;
}

.diff-resizer {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 1.5rem;
	height: 1.5rem;
	background-color: #6c757d;
	border-radius: 0.25rem;
	cursor: se-resize;
}