.sxf-network__motion-canvas {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.sxf-network__points {
	z-index: 3;
}

.sxf-network__marker .sxf-network__dot {
	animation: sxfNetworkDestination 3.2s ease-in-out infinite;
	animation-delay: calc(var(--route-index, 0) * -0.14s);
}

@keyframes sxfNetworkDestination {
	0%, 100% {
		box-shadow: 0 0 0 1px rgba(49, 88, 69, .42);
	}
	50% {
		box-shadow: 0 0 0 1px rgba(49, 88, 69, .62), 0 0 0 5px rgba(49, 88, 69, .08);
	}
}

@media (prefers-reduced-motion: reduce) {
	.sxf-network__motion-canvas {
		display: none;
	}
	.sxf-network__marker .sxf-network__dot {
		animation: none;
	}
}