diff --git a/src/elements/alert/alert/alert.scss b/src/elements/alert/alert/alert.scss
index c90208b039..34c35c4486 100644
--- a/src/elements/alert/alert/alert.scss
+++ b/src/elements/alert/alert/alert.scss
@@ -22,7 +22,7 @@ $open-anim-opacity-to: 1;
   --sbb-alert-close-icon-margin: var(--sbb-spacing-responsive-xxs);
   --sbb-alert-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-responsive-xs);
   --sbb-alert-animation-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-6x)
   );
   --sbb-alert-timing-function: ease-in;
@@ -85,7 +85,7 @@ $open-anim-opacity-to: 1;
       fill-mode: forwards;
       duration: var(--sbb-alert-animation-duration);
       timing-function: var(--sbb-alert-timing-function);
-      delay: 0s, var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x));
+      delay: 0s, var(--sbb-disable-animation-zero-duration, var(--sbb-animation-duration-2x));
     }
   }
 }
diff --git a/src/elements/button/common/button-common.scss b/src/elements/button/common/button-common.scss
index 7875c23093..5adbaa8caa 100644
--- a/src/elements/button/common/button-common.scss
+++ b/src/elements/button/common/button-common.scss
@@ -29,7 +29,7 @@ $icon-only: ':where([data-slot-names~=icon], [icon-name]):not([data-slot-names~=
   --sbb-button-border-radius: var(--sbb-border-radius-infinity);
   --sbb-button-min-height: var(--sbb-size-element-m);
   --sbb-button-transition-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-2x)
   );
   --sbb-button-transition-easing-function: var(--sbb-animation-easing);
diff --git a/src/elements/calendar/calendar.scss b/src/elements/calendar/calendar.scss
index a71b66a954..49fcd37e20 100644
--- a/src/elements/calendar/calendar.scss
+++ b/src/elements/calendar/calendar.scss
@@ -22,7 +22,7 @@
   --sbb-calendar-cell-disabled-height: #{sbb.px-to-rem-build(1.5)};
   --sbb-calendar-cell-disabled-width: #{sbb.px-to-rem-build(25.5)};
   --sbb-calendar-cell-transition-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-2x)
   );
   --sbb-calendar-cell-transition-easing-function: var(--sbb-animation-easing);
diff --git a/src/elements/clock/clock.scss b/src/elements/clock/clock.scss
index beb04093dc..88fc7bae08 100644
--- a/src/elements/clock/clock.scss
+++ b/src/elements/clock/clock.scss
@@ -36,7 +36,7 @@
 }
 
 .sbb-clock__hand-minutes {
-  transition: transform var(--sbb-disable-animation-zero-time, 0.2s)
+  transition: transform var(--sbb-disable-animation-zero-duration, 0.2s)
     cubic-bezier(0.4, 2.08, 0.55, 0.44);
 
   @supports not (aspect-ratio: 1 / 1) {
diff --git a/src/elements/container/sticky-bar/sticky-bar.scss b/src/elements/container/sticky-bar/sticky-bar.scss
index 163776d605..b5d561e850 100644
--- a/src/elements/container/sticky-bar/sticky-bar.scss
+++ b/src/elements/container/sticky-bar/sticky-bar.scss
@@ -8,11 +8,11 @@ $intersector-overlapping: 1px;
 :host {
   --sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xs);
   --sbb-sticky-bar-fade-in-animation-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-5x)
   );
   --sbb-sticky-bar-fade-out-animation-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-2x)
   );
   --sbb-sticky-bar-animation-easing: var(--sbb-animation-easing);
diff --git a/src/elements/core/mixins/panel-common.scss b/src/elements/core/mixins/panel-common.scss
index 720ecb275d..fbd819aab2 100644
--- a/src/elements/core/mixins/panel-common.scss
+++ b/src/elements/core/mixins/panel-common.scss
@@ -20,7 +20,7 @@
   --sbb-selection-panel-input-padding: var(--sbb-spacing-responsive-xs)
     var(--sbb-spacing-responsive-xxs);
   --sbb-selection-panel-animation-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-4x)
   );
   --sbb-selection-panel-cursor: pointer;
diff --git a/src/elements/core/styles/mixins/animation.scss b/src/elements/core/styles/mixins/animation.scss
index 1c5920bb5a..38bff8a200 100644
--- a/src/elements/core/styles/mixins/animation.scss
+++ b/src/elements/core/styles/mixins/animation.scss
@@ -3,11 +3,11 @@
 // ----------------------------------------------------------------------------------------------------
 
 @mixin disable-animation {
-  --sbb-disable-animation-time: 0.1ms;
-  --sbb-disable-animation-zero-time: 0s;
+  --sbb-disable-animation-duration: 0.1ms;
+  --sbb-disable-animation-zero-duration: 0s;
 }
 
 @mixin enable-animation {
-  --sbb-disable-animation-time: initial;
-  --sbb-disable-animation-zero-time: initial;
+  --sbb-disable-animation-duration: initial;
+  --sbb-disable-animation-zero-duration: initial;
 }
diff --git a/src/elements/core/styles/mixins/buttons.scss b/src/elements/core/styles/mixins/buttons.scss
index c6a19c7159..21140462fa 100644
--- a/src/elements/core/styles/mixins/buttons.scss
+++ b/src/elements/core/styles/mixins/buttons.scss
@@ -64,7 +64,7 @@
   --sbb-button-border-disabled-style: dashed;
   --sbb-button-border-radius: var(--sbb-border-radius-infinity);
   --sbb-button-transition-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-2x)
   );
   --sbb-button-transition-easing-function: var(--sbb-animation-easing);
diff --git a/src/elements/core/styles/mixins/card.scss b/src/elements/core/styles/mixins/card.scss
index d36e177e70..11671e4404 100644
--- a/src/elements/core/styles/mixins/card.scss
+++ b/src/elements/core/styles/mixins/card.scss
@@ -13,7 +13,7 @@
   --sbb-card-background-color: var(--sbb-color-white);
   --sbb-card-border-radius: var(--sbb-border-radius-4x);
   --sbb-card-animation-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-1x)
   );
   --sbb-card-animation-easing: var(--sbb-animation-easing);
diff --git a/src/elements/core/styles/mixins/overlay.scss b/src/elements/core/styles/mixins/overlay.scss
index 1d9e282772..bce2d3c12d 100644
--- a/src/elements/core/styles/mixins/overlay.scss
+++ b/src/elements/core/styles/mixins/overlay.scss
@@ -16,7 +16,7 @@
   --sbb-options-panel-options-border-radius: 0 0 var(--sbb-options-panel-border-radius)
     var(--sbb-options-panel-border-radius);
   --sbb-options-panel-animation-duration: var(
-    --sbb-disable-animation-time,
+    --sbb-disable-animation-duration,
     var(--sbb-animation-duration-4x)
   );
   --sbb-options-panel-animation-timing-function: ease;
diff --git a/src/elements/core/styles/mixins/panel.scss b/src/elements/core/styles/mixins/panel.scss
index b91a9b443b..b52efdf09d 100644
--- a/src/elements/core/styles/mixins/panel.scss
+++ b/src/elements/core/styles/mixins/panel.scss
@@ -19,7 +19,7 @@
   --sbb-panel-padding-inline: var(--sbb-spacing-responsive-m);
   --sbb-panel-gap: var(--sbb-spacing-responsive-xs);
   --sbb-panel-animation-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-4x)
   );
   --sbb-panel-animation-easing: var(--sbb-animation-easing);
diff --git a/src/elements/dialog/dialog/dialog.scss b/src/elements/dialog/dialog/dialog.scss
index 33d83d0b42..24fc1965d1 100644
--- a/src/elements/dialog/dialog/dialog.scss
+++ b/src/elements/dialog/dialog/dialog.scss
@@ -18,7 +18,7 @@
   --sbb-dialog-border-radius: var(--sbb-border-radius-8x);
   --sbb-dialog-padding-block: var(--sbb-spacing-responsive-s);
   --sbb-dialog-animation-duration: var(
-    --sbb-disable-animation-time,
+    --sbb-disable-animation-duration,
     var(--sbb-animation-duration-6x)
   );
   --sbb-dialog-animation-easing: ease;
diff --git a/src/elements/expansion-panel/expansion-panel-header/expansion-panel-header.scss b/src/elements/expansion-panel/expansion-panel-header/expansion-panel-header.scss
index c65021df6d..4ded5d713e 100644
--- a/src/elements/expansion-panel/expansion-panel-header/expansion-panel-header.scss
+++ b/src/elements/expansion-panel/expansion-panel-header/expansion-panel-header.scss
@@ -82,7 +82,7 @@
 }
 
 .sbb-expansion-panel-header__toggle-icon {
-  transition: transform var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x));
+  transition: transform var(--sbb-disable-animation-zero-duration, var(--sbb-animation-duration-4x));
 
   :host([aria-expanded]:not([aria-expanded='false'])) & {
     transform: rotate(-180deg);
diff --git a/src/elements/expansion-panel/expansion-panel/expansion-panel.scss b/src/elements/expansion-panel/expansion-panel/expansion-panel.scss
index 1504fb41d5..ac9c6a633b 100644
--- a/src/elements/expansion-panel/expansion-panel/expansion-panel.scss
+++ b/src/elements/expansion-panel/expansion-panel/expansion-panel.scss
@@ -11,7 +11,7 @@ $open-anim-opacity-to: 1;
 
 :host {
   --sbb-expansion-panel-animation-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-4x)
   );
   --sbb-expansion-panel-background-color: var(--sbb-color-white);
diff --git a/src/elements/file-selector/file-selector.scss b/src/elements/file-selector/file-selector.scss
index 2c812da3fd..c69225cc99 100644
--- a/src/elements/file-selector/file-selector.scss
+++ b/src/elements/file-selector/file-selector.scss
@@ -9,7 +9,7 @@
   --sbb-file-selector-background-color: var(--sbb-color-white);
   --sbb-file-selector-border-color: var(--sbb-color-cloud);
   --sbb-file-selector-transition-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-2x)
   );
   --sbb-file-selector-transition-easing-function: var(--sbb-animation-easing);
diff --git a/src/elements/flip-card/flip-card-details/flip-card-details.scss b/src/elements/flip-card/flip-card-details/flip-card-details.scss
index 62b9beaa89..6b7b02b25f 100644
--- a/src/elements/flip-card/flip-card-details/flip-card-details.scss
+++ b/src/elements/flip-card/flip-card-details/flip-card-details.scss
@@ -7,7 +7,7 @@
   --sbb-flip-card-details-opacity: 0;
   --sbb-flip-card-details-translate-y: var(--sbb-spacing-fixed-2x);
   --sbb-flip-card-details-transition-delay: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-5x)
   );
   --sbb-flip-card-details-padding: var(--sbb-spacing-responsive-s);
diff --git a/src/elements/flip-card/flip-card-summary/flip-card-summary.scss b/src/elements/flip-card/flip-card-summary/flip-card-summary.scss
index bc4d3d1a14..a5d9df6b27 100644
--- a/src/elements/flip-card/flip-card-summary/flip-card-summary.scss
+++ b/src/elements/flip-card/flip-card-summary/flip-card-summary.scss
@@ -56,7 +56,7 @@
 
 ::slotted(*:not([slot='image'])) {
   transform: translateY(var(--sbb-flip-card-translate-title-y-hover, #{sbb.px-to-rem-build(0)}));
-  transition: transform var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x))
+  transition: transform var(--sbb-disable-animation-zero-duration, var(--sbb-animation-duration-2x))
     var(--sbb-animation-easing);
 }
 
diff --git a/src/elements/flip-card/flip-card/flip-card.scss b/src/elements/flip-card/flip-card/flip-card.scss
index 432b02e863..7b92c5b2cf 100644
--- a/src/elements/flip-card/flip-card/flip-card.scss
+++ b/src/elements/flip-card/flip-card/flip-card.scss
@@ -9,15 +9,15 @@
   --sbb-flip-card-border-radius: var(--sbb-border-radius-4x);
   --sbb-flip-card-min-height: #{sbb.px-to-rem-build(280)};
   --sbb-flip-card-summary-transition-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-5x)
   );
   --sbb-flip-card-summary-transition-delay: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-2x)
   );
   --sbb-flip-card-details-transition-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-4x)
   );
 
@@ -39,7 +39,7 @@
 :host([data-flipped]) {
   --sbb-flip-card-toggle-icon-transform: rotate(45deg);
   --sbb-flip-card-details-transition-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-2x)
   );
   --sbb-flip-card-summary-transition-delay: 0s;
@@ -110,7 +110,8 @@
 
     // Use this large border radius to improve the appearance of the expanding dark background.
     border-radius: #{sbb.px-to-rem-build(256)};
-    transition: var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-3x)) ease-out;
+    transition: var(--sbb-disable-animation-zero-duration, var(--sbb-animation-duration-3x))
+      ease-out;
 
     :host([data-flipped]) & {
       opacity: 1;
@@ -119,7 +120,10 @@
       width: 100%;
       height: 100%;
       border-radius: var(--sbb-flip-card-border-radius);
-      transition-duration: var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-5x));
+      transition-duration: var(
+        --sbb-disable-animation-zero-duration,
+        var(--sbb-animation-duration-5x)
+      );
     }
   }
 }
diff --git a/src/elements/form-field/form-field/form-field.scss b/src/elements/form-field/form-field/form-field.scss
index 62c6dd5f8b..450c709eb7 100644
--- a/src/elements/form-field/form-field/form-field.scss
+++ b/src/elements/form-field/form-field/form-field.scss
@@ -359,7 +359,7 @@
     will-change: transform, font-size;
 
     transition: {
-      duration: var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x));
+      duration: var(--sbb-disable-animation-zero-duration, var(--sbb-animation-duration-2x));
       timing-function: var(--sbb-animation-easing);
       property: transform, font-size;
     }
diff --git a/src/elements/header/common/header-action.scss b/src/elements/header/common/header-action.scss
index 2b944aa06a..53d13435b0 100644
--- a/src/elements/header/common/header-action.scss
+++ b/src/elements/header/common/header-action.scss
@@ -16,7 +16,7 @@
   --sbb-header-action-min-height: var(--sbb-size-element-s);
   --sbb-header-action-min-width: var(--sbb-header-action-min-height);
   --sbb-header-action-transition-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-2x)
   );
   --sbb-header-action-transition-easing: var(--sbb-animation-easing);
diff --git a/src/elements/header/header/header.scss b/src/elements/header/header/header.scss
index 20322ff842..5b7c10ce3e 100644
--- a/src/elements/header/header/header.scss
+++ b/src/elements/header/header/header.scss
@@ -14,7 +14,7 @@
   --sbb-signet-height: #{sbb.px-to-rem-build(16)};
   --sbb-header-position: fixed;
   --sbb-header-transition-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-6x)
   );
   --sbb-header-inset-inline-end: 0;
diff --git a/src/elements/image/image.scss b/src/elements/image/image.scss
index ba9db1741d..79d62eb6ec 100644
--- a/src/elements/image/image.scss
+++ b/src/elements/image/image.scss
@@ -7,7 +7,7 @@
   --sbb-image-border-radius: var(--sbb-border-radius-4x);
   --sbb-image-aspect-ratio: auto;
   --sbb-image-animation-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-4x)
   );
   --sbb-image-object-fit: cover;
diff --git a/src/elements/loading-indicator/loading-indicator.scss b/src/elements/loading-indicator/loading-indicator.scss
index bb9b2b9b5c..03f2c0651a 100644
--- a/src/elements/loading-indicator/loading-indicator.scss
+++ b/src/elements/loading-indicator/loading-indicator.scss
@@ -20,7 +20,7 @@
 
 :host([variant='circle']) {
   --sbb-loading-indicator-padding: var(--sbb-border-width-2x);
-  --sbb-loading-indicator-duration: var(--sbb-disable-animation-zero-time, 1.5s);
+  --sbb-loading-indicator-duration: var(--sbb-disable-animation-zero-duration, 1.5s);
   --sbb-loading-indicator-background-color: var(--sbb-color-white);
   --sbb-loading-indicator-circle-background: conic-gradient(
     from 90deg,
@@ -99,7 +99,7 @@
 :host([variant='window']) {
   --sbb-loading-indicator-padding: 0;
   --sbb-loading-indicator-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-6x)
   );
 }
diff --git a/src/elements/map-container/map-container.scss b/src/elements/map-container/map-container.scss
index 376da59082..9ecb364ef0 100644
--- a/src/elements/map-container/map-container.scss
+++ b/src/elements/map-container/map-container.scss
@@ -12,7 +12,7 @@
   --sbb-map-container-sidebar-background-color: var(--sbb-color-white);
   --sbb-map-container-border-radius: var(--sbb-border-radius-4x);
   --sbb-map-container-animation-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-4x)
   );
   --sbb-map-container-map-height: calc(
diff --git a/src/elements/menu/menu/menu.scss b/src/elements/menu/menu/menu.scss
index b6bed2a035..70bbc3cb8d 100644
--- a/src/elements/menu/menu/menu.scss
+++ b/src/elements/menu/menu/menu.scss
@@ -12,7 +12,7 @@
   --sbb-menu-position-x: 0;
   --sbb-menu-position-y: 0;
   --sbb-menu-animation-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-6x)
   );
   --sbb-menu-animation-easing: ease;
diff --git a/src/elements/navigation/common/navigation-action.scss b/src/elements/navigation/common/navigation-action.scss
index ce387b57b1..c13aff1bf8 100644
--- a/src/elements/navigation/common/navigation-action.scss
+++ b/src/elements/navigation/common/navigation-action.scss
@@ -55,7 +55,8 @@ sbb-icon {
   display: flex;
   user-select: none;
   -webkit-tap-highlight-color: transparent;
-  transition: color var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-3x)) ease;
+  transition: color var(--sbb-disable-animation-zero-duration, var(--sbb-animation-duration-3x))
+    ease;
   hyphens: auto;
   text-align: left;
   color: var(--sbb-navigation-action-color);
diff --git a/src/elements/navigation/navigation-marker/navigation-marker.scss b/src/elements/navigation/navigation-marker/navigation-marker.scss
index e5ac08051e..e58a08ad0e 100644
--- a/src/elements/navigation/navigation-marker/navigation-marker.scss
+++ b/src/elements/navigation/navigation-marker/navigation-marker.scss
@@ -54,7 +54,7 @@
     border-block-start: var(--sbb-navigation-marker-border) solid var(--sbb-color-storm);
     margin-block: var(--sbb-navigation-marker-margin-block);
     transition: {
-      duration: var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-6x));
+      duration: var(--sbb-disable-animation-zero-duration, var(--sbb-animation-duration-6x));
       timing-function: ease;
       property: opacity, inset-block-start;
     }
diff --git a/src/elements/navigation/navigation-section/navigation-section.scss b/src/elements/navigation/navigation-section/navigation-section.scss
index 5fed1907b2..bc826cd13a 100644
--- a/src/elements/navigation/navigation-section/navigation-section.scss
+++ b/src/elements/navigation/navigation-section/navigation-section.scss
@@ -9,7 +9,7 @@
   --sbb-navigation-section-position: fixed;
   --sbb-navigation-section-pointer-events: none;
   --sbb-navigation-section-animation-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-3x)
   );
   --sbb-navigation-section-animation-easing: ease-out;
@@ -46,7 +46,7 @@
   @include sbb.mq($from: large) {
     --sbb-navigation-section-column: 5 / 9;
     --sbb-navigation-section-animation-duration: var(
-      --sbb-disable-animation-zero-time,
+      --sbb-disable-animation-zero-duration,
       var(--sbb-animation-duration-4x)
     );
     --sbb-navigation-section-padding-block: var(--sbb-spacing-responsive-xl);
diff --git a/src/elements/navigation/navigation/navigation.scss b/src/elements/navigation/navigation/navigation.scss
index 8bb070ccd7..bce35781a1 100644
--- a/src/elements/navigation/navigation/navigation.scss
+++ b/src/elements/navigation/navigation/navigation.scss
@@ -14,7 +14,7 @@
 :host {
   --sbb-navigation-grid-column: 1 / 5;
   --sbb-navigation-animation-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-3x)
   );
   --sbb-navigation-animation-easing: ease-in;
@@ -53,7 +53,7 @@
   @include sbb.mq($from: large) {
     --sbb-navigation-grid-column: 1 / 5;
     --sbb-navigation-animation-duration: var(
-      --sbb-disable-animation-zero-time,
+      --sbb-disable-animation-zero-duration,
       var(--sbb-animation-duration-6x)
     );
     --sbb-navigation-padding-block-start: var(--sbb-spacing-responsive-xl);
diff --git a/src/elements/notification/notification.scss b/src/elements/notification/notification.scss
index a0f34ba629..644168c624 100644
--- a/src/elements/notification/notification.scss
+++ b/src/elements/notification/notification.scss
@@ -30,7 +30,7 @@ $open-anim-height-to: calc(
     var(--sbb-notification-base-radius) var(--sbb-notification-base-radius)
     calc(var(--sbb-notification-base-radius) / 2);
   --sbb-notification-animation-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-4x)
   );
   --sbb-notification-timing-function: ease-in;
@@ -157,7 +157,7 @@ $open-anim-height-to: calc(
       fill-mode: forwards;
       duration: var(--sbb-notification-animation-duration);
       timing-function: var(--sbb-notification-timing-function);
-      delay: 0s, var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x));
+      delay: 0s, var(--sbb-disable-animation-zero-duration, var(--sbb-animation-duration-2x));
     }
   }
 }
diff --git a/src/elements/overlay/overlay.scss b/src/elements/overlay/overlay.scss
index e193d182e2..3a338d8327 100644
--- a/src/elements/overlay/overlay.scss
+++ b/src/elements/overlay/overlay.scss
@@ -11,7 +11,7 @@
   --sbb-overlay-inset: 0 auto auto 0;
   --sbb-overlay-padding-block: calc(var(--sbb-spacing-fixed-14x) + var(--sbb-spacing-responsive-l));
   --sbb-overlay-animation-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-6x)
   );
   --sbb-overlay-animation-easing: ease;
diff --git a/src/elements/paginator/paginator/paginator.scss b/src/elements/paginator/paginator/paginator.scss
index 6c33b7aa84..3957f83f2b 100644
--- a/src/elements/paginator/paginator/paginator.scss
+++ b/src/elements/paginator/paginator/paginator.scss
@@ -16,7 +16,7 @@
   --sbb-paginator-page-inset: 0;
   --sbb-paginator-animation-easing: var(--sbb-animation-easing);
   --sbb-paginator-animation-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-2x)
   );
   --sbb-paginator-justify-content: start;
diff --git a/src/elements/popover/popover/popover.scss b/src/elements/popover/popover/popover.scss
index e260dcabd0..a99f975645 100644
--- a/src/elements/popover/popover/popover.scss
+++ b/src/elements/popover/popover/popover.scss
@@ -16,7 +16,7 @@
   --sbb-popover-background: var(--sbb-color-white);
   --sbb-popover-color: var(--sbb-color-charcoal);
   --sbb-popover-animation-duration: var(
-    --sbb-disable-animation-time,
+    --sbb-disable-animation-duration,
     var(--sbb-animation-duration-4x)
   );
   --sbb-popover-animation-easing: ease-out;
diff --git a/src/elements/radio-button/common/radio-button-common.scss b/src/elements/radio-button/common/radio-button-common.scss
index 12ff6e68d2..f90731b6a5 100644
--- a/src/elements/radio-button/common/radio-button-common.scss
+++ b/src/elements/radio-button/common/radio-button-common.scss
@@ -99,7 +99,7 @@
     margin-block-start: var(--sbb-radio-button-icon-align);
 
     transition: {
-      duration: var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x));
+      duration: var(--sbb-disable-animation-zero-duration, var(--sbb-animation-duration-4x));
       timing-function: ease;
       property: background-color, border;
     }
diff --git a/src/elements/selection-expansion-panel/selection-expansion-panel.scss b/src/elements/selection-expansion-panel/selection-expansion-panel.scss
index 973761a701..e1e5e72e08 100644
--- a/src/elements/selection-expansion-panel/selection-expansion-panel.scss
+++ b/src/elements/selection-expansion-panel/selection-expansion-panel.scss
@@ -19,7 +19,7 @@ $open-anim-opacity-to: 1;
   // Variable used to override border width of selection panels.
   --sbb-selection-expansion-panel-inner-border-width: 0px;
   --sbb-selection-expansion-panel-animation-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-4x)
   );
   --sbb-selection-expansion-panel-border-width: var(--sbb-border-width-1x);
diff --git a/src/elements/slider/slider.scss b/src/elements/slider/slider.scss
index 3def0d88ee..f4990e8ede 100644
--- a/src/elements/slider/slider.scss
+++ b/src/elements/slider/slider.scss
@@ -112,7 +112,7 @@
       var(--sbb-slider-value-fraction)
   );
   transition-property: width, height;
-  transition-duration: var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-1x));
+  transition-duration: var(--sbb-disable-animation-zero-duration, var(--sbb-animation-duration-1x));
   transition-timing-function: ease-in;
   background-color: var(--sbb-slider-knob-color);
   border: var(--sbb-slider-knob-border-size) var(--sbb-slider-knob-border-style)
diff --git a/src/elements/stepper/step-label/step-label.scss b/src/elements/stepper/step-label/step-label.scss
index 5dd362e1d1..11b1ea4447 100644
--- a/src/elements/stepper/step-label/step-label.scss
+++ b/src/elements/stepper/step-label/step-label.scss
@@ -6,7 +6,7 @@
 :host {
   --sbb-step-label-color: var(--sbb-color-iron);
   --sbb-step-label-animation-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-2x)
   );
   --sbb-step-label-prefix-size: var(--sbb-size-element-xxs);
diff --git a/src/elements/stepper/step/step.scss b/src/elements/stepper/step/step.scss
index 7c5cb84b0f..af19e833f4 100644
--- a/src/elements/stepper/step/step.scss
+++ b/src/elements/stepper/step/step.scss
@@ -10,7 +10,7 @@
   --sbb-step-visibility: hidden;
   --sbb-step-height: 0;
   --sbb-step-animation-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-2x)
   );
   --sbb-step-animation-delay: 0;
diff --git a/src/elements/stepper/stepper/stepper.scss b/src/elements/stepper/stepper/stepper.scss
index 3a7968320c..d7599c5ebc 100644
--- a/src/elements/stepper/stepper/stepper.scss
+++ b/src/elements/stepper/stepper/stepper.scss
@@ -9,7 +9,7 @@
   --sbb-stepper-marker-size: 0;
   --sbb-stepper-marker-width: var(--sbb-border-width-3x);
   --sbb-stepper-animation-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-6x)
   );
   --sbb-stepper-marker-color: var(--sbb-color-charcoal);
diff --git a/src/elements/tabs/tab-group/tab-group.scss b/src/elements/tabs/tab-group/tab-group.scss
index 2f87d8194c..abfb9ed4e4 100644
--- a/src/elements/tabs/tab-group/tab-group.scss
+++ b/src/elements/tabs/tab-group/tab-group.scss
@@ -5,7 +5,7 @@
 
 :host {
   --sbb-tab-group-animation-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-4x)
   );
 
diff --git a/src/elements/tabs/tab-label/tab-label.scss b/src/elements/tabs/tab-label/tab-label.scss
index 391cdd1be2..47fb5f642b 100644
--- a/src/elements/tabs/tab-label/tab-label.scss
+++ b/src/elements/tabs/tab-label/tab-label.scss
@@ -15,7 +15,7 @@
   --sbb-tab-label-marker-transform: scale(0);
   --sbb-tab-label-text-decoration: none;
   --sbb-tab-label-animation-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-2x)
   );
   --sbb-tab-label-animation-easing: var(--sbb-animation-easing);
diff --git a/src/elements/tag/tag/tag.scss b/src/elements/tag/tag/tag.scss
index f8eb948cdb..da8ccac7f4 100644
--- a/src/elements/tag/tag/tag.scss
+++ b/src/elements/tag/tag/tag.scss
@@ -22,7 +22,7 @@
   --sbb-tag-inset: 0;
   --sbb-tag-content-shift: translateY(0);
   --sbb-tag-animation-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-2x)
   );
   --sbb-tag-animation-easing: var(--sbb-animation-easing);
diff --git a/src/elements/teaser-product/teaser-product/teaser-product.scss b/src/elements/teaser-product/teaser-product/teaser-product.scss
index 13e52cc285..f45e5e7a18 100644
--- a/src/elements/teaser-product/teaser-product/teaser-product.scss
+++ b/src/elements/teaser-product/teaser-product/teaser-product.scss
@@ -3,7 +3,7 @@
 :host {
   --sbb-teaser-product-brightness-hover: var(--sbb-hover-image-brightness);
   --sbb-teaser-product-animation-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-4x)
   );
   --sbb-teaser-product-animation-easing: var(--sbb-animation-easing);
diff --git a/src/elements/teaser/teaser.scss b/src/elements/teaser/teaser.scss
index e91e849229..bbb5995f3d 100644
--- a/src/elements/teaser/teaser.scss
+++ b/src/elements/teaser/teaser.scss
@@ -19,7 +19,7 @@
   --sbb-teaser-border-radius: var(--sbb-border-radius-4x);
   --sbb-teaser-brightness-hover: var(--sbb-hover-image-brightness);
   --sbb-teaser-animation-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-4x)
   );
 }
diff --git a/src/elements/toast/toast.scss b/src/elements/toast/toast.scss
index 68519f6e08..474cb20b3e 100644
--- a/src/elements/toast/toast.scss
+++ b/src/elements/toast/toast.scss
@@ -6,7 +6,7 @@
 :host {
   --sbb-toast-max-width: #{sbb.px-to-rem-build(400)};
   --sbb-toast-animation-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-6x)
   );
   --sbb-toast-animation-timing-function: ease;
diff --git a/src/elements/toggle-check/toggle-check.scss b/src/elements/toggle-check/toggle-check.scss
index 7f3a898883..054e39977f 100644
--- a/src/elements/toggle-check/toggle-check.scss
+++ b/src/elements/toggle-check/toggle-check.scss
@@ -26,7 +26,7 @@
   --sbb-toggle-check-flex-direction: row-reverse;
   --sbb-toggle-check-gap: var(--sbb-spacing-fixed-3x);
   --sbb-toggle-check-animation-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-6x)
   );
 
diff --git a/src/elements/toggle/toggle/toggle.scss b/src/elements/toggle/toggle/toggle.scss
index 9e4b9d1e23..eca2809087 100644
--- a/src/elements/toggle/toggle/toggle.scss
+++ b/src/elements/toggle/toggle/toggle.scss
@@ -13,7 +13,7 @@
   --sbb-toggle-selected-option-border-color: var(--sbb-color-smoke);
   --sbb-toggle-padding-inline: var(--sbb-spacing-responsive-xxxs);
   --sbb-toggle-animation-duration: var(
-    --sbb-disable-animation-zero-time,
+    --sbb-disable-animation-zero-duration,
     var(--sbb-animation-duration-6x)
   );
   --sbb-toggle-height: #{sbb.px-to-rem-build(28)};