diff --git a/dist/css/base/gin.css b/dist/css/base/gin.css
index 57dd6a2d2ec9d17eb044ffa63dbfd03ae63b3c5b..14b08d07f88019af91887a86a93562d6299c28d3 100644
--- a/dist/css/base/gin.css
+++ b/dist/css/base/gin.css
@@ -161,7 +161,12 @@ button.link:active,
   min-height: var(--gin-height-sticky);
   background: var(--gin-bg-app);
   box-sizing: border-box;
-  transition: var(--gin-transition);
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .region-sticky {
+    transition: var(--gin-transition);
+  }
 }
 
 .gin--edit-form .region-sticky {
@@ -553,7 +558,12 @@ body:not(.toolbar-tray-open) .layout-container {
   text-overflow: ellipsis;
   padding-inline-end: .25em;
   max-width: 90%;
-  transition: font-size .25s ease;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .page-title {
+    transition: font-size .25s ease;
+  }
 }
 
 @media (min-width: 64em) {
@@ -1652,7 +1662,12 @@ table .views-field.views-field-operations {
   border: 1px solid var(--gin-border-color-form-element);
   border-radius: var(--gin-border-m);
   box-sizing: border-box;
-  transition: var(--gin-transition);
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .form-element {
+    transition: var(--gin-transition);
+  }
 }
 
 .form-element:hover {
@@ -1809,7 +1824,6 @@ table .views-field.views-field-operations {
   height: 100%;
   background-color: #fff;
   border-radius: 21px;
-  transition: transform .3s;
 }
 
 [dir="ltr"] :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input::before {
@@ -1820,6 +1834,12 @@ table .views-field.views-field-operations {
   transform: translateX(16px);
 }
 
+@media (prefers-reduced-motion: no-preference) {
+  :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input::before {
+    transition: transform .3s;
+  }
+}
+
 .gin--dark-mode :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input::before {
   background-color: var(--gin-border-color-form-element);
 }
@@ -1845,7 +1865,6 @@ table .views-field.views-field-operations {
             mask-position: 17px 2px;
     -webkit-mask-repeat: no-repeat;
             mask-repeat: no-repeat;
-    transition: transform .3s;
   }
 
   [dir="ltr"] :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input::after {
@@ -1857,6 +1876,12 @@ table .views-field.views-field-operations {
   }
 }
 
+@media (forced-colors: active) and (prefers-reduced-motion: no-preference) {
+  :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input::after {
+    transition: transform .3s;
+  }
+}
+
 :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input:disabled {
   cursor: not-allowed;
 }
@@ -2190,7 +2215,15 @@ tr .form-item {
   color: var(--gin-color-primary);
   background-color: transparent;
   box-shadow: none;
-  transition: var(--gin-transition);
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .button,
+  .project__action_button,
+  .dropbutton__item:first-of-type > *,
+  .dropbutton__toggle {
+    transition: var(--gin-transition);
+  }
 }
 
 @media (min-width: 80em) {
@@ -2243,7 +2276,16 @@ tr .form-item {
   border: 2px solid var(--gin-color-primary) !important;
   border-radius: var(--gin-border-m);
   box-shadow: 0 1px 2px var(--gin-color-primary-light);
-  transition: var(--gin-transition);
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .button,
+  .button:not(:focus),
+  .form-actions .button,
+  .project__action_button,
+  .action-link--icon-trash.action-link {
+    transition: var(--gin-transition);
+  }
 }
 
 .button:hover,
@@ -2998,10 +3040,15 @@ a.button--primary.button--danger,
   padding: var(--gin-spacing-m);
   border: 2px solid transparent;
   border-radius: var(--gin-border-l);
-  transition: opacity var(--gin-transition-fast);
   opacity: 1;
 }
 
+@media (prefers-reduced-motion: no-preference) {
+  .messages {
+    transition: opacity var(--gin-transition-fast);
+  }
+}
+
 .gin--dark-mode .messages {
   box-shadow: 0 6px 16px var(--gin-border-color-layer);
 }
@@ -3061,10 +3108,15 @@ a.button--primary.button--danger,
   text-indent: -99999px;
   border-radius: var(--gin-border-m);
   border-color: transparent !important;
-  transition: var(--gin-transition);
   box-shadow: none;
 }
 
+@media (prefers-reduced-motion: no-preference) {
+  .messages .button--dismiss {
+    transition: var(--gin-transition);
+  }
+}
+
 .messages .button--dismiss:hover:not(:focus) {
   color: transparent;
   background-color: transparent;
diff --git a/dist/css/components/ajax.css b/dist/css/components/ajax.css
index eac8ef78f80af4c11d230749476f83b1e2b60f59..cd850c03c16031b518e0f0c576c1f9b988f56df1 100644
--- a/dist/css/components/ajax.css
+++ b/dist/css/components/ajax.css
@@ -61,7 +61,13 @@
   border: 2px solid var(--gin-color-primary);
   border-inline-end: 2px dotted transparent;
   border-radius: 50%;
-  animation: gin-throbber .75s linear infinite;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .ui-dialog .ajax-progress-throbber::before,
+  .contextual-links .ajax-progress-throbber::before {
+    animation: gin-throbber .75s linear infinite;
+  }
 }
 
 .gin--dark-mode .ui-dialog .ajax-progress,
diff --git a/dist/css/components/autocomplete.css b/dist/css/components/autocomplete.css
index 57b44f49c924c02e1996eb40832f00ca27892fdd..b1be0b05751a55b2768d88413f91d9676bf334c9 100644
--- a/dist/css/components/autocomplete.css
+++ b/dist/css/components/autocomplete.css
@@ -39,8 +39,10 @@ a.ui-button:active,
   border: 1px solid var(--gin-border-color);
 }
 
-.js .form-autocomplete {
-  transition: var(--gin-transition), background-position none;
+@media (prefers-reduced-motion: no-preference) {
+  .js .form-autocomplete {
+    transition: var(--gin-transition), background-position none;
+  }
 }
 
 .js .form-autocomplete.is-autocompleting,
@@ -67,7 +69,13 @@ div.autocomplete-deluxe-container div.autocomplete-deluxe-throbber.autocomplete-
   border-block-start: 2px solid var(--gin-color-primary);
   width: 14px;
   height: 14px;
-  animation: gin-throbber 1s linear infinite;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .form-autocomplete.is-autocompleting + .claro-autocomplete__message::after,
+  div.autocomplete-deluxe-container div.autocomplete-deluxe-throbber.autocomplete-deluxe-open::after {
+    animation: gin-throbber 1s linear infinite;
+  }
 }
 
 div.autocomplete-deluxe-container div.autocomplete-deluxe-throbber.autocomplete-deluxe-open::after {
@@ -80,7 +88,12 @@ div.autocomplete-deluxe-multiple {
   border: 1px solid var(--gin-border-color-form-element);
   border-radius: var(--gin-border-m);
   box-sizing: border-box;
-  transition: var(--gin-transition);
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  div.autocomplete-deluxe-multiple {
+    transition: var(--gin-transition);
+  }
 }
 
 .autocomplete-deluxe-container input.autocomplete-deluxe-form {
diff --git a/dist/css/components/edit_form.css b/dist/css/components/edit_form.css
index cca21c59fe07ad90c5ba34d96651aae43321f5c2..67c15fcb74cf006f59d2fe73053d753ec146a5bc 100644
--- a/dist/css/components/edit_form.css
+++ b/dist/css/components/edit_form.css
@@ -2,11 +2,15 @@
   .gin--edit-form {
     padding-inline-end: var(--gin-sidebar-offset);
   }
+}
 
+@media (min-width: 64em) and (prefers-reduced-motion: no-preference) {
   .gin--edit-form .dialog-off-canvas-main-canvas {
     transition: padding-inline-start var(--gin-transition-fast);
   }
+}
 
+@media (min-width: 64em) {
   .gin--edit-form.js-off-canvas-dialog-open {
     padding-inline-end: 0;
   }
@@ -103,7 +107,12 @@
   -webkit-overflow-scrolling: touch;
   background: var(--gin-bg-layer);
   border-inline-start: 1px solid var(--gin-border-color-layer);
-  transition: all var(--gin-transition-fast);
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .gin--edit-form .page-wrapper__node-edit-form .layout-region-node-secondary {
+    transition: all var(--gin-transition-fast);
+  }
 }
 
 .gin--dark-mode .gin--edit-form .page-wrapper__node-edit-form .layout-region-node-secondary {
diff --git a/dist/css/components/layout_paragraphs.css b/dist/css/components/layout_paragraphs.css
index 0ca4777d2714655cbec9bd695beaf92c5f71b8fc..328b759b232e249464ade0103db92830af71947d 100644
--- a/dist/css/components/layout_paragraphs.css
+++ b/dist/css/components/layout_paragraphs.css
@@ -479,12 +479,18 @@
 .erl-loading div.spinner {
   width: 1.125rem;
   height: 1.125rem;
-  animation: gin-throbber .75s linear infinite;
   border: 2px solid var(--gin-color-primary);
   border-inline-end: 2px dotted transparent;
   border-radius: 50%;
 }
 
+@media (prefers-reduced-motion: no-preference) {
+  .layout-paragraphs-loading div.spinner,
+  .erl-loading div.spinner {
+    animation: gin-throbber .75s linear infinite;
+  }
+}
+
 .layout-paragraphs-add-content:focus,
 .erl-add-content:focus {
   outline: none;
diff --git a/dist/css/components/more_actions.css b/dist/css/components/more_actions.css
index 1cc4a5cfd9ac72584c4a015f3dc5e4c56a7ba108..108bc2600b2cce9acf3515e162db8dd456c64830 100644
--- a/dist/css/components/more_actions.css
+++ b/dist/css/components/more_actions.css
@@ -32,7 +32,12 @@
   border-radius: var(--gin-border-l);
   box-sizing: border-box;
   box-shadow: var(--gin-shadow-l2);
-  transition: opacity var(--gin-transition-fast);
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .gin-sticky-form-actions .gin-more-actions__menu {
+    transition: opacity var(--gin-transition-fast);
+  }
 }
 
 .gin-sticky-form-actions .gin-more-actions__menu .action-link.action-link,
@@ -93,7 +98,12 @@
   width: 32px;
   margin-inline: calc(var(--gin-spacing-xxs) * -1);
   border-radius: var(--gin-border-m);
-  transition: background var(--gin-transition-fast);
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .gin-sticky-form-actions .gin-more-actions__trigger {
+    transition: background var(--gin-transition-fast);
+  }
 }
 
 .gin-sticky-form-actions .gin-more-actions__trigger::before {
@@ -187,7 +197,6 @@ body:has([data-drupal-selector=edit-save] + .ajax-progress) :where([data-drupal-
 body:has([data-drupal-selector=edit-preview] + .ajax-progress) :where([data-drupal-selector=gin-sticky-edit-preview]),
 body:has([data-drupal-selector=edit-delete] + .ajax-progress) :where([data-drupal-selector=gin-sticky-edit-delete]) {
   background-image: url("../../media/sprite.svg#loader-view");
-  animation: gin-pseudo-throbber 1s linear infinite;
 }
 
 [dir="ltr"] body:has([data-drupal-selector=edit-save] + .ajax-progress) :where([data-drupal-selector=gin-sticky-edit-save]),
@@ -202,3 +211,11 @@ body:has([data-drupal-selector=edit-delete] + .ajax-progress) :where([data-drupa
   padding-inline-end: var(--gin-spacing-xl);
 }
 
+@media (prefers-reduced-motion: no-preference) {
+  body:has([data-drupal-selector=edit-save] + .ajax-progress) :where([data-drupal-selector=gin-sticky-edit-save]),
+  body:has([data-drupal-selector=edit-preview] + .ajax-progress) :where([data-drupal-selector=gin-sticky-edit-preview]),
+  body:has([data-drupal-selector=edit-delete] + .ajax-progress) :where([data-drupal-selector=gin-sticky-edit-delete]) {
+    animation: gin-pseudo-throbber 1s linear infinite;
+  }
+}
+
diff --git a/dist/css/components/node_preview.css b/dist/css/components/node_preview.css
index affe992b59bd7cfc367284a04f9ca4144bc9566d..9d72101a6c768976181ed54fb63b1755735c7a47 100644
--- a/dist/css/components/node_preview.css
+++ b/dist/css/components/node_preview.css
@@ -131,7 +131,12 @@
   border: 1px solid var(--gin-border-color-form-element);
   border-radius: var(--gin-border-s);
   box-sizing: border-box;
-  transition: var(--gin-transition);
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .node-preview-container.node-preview-container .form-element {
+    transition: var(--gin-transition);
+  }
 }
 
 .node-preview-container.node-preview-container .js-hide {
diff --git a/dist/css/components/responsive_preview.css b/dist/css/components/responsive_preview.css
index d01494a5459f0a28934ba5be7ef9aeddc6b7a1b3..fe555c26f8683d0c445b16c9b708eaabd033e8d4 100644
--- a/dist/css/components/responsive_preview.css
+++ b/dist/css/components/responsive_preview.css
@@ -37,7 +37,12 @@
   -webkit-mask-repeat: no-repeat;
           mask-repeat: no-repeat;
   box-sizing: border-box;
-  transition: transform .2s var(--gin-easing);
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .toolbar .toolbar-tab-responsive-preview.toolbar-tab .responsive-preview-trigger::after {
+    transition: transform .2s var(--gin-easing);
+  }
 }
 
 .toolbar .toolbar-tab-responsive-preview.toolbar-tab .responsive-preview-options {
diff --git a/dist/css/components/sidebar.css b/dist/css/components/sidebar.css
index 641098cb6ea94a251256a0307a9b2ef6b9f5830c..6a650eaec19c0854b0153313090960a4e78b716a 100644
--- a/dist/css/components/sidebar.css
+++ b/dist/css/components/sidebar.css
@@ -8,7 +8,12 @@
   display: block;
   width: 2px;
   height: 100%;
-  transition: var(--gin-transition-fast);
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  #gin-sidebar-draggable {
+    transition: var(--gin-transition-fast);
+  }
 }
 
 #gin-sidebar-draggable:hover {
@@ -19,8 +24,10 @@
   background-color: var(--gin-border-color);
 }
 
-.layout-region-node-secondary {
-  transition: transform var(--gin-transition-fast);
+@media (prefers-reduced-motion: no-preference) {
+  .layout-region-node-secondary {
+    transition: transform var(--gin-transition-fast);
+  }
 }
 
 @media (max-width: 60.99em) {
@@ -62,7 +69,12 @@ body[data-meta-sidebar=closed] .layout-region-node-secondary {
   height: 32px;
   width: 32px;
   border-radius: var(--gin-border-m);
-  transition: background var(--gin-transition-fast);
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .meta-sidebar__close {
+    transition: background var(--gin-transition-fast);
+  }
 }
 
 .meta-sidebar__close::before {
@@ -100,7 +112,12 @@ body[data-meta-sidebar=closed] .layout-region-node-secondary {
   width: 32px;
   height: 32px;
   border-radius: var(--gin-border-m);
-  transition: background var(--gin-transition-fast);
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .meta-sidebar__trigger {
+    transition: background var(--gin-transition-fast);
+  }
 }
 
 .meta-sidebar__trigger::before {
diff --git a/dist/css/components/tableselect.css b/dist/css/components/tableselect.css
index fdc187a3d7a87487311d61ff9f283ba9d526964d..af49a205d031ab3c683ee013580f0f16ffb1bbe2 100644
--- a/dist/css/components/tableselect.css
+++ b/dist/css/components/tableselect.css
@@ -63,7 +63,13 @@
 .block-system > .views-form [data-drupal-selector*=edit-header].is-sticky,
 .view-content .views-form [data-drupal-selector*=edit-header].is-sticky {
   z-index: 4;
-  animation: fadeInBottom 320ms 1 forwards;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .block-system > .views-form [data-drupal-selector*=edit-header].is-sticky,
+  .view-content .views-form [data-drupal-selector*=edit-header].is-sticky {
+    animation: fadeInBottom 320ms 1 forwards;
+  }
 }
 
 .block-system > .views-form [data-drupal-selector*=edit-header],
diff --git a/dist/css/components/tabs.css b/dist/css/components/tabs.css
index 42484d001738386ae67bc0ffef80490e5fad93dd..b2ea97de050d0d2b9a006891c9d6131174b25253 100644
--- a/dist/css/components/tabs.css
+++ b/dist/css/components/tabs.css
@@ -118,7 +118,14 @@
   width: 100%;
   max-width: calc(100% + var(--gin-spacing-xs));
   border-block-end: 1px solid var(--gin-border-color);
-  transition: var(--gin-transition);
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .is-horizontal .tabs--primary::after,
+  .is-horizontal .tabs--secondary::after,
+  .horizontal-tabs ul.horizontal-tabs-list::after {
+    transition: var(--gin-transition);
+  }
 }
 
 @media (min-width: 48em) {
diff --git a/dist/css/components/tooltip.css b/dist/css/components/tooltip.css
index bee5ec866c80b845e041c2f066d51e2c35ccae55..27eafcdcce65fbdfecc4235fb30c6b6133d7024a 100644
--- a/dist/css/components/tooltip.css
+++ b/dist/css/components/tooltip.css
@@ -19,7 +19,12 @@
 .gin-tooltip {
   visibility: hidden;
   opacity: 0;
-  transition: var(--gin-transition-fast);
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .gin-tooltip {
+    transition: var(--gin-transition-fast);
+  }
 }
 
 [data-gin-tooltip]:hover + .gin-tooltip,
diff --git a/dist/css/deprecated/project_browser.css b/dist/css/deprecated/project_browser.css
index 6839ab663f03b1bac692041b12441b8c5bb4b95e..8b0ba64701992a4f02ef63db6ca89417ecf16d72 100644
--- a/dist/css/deprecated/project_browser.css
+++ b/dist/css/deprecated/project_browser.css
@@ -152,7 +152,12 @@
   background-color: var(--gin-bg-input);
   border: 1px solid var(--gin-border-color-form-element);
   border-radius: var(--gin-border-m);
-  transition: var(--gin-transition);
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  #project-browser .search__filter__toggle.form-element, #project-browser .search__sort-select.form-element {
+    transition: var(--gin-transition);
+  }
 }
 
 #project-browser .search__checkbox-label {
diff --git a/dist/css/layout/navigation.css b/dist/css/layout/navigation.css
index 476a766b5158186563375399cac5b0f14e1f9179..c6baf4e59da5cc5aea893438a09bfe368f71dcac 100644
--- a/dist/css/layout/navigation.css
+++ b/dist/css/layout/navigation.css
@@ -96,6 +96,11 @@ body {
 @media (min-width: 61em) {
   .admin-toolbar ~ .dialog-off-canvas-main-canvas {
     margin-inline-start: var(--drupal-displace-offset-left, var(--sidebar-width));
+  }
+}
+
+@media (min-width: 61em) and (prefers-reduced-motion: no-preference) {
+  .admin-toolbar ~ .dialog-off-canvas-main-canvas {
     transition: margin-inline-start .2s linear;
   }
 }
@@ -651,7 +656,12 @@ html:not(.admin-toolbar-expanded) .toolbar-menu__item--to-title > button.toolbar
 
 .toolbar-link--has-icon span {
   opacity: 1;
-  transition: opacity .4s ease;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .toolbar-link--has-icon span {
+    transition: opacity .4s ease;
+  }
 }
 
 .toolbar-link--has-icon::before {
@@ -732,9 +742,11 @@ html:not(.admin-toolbar-expanded) .toolbar-menu__item--to-title > button.toolbar
   margin-inline-start: var(--gin-toolbar-x-offset);
 }
 
-.admin-toolbar ~ .dialog-off-canvas-main-canvas,
-.gin--navigation .gin-secondary-toolbar--frontend {
-  transition: margin-inline-start var(--gin-transition-fast), margin-inline-start var(--gin-transition-fast);
+@media (prefers-reduced-motion: no-preference) {
+  .admin-toolbar ~ .dialog-off-canvas-main-canvas,
+  .gin--navigation .gin-secondary-toolbar--frontend {
+    transition: margin-inline-start var(--gin-transition-fast), margin-inline-start var(--gin-transition-fast);
+  }
 }
 
 .gin--navigation {
@@ -1031,7 +1043,12 @@ button.toolbar-link--sidebar-toggle::before {
   position: relative;
   -webkit-mask-size: var(--space-s) var(--space-s);
           mask-size: var(--space-s) var(--space-s);
-  transition: transform var(--gin-transition);
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  button.toolbar-link--sidebar-toggle::before {
+    transition: transform var(--gin-transition);
+  }
 }
 
 button.toolbar-link--sidebar-toggle:hover::before, button.toolbar-link--sidebar-toggle:active::before, button.toolbar-link--sidebar-toggle:focus::before {
diff --git a/dist/css/layout/toolbar.css b/dist/css/layout/toolbar.css
index 978a443e5940cc4bd4105397d03e63787b1529d3..8a05cdc0421bd3c73350e284070d4726b1ed29ab 100644
--- a/dist/css/layout/toolbar.css
+++ b/dist/css/layout/toolbar.css
@@ -108,6 +108,11 @@
   .toolbar .toolbar-bar #toolbar-item-administration-tray a.toolbar-icon-admin-toolbar-tools-help.toolbar-icon-default {
     height: 74px;
     margin-block-end: 6px;
+  }
+}
+
+@media (min-width: 61em) and (prefers-reduced-motion: no-preference) {
+  .toolbar .toolbar-bar #toolbar-item-administration-tray a.toolbar-icon-admin-toolbar-tools-help.toolbar-icon-default {
     transition: top var(--gin-transition);
   }
 }
@@ -207,11 +212,15 @@ a.toolbar-menu__trigger,
   .toolbar .toolbar-menu .toolbar-menu {
     background: var(--gin-bg-app);
   }
+}
 
+@media (min-width: 61em) and (prefers-reduced-motion: no-preference) {
   .toolbar-fixed {
     transition: var(--gin-transition);
   }
+}
 
+@media (min-width: 61em) {
   .toolbar .toolbar-box {
     position: static;
   }
@@ -234,10 +243,17 @@ a.toolbar-menu__trigger,
     padding-block: var(--gin-spacing-m);
     padding-inline: var(--gin-toolbar-width-collapsed) 0;
     margin: 0;
-    transition: width var(--gin-transition);
     overflow: hidden;
   }
+}
 
+@media (min-width: 61em) and (prefers-reduced-motion: no-preference) {
+  .toolbar-menu-administration a.toolbar-menu__trigger {
+    transition: width var(--gin-transition);
+  }
+}
+
+@media (min-width: 61em) {
   .toolbar-menu-administration a.toolbar-menu__trigger, .toolbar-menu-administration a.toolbar-menu__trigger:active, .toolbar-menu-administration a.toolbar-menu__trigger:focus {
     background-color: transparent;
   }
@@ -257,6 +273,11 @@ a.toolbar-menu__trigger,
     border: 1px solid var(--gin-border-color);
     background: var(--gin-bg-layer) url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 1.7109375,0.31445312 0.2890625,1.7226562 5.5917969,7.0761719 0.2890625,12.429688 1.7109375,13.837891 8.4082031,7.0761719 Z' fill='%23999999'/%3E%3C/svg%3E") no-repeat center center;
     background-size: 11px 11px;
+  }
+}
+
+@media (min-width: 61em) and (prefers-reduced-motion: no-preference) {
+  .toolbar-menu-administration a.toolbar-menu__trigger::before {
     transition: transform var(--gin-transition);
   }
 }
@@ -380,9 +401,17 @@ a.toolbar-menu__trigger,
     margin-inline: var(--gin-spacing-xs);
     border-radius: var(--gin-border-m);
     overflow: hidden;
+  }
+}
+
+@media (min-width: 61em) and (prefers-reduced-motion: no-preference) {
+  .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon,
+  .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box > .toolbar-icon {
     transition: width var(--gin-transition);
   }
+}
 
+@media (min-width: 61em) {
   .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon:hover,
   .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box > .toolbar-icon:hover {
     color: var(--gin-color-primary);
@@ -418,11 +447,18 @@ a.toolbar-menu__trigger,
     max-width: calc(100% - var(--gin-toolbar-height));
     box-shadow: none;
     border-inline-start: 1px solid var(--gin-border-color-layer);
-    transition: margin-inline-start var(--gin-transition);
     overflow-y: auto;
     overflow-x: hidden;
   }
+}
+
+@media (min-width: 61em) and (prefers-reduced-motion: no-preference) {
+  .toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu {
+    transition: margin-inline-start var(--gin-transition);
+  }
+}
 
+@media (min-width: 61em) {
   .toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu, [dir] .toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu {
     position: fixed;
     width: var(--gin-toolbar-width);
diff --git a/dist/css/theme/dialog.css b/dist/css/theme/dialog.css
index f26f49868709553073e6fba9fb5e72aa201e94bf..ebde880139c08d6dae6e0f613fc383b40df3bd7e 100644
--- a/dist/css/theme/dialog.css
+++ b/dist/css/theme/dialog.css
@@ -98,7 +98,15 @@
   color: var(--gin-color-primary);
   background-color: transparent;
   box-shadow: none;
-  transition: var(--gin-transition);
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .ui-dialog .button,
+  .ui-dialog .project__action_button,
+  .ui-dialog .dropbutton__item:first-of-type > *,
+  .ui-dialog .dropbutton__toggle {
+    transition: var(--gin-transition);
+  }
 }
 
 @media (min-width: 80em) {
@@ -151,7 +159,16 @@
   border: 2px solid var(--gin-color-primary) !important;
   border-radius: var(--gin-border-m);
   box-shadow: 0 1px 2px var(--gin-color-primary-light);
-  transition: var(--gin-transition);
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .ui-dialog .button,
+  .ui-dialog .button:not(:focus),
+  .ui-dialog .form-actions .button,
+  .ui-dialog .project__action_button,
+  .ui-dialog .action-link--icon-trash.action-link {
+    transition: var(--gin-transition);
+  }
 }
 
 .ui-dialog .button:hover,
@@ -323,7 +340,12 @@
   border: 1px solid var(--gin-border-color-form-element);
   border-radius: var(--gin-border-m);
   box-sizing: border-box;
-  transition: var(--gin-transition);
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .ui-dialog .form-element {
+    transition: var(--gin-transition);
+  }
 }
 
 .ui-dialog .form-element:hover {
@@ -480,7 +502,6 @@
   height: 100%;
   background-color: #fff;
   border-radius: 21px;
-  transition: transform .3s;
 }
 
 [dir="ltr"] .ui-dialog :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input::before {
@@ -491,6 +512,12 @@
   transform: translateX(16px);
 }
 
+@media (prefers-reduced-motion: no-preference) {
+  .ui-dialog :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input::before {
+    transition: transform .3s;
+  }
+}
+
 .gin--dark-mode .ui-dialog :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input::before {
   background-color: var(--gin-border-color-form-element);
 }
@@ -516,7 +543,6 @@
             mask-position: 17px 2px;
     -webkit-mask-repeat: no-repeat;
             mask-repeat: no-repeat;
-    transition: transform .3s;
   }
 
   [dir="ltr"] .ui-dialog :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input::after {
@@ -528,6 +554,12 @@
   }
 }
 
+@media (forced-colors: active) and (prefers-reduced-motion: no-preference) {
+  .ui-dialog :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input::after {
+    transition: transform .3s;
+  }
+}
+
 .ui-dialog :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input:disabled {
   cursor: not-allowed;
 }
diff --git a/styles/base/_button.scss b/styles/base/_button.scss
index f492cc9b3d8ef101cb4018dccdfac9dceeb68c48..b0845e485abbbeb88e0981800a76a604911e8a69 100644
--- a/styles/base/_button.scss
+++ b/styles/base/_button.scss
@@ -7,7 +7,9 @@
   color: var(--gin-color-primary);
   background-color: transparent;
   box-shadow: none;
-  transition: var(--gin-transition);
+  @media (prefers-reduced-motion: no-preference) {
+    transition: var(--gin-transition);
+  }
 
   @include mq(wide) {
     font-size: var(--gin-font-size);
@@ -37,7 +39,9 @@
   border: 2px solid var(--gin-color-primary) !important;
   border-radius: var(--gin-border-m);
   box-shadow: 0 1px 2px var(--gin-color-primary-light);
-  transition: var(--gin-transition);
+  @media (prefers-reduced-motion: no-preference) {
+    transition: var(--gin-transition);
+  }
 
   &:hover {
     background-color: var(--gin-color-primary-hover);
diff --git a/styles/base/_form.scss b/styles/base/_form.scss
index b46bd5b6df9d4be8b8185a2ec4163589ac510212..296c32db5e4e633b7e61418e947c6080e1828f5c 100644
--- a/styles/base/_form.scss
+++ b/styles/base/_form.scss
@@ -8,7 +8,9 @@
   border: 1px solid var(--gin-border-color-form-element);
   border-radius: var(--gin-border-m);
   box-sizing: border-box;
-  transition: var(--gin-transition);
+  @media (prefers-reduced-motion: no-preference) {
+    transition: var(--gin-transition);
+  }
 
   &:hover {
     border-color: var(--gin-color-text);
@@ -169,7 +171,9 @@
       background-color: #fff;
       border-radius: 21px;
       transform: translateX(-16px);
-      transition: transform .3s;
+      @media (prefers-reduced-motion: no-preference) {
+        transition: transform .3s;
+      }
 
       .gin--dark-mode & {
         background-color: var(--gin-border-color-form-element);
@@ -192,7 +196,9 @@
         mask-position: 17px 2px;
         mask-repeat: no-repeat;
         transform: translateX(-16px);
-        transition: transform .3s;
+        @media (prefers-reduced-motion: no-preference) {
+          transition: transform .3s;
+        }
       }
     }
 
diff --git a/styles/base/_messages.scss b/styles/base/_messages.scss
index e40531c045ce2ad9cbc1ccabb17434a118447490..a253ea7acbd227bdae119593a12c76156cec68fe 100644
--- a/styles/base/_messages.scss
+++ b/styles/base/_messages.scss
@@ -3,7 +3,9 @@
   padding: var(--gin-spacing-m);
   border: 2px solid transparent;
   border-radius: var(--gin-border-l);
-  transition: opacity var(--gin-transition-fast);
+  @media (prefers-reduced-motion: no-preference) {
+    transition: opacity var(--gin-transition-fast);
+  }
   opacity: 1;
 
   .gin--dark-mode & {
@@ -68,7 +70,9 @@
     text-indent: -99999px;
     border-radius: var(--gin-border-m);
     border-color: transparent !important;
-    transition: var(--gin-transition);
+    @media (prefers-reduced-motion: no-preference) {
+      transition: var(--gin-transition);
+    }
     box-shadow: none;
 
     &:hover:not(:focus) {
diff --git a/styles/base/_regions.scss b/styles/base/_regions.scss
index b8e82f213c2f925c6870c122629a15b3e8209031..cd22375e230d10feb60f8aea171431147286284d 100644
--- a/styles/base/_regions.scss
+++ b/styles/base/_regions.scss
@@ -9,7 +9,9 @@
   min-height: var(--gin-height-sticky);
   background: var(--gin-bg-app);
   box-sizing: border-box;
-  transition: var(--gin-transition);
+  @media (prefers-reduced-motion: no-preference) {
+    transition: var(--gin-transition);
+  }
 
   .gin--edit-form & {
     inset-block-start: calc(var(--gin-toolbar-y-offset) - var(--gin-spacing-xxl) - var(--gin-spacing-xxs));
diff --git a/styles/base/_title.scss b/styles/base/_title.scss
index 4534adbf6495582eca2bc122268f1eb1ec9b548d..76a5376facc9a242a3448c058fd6b8f8aa336060 100644
--- a/styles/base/_title.scss
+++ b/styles/base/_title.scss
@@ -15,7 +15,9 @@
   text-overflow: ellipsis;
   padding-inline-end: .25em;
   max-width: 90%;
-  transition: font-size 0.25s ease;
+  @media (prefers-reduced-motion: no-preference) {
+    transition: font-size 0.25s ease;
+  }
 
   @include mq(large) {
     .region-sticky--is-sticky & {
diff --git a/styles/components/ajax.scss b/styles/components/ajax.scss
index 56b42534fc05f46a9981b2f9658e564cc378ee2d..d0b16f20244963b4bf48950e35d28560eea59cfd 100644
--- a/styles/components/ajax.scss
+++ b/styles/components/ajax.scss
@@ -68,7 +68,9 @@
     border: 2px solid var(--gin-color-primary);
     border-inline-end: 2px dotted transparent;
     border-radius: 50%;
-    animation: gin-throbber 0.75s linear infinite;
+    @media (prefers-reduced-motion: no-preference) {
+      animation: gin-throbber 0.75s linear infinite;
+    }
   }
 }
 
diff --git a/styles/components/autocomplete.scss b/styles/components/autocomplete.scss
index 29e968377d395f6fcdab96aecd3fabd8349ea289..9ea107f01dda2e20ed010ee1fa220488b8f5a439 100644
--- a/styles/components/autocomplete.scss
+++ b/styles/components/autocomplete.scss
@@ -37,7 +37,9 @@ a.ui-button:active,
 }
 
 .js .form-autocomplete {
-  transition: var(--gin-transition), background-position none;
+  @media (prefers-reduced-motion: no-preference) {
+    transition: var(--gin-transition), background-position none;
+  }
 }
 
 .js .form-autocomplete.is-autocompleting,
@@ -62,7 +64,9 @@ div.autocomplete-deluxe-container div.autocomplete-deluxe-throbber.autocomplete-
     border-block-start: 2px solid var(--gin-color-primary);
     width: 14px;
     height: 14px;
-    animation: gin-throbber 1s linear infinite;
+    @media (prefers-reduced-motion: no-preference) {
+      animation: gin-throbber 1s linear infinite;
+    }
   }
 }
 
@@ -79,7 +83,9 @@ div.autocomplete-deluxe-multiple {
   border: 1px solid var(--gin-border-color-form-element);
   border-radius: var(--gin-border-m);
   box-sizing: border-box;
-  transition: var(--gin-transition);
+  @media (prefers-reduced-motion: no-preference) {
+    transition: var(--gin-transition);
+  }
 }
 
 .autocomplete-deluxe-container {
diff --git a/styles/components/edit_form.scss b/styles/components/edit_form.scss
index 41adcac441c6a44ce50a75fd643f74bd7db8dbda..a9dd6efd17c90043836f7329a8546b509e34d793 100644
--- a/styles/components/edit_form.scss
+++ b/styles/components/edit_form.scss
@@ -5,7 +5,9 @@
     padding-inline-end: var(--gin-sidebar-offset);
 
     .dialog-off-canvas-main-canvas {
-      transition: padding-inline-start var(--gin-transition-fast);
+      @media (prefers-reduced-motion: no-preference) {
+        transition: padding-inline-start var(--gin-transition-fast);
+      }
     }
 
     // If off-canvas dialog is shown
@@ -109,7 +111,9 @@
       -webkit-overflow-scrolling: touch;
       background:var(--gin-bg-layer);
       border-inline-start: 1px solid var(--gin-border-color-layer);
-      transition: all var(--gin-transition-fast);
+      @media (prefers-reduced-motion: no-preference) {
+        transition: all var(--gin-transition-fast);
+      }
 
       .gin--dark-mode & {
         box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
diff --git a/styles/components/layout_paragraphs.scss b/styles/components/layout_paragraphs.scss
index da27caeddf490122104e37b39c021ca67652252c..8735babb1a6262b941d81348431936d5b4a7f4c1 100644
--- a/styles/components/layout_paragraphs.scss
+++ b/styles/components/layout_paragraphs.scss
@@ -379,7 +379,9 @@
 .erl-loading div.spinner {
   width: 1.125rem;
   height: 1.125rem;
-  animation: gin-throbber 0.75s linear infinite;
+  @media (prefers-reduced-motion: no-preference) {
+    animation: gin-throbber 0.75s linear infinite;
+  }
   border: 2px solid var(--gin-color-primary);
   border-inline-end: 2px dotted transparent;
   border-radius: 50%;
diff --git a/styles/components/more_actions.scss b/styles/components/more_actions.scss
index 9848322a8b6698c75235ee1f4e55846bafe24f03..c1bb4f7e6c808803c13328af0922b74ee1b80d9f 100644
--- a/styles/components/more_actions.scss
+++ b/styles/components/more_actions.scss
@@ -31,7 +31,9 @@
       border-radius: var(--gin-border-l);
       box-sizing: border-box;
       box-shadow: var(--gin-shadow-l2);
-      transition: opacity var(--gin-transition-fast);
+      @media (prefers-reduced-motion: no-preference) {
+        transition: opacity var(--gin-transition-fast);
+      }
 
       // Increase order.
       .action-link.action-link,
@@ -87,7 +89,9 @@
       width: 32px;
       margin-inline: calc(var(--gin-spacing-xxs) * -1);
       border-radius: var(--gin-border-m);
-      transition: background var(--gin-transition-fast);
+      @media (prefers-reduced-motion: no-preference) {
+        transition: background var(--gin-transition-fast);
+      }
 
       &::before {
         display: inline-block;
@@ -179,5 +183,7 @@ body:has([data-drupal-selector="edit-preview"] + .ajax-progress) :where([data-dr
 body:has([data-drupal-selector="edit-delete"] + .ajax-progress) :where([data-drupal-selector="gin-sticky-edit-delete"]) {
   padding-left: var(--gin-spacing-xl);
   background-image: icon('loader');
-  animation: gin-pseudo-throbber 1s linear infinite;
+  @media (prefers-reduced-motion: no-preference) {
+    animation: gin-pseudo-throbber 1s linear infinite;
+  }
 }
diff --git a/styles/components/node_preview.scss b/styles/components/node_preview.scss
index c2b4c4a6adc809863e01ef922150614062d0ffde..a52b66bba42948263c42216d57365d4fc9b1dec7 100644
--- a/styles/components/node_preview.scss
+++ b/styles/components/node_preview.scss
@@ -118,7 +118,9 @@
     border: 1px solid var(--gin-border-color-form-element);
     border-radius: var(--gin-border-s);
     box-sizing: border-box;
-    transition: var(--gin-transition);
+    @media (prefers-reduced-motion: no-preference) {
+      transition: var(--gin-transition);
+    }
   }
 
   .js-hide {
diff --git a/styles/components/responsive_preview.scss b/styles/components/responsive_preview.scss
index b05151691b0ac7c676d321c603758fbbe0b7817f..6c16cc622824a87cf8e89498d048d6b52c9be143 100644
--- a/styles/components/responsive_preview.scss
+++ b/styles/components/responsive_preview.scss
@@ -37,7 +37,9 @@
         mask-position: center center;
         mask-repeat: no-repeat;
         box-sizing: border-box;
-        transition: transform .2s var(--gin-easing);
+        @media (prefers-reduced-motion: no-preference) {
+          transition: transform .2s var(--gin-easing);
+        }
       }
     }
 
diff --git a/styles/components/sidebar.scss b/styles/components/sidebar.scss
index ebaa58aea2e7fa64e1133d44d4f70a556afb63df..4f0668ce57002c1137b9d4eceb1f8d86a282651c 100644
--- a/styles/components/sidebar.scss
+++ b/styles/components/sidebar.scss
@@ -8,7 +8,9 @@
   display: block;
   width: 2px;
   height: 100%;
-  transition: var(--gin-transition-fast);
+  @media (prefers-reduced-motion: no-preference) {
+    transition: var(--gin-transition-fast);
+  }
 
   &:hover {
     background-color: var(--gin-border-color-table);
@@ -20,7 +22,9 @@
 }
 
 .layout-region-node-secondary {
-  transition: transform var(--gin-transition-fast);
+  @media (prefers-reduced-motion: no-preference) {
+    transition: transform var(--gin-transition-fast);
+  }
 
   @include mq($to: medium) {
     --gin-sidebar-width: var(--gin-sidebar-small-width);
@@ -64,7 +68,9 @@ body[data-meta-sidebar=open] {
     height: 32px;
     width: 32px;
     border-radius: var(--gin-border-m);
-    transition: background var(--gin-transition-fast);
+    @media (prefers-reduced-motion: no-preference) {
+      transition: background var(--gin-transition-fast);
+    }
 
     &::before {
       content: "";
@@ -100,7 +106,9 @@ body[data-meta-sidebar=open] {
     width: 32px;
     height: 32px;
     border-radius: var(--gin-border-m);
-    transition: background var(--gin-transition-fast);
+    @media (prefers-reduced-motion: no-preference) {
+      transition: background var(--gin-transition-fast);
+    }
 
     &::before {
       display: inline-block;
diff --git a/styles/components/tableselect.scss b/styles/components/tableselect.scss
index 1e885d02c521966dcf3b5d1b9d808ef8846c314b..c872a03d3f8591684fcb727864b3c249d4075e8d 100644
--- a/styles/components/tableselect.scss
+++ b/styles/components/tableselect.scss
@@ -54,7 +54,9 @@
 
     &.is-sticky {
       z-index: 4;
-      animation: fadeInBottom 320ms 1 forwards;
+      @media (prefers-reduced-motion: no-preference) {
+        animation: fadeInBottom 320ms 1 forwards;
+      }
     }
   }
 
diff --git a/styles/components/tabs.scss b/styles/components/tabs.scss
index a702040f52b3078f73f4b28a8b336acd884ed039..70c19c59b56afa4cfb7b0335386a209dc637bf72 100644
--- a/styles/components/tabs.scss
+++ b/styles/components/tabs.scss
@@ -120,7 +120,9 @@
     width: 100%;
     max-width: calc(100% + var(--gin-spacing-xs));
     border-block-end: 1px solid var(--gin-border-color);
-    transition: var(--gin-transition);
+    @media (prefers-reduced-motion: no-preference) {
+      transition: var(--gin-transition);
+    }
 
     @include mq(small) {
       inset-inline-start: var(--gin-spacing-xs);
diff --git a/styles/components/tooltip.scss b/styles/components/tooltip.scss
index db1a97238d495e149d7c1b26fdabae620e3c54d8..39ab58e687c8084012825cc7faa6ed65132a6d1a 100644
--- a/styles/components/tooltip.scss
+++ b/styles/components/tooltip.scss
@@ -19,7 +19,9 @@
 .gin-tooltip {
   visibility: hidden;
   opacity: 0;
-  transition: var(--gin-transition-fast);
+  @media (prefers-reduced-motion: no-preference) {
+    transition: var(--gin-transition-fast);
+  }
 }
 
 [data-gin-tooltip]:hover + .gin-tooltip,
diff --git a/styles/deprecated/project_browser.scss b/styles/deprecated/project_browser.scss
index 25967b807588f0933985c77669e08a22162464ac..3c5c9d819792a5a56c229f9fe07d6a2b8d42b86c 100644
--- a/styles/deprecated/project_browser.scss
+++ b/styles/deprecated/project_browser.scss
@@ -160,7 +160,9 @@
       background-color: var(--gin-bg-input);
       border: 1px solid var(--gin-border-color-form-element);
       border-radius: var(--gin-border-m);
-      transition: var(--gin-transition);
+      @media (prefers-reduced-motion: no-preference) {
+        transition: var(--gin-transition);
+      }
     }
 
     &__checkbox-label {
diff --git a/styles/layout/navigation.scss b/styles/layout/navigation.scss
index 1c2a0ac1b5b91ad1b1e82fffdb3fb690ae3cdb64..b6e4139d70192fbb2ef51b5c081cea65e666821c 100644
--- a/styles/layout/navigation.scss
+++ b/styles/layout/navigation.scss
@@ -51,7 +51,9 @@ body.gin--navigation {
 // Set transtion to Gin's to avoid different speeds.
 .admin-toolbar ~ .dialog-off-canvas-main-canvas,
 .gin--navigation .gin-secondary-toolbar--frontend {
-  transition: margin-inline-start var(--gin-transition-fast), margin-inline-start var(--gin-transition-fast);
+  @media (prefers-reduced-motion: no-preference) {
+    transition: margin-inline-start var(--gin-transition-fast), margin-inline-start var(--gin-transition-fast);
+  }
 }
 
 // ----------
@@ -325,7 +327,9 @@ button.toolbar-link--sidebar-toggle {
     opacity: .75;
     position: relative;
     mask-size: var(--space-s) var(--space-s);
-    transition: transform var(--gin-transition);
+    @media (prefers-reduced-motion: no-preference) {
+      transition: transform var(--gin-transition);
+    }
   }
 
   &:hover::before,
diff --git a/styles/layout/toolbar.scss b/styles/layout/toolbar.scss
index ec6acb56ac74515f976a0057161496b1a8600ae5..fadf0f6dd288a8b0c9d15e8c133026a06a998f86 100644
--- a/styles/layout/toolbar.scss
+++ b/styles/layout/toolbar.scss
@@ -112,7 +112,9 @@
       @include mq(medium) {
         height: 74px;
         margin-block-end: 6px;
-        transition: top var(--gin-transition);
+        @media (prefers-reduced-motion: no-preference) {
+          transition: top var(--gin-transition);
+        }
       }
 
       &::before {
@@ -217,7 +219,9 @@ a.toolbar-menu__trigger,
   }
 
   .toolbar-fixed {
-    transition: var(--gin-transition);
+    @media (prefers-reduced-motion: no-preference) {
+      transition: var(--gin-transition);
+    }
   }
 
   .toolbar .toolbar-box {
@@ -244,7 +248,9 @@ a.toolbar-menu__trigger,
     padding-block: var(--gin-spacing-m);
     padding-inline: var(--gin-toolbar-width-collapsed) 0;
     margin: 0;
-    transition: width var(--gin-transition);
+    @media (prefers-reduced-motion: no-preference) {
+      transition: width var(--gin-transition);
+    }
     overflow: hidden;
 
     &, &:active, &:focus {
@@ -269,7 +275,10 @@ a.toolbar-menu__trigger,
       border: 1px solid var(--gin-border-color);
       background: var(--gin-bg-layer) url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 1.7109375,0.31445312 0.2890625,1.7226562 5.5917969,7.0761719 0.2890625,12.429688 1.7109375,13.837891 8.4082031,7.0761719 Z' fill='%23999999'/%3E%3C/svg%3E") no-repeat center center;
       background-size: 11px 11px;
-      transition: transform var(--gin-transition);
+
+      @media (prefers-reduced-motion: no-preference) {
+        transition: transform var(--gin-transition);
+      }
 
       @media (forced-colors: active) {
         background: var(--gin-bg-layer) url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 1.7109375,0.31445312 0.2890625,1.7226562 5.5917969,7.0761719 0.2890625,12.429688 1.7109375,13.837891 8.4082031,7.0761719 Z' fill='linkText'/%3E%3C/svg%3E") no-repeat center center;
@@ -391,7 +400,9 @@ a.toolbar-menu__trigger,
           margin-inline: var(--gin-spacing-xs);
           border-radius: var(--gin-border-m);
           overflow: hidden;
-          transition: width var(--gin-transition);
+          @media (prefers-reduced-motion: no-preference) {
+            transition: width var(--gin-transition);
+          }
 
           &:hover {
             color: var(--gin-color-primary);
@@ -424,7 +435,9 @@ a.toolbar-menu__trigger,
           max-width: calc(100% - var(--gin-toolbar-height));
           box-shadow: none;
           border-inline-start: 1px solid var(--gin-border-color-layer);
-          transition: margin-inline-start var(--gin-transition);
+          @media (prefers-reduced-motion: no-preference) {
+            transition: margin-inline-start var(--gin-transition);
+          }
           overflow-y: auto;
           overflow-x: hidden;
 
diff --git a/styles/navigation/admin-toolbar.scss b/styles/navigation/admin-toolbar.scss
index f6545a339d856701747e57e7d3fafd2c836bdd68..9097fef74794814fd719aced135884e3c6c50d6f 100644
--- a/styles/navigation/admin-toolbar.scss
+++ b/styles/navigation/admin-toolbar.scss
@@ -54,7 +54,9 @@
     // Gin Custom start ---------------------
     @include mq(medium) {
       margin-inline-start: var(--drupal-displace-offset-left, var(--sidebar-width));
-      transition: margin-inline-start 0.2s linear;
+      @media (prefers-reduced-motion: no-preference) {
+        transition: margin-inline-start 0.2s linear;
+      }
     }
     // Gin Custom end ------------------------
   }
diff --git a/styles/navigation/toolbar-link.scss b/styles/navigation/toolbar-link.scss
index 8b83b78d38f8ebb4066294a0479586932020edef..0feab637d91ffde326ab1102d5b6f685b74ceb68 100644
--- a/styles/navigation/toolbar-link.scss
+++ b/styles/navigation/toolbar-link.scss
@@ -140,7 +140,9 @@ html:not(.admin-toolbar-expanded) {
 
   & span {
     opacity: 1;
-    transition: opacity .4s ease;
+    @media (prefers-reduced-motion: no-preference) {
+      transition: opacity .4s ease;
+    }
   }
 
   &::before {