From c484948407983b7c601a4e0591422745e275b742 Mon Sep 17 00:00:00 2001
From: Joe Opseth <joe.opseth@outlook.com>
Date: Sat, 27 Jul 2024 11:36:41 -0500
Subject: [PATCH] Disable shake for users with reduced motion preference

For users with reduced motion settings enabled, disable the CSS shake
animation for invalid input.
---
 src/style/_mixins.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/style/_mixins.scss b/src/style/_mixins.scss
index 096dc0e4c75b..f7e07bd18a6e 100644
--- a/src/style/_mixins.scss
+++ b/src/style/_mixins.scss
@@ -170,4 +170,8 @@ $browser-context: 16;
     animation: shake .4s 1;
     border-color: $_color-delete;
     background: lighten($_color-delete, 35%);
+
+    @media (prefers-reduced-motion) {
+        animation: none;
+    }
 }