.run-pulse {
	position: relative;
	display: inline-block;
	flex-shrink: 0;
	width: 8px;
	height: 8px;
	margin: 3px;
	border-radius: 9999px;
	background-color: var(--color-brand);

	&::after {
		position: absolute;
		inset: 0;
		border-radius: inherit;
		background-color: inherit;
		content: "";
		animation: run-pulse 1.6s cubic-bezier(0.16, 1, 0.3, 1) infinite;
	}
}

@keyframes run-pulse {
	from {
		opacity: 0.6;
		transform: scale(1);
	}

	to {
		opacity: 0;
		transform: scale(2.5);
	}
}

@media (prefers-reduced-motion: reduce) {
	.run-pulse::after {
		animation: none;
	}
}