.cursor {
	position: fixed;
	width: 6px;
	height: 6px;
	background: var(--accent);
	border-radius: 50%;
	pointer-events: none;
	z-index: 10000;
	transition:
	    width 0.2s ease,
	    height 0.2s ease,
	    opacity 0.2s ease;
	mix-blend-mode: screen;
}

.cursor-ring {
	position: fixed;
	width: 28px;
	height: 28px;
	border: 1px solid var(--accent-dim);
	border-radius: 50%;
	pointer-events: none;
	z-index: 9998;
	transition:
	    width 0.25s ease,
	    height 0.25s ease,
	    border-color 0.2s ease;
}