/* Dycode Olive Branches — overlay */

.dycode-olive-host {
	position: relative;
}

.dycode-olive-host[data-dycode-olive-clip="1"] {
	overflow: hidden;
}

.dycode-olive-branches {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	overflow: visible;
}

.dycode-olive-branches[data-layer="behind"] {
	z-index: 0;
}

.dycode-olive-branches[data-layer="front"] {
	z-index: 9;
}

.dycode-olive-branches > svg {
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
}

/* Το περιεχόμενο του host πρέπει να καθίσει πάνω από το overlay όταν
   αυτό είναι στο πίσω επίπεδο. */
.dycode-olive-host > *:not(.dycode-olive-branches) {
	position: relative;
	z-index: 1;
}