/**
 * Custom cursor styles — keeps the native system cursor visible.
 */

.dawnsol-cursor {
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 99999;
	opacity: 0;
	transition: opacity 0.25s ease;
}

.dawnsol-cursor.is-visible {
	opacity: 1;
}

.dawnsol-cursor__dot,
.dawnsol-cursor__ring {
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
	will-change: transform;
}

/* Hide custom dot so the default OS cursor stays visible. */
.dawnsol-cursor__dot {
	display: none;
}

.dawnsol-cursor__ring {
	width: 36px;
	height: 36px;
	margin: -18px 0 0 -18px;
	border-radius: 50%;
	border: 1px solid rgba(62, 207, 154, 0.45);
	background: rgba(62, 207, 154, 0.06);
	backdrop-filter: blur(1px);
	transition: width 0.25s ease, height 0.25s ease, margin 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
}

.dawnsol-cursor.is-hovering .dawnsol-cursor__ring {
	width: 52px;
	height: 52px;
	margin: -26px 0 0 -26px;
	border-color: rgba(62, 207, 154, 0.85);
	background: rgba(62, 207, 154, 0.14);
}

.dawnsol-cursor.is-clicking .dawnsol-cursor__ring {
	width: 28px;
	height: 28px;
	margin: -14px 0 0 -14px;
	border-color: rgba(255, 255, 255, 0.9);
}