.arrow-connector-action {
	filter: drop-shadow(0 0.25rem 0.25rem rgba(0, 128, 255, 0.5));
	animation: arrow-connector-blink 5s ease-in-out infinite;
	transition: opacity 0.25s ease-in-out;
}

.arrow-connector-action:hover {
	animation-play-state: paused;
	opacity: 1 !important;
}

.arrow-connector-animated-line {
	stroke-dasharray: 12, 12;
	animation: arrow-connector-flow 1s linear infinite;
}

.arrow-connector-action:hover .arrow-connector-animated-line {
	animation-play-state: paused;
}

@keyframes arrow-connector-flow {
	from {
		stroke-dashoffset: 24;
	}
	to {
		stroke-dashoffset: 0;
	}
}

@keyframes arrow-connector-blink {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}