Faux nested matrix blocks

control-panel.css

.matrixblock[data-type="sectionBlock"] ~ .matrixblock:not([data-type="sectionBlock"]) {
	margin-left: 14px;
}

.matrixblock + .matrixblock[data-type="sectionBlock"] {
	margin-top: 30px;
}

.matrixblock[data-type="sectionBlock"] ~ .matrixblock:not([data-type="sectionBlock"])::before {
	background: #DFE5EA;
	bottom:0;
	content: "";
	left:-15px;
	position: absolute;
	top:0;
	width: 1px;
}

.matrixblock[data-type="sectionBlock"] ~ .matrixblock:not([data-type="sectionBlock"])::before {
	top:-15px;
}

.matrixblock:has(+ .matrixblock[data-type="sectionBlock"])::before,
.matrixblock:not([data-type="sectionBlock"]):last-child::before {
	bottom: 50% !important;
}

.matrixblock[data-type="sectionBlock"] ~ .matrixblock:not([data-type="sectionBlock"])::after {
	background: #DFE5EA;
	content: "";
	height: 1px;
	left:-15px;
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	width: 15px;
}