/*
 * Scheurlijn met twee perforatiegaatjes op de bovenrand van een sectie.
 * Alleen geladen via de gedeelde handle cp-scheurlijn (inc/registry.php).
 * De parent van .cp-scheurlijn heeft position: relative nodig.
 */

.cp-scheurlijn {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	left: 0;
	height: 0;
	pointer-events: none;
}

.cp-scheurlijn__lijn {
	display: block;
	border-top: 2px dashed rgb(1 28 56 / 0.15);
}

.cp-scheurlijn__gat {
	position: absolute;
	top: -12px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--cp-scheurlijn-gat, #fff);
}

.cp-scheurlijn__gat--links {
	left: 0;
	box-shadow: inset 2px 2px 5px rgb(1 28 56 / 0.12);
}

.cp-scheurlijn__gat--rechts {
	right: 0;
	box-shadow: inset -2px 2px 5px rgb(1 28 56 / 0.12);
}