/* SVG distortion cursors (demos 5–8) — Codrops AnimatedCustomCursor */

#deep-cursor-root {
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	overflow: visible;
	pointer-events: none;
	z-index: var(--deep-cursor-z-index, 2147483646);
}

/*
 * Blend compositor: zero footprint at pointer, children paint with mix-blend-mode
 * against the page (same idea as theme .cursor1).
 */
.deep-cursor-blend-layer {
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	overflow: visible;
	pointer-events: none;
	z-index: var(--deep-cursor-z-index, 2147483646);
	will-change: transform;
}

.deep-cursor-blend-layer svg.deep-cursor--svg {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	overflow: visible;
	pointer-events: none;
}

#deep-cursor-root svg.deep-cursor--svg {
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	pointer-events: none;
	overflow: visible;
}

.deep-cursor__inner {
	fill: none;
	stroke: var(--deep-cursor-outer, #fff);
	stroke-width: 1px;
}

body.deep-custom-cursor-blend-difference .deep-cursor__inner {
	stroke: #fff;
}