diff --git a/core/css/css-variables.scss b/core/css/css-variables.scss
index 6df2e0a3428fd8bbcdc565d0a0c1c259996bdfdc..9db5337468e37038a10d371ddaae8ff528f85bc4 100644
--- a/core/css/css-variables.scss
+++ b/core/css/css-variables.scss
@@ -41,4 +41,5 @@
 	--font-face: $font-face;
 
 	--animation-quick: $animation-quick;
+	--animation-slow: $animation-slow;
 }
diff --git a/core/css/variables.scss b/core/css/variables.scss
index d3592032e57405be8c21a8b0becf6c99d13111c4..285ebc4f6d89af3c6e49308776e6abb7e87b853d 100644
--- a/core/css/variables.scss
+++ b/core/css/variables.scss
@@ -82,6 +82,7 @@ $border-radius-pill: 100px !default;
 $font-face: 'Nunito', 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif !default;
 
 $animation-quick: 100ms;
+$animation-slow: 300ms;
 
 // various structure data
 $header-height: 50px;