/**
 * Smokey Fluid Cursor — Base Styles
 */

:root {
	--deep-cursor-z-index: 2147483646;
}

#deep-cursor-root,
.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);
}

html > .deep-cursor-root,
html > .deep-cursor,
html > .deep-cursor-blend-layer,
html.deep-custom-cursor-active:not(.deep-custom-cursor-scope-container) > .deep-cursor,
html.deep-custom-cursor-has-blend > .deep-cursor-blend-layer {
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: var(--deep-cursor-z-index);
}

html > .deep-cursor.deep-cursor--demo2,
html > .deep-cursor.deep-cursor--demo3,
html > .deep-cursor.deep-cursor--demo4,
html > .deep-cursor-blend-layer,
html.deep-custom-cursor-has-blend > .deep-cursor {
	width: 0;
	height: 0;
	overflow: visible;
}

@media (pointer: coarse) {
	body.deep-custom-cursor-hide-touch.deep-custom-cursor-active,
	body.deep-custom-cursor-hide-touch.deep-custom-cursor-active a,
	body.deep-custom-cursor-hide-touch.deep-custom-cursor-active button {
		cursor: auto !important;
	}

	html.deep-custom-cursor-hide-touch .deep-cursor,
	body.deep-custom-cursor-hide-touch .deep-cursor {
		display: none !important;
	}
}

.deep-custom-cursor-scope-container .deep-cursor-area {
	position: relative;
}