diff --git a/lib/build-tokens.js b/lib/build-tokens.js
index 7b3ccbfd48..3036f088cf 100755
--- a/lib/build-tokens.js
+++ b/lib/build-tokens.js
@@ -54,7 +54,6 @@ async function buildTokensCommand(commandArgs) {
       path.resolve(__dirname, '../tokens/src/core/**/*.json'),
       path.resolve(__dirname, '../tokens/src/core/**/*.toml'),
     ],
-    expand: true,
     source: tokensSource
       ? [`${tokensSource}/core/**/*.json`, `${tokensSource}/core/**/*.toml`]
       : [],
diff --git a/src/Annotation/index.scss b/src/Annotation/index.scss
index 3523ed2925..a398ce1cdc 100644
--- a/src/Annotation/index.scss
+++ b/src/Annotation/index.scss
@@ -10,7 +10,7 @@
       var(--pgn-elevation-annotation-box-shadow-1-offset-y)
       var(--pgn-elevation-annotation-box-shadow-1-blur)
       var(--pgn-elevation-annotation-box-shadow-1-color)
-    ),
+    )
     drop-shadow(
       var(--pgn-elevation-annotation-box-shadow-2-offset-x)
       var(--pgn-elevation-annotation-box-shadow-2-offset-y)
diff --git a/src/Tooltip/index.scss b/src/Tooltip/index.scss
index fb6acc35fc..5daf8b8bce 100644
--- a/src/Tooltip/index.scss
+++ b/src/Tooltip/index.scss
@@ -17,7 +17,7 @@
       var(--pgn-elevation-tooltip-box-shadow-1-offset-y)
       var(--pgn-elevation-tooltip-box-shadow-1-blur)
       var(--pgn-elevation-tooltip-box-shadow-1-color)
-    ),
+    )
     drop-shadow(
       var(--pgn-elevation-tooltip-box-shadow-2-offset-x)
       var(--pgn-elevation-tooltip-box-shadow-2-offset-y)
diff --git a/styles/css/core/variables.css b/styles/css/core/variables.css
index bc2d565949..66cbaf6754 100644
--- a/styles/css/core/variables.css
+++ b/styles/css/core/variables.css
@@ -90,7 +90,7 @@
   --pgn-typography-font-size-micro: 0.688rem; /* Micro utils text font size. */
   --pgn-typography-font-size-xs: 0.75rem; /* X-small font size. */
   --pgn-typography-font-size-sm: 0.875rem; /* Small font size. */
-  --pgn-typography-font-size-lg: var(--pgn-typography-font-size-base) * 1.25; /* Lead text font size. */
+  --pgn-typography-font-size-lg: calc(var(--pgn-typography-font-size-base) * 1.25); /* Lead text font size. */
   --pgn-typography-font-size-base: 1.125rem; /* Base font size. */
   --pgn-typography-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; /* Monospace font family. */
   --pgn-typography-font-family-serif: serif; /* Serif font family. */
@@ -162,7 +162,7 @@
   --pgn-typography-dropdown-font-size: var(--pgn-typography-font-size-base);
   --pgn-typography-code-kbd-nested-font-weight: var(--pgn-typography-font-weight-bold);
   --pgn-typography-code-kbd-font-size: var(--pgn-typography-code-font-size);
-  --pgn-typography-code-font-size: 87.5%;
+  --pgn-typography-code-font-size: var(--pgn-typography-font-size-sm);
   --pgn-typography-close-button-font-weight: var(--pgn-typography-font-weight-bold);
   --pgn-typography-close-button-font-size: calc(var(--pgn-typography-font-size-base) * 1.5);
   --pgn-typography-footer-text-font-size: var(--pgn-typography-font-size-xs);
diff --git a/styles/css/themes/light/variables.css b/styles/css/themes/light/variables.css
index 7e2820d287..3b55c5ad61 100644
--- a/styles/css/themes/light/variables.css
+++ b/styles/css/themes/light/variables.css
@@ -1535,518 +1535,521 @@
   --pgn-other-btn-disabled-opacity: .65;
   --pgn-other-form-feedback-tooltip-opacity: .9;
   --pgn-elevation-box-shadow-centered-5-2-blur: 3rem; /* Centered box shadow of level 5. */
-  --pgn-elevation-box-shadow-centered-5-2-offset-y: 0; /* Centered box shadow of level 5. */
-  --pgn-elevation-box-shadow-centered-5-2-offset-x: 0; /* Centered box shadow of level 5. */
+  --pgn-elevation-box-shadow-centered-5-2-offset-y: 0rem; /* Centered box shadow of level 5. */
+  --pgn-elevation-box-shadow-centered-5-2-offset-x: 0rem; /* Centered box shadow of level 5. */
   --pgn-elevation-box-shadow-centered-5-2-color: rgba(0, 0, 0, 0.15); /* Centered box shadow of level 5. */
   --pgn-elevation-box-shadow-centered-5-1-blur: 2.5rem; /* Centered box shadow of level 5. */
-  --pgn-elevation-box-shadow-centered-5-1-offset-y: 0; /* Centered box shadow of level 5. */
-  --pgn-elevation-box-shadow-centered-5-1-offset-x: 0; /* Centered box shadow of level 5. */
+  --pgn-elevation-box-shadow-centered-5-1-offset-y: 0rem; /* Centered box shadow of level 5. */
+  --pgn-elevation-box-shadow-centered-5-1-offset-x: 0rem; /* Centered box shadow of level 5. */
   --pgn-elevation-box-shadow-centered-5-1-color: rgba(0, 0, 0, 0.15); /* Centered box shadow of level 5. */
   --pgn-elevation-box-shadow-centered-4-2-blur: 1.25rem; /* Centered box shadow of level 4. */
-  --pgn-elevation-box-shadow-centered-4-2-offset-y: 0; /* Centered box shadow of level 4. */
-  --pgn-elevation-box-shadow-centered-4-2-offset-x: 0; /* Centered box shadow of level 4. */
+  --pgn-elevation-box-shadow-centered-4-2-offset-y: 0rem; /* Centered box shadow of level 4. */
+  --pgn-elevation-box-shadow-centered-4-2-offset-x: 0rem; /* Centered box shadow of level 4. */
   --pgn-elevation-box-shadow-centered-4-2-color: rgba(0, 0, 0, 0.15); /* Centered box shadow of level 4. */
   --pgn-elevation-box-shadow-centered-4-1-blur: 1.25rem; /* Centered box shadow of level 4. */
-  --pgn-elevation-box-shadow-centered-4-1-offset-y: 0; /* Centered box shadow of level 4. */
-  --pgn-elevation-box-shadow-centered-4-1-offset-x: 0; /* Centered box shadow of level 4. */
+  --pgn-elevation-box-shadow-centered-4-1-offset-y: 0rem; /* Centered box shadow of level 4. */
+  --pgn-elevation-box-shadow-centered-4-1-offset-x: 0rem; /* Centered box shadow of level 4. */
   --pgn-elevation-box-shadow-centered-4-1-color: rgba(0, 0, 0, 0.15); /* Centered box shadow of level 4. */
   --pgn-elevation-box-shadow-centered-3-2-blur: 1rem; /* Centered box shadow of level 3. */
-  --pgn-elevation-box-shadow-centered-3-2-offset-y: 0; /* Centered box shadow of level 3. */
-  --pgn-elevation-box-shadow-centered-3-2-offset-x: 0; /* Centered box shadow of level 3. */
+  --pgn-elevation-box-shadow-centered-3-2-offset-y: 0rem; /* Centered box shadow of level 3. */
+  --pgn-elevation-box-shadow-centered-3-2-offset-x: 0rem; /* Centered box shadow of level 3. */
   --pgn-elevation-box-shadow-centered-3-2-color: rgba(0, 0, 0, 0.15); /* Centered box shadow of level 3. */
-  --pgn-elevation-box-shadow-centered-3-1-blur: .625rem; /* Centered box shadow of level 3. */
-  --pgn-elevation-box-shadow-centered-3-1-offset-y: 0; /* Centered box shadow of level 3. */
-  --pgn-elevation-box-shadow-centered-3-1-offset-x: 0; /* Centered box shadow of level 3. */
+  --pgn-elevation-box-shadow-centered-3-1-blur: 0.625rem; /* Centered box shadow of level 3. */
+  --pgn-elevation-box-shadow-centered-3-1-offset-y: 0rem; /* Centered box shadow of level 3. */
+  --pgn-elevation-box-shadow-centered-3-1-offset-x: 0rem; /* Centered box shadow of level 3. */
   --pgn-elevation-box-shadow-centered-3-1-color: rgba(0, 0, 0, 0.15); /* Centered box shadow of level 3. */
-  --pgn-elevation-box-shadow-centered-2-2-blur: .5rem; /* Centered box shadow of level 2. */
-  --pgn-elevation-box-shadow-centered-2-2-offset-y: 0; /* Centered box shadow of level 2. */
-  --pgn-elevation-box-shadow-centered-2-2-offset-x: 0; /* Centered box shadow of level 2. */
+  --pgn-elevation-box-shadow-centered-2-2-blur: 0.5rem; /* Centered box shadow of level 2. */
+  --pgn-elevation-box-shadow-centered-2-2-offset-y: 0rem; /* Centered box shadow of level 2. */
+  --pgn-elevation-box-shadow-centered-2-2-offset-x: 0rem; /* Centered box shadow of level 2. */
   --pgn-elevation-box-shadow-centered-2-2-color: rgba(0, 0, 0, 0.15); /* Centered box shadow of level 2. */
-  --pgn-elevation-box-shadow-centered-2-1-blur: .25rem; /* Centered box shadow of level 2. */
-  --pgn-elevation-box-shadow-centered-2-1-offset-y: 0; /* Centered box shadow of level 2. */
-  --pgn-elevation-box-shadow-centered-2-1-offset-x: 0; /* Centered box shadow of level 2. */
+  --pgn-elevation-box-shadow-centered-2-1-blur: 0.25rem; /* Centered box shadow of level 2. */
+  --pgn-elevation-box-shadow-centered-2-1-offset-y: 0rem; /* Centered box shadow of level 2. */
+  --pgn-elevation-box-shadow-centered-2-1-offset-x: 0rem; /* Centered box shadow of level 2. */
   --pgn-elevation-box-shadow-centered-2-1-color: rgba(0, 0, 0, 0.15); /* Centered box shadow of level 2. */
-  --pgn-elevation-box-shadow-centered-1-2-blur: .25rem; /* Centered box shadow of level 1. */
-  --pgn-elevation-box-shadow-centered-1-2-offset-y: 0; /* Centered box shadow of level 1. */
-  --pgn-elevation-box-shadow-centered-1-2-offset-x: 0; /* Centered box shadow of level 1. */
+  --pgn-elevation-box-shadow-centered-1-2-blur: 0.25rem; /* Centered box shadow of level 1. */
+  --pgn-elevation-box-shadow-centered-1-2-offset-y: 0rem; /* Centered box shadow of level 1. */
+  --pgn-elevation-box-shadow-centered-1-2-offset-x: 0rem; /* Centered box shadow of level 1. */
   --pgn-elevation-box-shadow-centered-1-2-color: rgba(0, 0, 0, 0.15); /* Centered box shadow of level 1. */
-  --pgn-elevation-box-shadow-centered-1-1-blur: .125rem; /* Centered box shadow of level 1. */
-  --pgn-elevation-box-shadow-centered-1-1-offset-y: 0; /* Centered box shadow of level 1. */
-  --pgn-elevation-box-shadow-centered-1-1-offset-x: 0; /* Centered box shadow of level 1. */
+  --pgn-elevation-box-shadow-centered-1-1-blur: 0.125rem; /* Centered box shadow of level 1. */
+  --pgn-elevation-box-shadow-centered-1-1-offset-y: 0rem; /* Centered box shadow of level 1. */
+  --pgn-elevation-box-shadow-centered-1-1-offset-x: 0rem; /* Centered box shadow of level 1. */
   --pgn-elevation-box-shadow-centered-1-1-color: rgba(0, 0, 0, 0.15); /* Centered box shadow of level 1. */
   --pgn-elevation-box-shadow-right-5-2-blur: 3rem; /* Right box shadow of level 5. */
-  --pgn-elevation-box-shadow-right-5-2-offset-y: 0; /* Right box shadow of level 5. */
-  --pgn-elevation-box-shadow-right-5-2-offset-x: .5rem; /* Right box shadow of level 5. */
+  --pgn-elevation-box-shadow-right-5-2-offset-y: 0rem; /* Right box shadow of level 5. */
+  --pgn-elevation-box-shadow-right-5-2-offset-x: 0.5rem; /* Right box shadow of level 5. */
   --pgn-elevation-box-shadow-right-5-2-color: rgba(0, 0, 0, 0.15); /* Right box shadow of level 5. */
   --pgn-elevation-box-shadow-right-5-1-blur: 2.5rem; /* Right box shadow of level 5. */
-  --pgn-elevation-box-shadow-right-5-1-offset-y: 0; /* Right box shadow of level 5. */
+  --pgn-elevation-box-shadow-right-5-1-offset-y: 0rem; /* Right box shadow of level 5. */
   --pgn-elevation-box-shadow-right-5-1-offset-x: 1.25rem; /* Right box shadow of level 5. */
   --pgn-elevation-box-shadow-right-5-1-color: rgba(0, 0, 0, 0.15); /* Right box shadow of level 5. */
   --pgn-elevation-box-shadow-right-4-2-blur: 1.25rem; /* Right box shadow of level 4. */
-  --pgn-elevation-box-shadow-right-4-2-offset-y: 0; /* Right box shadow of level 4. */
-  --pgn-elevation-box-shadow-right-4-2-offset-x: .5rem; /* Right box shadow of level 4. */
+  --pgn-elevation-box-shadow-right-4-2-offset-y: 0rem; /* Right box shadow of level 4. */
+  --pgn-elevation-box-shadow-right-4-2-offset-x: 0.5rem; /* Right box shadow of level 4. */
   --pgn-elevation-box-shadow-right-4-2-color: rgba(0, 0, 0, 0.15); /* Right box shadow of level 4. */
   --pgn-elevation-box-shadow-right-4-1-blur: 1.25rem; /* Right box shadow of level 4. */
-  --pgn-elevation-box-shadow-right-4-1-offset-y: 0; /* Right box shadow of level 4. */
-  --pgn-elevation-box-shadow-right-4-1-offset-x: .625rem; /* Right box shadow of level 4. */
+  --pgn-elevation-box-shadow-right-4-1-offset-y: 0rem; /* Right box shadow of level 4. */
+  --pgn-elevation-box-shadow-right-4-1-offset-x: 0.625rem; /* Right box shadow of level 4. */
   --pgn-elevation-box-shadow-right-4-1-color: rgba(0, 0, 0, 0.15); /* Right box shadow of level 4. */
-  --pgn-elevation-box-shadow-right-3-2-blur: .625rem; /* Right box shadow of level 3. */
-  --pgn-elevation-box-shadow-right-3-2-offset-y: 0; /* Right box shadow of level 3. */
-  --pgn-elevation-box-shadow-right-3-2-offset-x: .25rem; /* Right box shadow of level 3. */
+  --pgn-elevation-box-shadow-right-3-2-blur: 0.625rem; /* Right box shadow of level 3. */
+  --pgn-elevation-box-shadow-right-3-2-offset-y: 0rem; /* Right box shadow of level 3. */
+  --pgn-elevation-box-shadow-right-3-2-offset-x: 0.25rem; /* Right box shadow of level 3. */
   --pgn-elevation-box-shadow-right-3-2-color: rgba(0, 0, 0, 0.15); /* Right box shadow of level 3. */
   --pgn-elevation-box-shadow-right-3-1-blur: 1rem; /* Right box shadow of level 3. */
-  --pgn-elevation-box-shadow-right-3-1-offset-y: 0; /* Right box shadow of level 3. */
-  --pgn-elevation-box-shadow-right-3-1-offset-x: .5rem; /* Right box shadow of level 3. */
+  --pgn-elevation-box-shadow-right-3-1-offset-y: 0rem; /* Right box shadow of level 3. */
+  --pgn-elevation-box-shadow-right-3-1-offset-x: 0.5rem; /* Right box shadow of level 3. */
   --pgn-elevation-box-shadow-right-3-1-color: rgba(0, 0, 0, 0.15); /* Right box shadow of level 3. */
-  --pgn-elevation-box-shadow-right-2-2-blur: .5rem; /* Right box shadow of level 2. */
-  --pgn-elevation-box-shadow-right-2-2-offset-y: 0; /* Right box shadow of level 2. */
-  --pgn-elevation-box-shadow-right-2-2-offset-x: .125rem; /* Right box shadow of level 2. */
+  --pgn-elevation-box-shadow-right-2-2-blur: 0.5rem; /* Right box shadow of level 2. */
+  --pgn-elevation-box-shadow-right-2-2-offset-y: 0rem; /* Right box shadow of level 2. */
+  --pgn-elevation-box-shadow-right-2-2-offset-x: 0.125rem; /* Right box shadow of level 2. */
   --pgn-elevation-box-shadow-right-2-2-color: rgba(0, 0, 0, 0.15); /* Right box shadow of level 2. */
-  --pgn-elevation-box-shadow-right-2-1-blur: .25rem; /* Right box shadow of level 2. */
-  --pgn-elevation-box-shadow-right-2-1-offset-y: 0; /* Right box shadow of level 2. */
-  --pgn-elevation-box-shadow-right-2-1-offset-x: .125rem; /* Right box shadow of level 2. */
+  --pgn-elevation-box-shadow-right-2-1-blur: 0.25rem; /* Right box shadow of level 2. */
+  --pgn-elevation-box-shadow-right-2-1-offset-y: 0rem; /* Right box shadow of level 2. */
+  --pgn-elevation-box-shadow-right-2-1-offset-x: 0.125rem; /* Right box shadow of level 2. */
   --pgn-elevation-box-shadow-right-2-1-color: rgba(0, 0, 0, 0.15); /* Right box shadow of level 2. */
-  --pgn-elevation-box-shadow-right-1-2-blur: .25rem; /* Right box shadow of level 1. */
-  --pgn-elevation-box-shadow-right-1-2-offset-y: 0; /* Right box shadow of level 1. */
-  --pgn-elevation-box-shadow-right-1-2-offset-x: .0625rem; /* Right box shadow of level 1. */
+  --pgn-elevation-box-shadow-right-1-2-blur: 0.25rem; /* Right box shadow of level 1. */
+  --pgn-elevation-box-shadow-right-1-2-offset-y: 0rem; /* Right box shadow of level 1. */
+  --pgn-elevation-box-shadow-right-1-2-offset-x: 0.0625rem; /* Right box shadow of level 1. */
   --pgn-elevation-box-shadow-right-1-2-color: rgba(0, 0, 0, 0.15); /* Right box shadow of level 1. */
-  --pgn-elevation-box-shadow-right-1-1-blur: .125rem; /* Right box shadow of level 1. */
-  --pgn-elevation-box-shadow-right-1-1-offset-y: 0; /* Right box shadow of level 1. */
-  --pgn-elevation-box-shadow-right-1-1-offset-x: .0625rem; /* Right box shadow of level 1. */
+  --pgn-elevation-box-shadow-right-1-1-blur: 0.125rem; /* Right box shadow of level 1. */
+  --pgn-elevation-box-shadow-right-1-1-offset-y: 0rem; /* Right box shadow of level 1. */
+  --pgn-elevation-box-shadow-right-1-1-offset-x: 0.0625rem; /* Right box shadow of level 1. */
   --pgn-elevation-box-shadow-right-1-1-color: rgba(0, 0, 0, 0.15); /* Right box shadow of level 1. */
   --pgn-elevation-box-shadow-up-5-2-blur: 3rem; /* Basic box shadow of level 5. */
-  --pgn-elevation-box-shadow-up-5-2-offset-y: -.5rem; /* Basic box shadow of level 5. */
-  --pgn-elevation-box-shadow-up-5-2-offset-x: 0; /* Basic box shadow of level 5. */
+  --pgn-elevation-box-shadow-up-5-2-offset-y: -0.5rem; /* Basic box shadow of level 5. */
+  --pgn-elevation-box-shadow-up-5-2-offset-x: 0rem; /* Basic box shadow of level 5. */
   --pgn-elevation-box-shadow-up-5-2-color: rgba(0, 0, 0, 0.15); /* Basic box shadow of level 5. */
   --pgn-elevation-box-shadow-up-5-1-blur: 2.5rem; /* Basic box shadow of level 5. */
   --pgn-elevation-box-shadow-up-5-1-offset-y: -1.25rem; /* Basic box shadow of level 5. */
-  --pgn-elevation-box-shadow-up-5-1-offset-x: 0; /* Basic box shadow of level 5. */
+  --pgn-elevation-box-shadow-up-5-1-offset-x: 0rem; /* Basic box shadow of level 5. */
   --pgn-elevation-box-shadow-up-5-1-color: rgba(0, 0, 0, 0.15); /* Basic box shadow of level 5. */
   --pgn-elevation-box-shadow-up-4-2-blur: 1.25rem; /* Top box shadow of level 4. */
-  --pgn-elevation-box-shadow-up-4-2-offset-y: -.5rem; /* Top box shadow of level 4. */
-  --pgn-elevation-box-shadow-up-4-2-offset-x: 0; /* Top box shadow of level 4. */
+  --pgn-elevation-box-shadow-up-4-2-offset-y: -0.5rem; /* Top box shadow of level 4. */
+  --pgn-elevation-box-shadow-up-4-2-offset-x: 0rem; /* Top box shadow of level 4. */
   --pgn-elevation-box-shadow-up-4-2-color: rgba(0, 0, 0, 0.15); /* Top box shadow of level 4. */
   --pgn-elevation-box-shadow-up-4-1-blur: 1.25rem; /* Top box shadow of level 4. */
-  --pgn-elevation-box-shadow-up-4-1-offset-y: -.625rem; /* Top box shadow of level 4. */
-  --pgn-elevation-box-shadow-up-4-1-offset-x: 0; /* Top box shadow of level 4. */
+  --pgn-elevation-box-shadow-up-4-1-offset-y: -0.625rem; /* Top box shadow of level 4. */
+  --pgn-elevation-box-shadow-up-4-1-offset-x: 0rem; /* Top box shadow of level 4. */
   --pgn-elevation-box-shadow-up-4-1-color: rgba(0, 0, 0, 0.15); /* Top box shadow of level 4. */
-  --pgn-elevation-box-shadow-up-3-2-blur: .625rem; /* Top box shadow of level 3. */
-  --pgn-elevation-box-shadow-up-3-2-offset-y: -.25rem; /* Top box shadow of level 3. */
-  --pgn-elevation-box-shadow-up-3-2-offset-x: 0; /* Top box shadow of level 3. */
+  --pgn-elevation-box-shadow-up-3-2-blur: 0.625rem; /* Top box shadow of level 3. */
+  --pgn-elevation-box-shadow-up-3-2-offset-y: -0.25rem; /* Top box shadow of level 3. */
+  --pgn-elevation-box-shadow-up-3-2-offset-x: 0rem; /* Top box shadow of level 3. */
   --pgn-elevation-box-shadow-up-3-2-color: rgba(0, 0, 0, 0.15); /* Top box shadow of level 3. */
   --pgn-elevation-box-shadow-up-3-1-blur: 1rem; /* Top box shadow of level 3. */
-  --pgn-elevation-box-shadow-up-3-1-offset-y: -.5rem; /* Top box shadow of level 3. */
-  --pgn-elevation-box-shadow-up-3-1-offset-x: 0; /* Top box shadow of level 3. */
+  --pgn-elevation-box-shadow-up-3-1-offset-y: -0.5rem; /* Top box shadow of level 3. */
+  --pgn-elevation-box-shadow-up-3-1-offset-x: 0rem; /* Top box shadow of level 3. */
   --pgn-elevation-box-shadow-up-3-1-color: rgba(0, 0, 0, 0.15); /* Top box shadow of level 3. */
-  --pgn-elevation-box-shadow-up-2-2-blur: .5rem; /* Top box shadow of level 2. */
-  --pgn-elevation-box-shadow-up-2-2-offset-y: -.125rem; /* Top box shadow of level 2. */
-  --pgn-elevation-box-shadow-up-2-2-offset-x: 0; /* Top box shadow of level 2. */
+  --pgn-elevation-box-shadow-up-2-2-blur: 0.5rem; /* Top box shadow of level 2. */
+  --pgn-elevation-box-shadow-up-2-2-offset-y: -0.125rem; /* Top box shadow of level 2. */
+  --pgn-elevation-box-shadow-up-2-2-offset-x: 0rem; /* Top box shadow of level 2. */
   --pgn-elevation-box-shadow-up-2-2-color: rgba(0, 0, 0, 0.15); /* Top box shadow of level 2. */
-  --pgn-elevation-box-shadow-up-2-1-blur: .25rem; /* Top box shadow of level 2. */
-  --pgn-elevation-box-shadow-up-2-1-offset-y: -.125rem; /* Top box shadow of level 2. */
-  --pgn-elevation-box-shadow-up-2-1-offset-x: 0; /* Top box shadow of level 2. */
+  --pgn-elevation-box-shadow-up-2-1-blur: 0.25rem; /* Top box shadow of level 2. */
+  --pgn-elevation-box-shadow-up-2-1-offset-y: -0.125rem; /* Top box shadow of level 2. */
+  --pgn-elevation-box-shadow-up-2-1-offset-x: 0rem; /* Top box shadow of level 2. */
   --pgn-elevation-box-shadow-up-2-1-color: rgba(0, 0, 0, 0.15); /* Top box shadow of level 2. */
-  --pgn-elevation-box-shadow-up-1-2-blur: .25rem; /* Top box shadow of level 1. */
-  --pgn-elevation-box-shadow-up-1-2-offset-y: -.0625rem; /* Top box shadow of level 1. */
-  --pgn-elevation-box-shadow-up-1-2-offset-x: 0; /* Top box shadow of level 1. */
+  --pgn-elevation-box-shadow-up-1-2-blur: 0.25rem; /* Top box shadow of level 1. */
+  --pgn-elevation-box-shadow-up-1-2-offset-y: -0.0625rem; /* Top box shadow of level 1. */
+  --pgn-elevation-box-shadow-up-1-2-offset-x: 0rem; /* Top box shadow of level 1. */
   --pgn-elevation-box-shadow-up-1-2-color: rgba(0, 0, 0, 0.15); /* Top box shadow of level 1. */
-  --pgn-elevation-box-shadow-up-1-1-blur: .125rem; /* Top box shadow of level 1. */
-  --pgn-elevation-box-shadow-up-1-1-offset-y: -.0625rem; /* Top box shadow of level 1. */
-  --pgn-elevation-box-shadow-up-1-1-offset-x: 0; /* Top box shadow of level 1. */
+  --pgn-elevation-box-shadow-up-1-1-blur: 0.125rem; /* Top box shadow of level 1. */
+  --pgn-elevation-box-shadow-up-1-1-offset-y: -0.0625rem; /* Top box shadow of level 1. */
+  --pgn-elevation-box-shadow-up-1-1-offset-x: 0rem; /* Top box shadow of level 1. */
   --pgn-elevation-box-shadow-up-1-1-color: rgba(0, 0, 0, 0.15); /* Top box shadow of level 1. */
   --pgn-elevation-box-shadow-left-5-2-blur: 3rem; /* Left box shadow of level 5. */
-  --pgn-elevation-box-shadow-left-5-2-offset-y: 0; /* Left box shadow of level 5. */
-  --pgn-elevation-box-shadow-left-5-2-offset-x: -.5rem; /* Left box shadow of level 5. */
+  --pgn-elevation-box-shadow-left-5-2-offset-y: 0rem; /* Left box shadow of level 5. */
+  --pgn-elevation-box-shadow-left-5-2-offset-x: -0.5rem; /* Left box shadow of level 5. */
   --pgn-elevation-box-shadow-left-5-2-color: rgba(0, 0, 0, 0.15); /* Left box shadow of level 5. */
   --pgn-elevation-box-shadow-left-5-1-blur: 2.5rem; /* Left box shadow of level 5. */
-  --pgn-elevation-box-shadow-left-5-1-offset-y: 0; /* Left box shadow of level 5. */
+  --pgn-elevation-box-shadow-left-5-1-offset-y: 0rem; /* Left box shadow of level 5. */
   --pgn-elevation-box-shadow-left-5-1-offset-x: -1.25rem; /* Left box shadow of level 5. */
   --pgn-elevation-box-shadow-left-5-1-color: rgba(0, 0, 0, 0.15); /* Left box shadow of level 5. */
   --pgn-elevation-box-shadow-left-4-2-blur: 1.25rem; /* Left box shadow of level 4. */
-  --pgn-elevation-box-shadow-left-4-2-offset-y: 0; /* Left box shadow of level 4. */
-  --pgn-elevation-box-shadow-left-4-2-offset-x: -.5rem; /* Left box shadow of level 4. */
+  --pgn-elevation-box-shadow-left-4-2-offset-y: 0rem; /* Left box shadow of level 4. */
+  --pgn-elevation-box-shadow-left-4-2-offset-x: -0.5rem; /* Left box shadow of level 4. */
   --pgn-elevation-box-shadow-left-4-2-color: rgba(0, 0, 0, 0.15); /* Left box shadow of level 4. */
   --pgn-elevation-box-shadow-left-4-1-blur: 1.25rem; /* Left box shadow of level 4. */
-  --pgn-elevation-box-shadow-left-4-1-offset-y: 0; /* Left box shadow of level 4. */
-  --pgn-elevation-box-shadow-left-4-1-offset-x: -.625rem; /* Left box shadow of level 4. */
+  --pgn-elevation-box-shadow-left-4-1-offset-y: 0rem; /* Left box shadow of level 4. */
+  --pgn-elevation-box-shadow-left-4-1-offset-x: -0.625rem; /* Left box shadow of level 4. */
   --pgn-elevation-box-shadow-left-4-1-color: rgba(0, 0, 0, 0.15); /* Left box shadow of level 4. */
-  --pgn-elevation-box-shadow-left-3-2-blur: .625rem; /* Left box shadow of level 3. */
-  --pgn-elevation-box-shadow-left-3-2-offset-y: 0; /* Left box shadow of level 3. */
-  --pgn-elevation-box-shadow-left-3-2-offset-x: -.25rem; /* Left box shadow of level 3. */
+  --pgn-elevation-box-shadow-left-3-2-blur: 0.625rem; /* Left box shadow of level 3. */
+  --pgn-elevation-box-shadow-left-3-2-offset-y: 0rem; /* Left box shadow of level 3. */
+  --pgn-elevation-box-shadow-left-3-2-offset-x: -0.25rem; /* Left box shadow of level 3. */
   --pgn-elevation-box-shadow-left-3-2-color: rgba(0, 0, 0, 0.15); /* Left box shadow of level 3. */
   --pgn-elevation-box-shadow-left-3-1-blur: 1rem; /* Left box shadow of level 3. */
-  --pgn-elevation-box-shadow-left-3-1-offset-y: 0; /* Left box shadow of level 3. */
-  --pgn-elevation-box-shadow-left-3-1-offset-x: -.5rem; /* Left box shadow of level 3. */
+  --pgn-elevation-box-shadow-left-3-1-offset-y: 0rem; /* Left box shadow of level 3. */
+  --pgn-elevation-box-shadow-left-3-1-offset-x: -0.5rem; /* Left box shadow of level 3. */
   --pgn-elevation-box-shadow-left-3-1-color: rgba(0, 0, 0, 0.15); /* Left box shadow of level 3. */
-  --pgn-elevation-box-shadow-left-2-2-blur: .5rem; /* Left box shadow of level 2. */
-  --pgn-elevation-box-shadow-left-2-2-offset-y: 0; /* Left box shadow of level 2. */
-  --pgn-elevation-box-shadow-left-2-2-offset-x: -.125rem; /* Left box shadow of level 2. */
+  --pgn-elevation-box-shadow-left-2-2-blur: 0.5rem; /* Left box shadow of level 2. */
+  --pgn-elevation-box-shadow-left-2-2-offset-y: 0rem; /* Left box shadow of level 2. */
+  --pgn-elevation-box-shadow-left-2-2-offset-x: -0.125rem; /* Left box shadow of level 2. */
   --pgn-elevation-box-shadow-left-2-2-color: rgba(0, 0, 0, 0.15); /* Left box shadow of level 2. */
-  --pgn-elevation-box-shadow-left-2-1-blur: .25rem; /* Left box shadow of level 2. */
-  --pgn-elevation-box-shadow-left-2-1-offset-y: 0; /* Left box shadow of level 2. */
-  --pgn-elevation-box-shadow-left-2-1-offset-x: -.125rem; /* Left box shadow of level 2. */
+  --pgn-elevation-box-shadow-left-2-1-blur: 0.25rem; /* Left box shadow of level 2. */
+  --pgn-elevation-box-shadow-left-2-1-offset-y: 0rem; /* Left box shadow of level 2. */
+  --pgn-elevation-box-shadow-left-2-1-offset-x: -0.125rem; /* Left box shadow of level 2. */
   --pgn-elevation-box-shadow-left-2-1-color: rgba(0, 0, 0, 0.15); /* Left box shadow of level 2. */
-  --pgn-elevation-box-shadow-left-1-2-blur: .25rem; /* Left box shadow of level 1. */
-  --pgn-elevation-box-shadow-left-1-2-offset-y: 0; /* Left box shadow of level 1. */
-  --pgn-elevation-box-shadow-left-1-2-offset-x: -.0625rem; /* Left box shadow of level 1. */
+  --pgn-elevation-box-shadow-left-1-2-blur: 0.25rem; /* Left box shadow of level 1. */
+  --pgn-elevation-box-shadow-left-1-2-offset-y: 0rem; /* Left box shadow of level 1. */
+  --pgn-elevation-box-shadow-left-1-2-offset-x: -0.0625rem; /* Left box shadow of level 1. */
   --pgn-elevation-box-shadow-left-1-2-color: rgba(0, 0, 0, 0.15); /* Left box shadow of level 1. */
-  --pgn-elevation-box-shadow-left-1-1-blur: .125rem; /* Left box shadow of level 1. */
-  --pgn-elevation-box-shadow-left-1-1-offset-y: 0; /* Left box shadow of level 1. */
-  --pgn-elevation-box-shadow-left-1-1-offset-x: -.0625rem; /* Left box shadow of level 1. */
+  --pgn-elevation-box-shadow-left-1-1-blur: 0.125rem; /* Left box shadow of level 1. */
+  --pgn-elevation-box-shadow-left-1-1-offset-y: 0rem; /* Left box shadow of level 1. */
+  --pgn-elevation-box-shadow-left-1-1-offset-x: -0.0625rem; /* Left box shadow of level 1. */
   --pgn-elevation-box-shadow-left-1-1-color: rgba(0, 0, 0, 0.15); /* Left box shadow of level 1. */
   --pgn-elevation-box-shadow-down-5-2-blur: 2.5rem; /* Bottom box shadow of level 5. */
-  --pgn-elevation-box-shadow-down-5-2-offset-y: .5rem; /* Bottom box shadow of level 5. */
-  --pgn-elevation-box-shadow-down-5-2-offset-x: 0; /* Bottom box shadow of level 5. */
+  --pgn-elevation-box-shadow-down-5-2-offset-y: 0.5rem; /* Bottom box shadow of level 5. */
+  --pgn-elevation-box-shadow-down-5-2-offset-x: 0rem; /* Bottom box shadow of level 5. */
   --pgn-elevation-box-shadow-down-5-2-color: rgba(0, 0, 0, 0.15); /* Bottom box shadow of level 5. */
   --pgn-elevation-box-shadow-down-5-1-blur: 2.5rem; /* Bottom box shadow of level 5. */
   --pgn-elevation-box-shadow-down-5-1-offset-y: 1.25px; /* Bottom box shadow of level 5. */
-  --pgn-elevation-box-shadow-down-5-1-offset-x: 0; /* Bottom box shadow of level 5. */
+  --pgn-elevation-box-shadow-down-5-1-offset-x: 0rem; /* Bottom box shadow of level 5. */
   --pgn-elevation-box-shadow-down-5-1-color: rgba(0, 0, 0, 0.15); /* Bottom box shadow of level 5. */
   --pgn-elevation-box-shadow-down-4-2-blur: 1.25rem; /* Bottom box shadow of level 4. */
-  --pgn-elevation-box-shadow-down-4-2-offset-y: .5rem; /* Bottom box shadow of level 4. */
-  --pgn-elevation-box-shadow-down-4-2-offset-x: 0; /* Bottom box shadow of level 4. */
+  --pgn-elevation-box-shadow-down-4-2-offset-y: 0.5rem; /* Bottom box shadow of level 4. */
+  --pgn-elevation-box-shadow-down-4-2-offset-x: 0rem; /* Bottom box shadow of level 4. */
   --pgn-elevation-box-shadow-down-4-2-color: rgba(0, 0, 0, 0.15); /* Bottom box shadow of level 4. */
   --pgn-elevation-box-shadow-down-4-1-blur: 1.25rem; /* Bottom box shadow of level 4. */
-  --pgn-elevation-box-shadow-down-4-1-offset-y: .625rem; /* Bottom box shadow of level 4. */
-  --pgn-elevation-box-shadow-down-4-1-offset-x: 0; /* Bottom box shadow of level 4. */
+  --pgn-elevation-box-shadow-down-4-1-offset-y: 0.625rem; /* Bottom box shadow of level 4. */
+  --pgn-elevation-box-shadow-down-4-1-offset-x: 0rem; /* Bottom box shadow of level 4. */
   --pgn-elevation-box-shadow-down-4-1-color: rgba(0, 0, 0, 0.15); /* Bottom box shadow of level 4. */
-  --pgn-elevation-box-shadow-down-3-2-blur: .625rem; /* Bottom box shadow of level 3. */
-  --pgn-elevation-box-shadow-down-3-2-offset-y: .25rem; /* Bottom box shadow of level 3. */
-  --pgn-elevation-box-shadow-down-3-2-offset-x: 0; /* Bottom box shadow of level 3. */
+  --pgn-elevation-box-shadow-down-3-2-blur: 0.625rem; /* Bottom box shadow of level 3. */
+  --pgn-elevation-box-shadow-down-3-2-offset-y: 0.25rem; /* Bottom box shadow of level 3. */
+  --pgn-elevation-box-shadow-down-3-2-offset-x: 0rem; /* Bottom box shadow of level 3. */
   --pgn-elevation-box-shadow-down-3-2-color: rgba(0, 0, 0, 0.15); /* Bottom box shadow of level 3. */
   --pgn-elevation-box-shadow-down-3-1-blur: 1rem; /* Bottom box shadow of level 3. */
-  --pgn-elevation-box-shadow-down-3-1-offset-y: .5rem; /* Bottom box shadow of level 3. */
-  --pgn-elevation-box-shadow-down-3-1-offset-x: 0; /* Bottom box shadow of level 3. */
+  --pgn-elevation-box-shadow-down-3-1-offset-y: 0.5rem; /* Bottom box shadow of level 3. */
+  --pgn-elevation-box-shadow-down-3-1-offset-x: 0rem; /* Bottom box shadow of level 3. */
   --pgn-elevation-box-shadow-down-3-1-color: rgba(0, 0, 0, 0.15); /* Bottom box shadow of level 3. */
-  --pgn-elevation-box-shadow-down-2-2-blur: .5rem; /* Bottom box shadow of level 2. */
-  --pgn-elevation-box-shadow-down-2-2-offset-y: .125rem; /* Bottom box shadow of level 2. */
-  --pgn-elevation-box-shadow-down-2-2-offset-x: 0; /* Bottom box shadow of level 2. */
+  --pgn-elevation-box-shadow-down-2-2-blur: 0.5rem; /* Bottom box shadow of level 2. */
+  --pgn-elevation-box-shadow-down-2-2-offset-y: 0.125rem; /* Bottom box shadow of level 2. */
+  --pgn-elevation-box-shadow-down-2-2-offset-x: 0rem; /* Bottom box shadow of level 2. */
   --pgn-elevation-box-shadow-down-2-2-color: rgba(0, 0, 0, 0.15); /* Bottom box shadow of level 2. */
-  --pgn-elevation-box-shadow-down-2-1-blur: .25rem; /* Bottom box shadow of level 2. */
-  --pgn-elevation-box-shadow-down-2-1-offset-y: .125rem; /* Bottom box shadow of level 2. */
-  --pgn-elevation-box-shadow-down-2-1-offset-x: 0; /* Bottom box shadow of level 2. */
+  --pgn-elevation-box-shadow-down-2-1-blur: 0.25rem; /* Bottom box shadow of level 2. */
+  --pgn-elevation-box-shadow-down-2-1-offset-y: 0.125rem; /* Bottom box shadow of level 2. */
+  --pgn-elevation-box-shadow-down-2-1-offset-x: 0rem; /* Bottom box shadow of level 2. */
   --pgn-elevation-box-shadow-down-2-1-color: rgba(0, 0, 0, 0.15); /* Bottom box shadow of level 2. */
-  --pgn-elevation-box-shadow-down-1-2-blur: .25rem; /* Bottom box shadow of level 1. */
-  --pgn-elevation-box-shadow-down-1-2-offset-y: .0625rem; /* Bottom box shadow of level 1. */
-  --pgn-elevation-box-shadow-down-1-2-offset-x: 0; /* Bottom box shadow of level 1. */
+  --pgn-elevation-box-shadow-down-1-2-blur: 0.25rem; /* Bottom box shadow of level 1. */
+  --pgn-elevation-box-shadow-down-1-2-offset-y: 0.0625rem; /* Bottom box shadow of level 1. */
+  --pgn-elevation-box-shadow-down-1-2-offset-x: 0rem; /* Bottom box shadow of level 1. */
   --pgn-elevation-box-shadow-down-1-2-color: rgba(0, 0, 0, 0.15); /* Bottom box shadow of level 1. */
-  --pgn-elevation-box-shadow-down-1-1-blur: .125rem; /* Bottom box shadow of level 1. */
-  --pgn-elevation-box-shadow-down-1-1-offset-y: .0625rem; /* Bottom box shadow of level 1. */
-  --pgn-elevation-box-shadow-down-1-1-offset-x: 0; /* Bottom box shadow of level 1. */
+  --pgn-elevation-box-shadow-down-1-1-blur: 0.125rem; /* Bottom box shadow of level 1. */
+  --pgn-elevation-box-shadow-down-1-1-offset-y: 0.0625rem; /* Bottom box shadow of level 1. */
+  --pgn-elevation-box-shadow-down-1-1-offset-x: 0rem; /* Bottom box shadow of level 1. */
   --pgn-elevation-box-shadow-down-1-1-color: rgba(0, 0, 0, 0.15); /* Bottom box shadow of level 1. */
-  --pgn-elevation-box-shadow-lg-blur: .5rem; /* Large box shadow. */
-  --pgn-elevation-box-shadow-lg-offset-y: .25rem; /* Large box shadow. */
-  --pgn-elevation-box-shadow-lg-offset-x: 0; /* Large box shadow. */
+  --pgn-elevation-box-shadow-lg-blur: 0.5rem; /* Large box shadow. */
+  --pgn-elevation-box-shadow-lg-offset-y: 0.25rem; /* Large box shadow. */
+  --pgn-elevation-box-shadow-lg-offset-x: 0rem; /* Large box shadow. */
   --pgn-elevation-box-shadow-lg-color: rgba(0, 0, 0, 0.3); /* Large box shadow. */
-  --pgn-elevation-box-shadow-sm-blur: .125rem; /* Small box shadow. */
-  --pgn-elevation-box-shadow-sm-offset-y: .0625rem; /* Small box shadow. */
-  --pgn-elevation-box-shadow-sm-offset-x: 0; /* Small box shadow. */
+  --pgn-elevation-box-shadow-sm-blur: 0.125rem; /* Small box shadow. */
+  --pgn-elevation-box-shadow-sm-offset-y: 0.0625rem; /* Small box shadow. */
+  --pgn-elevation-box-shadow-sm-offset-x: 0rem; /* Small box shadow. */
   --pgn-elevation-box-shadow-sm-color: rgba(0, 0, 0, 0.2); /* Small box shadow. */
-  --pgn-elevation-box-shadow-base-blur: .25rem; /* Default box shadow. */
-  --pgn-elevation-box-shadow-base-offset-y: .125rem; /* Default box shadow. */
-  --pgn-elevation-box-shadow-base-offset-x: 0; /* Default box shadow. */
+  --pgn-elevation-box-shadow-base-blur: 0.25rem; /* Default box shadow. */
+  --pgn-elevation-box-shadow-base-offset-y: 0.125rem; /* Default box shadow. */
+  --pgn-elevation-box-shadow-base-offset-x: 0rem; /* Default box shadow. */
   --pgn-elevation-box-shadow-base-color: rgba(0, 0, 0, 0.3); /* Default box shadow. */
   --pgn-elevation-box-shadow-level-5-2-blur: 2.5rem; /* Basic box shadow of level 5. */
-  --pgn-elevation-box-shadow-level-5-2-offset-y: .5rem; /* Basic box shadow of level 5. */
-  --pgn-elevation-box-shadow-level-5-2-offset-x: 0; /* Basic box shadow of level 5. */
+  --pgn-elevation-box-shadow-level-5-2-offset-y: 0.5rem; /* Basic box shadow of level 5. */
+  --pgn-elevation-box-shadow-level-5-2-offset-x: 0rem; /* Basic box shadow of level 5. */
   --pgn-elevation-box-shadow-level-5-2-color: rgba(0, 0, 0, 0.15); /* Basic box shadow of level 5. */
   --pgn-elevation-box-shadow-level-5-1-blur: 2.5rem; /* Basic box shadow of level 5. */
   --pgn-elevation-box-shadow-level-5-1-offset-y: 1.25px; /* Basic box shadow of level 5. */
-  --pgn-elevation-box-shadow-level-5-1-offset-x: 0; /* Basic box shadow of level 5. */
+  --pgn-elevation-box-shadow-level-5-1-offset-x: 0rem; /* Basic box shadow of level 5. */
   --pgn-elevation-box-shadow-level-5-1-color: rgba(0, 0, 0, 0.15); /* Basic box shadow of level 5. */
   --pgn-elevation-box-shadow-level-4-2-blur: 1.25rem; /* Basic box shadow of level 4. */
-  --pgn-elevation-box-shadow-level-4-2-offset-y: .5rem; /* Basic box shadow of level 4. */
-  --pgn-elevation-box-shadow-level-4-2-offset-x: 0; /* Basic box shadow of level 4. */
+  --pgn-elevation-box-shadow-level-4-2-offset-y: 0.5rem; /* Basic box shadow of level 4. */
+  --pgn-elevation-box-shadow-level-4-2-offset-x: 0rem; /* Basic box shadow of level 4. */
   --pgn-elevation-box-shadow-level-4-2-color: rgba(0, 0, 0, 0.15); /* Basic box shadow of level 4. */
   --pgn-elevation-box-shadow-level-4-1-blur: 1.25rem; /* Basic box shadow of level 4. */
-  --pgn-elevation-box-shadow-level-4-1-offset-y: .625rem; /* Basic box shadow of level 4. */
-  --pgn-elevation-box-shadow-level-4-1-offset-x: 0; /* Basic box shadow of level 4. */
+  --pgn-elevation-box-shadow-level-4-1-offset-y: 0.625rem; /* Basic box shadow of level 4. */
+  --pgn-elevation-box-shadow-level-4-1-offset-x: 0rem; /* Basic box shadow of level 4. */
   --pgn-elevation-box-shadow-level-4-1-color: rgba(0, 0, 0, 0.15); /* Basic box shadow of level 4. */
   --pgn-elevation-box-shadow-level-3-2-blur: 1rem; /* Basic box shadow of level 3. */
-  --pgn-elevation-box-shadow-level-3-2-offset-y: 0; /* Basic box shadow of level 3. */
-  --pgn-elevation-box-shadow-level-3-2-offset-x: 0; /* Basic box shadow of level 3. */
+  --pgn-elevation-box-shadow-level-3-2-offset-y: 0rem; /* Basic box shadow of level 3. */
+  --pgn-elevation-box-shadow-level-3-2-offset-x: 0rem; /* Basic box shadow of level 3. */
   --pgn-elevation-box-shadow-level-3-2-color: rgba(0, 0, 0, 0.15); /* Basic box shadow of level 3. */
-  --pgn-elevation-box-shadow-level-3-1-blur: .625rem; /* Basic box shadow of level 3. */
-  --pgn-elevation-box-shadow-level-3-1-offset-y: 0; /* Basic box shadow of level 3. */
-  --pgn-elevation-box-shadow-level-3-1-offset-x: 0; /* Basic box shadow of level 3. */
+  --pgn-elevation-box-shadow-level-3-1-blur: 0.625rem; /* Basic box shadow of level 3. */
+  --pgn-elevation-box-shadow-level-3-1-offset-y: 0rem; /* Basic box shadow of level 3. */
+  --pgn-elevation-box-shadow-level-3-1-offset-x: 0rem; /* Basic box shadow of level 3. */
   --pgn-elevation-box-shadow-level-3-1-color: rgba(0, 0, 0, 0.15); /* Basic box shadow of level 3. */
-  --pgn-elevation-box-shadow-level-2-2-blur: .5rem; /* Basic box shadow of level 2. */
-  --pgn-elevation-box-shadow-level-2-2-offset-y: .125rem; /* Basic box shadow of level 2. */
-  --pgn-elevation-box-shadow-level-2-2-offset-x: 0; /* Basic box shadow of level 2. */
+  --pgn-elevation-box-shadow-level-2-2-blur: 0.5rem; /* Basic box shadow of level 2. */
+  --pgn-elevation-box-shadow-level-2-2-offset-y: 0.125rem; /* Basic box shadow of level 2. */
+  --pgn-elevation-box-shadow-level-2-2-offset-x: 0rem; /* Basic box shadow of level 2. */
   --pgn-elevation-box-shadow-level-2-2-color: rgba(0, 0, 0, 0.15); /* Basic box shadow of level 2. */
-  --pgn-elevation-box-shadow-level-2-1-blur: .25rem; /* Basic box shadow of level 2. */
-  --pgn-elevation-box-shadow-level-2-1-offset-y: .125rem; /* Basic box shadow of level 2. */
-  --pgn-elevation-box-shadow-level-2-1-offset-x: 0; /* Basic box shadow of level 2. */
+  --pgn-elevation-box-shadow-level-2-1-blur: 0.25rem; /* Basic box shadow of level 2. */
+  --pgn-elevation-box-shadow-level-2-1-offset-y: 0.125rem; /* Basic box shadow of level 2. */
+  --pgn-elevation-box-shadow-level-2-1-offset-x: 0rem; /* Basic box shadow of level 2. */
   --pgn-elevation-box-shadow-level-2-1-color: rgba(0, 0, 0, 0.15); /* Basic box shadow of level 2. */
-  --pgn-elevation-box-shadow-level-1-2-blur: .25rem; /* Basic box shadow of level 1. */
-  --pgn-elevation-box-shadow-level-1-2-offset-y: .0625rem; /* Basic box shadow of level 1. */
-  --pgn-elevation-box-shadow-level-1-2-offset-x: 0; /* Basic box shadow of level 1. */
+  --pgn-elevation-box-shadow-level-1-2-blur: 0.25rem; /* Basic box shadow of level 1. */
+  --pgn-elevation-box-shadow-level-1-2-offset-y: 0.0625rem; /* Basic box shadow of level 1. */
+  --pgn-elevation-box-shadow-level-1-2-offset-x: 0rem; /* Basic box shadow of level 1. */
   --pgn-elevation-box-shadow-level-1-2-color: rgba(0, 0, 0, 0.15); /* Basic box shadow of level 1. */
-  --pgn-elevation-box-shadow-level-1-1-blur: .125rem; /* Basic box shadow of level 1. */
-  --pgn-elevation-box-shadow-level-1-1-offset-y: .0625rem; /* Basic box shadow of level 1. */
-  --pgn-elevation-box-shadow-level-1-1-offset-x: 0; /* Basic box shadow of level 1. */
+  --pgn-elevation-box-shadow-level-1-1-blur: 0.125rem; /* Basic box shadow of level 1. */
+  --pgn-elevation-box-shadow-level-1-1-offset-y: 0.0625rem; /* Basic box shadow of level 1. */
+  --pgn-elevation-box-shadow-level-1-1-offset-x: 0rem; /* Basic box shadow of level 1. */
   --pgn-elevation-box-shadow-level-1-1-color: rgba(0, 0, 0, 0.15); /* Basic box shadow of level 1. */
-  --pgn-elevation-input-btn-focus-box-shadow-blur: 0;
-  --pgn-elevation-input-btn-focus-box-shadow-offset-y: 0;
-  --pgn-elevation-input-btn-focus-box-shadow-offset-x: 0;
+  --pgn-elevation-input-btn-focus-box-shadow-blur: 0rem;
+  --pgn-elevation-input-btn-focus-box-shadow-offset-y: 0rem;
+  --pgn-elevation-input-btn-focus-box-shadow-offset-x: 0rem;
   --pgn-elevation-input-btn-focus-box-shadow-spread: var(--pgn-size-input-btn-focus-width);
   --pgn-elevation-input-btn-focus-box-shadow-color: var(--pgn-color-input-btn-focus);
   --pgn-elevation-toast-box-shadow-2-blur: 3rem;
-  --pgn-elevation-toast-box-shadow-2-offset-y: .5rem;
-  --pgn-elevation-toast-box-shadow-2-offset-x: 0;
+  --pgn-elevation-toast-box-shadow-2-offset-y: 0.5rem;
+  --pgn-elevation-toast-box-shadow-2-offset-x: 0rem;
   --pgn-elevation-toast-box-shadow-2-color: rgba(0, 0, 0, 0.15);
   --pgn-elevation-toast-box-shadow-1-blur: 2.5rem;
   --pgn-elevation-toast-box-shadow-1-offset-y: 1.25rem;
-  --pgn-elevation-toast-box-shadow-1-offset-x: 0;
+  --pgn-elevation-toast-box-shadow-1-offset-x: 0rem;
   --pgn-elevation-toast-box-shadow-1-color: rgba(0, 0, 0, 0.15);
-  --pgn-elevation-sticky-shadow-bottom-2-blur: .625rem;
-  --pgn-elevation-sticky-shadow-bottom-2-offset-y: .25rem;
-  --pgn-elevation-sticky-shadow-bottom-2-offset-x: 0;
+  --pgn-elevation-sticky-shadow-bottom-2-blur: 0.625rem;
+  --pgn-elevation-sticky-shadow-bottom-2-offset-y: 0.25rem;
+  --pgn-elevation-sticky-shadow-bottom-2-offset-x: 0rem;
   --pgn-elevation-sticky-shadow-bottom-2-color: rgba(0, 0, 0, 0.15);
   --pgn-elevation-sticky-shadow-bottom-1-blur: 1rem;
-  --pgn-elevation-sticky-shadow-bottom-1-offset-y: .5rem;
-  --pgn-elevation-sticky-shadow-bottom-1-offset-x: 0;
+  --pgn-elevation-sticky-shadow-bottom-1-offset-y: 0.5rem;
+  --pgn-elevation-sticky-shadow-bottom-1-offset-x: 0rem;
   --pgn-elevation-sticky-shadow-bottom-1-color: rgba(0, 0, 0, 0.15);
-  --pgn-elevation-sticky-shadow-top-2-blur: .625rem;
-  --pgn-elevation-sticky-shadow-top-2-offset-y: -.25rem;
-  --pgn-elevation-sticky-shadow-top-2-offset-x: 0;
+  --pgn-elevation-sticky-shadow-top-2-blur: 0.625rem;
+  --pgn-elevation-sticky-shadow-top-2-offset-y: -0.25rem;
+  --pgn-elevation-sticky-shadow-top-2-offset-x: 0rem;
   --pgn-elevation-sticky-shadow-top-2-color: rgba(0, 0, 0, 0.15);
   --pgn-elevation-sticky-shadow-top-1-blur: 1rem;
-  --pgn-elevation-sticky-shadow-top-1-offset-y: -.5rem;
-  --pgn-elevation-sticky-shadow-top-1-offset-x: 0;
+  --pgn-elevation-sticky-shadow-top-1-offset-y: -0.5rem;
+  --pgn-elevation-sticky-shadow-top-1-offset-x: 0rem;
   --pgn-elevation-sticky-shadow-top-1-color: rgba(0, 0, 0, 0.15);
   --pgn-elevation-scrollable-body-box-shadow: #0000008C;
   --pgn-elevation-progress-bar-box-shadow: none;
-  --pgn-elevation-pagination-focus-box-shadow-blur: 0;
-  --pgn-elevation-pagination-focus-box-shadow-offset-y: 0;
-  --pgn-elevation-pagination-focus-box-shadow-offset-x: 0;
+  --pgn-elevation-pagination-focus-box-shadow-blur: 0rem;
+  --pgn-elevation-pagination-focus-box-shadow-offset-y: 0rem;
+  --pgn-elevation-pagination-focus-box-shadow-offset-x: 0rem;
   --pgn-elevation-pagination-focus-box-shadow-spread: var(--pgn-size-input-btn-focus-width);
   --pgn-elevation-pagination-focus-box-shadow-color: var(--pgn-color-input-btn-focus);
-  --pgn-elevation-menu-box-shadow-blur: .25rem;
-  --pgn-elevation-menu-box-shadow-offset-y: .125rem;
-  --pgn-elevation-menu-box-shadow-offset-x: 0;
+  --pgn-elevation-menu-box-shadow-blur: 0.25rem;
+  --pgn-elevation-menu-box-shadow-offset-y: 0.125rem;
+  --pgn-elevation-menu-box-shadow-offset-x: 0rem;
   --pgn-elevation-menu-box-shadow-color: rgba(0, 0, 0, 0.3);
   --pgn-elevation-image-thumbnail-box-shadow: none;
   --pgn-elevation-icon-button-box-shadow-black-inverse-active: none;
   --pgn-elevation-icon-button-box-shadow-black-active: none;
   --pgn-elevation-icon-button-box-shadow-black-inverse-inset: inset;
-  --pgn-elevation-icon-button-box-shadow-black-inverse-blur: 0;
-  --pgn-elevation-icon-button-box-shadow-black-inverse-offset-y: 0;
-  --pgn-elevation-icon-button-box-shadow-black-inverse-offset-x: 0;
+  --pgn-elevation-icon-button-box-shadow-black-inverse-blur: 0rem;
+  --pgn-elevation-icon-button-box-shadow-black-inverse-offset-y: 0rem;
+  --pgn-elevation-icon-button-box-shadow-black-inverse-offset-x: 0rem;
   --pgn-elevation-icon-button-box-shadow-black-inverse-spread: var(--pgn-size-btn-focus-width);
   --pgn-elevation-icon-button-box-shadow-black-inverse-color: var(--pgn-color-icon-button-accent);
   --pgn-elevation-icon-button-box-shadow-black-base-inset: inset;
-  --pgn-elevation-icon-button-box-shadow-black-base-blur: 0;
-  --pgn-elevation-icon-button-box-shadow-black-base-offset-y: 0;
-  --pgn-elevation-icon-button-box-shadow-black-base-offset-x: 0;
+  --pgn-elevation-icon-button-box-shadow-black-base-blur: 0rem;
+  --pgn-elevation-icon-button-box-shadow-black-base-offset-y: 0rem;
+  --pgn-elevation-icon-button-box-shadow-black-base-offset-x: 0rem;
   --pgn-elevation-icon-button-box-shadow-black-base-spread: var(--pgn-size-btn-focus-width);
   --pgn-elevation-icon-button-box-shadow-black-base-color: var(--pgn-color-icon-button-text-black-base);
   --pgn-elevation-icon-button-box-shadow-dark-inverse-active: none;
   --pgn-elevation-icon-button-box-shadow-dark-active: none;
   --pgn-elevation-icon-button-box-shadow-dark-inverse-inset: inset;
-  --pgn-elevation-icon-button-box-shadow-dark-inverse-blur: 0;
-  --pgn-elevation-icon-button-box-shadow-dark-inverse-offset-y: 0;
-  --pgn-elevation-icon-button-box-shadow-dark-inverse-offset-x: 0;
+  --pgn-elevation-icon-button-box-shadow-dark-inverse-blur: 0rem;
+  --pgn-elevation-icon-button-box-shadow-dark-inverse-offset-y: 0rem;
+  --pgn-elevation-icon-button-box-shadow-dark-inverse-offset-x: 0rem;
   --pgn-elevation-icon-button-box-shadow-dark-inverse-spread: var(--pgn-size-btn-focus-width);
   --pgn-elevation-icon-button-box-shadow-dark-inverse-color: var(--pgn-color-icon-button-accent);
   --pgn-elevation-icon-button-box-shadow-dark-base-inset: inset;
-  --pgn-elevation-icon-button-box-shadow-dark-base-blur: 0;
-  --pgn-elevation-icon-button-box-shadow-dark-base-offset-y: 0;
-  --pgn-elevation-icon-button-box-shadow-dark-base-offset-x: 0;
+  --pgn-elevation-icon-button-box-shadow-dark-base-blur: 0rem;
+  --pgn-elevation-icon-button-box-shadow-dark-base-offset-y: 0rem;
+  --pgn-elevation-icon-button-box-shadow-dark-base-offset-x: 0rem;
   --pgn-elevation-icon-button-box-shadow-dark-base-spread: var(--pgn-size-btn-focus-width);
   --pgn-elevation-icon-button-box-shadow-dark-base-color: var(--pgn-color-icon-button-text-dark-base);
   --pgn-elevation-icon-button-box-shadow-light-inverse-active: none;
   --pgn-elevation-icon-button-box-shadow-light-active: none;
   --pgn-elevation-icon-button-box-shadow-light-inverse-inset: inset;
-  --pgn-elevation-icon-button-box-shadow-light-inverse-blur: 0;
-  --pgn-elevation-icon-button-box-shadow-light-inverse-offset-y: 0;
-  --pgn-elevation-icon-button-box-shadow-light-inverse-offset-x: 0;
+  --pgn-elevation-icon-button-box-shadow-light-inverse-blur: 0rem;
+  --pgn-elevation-icon-button-box-shadow-light-inverse-offset-y: 0rem;
+  --pgn-elevation-icon-button-box-shadow-light-inverse-offset-x: 0rem;
   --pgn-elevation-icon-button-box-shadow-light-inverse-spread: var(--pgn-size-btn-focus-width);
   --pgn-elevation-icon-button-box-shadow-light-inverse-color: var(--pgn-color-icon-button-accent);
   --pgn-elevation-icon-button-box-shadow-light-base-inset: inset;
-  --pgn-elevation-icon-button-box-shadow-light-base-blur: 0;
-  --pgn-elevation-icon-button-box-shadow-light-base-offset-y: 0;
-  --pgn-elevation-icon-button-box-shadow-light-base-offset-x: 0;
+  --pgn-elevation-icon-button-box-shadow-light-base-blur: 0rem;
+  --pgn-elevation-icon-button-box-shadow-light-base-offset-y: 0rem;
+  --pgn-elevation-icon-button-box-shadow-light-base-offset-x: 0rem;
   --pgn-elevation-icon-button-box-shadow-light-base-spread: var(--pgn-size-btn-focus-width);
   --pgn-elevation-icon-button-box-shadow-light-base-color: var(--pgn-color-icon-button-text-light-base);
   --pgn-elevation-icon-button-box-shadow-danger-inverse-active: none;
   --pgn-elevation-icon-button-box-shadow-danger-active: none;
   --pgn-elevation-icon-button-box-shadow-danger-inverse-inset: inset;
-  --pgn-elevation-icon-button-box-shadow-danger-inverse-blur: 0;
-  --pgn-elevation-icon-button-box-shadow-danger-inverse-offset-y: 0;
-  --pgn-elevation-icon-button-box-shadow-danger-inverse-offset-x: 0;
+  --pgn-elevation-icon-button-box-shadow-danger-inverse-blur: 0rem;
+  --pgn-elevation-icon-button-box-shadow-danger-inverse-offset-y: 0rem;
+  --pgn-elevation-icon-button-box-shadow-danger-inverse-offset-x: 0rem;
   --pgn-elevation-icon-button-box-shadow-danger-inverse-spread: var(--pgn-size-btn-focus-width);
   --pgn-elevation-icon-button-box-shadow-danger-inverse-color: var(--pgn-color-icon-button-accent);
   --pgn-elevation-icon-button-box-shadow-danger-base-inset: inset;
-  --pgn-elevation-icon-button-box-shadow-danger-base-blur: 0;
-  --pgn-elevation-icon-button-box-shadow-danger-base-offset-y: 0;
-  --pgn-elevation-icon-button-box-shadow-danger-base-offset-x: 0;
+  --pgn-elevation-icon-button-box-shadow-danger-base-blur: 0rem;
+  --pgn-elevation-icon-button-box-shadow-danger-base-offset-y: 0rem;
+  --pgn-elevation-icon-button-box-shadow-danger-base-offset-x: 0rem;
   --pgn-elevation-icon-button-box-shadow-danger-base-spread: var(--pgn-size-btn-focus-width);
   --pgn-elevation-icon-button-box-shadow-danger-base-color: var(--pgn-color-icon-button-text-danger-base);
   --pgn-elevation-icon-button-box-shadow-warning-inverse-active: none;
   --pgn-elevation-icon-button-box-shadow-warning-active: none;
   --pgn-elevation-icon-button-box-shadow-warning-inverse-inset: inset;
-  --pgn-elevation-icon-button-box-shadow-warning-inverse-blur: 0;
-  --pgn-elevation-icon-button-box-shadow-warning-inverse-offset-y: 0;
-  --pgn-elevation-icon-button-box-shadow-warning-inverse-offset-x: 0;
+  --pgn-elevation-icon-button-box-shadow-warning-inverse-blur: 0rem;
+  --pgn-elevation-icon-button-box-shadow-warning-inverse-offset-y: 0rem;
+  --pgn-elevation-icon-button-box-shadow-warning-inverse-offset-x: 0rem;
   --pgn-elevation-icon-button-box-shadow-warning-inverse-spread: var(--pgn-size-btn-focus-width);
   --pgn-elevation-icon-button-box-shadow-warning-inverse-color: var(--pgn-color-icon-button-accent);
   --pgn-elevation-icon-button-box-shadow-warning-base-inset: inset;
-  --pgn-elevation-icon-button-box-shadow-warning-base-blur: 0;
-  --pgn-elevation-icon-button-box-shadow-warning-base-offset-y: 0;
-  --pgn-elevation-icon-button-box-shadow-warning-base-offset-x: 0;
+  --pgn-elevation-icon-button-box-shadow-warning-base-blur: 0rem;
+  --pgn-elevation-icon-button-box-shadow-warning-base-offset-y: 0rem;
+  --pgn-elevation-icon-button-box-shadow-warning-base-offset-x: 0rem;
   --pgn-elevation-icon-button-box-shadow-warning-base-spread: var(--pgn-size-btn-focus-width);
   --pgn-elevation-icon-button-box-shadow-warning-base-color: var(--pgn-color-icon-button-text-warning-base);
   --pgn-elevation-icon-button-box-shadow-success-inverse-active: none;
   --pgn-elevation-icon-button-box-shadow-success-active: none;
   --pgn-elevation-icon-button-box-shadow-success-inverse-inset: inset;
-  --pgn-elevation-icon-button-box-shadow-success-inverse-blur: 0;
-  --pgn-elevation-icon-button-box-shadow-success-inverse-offset-y: 0;
-  --pgn-elevation-icon-button-box-shadow-success-inverse-offset-x: 0;
+  --pgn-elevation-icon-button-box-shadow-success-inverse-blur: 0rem;
+  --pgn-elevation-icon-button-box-shadow-success-inverse-offset-y: 0rem;
+  --pgn-elevation-icon-button-box-shadow-success-inverse-offset-x: 0rem;
   --pgn-elevation-icon-button-box-shadow-success-inverse-spread: var(--pgn-size-btn-focus-width);
   --pgn-elevation-icon-button-box-shadow-success-inverse-color: var(--pgn-color-icon-button-accent);
   --pgn-elevation-icon-button-box-shadow-success-base-inset: inset;
-  --pgn-elevation-icon-button-box-shadow-success-base-blur: 0;
-  --pgn-elevation-icon-button-box-shadow-success-base-offset-y: 0;
-  --pgn-elevation-icon-button-box-shadow-success-base-offset-x: 0;
+  --pgn-elevation-icon-button-box-shadow-success-base-blur: 0rem;
+  --pgn-elevation-icon-button-box-shadow-success-base-offset-y: 0rem;
+  --pgn-elevation-icon-button-box-shadow-success-base-offset-x: 0rem;
   --pgn-elevation-icon-button-box-shadow-success-base-spread: var(--pgn-size-btn-focus-width);
   --pgn-elevation-icon-button-box-shadow-success-base-color: var(--pgn-color-icon-button-text-success-base);
   --pgn-elevation-icon-button-box-shadow-brand-inverse-active: none;
   --pgn-elevation-icon-button-box-shadow-brand-active: none;
   --pgn-elevation-icon-button-box-shadow-brand-inverse-inset: inset;
-  --pgn-elevation-icon-button-box-shadow-brand-inverse-blur: 0;
-  --pgn-elevation-icon-button-box-shadow-brand-inverse-offset-y: 0;
-  --pgn-elevation-icon-button-box-shadow-brand-inverse-offset-x: 0;
+  --pgn-elevation-icon-button-box-shadow-brand-inverse-blur: 0rem;
+  --pgn-elevation-icon-button-box-shadow-brand-inverse-offset-y: 0rem;
+  --pgn-elevation-icon-button-box-shadow-brand-inverse-offset-x: 0rem;
   --pgn-elevation-icon-button-box-shadow-brand-inverse-spread: var(--pgn-size-btn-focus-width);
   --pgn-elevation-icon-button-box-shadow-brand-inverse-color: var(--pgn-color-icon-button-accent);
   --pgn-elevation-icon-button-box-shadow-brand-base-inset: inset;
-  --pgn-elevation-icon-button-box-shadow-brand-base-blur: 0;
-  --pgn-elevation-icon-button-box-shadow-brand-base-offset-y: 0;
-  --pgn-elevation-icon-button-box-shadow-brand-base-offset-x: 0;
+  --pgn-elevation-icon-button-box-shadow-brand-base-blur: 0rem;
+  --pgn-elevation-icon-button-box-shadow-brand-base-offset-y: 0rem;
+  --pgn-elevation-icon-button-box-shadow-brand-base-offset-x: 0rem;
   --pgn-elevation-icon-button-box-shadow-brand-base-spread: var(--pgn-size-btn-focus-width);
   --pgn-elevation-icon-button-box-shadow-brand-base-color: var(--pgn-color-icon-button-text-brand-base);
   --pgn-elevation-icon-button-box-shadow-secondary-inverse-active: none;
   --pgn-elevation-icon-button-box-shadow-secondary-active: none;
   --pgn-elevation-icon-button-box-shadow-secondary-inverse-inset: inset;
-  --pgn-elevation-icon-button-box-shadow-secondary-inverse-blur: 0;
-  --pgn-elevation-icon-button-box-shadow-secondary-inverse-offset-y: 0;
-  --pgn-elevation-icon-button-box-shadow-secondary-inverse-offset-x: 0;
+  --pgn-elevation-icon-button-box-shadow-secondary-inverse-blur: 0rem;
+  --pgn-elevation-icon-button-box-shadow-secondary-inverse-offset-y: 0rem;
+  --pgn-elevation-icon-button-box-shadow-secondary-inverse-offset-x: 0rem;
   --pgn-elevation-icon-button-box-shadow-secondary-inverse-spread: var(--pgn-size-btn-focus-width);
   --pgn-elevation-icon-button-box-shadow-secondary-inverse-color: var(--pgn-color-icon-button-accent);
   --pgn-elevation-icon-button-box-shadow-secondary-base-inset: inset;
-  --pgn-elevation-icon-button-box-shadow-secondary-base-blur: 0;
-  --pgn-elevation-icon-button-box-shadow-secondary-base-offset-y: 0;
-  --pgn-elevation-icon-button-box-shadow-secondary-base-offset-x: 0;
+  --pgn-elevation-icon-button-box-shadow-secondary-base-blur: 0rem;
+  --pgn-elevation-icon-button-box-shadow-secondary-base-offset-y: 0rem;
+  --pgn-elevation-icon-button-box-shadow-secondary-base-offset-x: 0rem;
   --pgn-elevation-icon-button-box-shadow-secondary-base-spread: var(--pgn-size-btn-focus-width);
   --pgn-elevation-icon-button-box-shadow-secondary-base-color: var(--pgn-color-icon-button-text-secondary-base);
   --pgn-elevation-icon-button-box-shadow-primary-inverse-active: none;
   --pgn-elevation-icon-button-box-shadow-primary-active: none;
   --pgn-elevation-icon-button-box-shadow-primary-inverse-inset: inset;
-  --pgn-elevation-icon-button-box-shadow-primary-inverse-blur: 0;
-  --pgn-elevation-icon-button-box-shadow-primary-inverse-offset-y: 0;
-  --pgn-elevation-icon-button-box-shadow-primary-inverse-offset-x: 0;
+  --pgn-elevation-icon-button-box-shadow-primary-inverse-blur: 0rem;
+  --pgn-elevation-icon-button-box-shadow-primary-inverse-offset-y: 0rem;
+  --pgn-elevation-icon-button-box-shadow-primary-inverse-offset-x: 0rem;
   --pgn-elevation-icon-button-box-shadow-primary-inverse-spread: var(--pgn-size-btn-focus-width);
   --pgn-elevation-icon-button-box-shadow-primary-inverse-color: var(--pgn-color-icon-button-accent);
   --pgn-elevation-icon-button-box-shadow-primary-base-inset: inset;
-  --pgn-elevation-icon-button-box-shadow-primary-base-blur: 0;
-  --pgn-elevation-icon-button-box-shadow-primary-base-offset-y: 0;
-  --pgn-elevation-icon-button-box-shadow-primary-base-offset-x: 0;
+  --pgn-elevation-icon-button-box-shadow-primary-base-blur: 0rem;
+  --pgn-elevation-icon-button-box-shadow-primary-base-offset-y: 0rem;
+  --pgn-elevation-icon-button-box-shadow-primary-base-offset-x: 0rem;
   --pgn-elevation-icon-button-box-shadow-primary-base-spread: var(--pgn-size-btn-focus-width);
   --pgn-elevation-icon-button-box-shadow-primary-base-color: var(--pgn-color-icon-button-text-primary-base);
-  --pgn-elevation-form-control-select-border-focus-blur: 0;
-  --pgn-elevation-form-control-select-border-focus-offset-y: 0;
-  --pgn-elevation-form-control-select-border-focus-offset-x: 0;
+  --pgn-elevation-form-control-select-border-focus-blur: 0rem;
+  --pgn-elevation-form-control-select-border-focus-offset-y: 0rem;
+  --pgn-elevation-form-control-select-border-focus-offset-x: 0rem;
   --pgn-elevation-form-control-select-border-focus-spread: var(--pgn-size-input-btn-focus-width);
   --pgn-elevation-form-control-select-border-focus-color: var(--pgn-color-input-btn-focus);
   --pgn-elevation-form-control-select-border-base: none;
-  --pgn-elevation-form-control-file-focus-blur: 0;
-  --pgn-elevation-form-control-file-focus-offset-y: 0;
-  --pgn-elevation-form-control-file-focus-offset-x: 0;
+  --pgn-elevation-form-control-file-focus-blur: 0rem;
+  --pgn-elevation-form-control-file-focus-offset-y: 0rem;
+  --pgn-elevation-form-control-file-focus-offset-x: 0rem;
   --pgn-elevation-form-control-file-focus-spread: 1px;
   --pgn-elevation-form-control-file-focus-color: var(--pgn-color-primary-500);
   --pgn-elevation-form-control-file-base: var(--pgn-elevation-form-input-base);
-  --pgn-elevation-form-control-range-thumb-focus: 0 0 0 1px var(--pgn-color-body-bg), var(--pgn-size-form-input-width-focus);
+  --pgn-elevation-form-control-range-thumb-focus-blur: 0.25rem;
+  --pgn-elevation-form-control-range-thumb-focus-offset-y: 0.1rem;
+  --pgn-elevation-form-control-range-thumb-focus-offset-x: 0rem;
+  --pgn-elevation-form-control-range-thumb-focus-spread: 0rem;
+  --pgn-elevation-form-control-range-thumb-focus-color: var(--pgn-color-body-bg);
   --pgn-elevation-form-control-range-thumb-base: none;
   --pgn-elevation-form-control-range-track: none;
   --pgn-elevation-form-control-checkbox-indicator-indeterminate: none;
   --pgn-elevation-form-control-indicator-active: none;
-  --pgn-elevation-form-control-indicator-checked-focus-blur: 0;
-  --pgn-elevation-form-control-indicator-checked-focus-offset-y: 0;
-  --pgn-elevation-form-control-indicator-checked-focus-offset-x: 0;
+  --pgn-elevation-form-control-indicator-checked-focus-blur: 0rem;
+  --pgn-elevation-form-control-indicator-checked-focus-offset-y: 0rem;
+  --pgn-elevation-form-control-indicator-checked-focus-offset-x: 0rem;
   --pgn-elevation-form-control-indicator-checked-focus-spread: 4px;
   --pgn-elevation-form-control-indicator-checked-focus-color: rgba(0, 0, 0, 0.1);
   --pgn-elevation-form-control-indicator-checked-base: none;
   --pgn-elevation-form-control-indicator-base: var(--pgn-elevation-form-input-base);
-  --pgn-elevation-form-input-focus-blur: 0;
-  --pgn-elevation-form-input-focus-offset-y: 0;
-  --pgn-elevation-form-input-focus-offset-x: 0;
+  --pgn-elevation-form-input-focus-blur: 0rem;
+  --pgn-elevation-form-input-focus-offset-y: 0rem;
+  --pgn-elevation-form-input-focus-offset-x: 0rem;
   --pgn-elevation-form-input-focus-spread: 1px;
   --pgn-elevation-form-input-focus-color: var(--pgn-color-primary-500);
   --pgn-elevation-form-input-base: none;
   --pgn-elevation-dropzone-error-inset: inset;
-  --pgn-elevation-dropzone-error-blur: 0;
-  --pgn-elevation-dropzone-error-offset-y: 0;
-  --pgn-elevation-dropzone-error-offset-x: 0;
+  --pgn-elevation-dropzone-error-blur: 0rem;
+  --pgn-elevation-dropzone-error-offset-y: 0rem;
+  --pgn-elevation-dropzone-error-offset-x: 0rem;
   --pgn-elevation-dropzone-error-spread: 2px;
   --pgn-elevation-dropzone-error-color: var(--pgn-color-danger-300);
   --pgn-elevation-dropzone-active-inset: inset;
-  --pgn-elevation-dropzone-active-blur: 0;
-  --pgn-elevation-dropzone-active-offset-y: 0;
-  --pgn-elevation-dropzone-active-offset-x: 0;
+  --pgn-elevation-dropzone-active-blur: 0rem;
+  --pgn-elevation-dropzone-active-offset-y: 0rem;
+  --pgn-elevation-dropzone-active-offset-x: 0rem;
   --pgn-elevation-dropzone-active-spread: 2px;
   --pgn-elevation-dropzone-active-color: var(--pgn-color-primary-500);
   --pgn-elevation-dropzone-focus-inset: inset;
-  --pgn-elevation-dropzone-focus-blur: 0;
-  --pgn-elevation-dropzone-focus-offset-y: 0;
-  --pgn-elevation-dropzone-focus-offset-x: 0;
+  --pgn-elevation-dropzone-focus-blur: 0rem;
+  --pgn-elevation-dropzone-focus-offset-y: 0rem;
+  --pgn-elevation-dropzone-focus-offset-x: 0rem;
   --pgn-elevation-dropzone-focus-spread: 2px;
   --pgn-elevation-dropzone-focus-color: var(--pgn-color-info-300);
   --pgn-elevation-dropzone-hover-inset: inset;
-  --pgn-elevation-dropzone-hover-blur: 0;
-  --pgn-elevation-dropzone-hover-offset-y: 0;
-  --pgn-elevation-dropzone-hover-offset-x: 0;
+  --pgn-elevation-dropzone-hover-blur: 0rem;
+  --pgn-elevation-dropzone-hover-offset-y: 0rem;
+  --pgn-elevation-dropzone-hover-offset-x: 0rem;
   --pgn-elevation-dropzone-hover-spread: 2px;
   --pgn-elevation-dropzone-hover-color: var(--pgn-color-info-300);
-  --pgn-elevation-data-table-box-shadow-blur: .125rem;
-  --pgn-elevation-data-table-box-shadow-offset-y: .0625rem;
-  --pgn-elevation-data-table-box-shadow-offset-x: 0;
+  --pgn-elevation-data-table-box-shadow-blur: 0.125rem;
+  --pgn-elevation-data-table-box-shadow-offset-y: 0.0625rem;
+  --pgn-elevation-data-table-box-shadow-offset-x: 0rem;
   --pgn-elevation-data-table-box-shadow-color: rgba(0, 0, 0, 0.2);
   --pgn-elevation-code-kbd-box-shadow: none;
-  --pgn-elevation-close-button-text-shadow-blur: 0;
+  --pgn-elevation-close-button-text-shadow-blur: 0rem;
   --pgn-elevation-close-button-text-shadow-offset-y: 1px;
-  --pgn-elevation-close-button-text-shadow-offset-x: 0;
+  --pgn-elevation-close-button-text-shadow-offset-x: 0rem;
   --pgn-elevation-close-button-text-shadow-color: var(--pgn-color-white);
   --pgn-elevation-btn-box-shadow-active: none;
   --pgn-elevation-btn-box-shadow-base: none;
   --pgn-elevation-annotation-box-shadow-2-blur: 8px;
   --pgn-elevation-annotation-box-shadow-2-offset-y: 2px;
-  --pgn-elevation-annotation-box-shadow-2-offset-x: 0;
+  --pgn-elevation-annotation-box-shadow-2-offset-x: 0rem;
   --pgn-elevation-annotation-box-shadow-2-color: rgba(0, 0, 0, 0.15);
   --pgn-elevation-annotation-box-shadow-1-blur: 4px;
   --pgn-elevation-annotation-box-shadow-1-offset-y: 2px;
-  --pgn-elevation-annotation-box-shadow-1-offset-x: 0;
+  --pgn-elevation-annotation-box-shadow-1-offset-x: 0rem;
   --pgn-elevation-annotation-box-shadow-1-color: rgba(0, 0, 0, 0.15);
   --pgn-elevation-tooltip-box-shadow-2-blur: 8px;
   --pgn-elevation-tooltip-box-shadow-2-offset-y: 2px;
-  --pgn-elevation-tooltip-box-shadow-2-offset-x: 0;
+  --pgn-elevation-tooltip-box-shadow-2-offset-x: 0rem;
   --pgn-elevation-tooltip-box-shadow-2-color: rgba(0, 0, 0, 0.15);
   --pgn-elevation-tooltip-box-shadow-1-blur: 4px;
   --pgn-elevation-tooltip-box-shadow-1-offset-y: 2px;
-  --pgn-elevation-tooltip-box-shadow-1-offset-x: 0;
+  --pgn-elevation-tooltip-box-shadow-1-offset-x: 0rem;
   --pgn-elevation-tooltip-box-shadow-1-color: rgba(0, 0, 0, 0.15);
   --pgn-elevation-popover-box-shadow: none;
   --pgn-elevation-modal-content-box-shadow-sm-up-2-blur: 20px;
   --pgn-elevation-modal-content-box-shadow-sm-up-2-offset-y: 8px;
-  --pgn-elevation-modal-content-box-shadow-sm-up-2-offset-x: 0;
+  --pgn-elevation-modal-content-box-shadow-sm-up-2-offset-x: 0rem;
   --pgn-elevation-modal-content-box-shadow-sm-up-2-color: rgba(0, 0, 0, 0.15);
   --pgn-elevation-modal-content-box-shadow-sm-up-1-blur: 20px;
   --pgn-elevation-modal-content-box-shadow-sm-up-1-offset-y: 10px;
-  --pgn-elevation-modal-content-box-shadow-sm-up-1-offset-x: 0;
+  --pgn-elevation-modal-content-box-shadow-sm-up-1-offset-x: 0rem;
   --pgn-elevation-modal-content-box-shadow-sm-up-1-color: rgba(0, 0, 0, 0.15);
   --pgn-elevation-dropdown-box-shadow: none;
   --pgn-spacing-input-btn-padding-y: 0.5625rem;
   --pgn-spacing-form-input-padding-y-base: var(--pgn-spacing-input-btn-padding-y);
   --pgn-size-input-btn-focus-width: 1px;
-  --pgn-size-form-input-width-focus: 0.063rem;
   --pgn-size-btn-focus-width: 2px;
 }
diff --git a/styles/scss/core/_variables.scss b/styles/scss/core/_variables.scss
index 77ab73348b..a7a38984e2 100644
--- a/styles/scss/core/_variables.scss
+++ b/styles/scss/core/_variables.scss
@@ -1,4 +1,3 @@
-/* stylelint-disable no-eol-whitespace */
 // Variables
 //
 // Variables should follow the `$component-state-property-size` formula for
@@ -468,9 +467,8 @@ $border-radius-sm: var(--pgn-size-border-radius-sm) !default;
 
 $rounded-pill: var(--pgn-size-rounded-pill) !default;
 
-$level-1-box-shadow: 
+$level-1-box-shadow: var(--pgn-elevation-box-shadow-level-1-1-offset-x)
   var(--pgn-elevation-box-shadow-level-1-1-offset-y)
-  var(--pgn-elevation-box-shadow-level-1-1-offset-x)
   var(--pgn-elevation-box-shadow-level-1-1-blur)
   var(--pgn-elevation-box-shadow-level-1-1-color),
   var(--pgn-elevation-box-shadow-level-1-2-offset-y)
@@ -478,36 +476,32 @@ $level-1-box-shadow:
   var(--pgn-elevation-box-shadow-level-1-2-blur)
   var(--pgn-elevation-box-shadow-level-1-2-color) !default;
 
-$level-2-box-shadow: 
+$level-2-box-shadow: var(--pgn-elevation-box-shadow-level-2-1-offset-x)
   var(--pgn-elevation-box-shadow-level-2-1-offset-y)
-  var(--pgn-elevation-box-shadow-level-2-1-offset-x)
   var(--pgn-elevation-box-shadow-level-2-1-blur)
   var(--pgn-elevation-box-shadow-level-2-1-color),
   var(--pgn-elevation-box-shadow-level-2-2-offset-y)
   var(--pgn-elevation-box-shadow-level-2-2-offset-x)
   var(--pgn-elevation-box-shadow-level-2-2-blur)
   var(--pgn-elevation-box-shadow-level-2-2-color) !default;
-$level-3-box-shadow: 
+$level-3-box-shadow: var(--pgn-elevation-box-shadow-level-3-1-offset-x)
   var(--pgn-elevation-box-shadow-level-3-1-offset-y)
-  var(--pgn-elevation-box-shadow-level-3-1-offset-x)
   var(--pgn-elevation-box-shadow-level-3-1-blur)
   var(--pgn-elevation-box-shadow-level-3-1-color),
   var(--pgn-elevation-box-shadow-level-3-2-offset-y)
   var(--pgn-elevation-box-shadow-level-3-2-offset-x)
   var(--pgn-elevation-box-shadow-level-3-2-blur)
   var(--pgn-elevation-box-shadow-level-3-2-color) !default;
-$level-4-box-shadow: 
+$level-4-box-shadow: var(--pgn-elevation-box-shadow-level-4-1-offset-x)
   var(--pgn-elevation-box-shadow-level-4-1-offset-y)
-  var(--pgn-elevation-box-shadow-level-4-1-offset-x)
   var(--pgn-elevation-box-shadow-level-4-1-blur)
   var(--pgn-elevation-box-shadow-level-4-1-color),
   var(--pgn-elevation-box-shadow-level-4-2-offset-y)
   var(--pgn-elevation-box-shadow-level-4-2-offset-x)
   var(--pgn-elevation-box-shadow-level-4-2-blur)
   var(--pgn-elevation-box-shadow-level-4-2-color) !default;
-$level-5-box-shadow: 
+$level-5-box-shadow: var(--pgn-elevation-box-shadow-level-5-1-offset-x)
   var(--pgn-elevation-box-shadow-level-5-1-offset-y)
-  var(--pgn-elevation-box-shadow-level-5-1-offset-x)
   var(--pgn-elevation-box-shadow-level-5-1-blur)
   var(--pgn-elevation-box-shadow-level-5-1-color),
   var(--pgn-elevation-box-shadow-level-5-2-offset-y)
@@ -515,45 +509,40 @@ $level-5-box-shadow:
   var(--pgn-elevation-box-shadow-level-5-2-blur)
   var(--pgn-elevation-box-shadow-level-5-2-color) !default;
 
-$box-shadow-down-1: 
+$box-shadow-down-1: var(--pgn-elevation-box-shadow-down-1-1-offset-x)
   var(--pgn-elevation-box-shadow-down-1-1-offset-y)
-  var(--pgn-elevation-box-shadow-down-1-1-offset-x)
   var(--pgn-elevation-box-shadow-down-1-1-blur)
   var(--pgn-elevation-box-shadow-down-1-1-color),
   var(--pgn-elevation-box-shadow-down-1-2-offset-y)
   var(--pgn-elevation-box-shadow-down-1-2-offset-x)
   var(--pgn-elevation-box-shadow-down-1-2-blur)
   var(--pgn-elevation-box-shadow-down-1-2-color) !default;
-$box-shadow-down-2: 
+$box-shadow-down-2: var(--pgn-elevation-box-shadow-down-2-1-offset-x)
   var(--pgn-elevation-box-shadow-down-2-1-offset-y)
-  var(--pgn-elevation-box-shadow-down-2-1-offset-x)
   var(--pgn-elevation-box-shadow-down-2-1-blur)
   var(--pgn-elevation-box-shadow-down-2-1-color),
   var(--pgn-elevation-box-shadow-down-2-2-offset-y)
   var(--pgn-elevation-box-shadow-down-2-2-offset-x)
   var(--pgn-elevation-box-shadow-down-2-2-blur)
   var(--pgn-elevation-box-shadow-down-2-2-color) !default;
-$box-shadow-down-3: 
+$box-shadow-down-3: var(--pgn-elevation-box-shadow-down-3-1-offset-x)
   var(--pgn-elevation-box-shadow-down-3-1-offset-y)
-  var(--pgn-elevation-box-shadow-down-3-1-offset-x)
   var(--pgn-elevation-box-shadow-down-3-1-blur)
   var(--pgn-elevation-box-shadow-down-3-1-color),
   var(--pgn-elevation-box-shadow-down-3-2-offset-y)
   var(--pgn-elevation-box-shadow-down-3-2-offset-x)
   var(--pgn-elevation-box-shadow-down-3-2-blur)
   var(--pgn-elevation-box-shadow-down-3-2-color) !default;
-$box-shadow-down-4: 
+$box-shadow-down-4: var(--pgn-elevation-box-shadow-down-4-1-offset-x)
   var(--pgn-elevation-box-shadow-down-4-1-offset-y)
-  var(--pgn-elevation-box-shadow-down-4-1-offset-x)
   var(--pgn-elevation-box-shadow-down-4-1-blur)
   var(--pgn-elevation-box-shadow-down-4-1-color),
   var(--pgn-elevation-box-shadow-down-4-2-offset-y)
   var(--pgn-elevation-box-shadow-down-4-2-offset-x)
   var(--pgn-elevation-box-shadow-down-4-2-blur)
   var(--pgn-elevation-box-shadow-down-4-2-color) !default;
-$box-shadow-down-5: 
+$box-shadow-down-5: var(--pgn-elevation-box-shadow-down-5-1-offset-x)
   var(--pgn-elevation-box-shadow-down-5-1-offset-y)
-  var(--pgn-elevation-box-shadow-down-5-1-offset-x)
   var(--pgn-elevation-box-shadow-down-5-1-blur)
   var(--pgn-elevation-box-shadow-down-5-1-color),
   var(--pgn-elevation-box-shadow-down-5-2-offset-y)
@@ -561,45 +550,40 @@ $box-shadow-down-5:
   var(--pgn-elevation-box-shadow-down-5-2-blur)
   var(--pgn-elevation-box-shadow-down-5-2-color) !default;
 
-$box-shadow-left-1: 
+$box-shadow-left-1: var(--pgn-elevation-box-shadow-left-1-1-offset-x)
   var(--pgn-elevation-box-shadow-left-1-1-offset-y)
-  var(--pgn-elevation-box-shadow-left-1-1-offset-x)
   var(--pgn-elevation-box-shadow-left-1-1-blur)
   var(--pgn-elevation-box-shadow-left-1-1-color),
   var(--pgn-elevation-box-shadow-left-1-2-offset-y)
   var(--pgn-elevation-box-shadow-left-1-2-offset-x)
   var(--pgn-elevation-box-shadow-left-1-2-blur)
   var(--pgn-elevation-box-shadow-left-1-2-color) !default;
-$box-shadow-left-2: 
+$box-shadow-left-2: var(--pgn-elevation-box-shadow-left-2-1-offset-x)
   var(--pgn-elevation-box-shadow-left-2-1-offset-y)
-  var(--pgn-elevation-box-shadow-left-2-1-offset-x)
   var(--pgn-elevation-box-shadow-left-2-1-blur)
   var(--pgn-elevation-box-shadow-left-2-1-color),
   var(--pgn-elevation-box-shadow-left-2-2-offset-y)
   var(--pgn-elevation-box-shadow-left-2-2-offset-x)
   var(--pgn-elevation-box-shadow-left-2-2-blur)
   var(--pgn-elevation-box-shadow-left-2-2-color) !default;
-$box-shadow-left-3: 
+$box-shadow-left-3: var(--pgn-elevation-box-shadow-left-3-1-offset-x)
   var(--pgn-elevation-box-shadow-left-3-1-offset-y)
-  var(--pgn-elevation-box-shadow-left-3-1-offset-x)
   var(--pgn-elevation-box-shadow-left-3-1-blur)
   var(--pgn-elevation-box-shadow-left-3-1-color),
   var(--pgn-elevation-box-shadow-left-3-2-offset-y)
   var(--pgn-elevation-box-shadow-left-3-2-offset-x)
   var(--pgn-elevation-box-shadow-left-3-2-blur)
   var(--pgn-elevation-box-shadow-left-3-2-color) !default;
-$box-shadow-left-4: 
+$box-shadow-left-4: var(--pgn-elevation-box-shadow-left-4-1-offset-x)
   var(--pgn-elevation-box-shadow-left-4-1-offset-y)
-  var(--pgn-elevation-box-shadow-left-4-1-offset-x)
   var(--pgn-elevation-box-shadow-left-4-1-blur)
   var(--pgn-elevation-box-shadow-left-4-1-color),
   var(--pgn-elevation-box-shadow-left-4-2-offset-y)
   var(--pgn-elevation-box-shadow-left-4-2-offset-x)
   var(--pgn-elevation-box-shadow-left-4-2-blur)
   var(--pgn-elevation-box-shadow-left-4-2-color) !default;
-$box-shadow-left-5: 
+$box-shadow-left-5: var(--pgn-elevation-box-shadow-left-1-1-offset-x)
   var(--pgn-elevation-box-shadow-left-1-1-offset-y)
-  var(--pgn-elevation-box-shadow-left-1-1-offset-x)
   var(--pgn-elevation-box-shadow-left-1-1-blur)
   var(--pgn-elevation-box-shadow-left-1-1-color),
   var(--pgn-elevation-box-shadow-left-1-2-offset-y)
@@ -607,45 +591,40 @@ $box-shadow-left-5:
   var(--pgn-elevation-box-shadow-left-1-2-blur)
   var(--pgn-elevation-box-shadow-left-1-2-color) !default;
 
-$box-shadow-up-1: 
+$box-shadow-up-1: var(--pgn-elevation-box-shadow-up-1-1-offset-x)
   var(--pgn-elevation-box-shadow-up-1-1-offset-y)
-  var(--pgn-elevation-box-shadow-up-1-1-offset-x)
   var(--pgn-elevation-box-shadow-up-1-1-blur)
   var(--pgn-elevation-box-shadow-up-1-1-color),
   var(--pgn-elevation-box-shadow-up-1-2-offset-y)
   var(--pgn-elevation-box-shadow-up-1-2-offset-x)
   var(--pgn-elevation-box-shadow-up-1-2-blur)
   var(--pgn-elevation-box-shadow-up-1-2-color) !default;
-$box-shadow-up-2: 
+$box-shadow-up-2: var(--pgn-elevation-box-shadow-up-2-1-offset-x)
   var(--pgn-elevation-box-shadow-up-2-1-offset-y)
-  var(--pgn-elevation-box-shadow-up-2-1-offset-x)
   var(--pgn-elevation-box-shadow-up-2-1-blur)
   var(--pgn-elevation-box-shadow-up-2-1-color),
   var(--pgn-elevation-box-shadow-up-2-2-offset-y)
   var(--pgn-elevation-box-shadow-up-2-2-offset-x)
   var(--pgn-elevation-box-shadow-up-2-2-blur)
   var(--pgn-elevation-box-shadow-up-2-2-color) !default;
-$box-shadow-up-3: 
+$box-shadow-up-3: var(--pgn-elevation-box-shadow-up-3-1-offset-x)
   var(--pgn-elevation-box-shadow-up-3-1-offset-y)
-  var(--pgn-elevation-box-shadow-up-3-1-offset-x)
   var(--pgn-elevation-box-shadow-up-3-1-blur)
   var(--pgn-elevation-box-shadow-up-3-1-color),
   var(--pgn-elevation-box-shadow-up-3-2-offset-y)
   var(--pgn-elevation-box-shadow-up-3-2-offset-x)
   var(--pgn-elevation-box-shadow-up-3-2-blur)
   var(--pgn-elevation-box-shadow-up-3-2-color) !default;
-$box-shadow-up-4: 
+$box-shadow-up-4: var(--pgn-elevation-box-shadow-up-4-1-offset-x)
   var(--pgn-elevation-box-shadow-up-4-1-offset-y)
-  var(--pgn-elevation-box-shadow-up-4-1-offset-x)
   var(--pgn-elevation-box-shadow-up-4-1-blur)
   var(--pgn-elevation-box-shadow-up-4-1-color),
   var(--pgn-elevation-box-shadow-up-4-2-offset-y)
   var(--pgn-elevation-box-shadow-up-4-2-offset-x)
   var(--pgn-elevation-box-shadow-up-4-2-blur)
   var(--pgn-elevation-box-shadow-up-4-2-color) !default;
-$box-shadow-up-5: 
+$box-shadow-up-5: var(--pgn-elevation-box-shadow-up-5-1-offset-x)
   var(--pgn-elevation-box-shadow-up-5-1-offset-y)
-  var(--pgn-elevation-box-shadow-up-5-1-offset-x)
   var(--pgn-elevation-box-shadow-up-5-1-blur)
   var(--pgn-elevation-box-shadow-up-5-1-color),
   var(--pgn-elevation-box-shadow-up-5-2-offset-y)
@@ -653,45 +632,40 @@ $box-shadow-up-5:
   var(--pgn-elevation-box-shadow-up-5-2-blur)
   var(--pgn-elevation-box-shadow-up-5-2-color) !default;
 
-$box-shadow-right-1: 
+$box-shadow-right-1: var(--pgn-elevation-box-shadow-right-1-1-offset-x)
   var(--pgn-elevation-box-shadow-right-1-1-offset-y)
-  var(--pgn-elevation-box-shadow-right-1-1-offset-x)
   var(--pgn-elevation-box-shadow-right-1-1-blur)
   var(--pgn-elevation-box-shadow-right-1-1-color),
   var(--pgn-elevation-box-shadow-right-1-2-offset-y)
   var(--pgn-elevation-box-shadow-right-1-2-offset-x)
   var(--pgn-elevation-box-shadow-right-1-2-blur)
   var(--pgn-elevation-box-shadow-right-1-2-color) !default;
-$box-shadow-right-2: 
+$box-shadow-right-2: var(--pgn-elevation-box-shadow-right-2-1-offset-x)
   var(--pgn-elevation-box-shadow-right-2-1-offset-y)
-  var(--pgn-elevation-box-shadow-right-2-1-offset-x)
   var(--pgn-elevation-box-shadow-right-2-1-blur)
   var(--pgn-elevation-box-shadow-right-2-1-color),
   var(--pgn-elevation-box-shadow-right-2-2-offset-y)
   var(--pgn-elevation-box-shadow-right-2-2-offset-x)
   var(--pgn-elevation-box-shadow-right-2-2-blur)
   var(--pgn-elevation-box-shadow-right-2-2-color) !default;
-$box-shadow-right-3: 
+$box-shadow-right-3: var(--pgn-elevation-box-shadow-right-3-1-offset-x)
   var(--pgn-elevation-box-shadow-right-3-1-offset-y)
-  var(--pgn-elevation-box-shadow-right-3-1-offset-x)
   var(--pgn-elevation-box-shadow-right-3-1-blur)
   var(--pgn-elevation-box-shadow-right-3-1-color),
   var(--pgn-elevation-box-shadow-right-3-2-offset-y)
   var(--pgn-elevation-box-shadow-right-3-2-offset-x)
   var(--pgn-elevation-box-shadow-right-3-2-blur)
   var(--pgn-elevation-box-shadow-right-3-2-color) !default;
-$box-shadow-right-4: 
+$box-shadow-right-4: var(--pgn-elevation-box-shadow-right-4-1-offset-x)
   var(--pgn-elevation-box-shadow-right-4-1-offset-y)
-  var(--pgn-elevation-box-shadow-right-4-1-offset-x)
   var(--pgn-elevation-box-shadow-right-4-1-blur)
   var(--pgn-elevation-box-shadow-right-4-1-color),
   var(--pgn-elevation-box-shadow-right-4-2-offset-y)
   var(--pgn-elevation-box-shadow-right-4-2-offset-x)
   var(--pgn-elevation-box-shadow-right-4-2-blur)
   var(--pgn-elevation-box-shadow-right-4-2-color) !default;
-$box-shadow-right-5: 
+$box-shadow-right-5: var(--pgn-elevation-box-shadow-right-5-1-offset-x)
   var(--pgn-elevation-box-shadow-right-5-1-offset-y)
-  var(--pgn-elevation-box-shadow-right-5-1-offset-x)
   var(--pgn-elevation-box-shadow-right-5-1-blur)
   var(--pgn-elevation-box-shadow-right-5-1-color),
   var(--pgn-elevation-box-shadow-right-5-2-offset-y)
@@ -699,45 +673,40 @@ $box-shadow-right-5:
   var(--pgn-elevation-box-shadow-right-5-2-blur)
   var(--pgn-elevation-box-shadow-right-5-2-color) !default;
 
-$box-shadow-centered-1: 
+$box-shadow-centered-1: var(--pgn-elevation-box-shadow-centered-1-1-offset-x)
   var(--pgn-elevation-box-shadow-centered-1-1-offset-y)
-  var(--pgn-elevation-box-shadow-centered-1-1-offset-x)
   var(--pgn-elevation-box-shadow-centered-1-1-blur)
   var(--pgn-elevation-box-shadow-centered-1-1-color),
   var(--pgn-elevation-box-shadow-centered-1-2-offset-y)
   var(--pgn-elevation-box-shadow-centered-1-2-offset-x)
   var(--pgn-elevation-box-shadow-centered-1-2-blur)
   var(--pgn-elevation-box-shadow-centered-1-2-color) !default;
-$box-shadow-centered-2: 
+$box-shadow-centered-2: var(--pgn-elevation-box-shadow-centered-2-1-offset-x)
   var(--pgn-elevation-box-shadow-centered-2-1-offset-y)
-  var(--pgn-elevation-box-shadow-centered-2-1-offset-x)
   var(--pgn-elevation-box-shadow-centered-2-1-blur)
   var(--pgn-elevation-box-shadow-centered-2-1-color),
   var(--pgn-elevation-box-shadow-centered-2-2-offset-y)
   var(--pgn-elevation-box-shadow-centered-2-2-offset-x)
   var(--pgn-elevation-box-shadow-centered-2-2-blur)
   var(--pgn-elevation-box-shadow-centered-2-2-color) !default;
-$box-shadow-centered-3: 
+$box-shadow-centered-3: var(--pgn-elevation-box-shadow-centered-3-1-offset-x)
   var(--pgn-elevation-box-shadow-centered-3-1-offset-y)
-  var(--pgn-elevation-box-shadow-centered-3-1-offset-x)
   var(--pgn-elevation-box-shadow-centered-3-1-blur)
   var(--pgn-elevation-box-shadow-centered-3-1-color),
   var(--pgn-elevation-box-shadow-centered-3-2-offset-y)
   var(--pgn-elevation-box-shadow-centered-3-2-offset-x)
   var(--pgn-elevation-box-shadow-centered-3-2-blur)
   var(--pgn-elevation-box-shadow-centered-3-2-color) !default;
-$box-shadow-centered-4: 
+$box-shadow-centered-4: var(--pgn-elevation-box-shadow-centered-4-1-offset-x)
   var(--pgn-elevation-box-shadow-centered-4-1-offset-y)
-  var(--pgn-elevation-box-shadow-centered-4-1-offset-x)
   var(--pgn-elevation-box-shadow-centered-4-1-blur)
   var(--pgn-elevation-box-shadow-centered-4-1-color),
   var(--pgn-elevation-box-shadow-centered-4-2-offset-y)
   var(--pgn-elevation-box-shadow-centered-4-2-offset-x)
   var(--pgn-elevation-box-shadow-centered-4-2-blur)
   var(--pgn-elevation-box-shadow-centered-4-2-color) !default;
-$box-shadow-centered-5: 
-  var(--pgn-elevation-box-shadow-centered-5-1-offset-y) 
-  var(--pgn-elevation-box-shadow-centered-5-1-offset-x) 
+$box-shadow-centered-5: var(--pgn-elevation-box-shadow-centered-5-1-offset-x)
+  var(--pgn-elevation-box-shadow-centered-5-1-offset-y)
   var(--pgn-elevation-box-shadow-centered-5-1-blur)
   var(--pgn-elevation-box-shadow-centered-5-1-color),
   var(--pgn-elevation-box-shadow-centered-5-2-offset-y)
@@ -749,60 +718,60 @@ $box-shadow-centered-5:
   @if $side == "down" {
     @if $level == 1 {
       box-shadow:
-        var(--pgn-elevation-box-shadow-down-1-1-offset-y)
         var(--pgn-elevation-box-shadow-down-1-1-offset-x)
+        var(--pgn-elevation-box-shadow-down-1-1-offset-y)
         var(--pgn-elevation-box-shadow-down-1-1-blur)
         var(--pgn-elevation-box-shadow-down-1-1-color),
-        var(--pgn-elevation-box-shadow-down-1-2-offset-y)
         var(--pgn-elevation-box-shadow-down-1-2-offset-x)
+        var(--pgn-elevation-box-shadow-down-1-2-offset-y)
         var(--pgn-elevation-box-shadow-down-1-2-blur)
         var(--pgn-elevation-box-shadow-down-1-2-color);
     }
 
     @else if $level == 2 {
       box-shadow:
-        var(--pgn-elevation-box-shadow-down-2-1-offset-y)
         var(--pgn-elevation-box-shadow-down-2-1-offset-x)
+        var(--pgn-elevation-box-shadow-down-2-1-offset-y)
         var(--pgn-elevation-box-shadow-down-2-1-blur)
         var(--pgn-elevation-box-shadow-down-2-1-color),
-        var(--pgn-elevation-box-shadow-down-2-2-offset-y)
         var(--pgn-elevation-box-shadow-down-2-2-offset-x)
+        var(--pgn-elevation-box-shadow-down-2-2-offset-y)
         var(--pgn-elevation-box-shadow-down-2-2-blur)
         var(--pgn-elevation-box-shadow-down-2-2-color);
     }
 
     @else if $level == 3 {
       box-shadow:
-        var(--pgn-elevation-box-shadow-down-3-1-offset-y)
         var(--pgn-elevation-box-shadow-down-3-1-offset-x)
+        var(--pgn-elevation-box-shadow-down-3-1-offset-y)
         var(--pgn-elevation-box-shadow-down-3-1-blur)
         var(--pgn-elevation-box-shadow-down-3-1-color),
-        var(--pgn-elevation-box-shadow-down-3-2-offset-y)
         var(--pgn-elevation-box-shadow-down-3-2-offset-x)
+        var(--pgn-elevation-box-shadow-down-3-2-offset-y)
         var(--pgn-elevation-box-shadow-down-3-2-blur)
         var(--pgn-elevation-box-shadow-down-3-2-color);
     }
 
     @else if $level == 4 {
       box-shadow:
-        var(--pgn-elevation-box-shadow-down-4-1-offset-y)
         var(--pgn-elevation-box-shadow-down-4-1-offset-x)
+        var(--pgn-elevation-box-shadow-down-4-1-offset-y)
         var(--pgn-elevation-box-shadow-down-4-1-blur)
         var(--pgn-elevation-box-shadow-down-4-1-color),
-        var(--pgn-elevation-box-shadow-down-4-2-offset-y)
         var(--pgn-elevation-box-shadow-down-4-2-offset-x)
+        var(--pgn-elevation-box-shadow-down-4-2-offset-y)
         var(--pgn-elevation-box-shadow-down-4-2-blur)
         var(--pgn-elevation-box-shadow-down-4-2-color);
     }
 
     @else if $level == 5 {
       box-shadow:
-        var(--pgn-elevation-box-shadow-down-5-1-offset-y)
         var(--pgn-elevation-box-shadow-down-5-1-offset-x)
+        var(--pgn-elevation-box-shadow-down-5-1-offset-y)
         var(--pgn-elevation-box-shadow-down-5-1-blur)
         var(--pgn-elevation-box-shadow-down-5-1-color),
-        var(--pgn-elevation-box-shadow-down-5-2-offset-y)
         var(--pgn-elevation-box-shadow-down-5-2-offset-x)
+        var(--pgn-elevation-box-shadow-down-5-2-offset-y)
         var(--pgn-elevation-box-shadow-down-5-2-blur)
         var(--pgn-elevation-box-shadow-down-5-2-color);
     }
@@ -815,60 +784,60 @@ $box-shadow-centered-5:
   @if $side == "left" {
     @if $level == 1 {
       box-shadow:
-        var(--pgn-elevation-box-shadow-left-1-1-offset-y)
         var(--pgn-elevation-box-shadow-left-1-1-offset-x)
+        var(--pgn-elevation-box-shadow-left-1-1-offset-y)
         var(--pgn-elevation-box-shadow-left-1-1-blur)
         var(--pgn-elevation-box-shadow-left-1-1-color),
-        var(--pgn-elevation-box-shadow-left-1-2-offset-y)
         var(--pgn-elevation-box-shadow-left-1-2-offset-x)
+        var(--pgn-elevation-box-shadow-left-1-2-offset-y)
         var(--pgn-elevation-box-shadow-left-1-2-blur)
         var(--pgn-elevation-box-shadow-left-1-2-color);
     }
 
     @else if $level == 2 {
       box-shadow:
-        var(--pgn-elevation-box-shadow-left-2-1-offset-y)
         var(--pgn-elevation-box-shadow-left-2-1-offset-x)
+        var(--pgn-elevation-box-shadow-left-2-1-offset-y)
         var(--pgn-elevation-box-shadow-left-2-1-blur)
         var(--pgn-elevation-box-shadow-left-2-1-color),
-        var(--pgn-elevation-box-shadow-left-2-2-offset-y)
         var(--pgn-elevation-box-shadow-left-2-2-offset-x)
+        var(--pgn-elevation-box-shadow-left-2-2-offset-y)
         var(--pgn-elevation-box-shadow-left-2-2-blur)
         var(--pgn-elevation-box-shadow-left-2-2-color);
     }
 
     @else if $level == 3 {
       box-shadow:
-        var(--pgn-elevation-box-shadow-left-3-1-offset-y)
         var(--pgn-elevation-box-shadow-left-3-1-offset-x)
+        var(--pgn-elevation-box-shadow-left-3-1-offset-y)
         var(--pgn-elevation-box-shadow-left-3-1-blur)
         var(--pgn-elevation-box-shadow-left-3-1-color),
-        var(--pgn-elevation-box-shadow-left-3-2-offset-y)
         var(--pgn-elevation-box-shadow-left-3-2-offset-x)
+        var(--pgn-elevation-box-shadow-left-3-2-offset-y)
         var(--pgn-elevation-box-shadow-left-3-2-blur)
         var(--pgn-elevation-box-shadow-left-3-2-color);
     }
 
     @else if $level == 4 {
       box-shadow:
-        var(--pgn-elevation-box-shadow-left-4-1-offset-y)
         var(--pgn-elevation-box-shadow-left-4-1-offset-x)
+        var(--pgn-elevation-box-shadow-left-4-1-offset-y)
         var(--pgn-elevation-box-shadow-left-4-1-blur)
         var(--pgn-elevation-box-shadow-left-4-1-color),
-        var(--pgn-elevation-box-shadow-left-4-2-offset-y)
         var(--pgn-elevation-box-shadow-left-4-2-offset-x)
+        var(--pgn-elevation-box-shadow-left-4-2-offset-y)
         var(--pgn-elevation-box-shadow-left-4-2-blur)
         var(--pgn-elevation-box-shadow-left-4-2-color);
     }
 
     @else if $level == 5 {
       box-shadow:
-        var(--pgn-elevation-box-shadow-left-5-1-offset-y)
         var(--pgn-elevation-box-shadow-left-5-1-offset-x)
+        var(--pgn-elevation-box-shadow-left-5-1-offset-y)
         var(--pgn-elevation-box-shadow-left-5-1-blur)
         var(--pgn-elevation-box-shadow-left-5-1-color),
-        var(--pgn-elevation-box-shadow-left-5-2-offset-y)
         var(--pgn-elevation-box-shadow-left-5-2-offset-x)
+        var(--pgn-elevation-box-shadow-left-5-2-offset-y)
         var(--pgn-elevation-box-shadow-left-5-2-blur)
         var(--pgn-elevation-box-shadow-left-5-2-color);
     }
@@ -881,60 +850,60 @@ $box-shadow-centered-5:
   @if $side == "up" {
     @if $level == 1 {
       box-shadow:
-        var(--pgn-elevation-box-shadow-up-1-1-offset-y)
         var(--pgn-elevation-box-shadow-up-1-1-offset-x)
+        var(--pgn-elevation-box-shadow-up-1-1-offset-y)
         var(--pgn-elevation-box-shadow-up-1-1-blur)
         var(--pgn-elevation-box-shadow-up-1-1-color),
-        var(--pgn-elevation-box-shadow-up-1-2-offset-y)
         var(--pgn-elevation-box-shadow-up-1-2-offset-x)
+        var(--pgn-elevation-box-shadow-up-1-2-offset-y)
         var(--pgn-elevation-box-shadow-up-1-2-blur)
         var(--pgn-elevation-box-shadow-up-1-2-color);
     }
 
     @else if $level == 2 {
       box-shadow:
-        var(--pgn-elevation-box-shadow-up-2-1-offset-y)
         var(--pgn-elevation-box-shadow-up-2-1-offset-x)
+        var(--pgn-elevation-box-shadow-up-2-1-offset-y)
         var(--pgn-elevation-box-shadow-up-2-1-blur)
         var(--pgn-elevation-box-shadow-up-2-1-color),
-        var(--pgn-elevation-box-shadow-up-2-2-offset-y)
         var(--pgn-elevation-box-shadow-up-2-2-offset-x)
+        var(--pgn-elevation-box-shadow-up-2-2-offset-y)
         var(--pgn-elevation-box-shadow-up-2-2-blur)
         var(--pgn-elevation-box-shadow-up-2-2-color);
     }
 
     @else if $level == 3 {
       box-shadow:
-        var(--pgn-elevation-box-shadow-up-3-1-offset-y)
         var(--pgn-elevation-box-shadow-up-3-1-offset-x)
+        var(--pgn-elevation-box-shadow-up-3-1-offset-y)
         var(--pgn-elevation-box-shadow-up-3-1-blur)
         var(--pgn-elevation-box-shadow-up-3-1-color),
-        var(--pgn-elevation-box-shadow-up-3-2-offset-y)
         var(--pgn-elevation-box-shadow-up-3-2-offset-x)
+        var(--pgn-elevation-box-shadow-up-3-2-offset-y)
         var(--pgn-elevation-box-shadow-up-3-2-blur)
         var(--pgn-elevation-box-shadow-up-3-2-color);
     }
 
     @else if $level == 4 {
       box-shadow:
-        var(--pgn-elevation-box-shadow-up-4-1-offset-y)
         var(--pgn-elevation-box-shadow-up-4-1-offset-x)
+        var(--pgn-elevation-box-shadow-up-4-1-offset-y)
         var(--pgn-elevation-box-shadow-up-4-1-blur)
         var(--pgn-elevation-box-shadow-up-4-1-color),
-        var(--pgn-elevation-box-shadow-up-4-2-offset-y)
         var(--pgn-elevation-box-shadow-up-4-2-offset-x)
+        var(--pgn-elevation-box-shadow-up-4-2-offset-y)
         var(--pgn-elevation-box-shadow-up-4-2-blur)
         var(--pgn-elevation-box-shadow-up-4-2-color);
     }
 
     @else if $level == 5 {
       box-shadow:
-        var(--pgn-elevation-box-shadow-up-5-1-offset-y)
         var(--pgn-elevation-box-shadow-up-5-1-offset-x)
+        var(--pgn-elevation-box-shadow-up-5-1-offset-y)
         var(--pgn-elevation-box-shadow-up-5-1-blur)
         var(--pgn-elevation-box-shadow-up-5-1-color),
-        var(--pgn-elevation-box-shadow-up-5-2-offset-y)
         var(--pgn-elevation-box-shadow-up-5-2-offset-x)
+        var(--pgn-elevation-box-shadow-up-5-2-offset-y)
         var(--pgn-elevation-box-shadow-up-5-2-blur)
         var(--pgn-elevation-box-shadow-up-5-2-color);
     }
@@ -947,60 +916,60 @@ $box-shadow-centered-5:
   @if $side == "right" {
     @if $level == 1 {
       box-shadow:
-        var(--pgn-elevation-box-shadow-right-1-1-offset-y)
         var(--pgn-elevation-box-shadow-right-1-1-offset-x)
+        var(--pgn-elevation-box-shadow-right-1-1-offset-y)
         var(--pgn-elevation-box-shadow-right-1-1-blur)
         var(--pgn-elevation-box-shadow-right-1-1-color),
-        var(--pgn-elevation-box-shadow-right-1-2-offset-y)
         var(--pgn-elevation-box-shadow-right-1-2-offset-x)
+        var(--pgn-elevation-box-shadow-right-1-2-offset-y)
         var(--pgn-elevation-box-shadow-right-1-2-blur)
         var(--pgn-elevation-box-shadow-right-1-2-color);
     }
 
     @else if $level == 2 {
       box-shadow:
-        var(--pgn-elevation-box-shadow-right-2-1-offset-y)
         var(--pgn-elevation-box-shadow-right-2-1-offset-x)
+        var(--pgn-elevation-box-shadow-right-2-1-offset-y)
         var(--pgn-elevation-box-shadow-right-2-1-blur)
         var(--pgn-elevation-box-shadow-right-2-1-color),
-        var(--pgn-elevation-box-shadow-right-2-2-offset-y)
         var(--pgn-elevation-box-shadow-right-2-2-offset-x)
+        var(--pgn-elevation-box-shadow-right-2-2-offset-y)
         var(--pgn-elevation-box-shadow-right-2-2-blur)
         var(--pgn-elevation-box-shadow-right-2-2-color);
     }
 
     @else if $level == 3 {
       box-shadow:
-        var(--pgn-elevation-box-shadow-right-3-1-offset-y)
         var(--pgn-elevation-box-shadow-right-3-1-offset-x)
+        var(--pgn-elevation-box-shadow-right-3-1-offset-y)
         var(--pgn-elevation-box-shadow-right-3-1-blur)
         var(--pgn-elevation-box-shadow-right-3-1-color),
-        var(--pgn-elevation-box-shadow-right-3-2-offset-y)
         var(--pgn-elevation-box-shadow-right-3-2-offset-x)
+        var(--pgn-elevation-box-shadow-right-3-2-offset-y)
         var(--pgn-elevation-box-shadow-right-3-2-blur)
         var(--pgn-elevation-box-shadow-right-3-2-color);
     }
 
     @else if $level == 4 {
       box-shadow:
-        var(--pgn-elevation-box-shadow-right-4-1-offset-y)
         var(--pgn-elevation-box-shadow-right-4-1-offset-x)
+        var(--pgn-elevation-box-shadow-right-4-1-offset-y)
         var(--pgn-elevation-box-shadow-right-4-1-blur)
         var(--pgn-elevation-box-shadow-right-4-1-color),
-        var(--pgn-elevation-box-shadow-right-4-2-offset-y)
         var(--pgn-elevation-box-shadow-right-4-2-offset-x)
+        var(--pgn-elevation-box-shadow-right-4-2-offset-y)
         var(--pgn-elevation-box-shadow-right-4-2-blur)
         var(--pgn-elevation-box-shadow-right-4-2-color);
     }
 
     @else if $level == 5 {
       box-shadow:
-        var(--pgn-elevation-box-shadow-right-5-1-offset-y)
         var(--pgn-elevation-box-shadow-right-5-1-offset-x)
+        var(--pgn-elevation-box-shadow-right-5-1-offset-y)
         var(--pgn-elevation-box-shadow-right-5-1-blur)
         var(--pgn-elevation-box-shadow-right-5-1-color),
-        var(--pgn-elevation-box-shadow-right-5-2-offset-y)
         var(--pgn-elevation-box-shadow-right-5-2-offset-x)
+        var(--pgn-elevation-box-shadow-right-5-2-offset-y)
         var(--pgn-elevation-box-shadow-right-5-2-blur)
         var(--pgn-elevation-box-shadow-right-5-2-color);
     }
@@ -1013,60 +982,60 @@ $box-shadow-centered-5:
   @if $side == "centered" {
     @if $level == 1 {
       box-shadow:
-        var(--pgn-elevation-box-shadow-centered-1-1-offset-y)
         var(--pgn-elevation-box-shadow-centered-1-1-offset-x)
+        var(--pgn-elevation-box-shadow-centered-1-1-offset-y)
         var(--pgn-elevation-box-shadow-centered-1-1-blur)
         var(--pgn-elevation-box-shadow-centered-1-1-color),
-        var(--pgn-elevation-box-shadow-centered-1-2-offset-y)
         var(--pgn-elevation-box-shadow-centered-1-2-offset-x)
+        var(--pgn-elevation-box-shadow-centered-1-2-offset-y)
         var(--pgn-elevation-box-shadow-centered-1-2-blur)
         var(--pgn-elevation-box-shadow-centered-1-2-color);
     }
 
     @else if $level == 2 {
       box-shadow:
-        var(--pgn-elevation-box-shadow-centered-2-1-offset-y)
         var(--pgn-elevation-box-shadow-centered-2-1-offset-x)
+        var(--pgn-elevation-box-shadow-centered-2-1-offset-y)
         var(--pgn-elevation-box-shadow-centered-2-1-blur)
         var(--pgn-elevation-box-shadow-centered-2-1-color),
-        var(--pgn-elevation-box-shadow-centered-2-2-offset-y)
         var(--pgn-elevation-box-shadow-centered-2-2-offset-x)
+        var(--pgn-elevation-box-shadow-centered-2-2-offset-y)
         var(--pgn-elevation-box-shadow-centered-2-2-blur)
         var(--pgn-elevation-box-shadow-centered-2-2-color);
     }
 
     @else if $level == 3 {
       box-shadow:
-        var(--pgn-elevation-box-shadow-centered-3-1-offset-y)
         var(--pgn-elevation-box-shadow-centered-3-1-offset-x)
+        var(--pgn-elevation-box-shadow-centered-3-1-offset-y)
         var(--pgn-elevation-box-shadow-centered-3-1-blur)
         var(--pgn-elevation-box-shadow-centered-3-1-color),
-        var(--pgn-elevation-box-shadow-centered-3-2-offset-y)
         var(--pgn-elevation-box-shadow-centered-3-2-offset-x)
+        var(--pgn-elevation-box-shadow-centered-3-2-offset-y)
         var(--pgn-elevation-box-shadow-centered-3-2-blur)
         var(--pgn-elevation-box-shadow-centered-3-2-color);
     }
 
     @else if $level == 4 {
       box-shadow:
-        var(--pgn-elevation-box-shadow-centered-4-1-offset-y)
         var(--pgn-elevation-box-shadow-centered-4-1-offset-x)
+        var(--pgn-elevation-box-shadow-centered-4-1-offset-y)
         var(--pgn-elevation-box-shadow-centered-4-1-blur)
         var(--pgn-elevation-box-shadow-centered-4-1-color),
-        var(--pgn-elevation-box-shadow-centered-4-2-offset-y)
         var(--pgn-elevation-box-shadow-centered-4-2-offset-x)
+        var(--pgn-elevation-box-shadow-centered-4-2-offset-y)
         var(--pgn-elevation-box-shadow-centered-4-2-blur)
         var(--pgn-elevation-box-shadow-centered-4-2-color);
     }
 
     @else if $level == 5 {
       box-shadow:
-        var(--pgn-elevation-box-shadow-centered-5-1-offset-y)
         var(--pgn-elevation-box-shadow-centered-5-1-offset-x)
+        var(--pgn-elevation-box-shadow-centered-5-1-offset-y)
         var(--pgn-elevation-box-shadow-centered-5-1-blur)
         var(--pgn-elevation-box-shadow-centered-5-1-color),
-        var(--pgn-elevation-box-shadow-centered-5-2-offset-y)
         var(--pgn-elevation-box-shadow-centered-5-2-offset-x)
+        var(--pgn-elevation-box-shadow-centered-5-2-offset-y)
         var(--pgn-elevation-box-shadow-centered-5-2-blur)
         var(--pgn-elevation-box-shadow-centered-5-2-color);
     }
@@ -1094,7 +1063,10 @@ $box-shadow-sides: (
 ) !default;
 
 $box-shadow-sm: var(--pgn-elevation-box-shadow-sm) !default;
-$box-shadow: var(--pgn-elevation-box-shadow-base) !default;
+$box-shadow: var(--pgn-elevation-box-shadow-base-offset-x)
+  var(--pgn-elevation-box-shadow-base-offset-y)
+  var(--pgn-elevation-box-shadow-base-blur)
+  var(--pgn-elevation-box-shadow-base-color) !default;
 $box-shadow-lg: var(--pgn-elevation-box-shadow-lg) !default;
 
 $component-active-color: var(--pgn-color-active) !default;
@@ -1249,8 +1221,7 @@ $input-btn-line-height: var(--pgn-typography-input-btn-line-height-base) !defaul
 
 $input-btn-focus-width: var(--pgn-size-input-btn-focus-width) !default;
 $input-btn-focus-color: var(--pgn-color-input-btn-focus) !default;
-$input-btn-focus-box-shadow: 
-  var(--pgn-elevation-input-btn-focus-box-shadow-offset-x)
+$input-btn-focus-box-shadow: var(--pgn-elevation-input-btn-focus-box-shadow-offset-x)
   var(--pgn-elevation-input-btn-focus-box-shadow-offset-y)
   var(--pgn-elevation-input-btn-focus-box-shadow-spread)
   var(--pgn-elevation-input-btn-focus-box-shadow-color)
diff --git a/tokens/src/core/components/Code.json b/tokens/src/core/components/Code.json
index 3ba3025295..4e03d1613c 100644
--- a/tokens/src/core/components/Code.json
+++ b/tokens/src/core/components/Code.json
@@ -1,7 +1,7 @@
 {
   "typography": {
     "code": {
-      "font-size": { "source": "$code-font-size", "$value": "87.5%", "$type": "percentage" },
+      "font-size": { "source": "$code-font-size", "$value": "{typography.font.size.sm}", "$type": "percentage" },
       "kbd": {
         "font-size": { "source": "$kbd-font-size", "$value": "{typography.code.font-size}", "$type": "dimension" },
         "nested": {
diff --git a/tokens/src/core/global/typography.json b/tokens/src/core/global/typography.json
index 91a9fb0655..d29158d199 100644
--- a/tokens/src/core/global/typography.json
+++ b/tokens/src/core/global/typography.json
@@ -35,7 +35,7 @@
         },
         "lg": {
           "source": "$lead-font-size",
-          "$value": "{typography.font.size.base} * 1.25",
+          "$value": "calc({typography.font.size.base} * 1.25)",
           "$description": "Lead text font size."
         },
         "sm": {
diff --git a/tokens/src/themes/light/components/Form/elevation.json b/tokens/src/themes/light/components/Form/elevation.json
index 2d6388d559..6554295dc1 100644
--- a/tokens/src/themes/light/components/Form/elevation.json
+++ b/tokens/src/themes/light/components/Form/elevation.json
@@ -47,12 +47,11 @@
               "$value": [
                 {
                   "color": "{color.body.bg}",
-                  "spread": "1px",
+                  "spread": "0",
                   "offsetX": "0",
-                  "offsetY": "0",
-                  "blur": "0"
-                },
-                "{size.form.input.width.focus}"
+                  "offsetY": ".1rem",
+                  "blur": ".25rem"
+                }
               ]
             }
           }