From 14e21d00b9843a139523e3385d0d3e77d0997613 Mon Sep 17 00:00:00 2001
From: dakkar <dakkar@thenautilus.net>
Date: Sat, 12 Oct 2024 19:45:35 +0100
Subject: [PATCH] honour `prefers-reduced-motion` in embeds

---
 packages/frontend-embed/src/style.scss | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/packages/frontend-embed/src/style.scss b/packages/frontend-embed/src/style.scss
index f949d36a31..979e959f52 100644
--- a/packages/frontend-embed/src/style.scss
+++ b/packages/frontend-embed/src/style.scss
@@ -462,3 +462,16 @@ bdi.block { display: block }
 	  opacity: 1;
 	}
 }
+
+@media (prefers-reduced-motion) {
+	@keyframes mfm-spin { 0% { transform: none; filter: none; opacity: 1 } }
+	@keyframes mfm-spinX { 0% { transform: none; filter: none; opacity: 1 } }
+	@keyframes mfm-spinY { 0% { transform: none; filter: none; opacity: 1 } }
+	@keyframes mfm-jump { 0% { transform: none; filter: none; opacity: 1 } }
+	@keyframes mfm-bounce { 0% { transform: none; filter: none; opacity: 1 } }
+	@keyframes mfm-twitch { 0% { transform: none; filter: none; opacity: 1 } }
+	@keyframes mfm-shake { 0% { transform: none; filter: none; opacity: 1 } }
+	@keyframes mfm-rubberBand { 0% { transform: none; filter: none; opacity: 1 } }
+	@keyframes mfm-rainbow { 0% { transform: none; filter: none; opacity: 1 } }
+	@keyframes mfm-fade	{ 0% { transform: none; filter: none; opacity: 1 } }
+}