.spiga-block-racetracks .spiga-racetracks-grid {
	perspective: 1200px;
}

.spiga-block-racetracks .spiga-racetrack-card {
	--racetrack-delay: calc(var(--racetrack-index, 0) * 90ms);
	backface-visibility: hidden;
	transform: translate3d(0, 0, 0);
	transform-origin: 50% 100%;
	will-change: opacity, transform;
}

.spiga-block-racetracks .spiga-racetracks-grid.is-motion-ready .spiga-racetrack-card {
	opacity: 0;
	transform: translate3d(0, 58px, 0) rotateX(7deg) scale(0.965);
	transition:
		opacity 700ms cubic-bezier(0.16, 1, 0.3, 1),
		transform 900ms cubic-bezier(0.16, 1, 0.3, 1),
		border-color 300ms ease,
		box-shadow 500ms ease;
	transition-delay: var(--racetrack-delay), var(--racetrack-delay), 0ms, 0ms;
}

.spiga-block-racetracks .spiga-racetracks-grid.is-in-view .spiga-racetrack-card {
	opacity: 1;
	transform: translate3d(0, 0, 0) rotateX(0deg) scale(1);
}

.spiga-block-racetracks .spiga-racetrack-card:hover {
	box-shadow: 0 28px 90px -56px rgb(250 70 22 / 45%);
	transform: translate3d(0, -6px, 0);
}

.spiga-block-racetracks .spiga-racetracks-grid.is-motion-ready:not(.is-in-view) .spiga-racetrack-card:hover {
	transform: translate3d(0, 58px, 0) rotateX(7deg) scale(0.965);
}

@media (prefers-reduced-motion: reduce) {
	.spiga-block-racetracks .spiga-racetrack-card,
	.spiga-block-racetracks .spiga-racetracks-grid.is-motion-ready .spiga-racetrack-card,
	.spiga-block-racetracks .spiga-racetracks-grid.is-in-view .spiga-racetrack-card,
	.spiga-block-racetracks .spiga-racetrack-card:hover {
		opacity: 1;
		transform: none;
		transition: none;
		will-change: auto;
	}
}