/* Cursor light is a decorative layer limited to game, DLC, gift-card and
   subscription cards. It stays behind all card content and controls. */
.ags-cursor-spotlight-ready {
	position: relative;
	isolation: isolate;
}

.ags-cursor-spotlight-ready > .ags-cursor-spotlight-layer {
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	background: radial-gradient(
		260px circle at var(--ags-spotlight-x, 50%) var(--ags-spotlight-y, 50%),
		rgba(83, 204, 255, 0.2) 0%,
		rgba(125, 111, 255, 0.11) 38%,
		transparent 74%
	);
	opacity: 0;
	pointer-events: none;
	transition: opacity 180ms ease;
}

@media (hover: hover) and (pointer: fine) {
	.ags-cursor-spotlight-ready:hover > .ags-cursor-spotlight-layer {
		opacity: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ags-cursor-spotlight-ready > .ags-cursor-spotlight-layer {
		display: none !important;
		transition: none !important;
	}
}

