website/_src/assets/css/default/motion.css

@media (prefers-reduced-motion: no-preference) {
	/* Scrolling pride flag text */
	#bio span[id],
	footer span {
		font-family: "Nosey Rodent", sans-serif;
		font-weight: bold;
		color: transparent;
		background-clip: text;
		filter: var(--outlined);
		background-repeat: repeat;
		background-size: 200% 100%;
		background-position: 0% 50%;
		animation: slide 5s linear infinite;
		transition: color var(--trans);
	}
}
@media (prefers-reduced-motion: reduce) {
	/* Buttons */
	:is(a, button),
	span:has(a) {
		transition: none;
	}
	/* Permalinks */
	.header-anchor,
	main article pre {
		transition: none;
	}
	/* Images */
	#gallery a:has(figure),
	#blog main article figure,
	a img {
		transition: none;
	}
	.emoji:has(img[alt*="🐇"]) {
		& img {
			opacity: 0;
		}
		&::after {
			position: absolute;
			content: "🐇";
		}
	}
	/* Scrolling pride flag text */
	#bio span[id] {
		transition: none;
		animation: none;
		color: inherit;
		background-clip: initial;
		background: initial;
		&::before {
			content: "";
			display: inline-flex;
			width: 2rem;
			height: 1.25rem;
			margin: 0 2px;
			background-repeat: repeat-x;
			border-radius: 2px;
			top: 4px;
			position: relative;
		}
	}
	footer span {
		width: 100%;
	}
	#aromantic::before {
		background-image: url("/assets/img/flag/aromantic.svg");
	}
	#agender::before {
		background-image: url("/assets/img/flag/agender.svg");
	}
	#pansexual::before {
		background-image: url("/assets/img/flag/pansexual.svg");
	}
	/* Jumping critters */
	#pkmn span:hover {
		animation: none;
		transform: translateY(-4px);
	}
	#art div {
		transform: none;
	}
	main article > .postscript {
		& p,
		p > img {
			transition: none;
		}
	}
	#blog #posts a {
		transition: none;
	}
}