diff --git a/packages/styles/core-global.css b/packages/styles/core-global.css
index d6507ce40d..c2f872d2e5 100644
--- a/packages/styles/core-global.css
+++ b/packages/styles/core-global.css
@@ -11,9 +11,8 @@ governing permissions and limitations under the License.
 */
 
 /* stylelint-disable */
-:root,
-:host {
-    /* spectrum-animationGlobals.css */
+:host,
+:root {
     --spectrum-global-animation-duration-0: 0ms;
     --spectrum-global-animation-duration-100: 130ms;
     --spectrum-global-animation-duration-200: 160ms;
@@ -31,97 +30,95 @@ governing permissions and limitations under the License.
     --spectrum-global-animation-ease-in: cubic-bezier(0.5, 0, 1, 1);
     --spectrum-global-animation-ease-out: cubic-bezier(0, 0, 0.4, 1);
     --spectrum-global-animation-linear: cubic-bezier(0, 0, 1, 1);
-
-    /* spectrum-colorGlobals.css */
     --spectrum-global-color-status: Verified;
     --spectrum-global-color-version: 5.1;
-    --spectrum-global-color-static-black: rgb(0, 0, 0);
-    --spectrum-global-color-static-white: rgb(255, 255, 255);
-    --spectrum-global-color-static-blue: rgb(20, 115, 230);
-    --spectrum-global-color-static-gray-50: rgb(255, 255, 255);
-    --spectrum-global-color-static-gray-75: rgb(255, 255, 255);
-    --spectrum-global-color-static-gray-100: rgb(255, 255, 255);
-    --spectrum-global-color-static-gray-200: rgb(244, 244, 244);
-    --spectrum-global-color-static-gray-300: rgb(234, 234, 234);
-    --spectrum-global-color-static-gray-400: rgb(211, 211, 211);
-    --spectrum-global-color-static-gray-500: rgb(188, 188, 188);
-    --spectrum-global-color-static-gray-600: rgb(149, 149, 149);
-    --spectrum-global-color-static-gray-700: rgb(116, 116, 116);
-    --spectrum-global-color-static-gray-800: rgb(80, 80, 80);
-    --spectrum-global-color-static-gray-900: rgb(50, 50, 50);
-    --spectrum-global-color-static-blue-200: rgb(90, 169, 250);
-    --spectrum-global-color-static-blue-300: rgb(75, 156, 245);
-    --spectrum-global-color-static-blue-400: rgb(55, 142, 240);
-    --spectrum-global-color-static-blue-500: rgb(38, 128, 235);
-    --spectrum-global-color-static-blue-600: rgb(20, 115, 230);
-    --spectrum-global-color-static-blue-700: rgb(13, 102, 208);
-    --spectrum-global-color-static-blue-800: rgb(9, 90, 186);
-    --spectrum-global-color-static-red-400: rgb(236, 91, 98);
-    --spectrum-global-color-static-red-500: rgb(227, 72, 80);
-    --spectrum-global-color-static-red-600: rgb(215, 55, 63);
-    --spectrum-global-color-static-red-700: rgb(201, 37, 45);
-    --spectrum-global-color-static-red-800: rgb(187, 18, 26);
-    --spectrum-global-color-static-orange-400: rgb(242, 148, 35);
-    --spectrum-global-color-static-orange-500: rgb(230, 134, 25);
-    --spectrum-global-color-static-orange-600: rgb(218, 123, 17);
-    --spectrum-global-color-static-orange-700: rgb(203, 111, 16);
-    --spectrum-global-color-static-orange-800: rgb(189, 100, 13);
-    --spectrum-global-color-static-green-400: rgb(51, 171, 132);
-    --spectrum-global-color-static-green-500: rgb(45, 157, 120);
-    --spectrum-global-color-static-green-600: rgb(38, 142, 108);
-    --spectrum-global-color-static-green-700: rgb(18, 128, 92);
-    --spectrum-global-color-static-green-800: rgb(16, 113, 84);
-    --spectrum-global-color-static-celery-200: rgb(88, 224, 111);
-    --spectrum-global-color-static-celery-300: rgb(81, 210, 103);
-    --spectrum-global-color-static-celery-400: rgb(75, 195, 95);
-    --spectrum-global-color-static-celery-500: rgb(68, 181, 86);
-    --spectrum-global-color-static-celery-600: rgb(61, 167, 78);
-    --spectrum-global-color-static-celery-700: rgb(55, 153, 71);
-    --spectrum-global-color-static-celery-800: rgb(49, 139, 64);
-    --spectrum-global-color-static-chartreuse-300: rgb(155, 236, 84);
-    --spectrum-global-color-static-chartreuse-400: rgb(142, 222, 73);
-    --spectrum-global-color-static-chartreuse-500: rgb(133, 208, 68);
-    --spectrum-global-color-static-chartreuse-600: rgb(124, 195, 63);
-    --spectrum-global-color-static-chartreuse-700: rgb(115, 181, 58);
-    --spectrum-global-color-static-chartreuse-800: rgb(106, 168, 52);
-    --spectrum-global-color-static-yellow-200: rgb(255, 226, 46);
-    --spectrum-global-color-static-yellow-300: rgb(250, 217, 0);
-    --spectrum-global-color-static-yellow-400: rgb(237, 204, 0);
-    --spectrum-global-color-static-yellow-500: rgb(223, 191, 0);
-    --spectrum-global-color-static-yellow-600: rgb(210, 178, 0);
-    --spectrum-global-color-static-yellow-700: rgb(196, 166, 0);
-    --spectrum-global-color-static-yellow-800: rgb(183, 153, 0);
-    --spectrum-global-color-static-magenta-200: rgb(245, 107, 183);
-    --spectrum-global-color-static-magenta-300: rgb(236, 90, 170);
-    --spectrum-global-color-static-magenta-400: rgb(226, 73, 157);
-    --spectrum-global-color-static-magenta-500: rgb(216, 55, 144);
-    --spectrum-global-color-static-magenta-600: rgb(202, 41, 130);
-    --spectrum-global-color-static-magenta-700: rgb(188, 28, 116);
-    --spectrum-global-color-static-magenta-800: rgb(174, 14, 102);
-    --spectrum-global-color-static-fuchsia-400: rgb(207, 62, 220);
-    --spectrum-global-color-static-fuchsia-500: rgb(192, 56, 204);
-    --spectrum-global-color-static-fuchsia-600: rgb(177, 48, 189);
-    --spectrum-global-color-static-fuchsia-700: rgb(162, 40, 173);
-    --spectrum-global-color-static-fuchsia-800: rgb(147, 33, 158);
-    --spectrum-global-color-static-purple-400: rgb(157, 100, 225);
-    --spectrum-global-color-static-purple-500: rgb(146, 86, 217);
-    --spectrum-global-color-static-purple-600: rgb(134, 76, 204);
-    --spectrum-global-color-static-purple-700: rgb(122, 66, 191);
-    --spectrum-global-color-static-purple-800: rgb(111, 56, 177);
-    --spectrum-global-color-static-indigo-200: rgb(144, 144, 250);
-    --spectrum-global-color-static-indigo-300: rgb(130, 130, 246);
-    --spectrum-global-color-static-indigo-400: rgb(117, 117, 241);
-    --spectrum-global-color-static-indigo-500: rgb(103, 103, 236);
-    --spectrum-global-color-static-indigo-600: rgb(92, 92, 224);
-    --spectrum-global-color-static-indigo-700: rgb(81, 81, 211);
-    --spectrum-global-color-static-indigo-800: rgb(70, 70, 198);
-    --spectrum-global-color-static-seafoam-200: rgb(38, 192, 199);
-    --spectrum-global-color-static-seafoam-300: rgb(35, 178, 184);
-    --spectrum-global-color-static-seafoam-400: rgb(32, 163, 168);
-    --spectrum-global-color-static-seafoam-500: rgb(27, 149, 154);
-    --spectrum-global-color-static-seafoam-600: rgb(22, 135, 140);
-    --spectrum-global-color-static-seafoam-700: rgb(15, 121, 125);
-    --spectrum-global-color-static-seafoam-800: rgb(9, 108, 111);
+    --spectrum-global-color-static-black: #000;
+    --spectrum-global-color-static-white: #fff;
+    --spectrum-global-color-static-blue: #1473e6;
+    --spectrum-global-color-static-gray-50: #fff;
+    --spectrum-global-color-static-gray-75: #fff;
+    --spectrum-global-color-static-gray-100: #fff;
+    --spectrum-global-color-static-gray-200: #f4f4f4;
+    --spectrum-global-color-static-gray-300: #eaeaea;
+    --spectrum-global-color-static-gray-400: #d3d3d3;
+    --spectrum-global-color-static-gray-500: #bcbcbc;
+    --spectrum-global-color-static-gray-600: #959595;
+    --spectrum-global-color-static-gray-700: #747474;
+    --spectrum-global-color-static-gray-800: #505050;
+    --spectrum-global-color-static-gray-900: #323232;
+    --spectrum-global-color-static-blue-200: #5aa9fa;
+    --spectrum-global-color-static-blue-300: #4b9cf5;
+    --spectrum-global-color-static-blue-400: #378ef0;
+    --spectrum-global-color-static-blue-500: #2680eb;
+    --spectrum-global-color-static-blue-600: #1473e6;
+    --spectrum-global-color-static-blue-700: #0d66d0;
+    --spectrum-global-color-static-blue-800: #095aba;
+    --spectrum-global-color-static-red-400: #ec5b62;
+    --spectrum-global-color-static-red-500: #e34850;
+    --spectrum-global-color-static-red-600: #d7373f;
+    --spectrum-global-color-static-red-700: #c9252d;
+    --spectrum-global-color-static-red-800: #bb121a;
+    --spectrum-global-color-static-orange-400: #f29423;
+    --spectrum-global-color-static-orange-500: #e68619;
+    --spectrum-global-color-static-orange-600: #da7b11;
+    --spectrum-global-color-static-orange-700: #cb6f10;
+    --spectrum-global-color-static-orange-800: #bd640d;
+    --spectrum-global-color-static-green-400: #33ab84;
+    --spectrum-global-color-static-green-500: #2d9d78;
+    --spectrum-global-color-static-green-600: #268e6c;
+    --spectrum-global-color-static-green-700: #12805c;
+    --spectrum-global-color-static-green-800: #107154;
+    --spectrum-global-color-static-celery-200: #58e06f;
+    --spectrum-global-color-static-celery-300: #51d267;
+    --spectrum-global-color-static-celery-400: #4bc35f;
+    --spectrum-global-color-static-celery-500: #44b556;
+    --spectrum-global-color-static-celery-600: #3da74e;
+    --spectrum-global-color-static-celery-700: #379947;
+    --spectrum-global-color-static-celery-800: #318b40;
+    --spectrum-global-color-static-chartreuse-300: #9bec54;
+    --spectrum-global-color-static-chartreuse-400: #8ede49;
+    --spectrum-global-color-static-chartreuse-500: #85d044;
+    --spectrum-global-color-static-chartreuse-600: #7cc33f;
+    --spectrum-global-color-static-chartreuse-700: #73b53a;
+    --spectrum-global-color-static-chartreuse-800: #6aa834;
+    --spectrum-global-color-static-yellow-200: #ffe22e;
+    --spectrum-global-color-static-yellow-300: #fad900;
+    --spectrum-global-color-static-yellow-400: #edcc00;
+    --spectrum-global-color-static-yellow-500: #dfbf00;
+    --spectrum-global-color-static-yellow-600: #d2b200;
+    --spectrum-global-color-static-yellow-700: #c4a600;
+    --spectrum-global-color-static-yellow-800: #b79900;
+    --spectrum-global-color-static-magenta-200: #f56bb7;
+    --spectrum-global-color-static-magenta-300: #ec5aaa;
+    --spectrum-global-color-static-magenta-400: #e2499d;
+    --spectrum-global-color-static-magenta-500: #d83790;
+    --spectrum-global-color-static-magenta-600: #ca2982;
+    --spectrum-global-color-static-magenta-700: #bc1c74;
+    --spectrum-global-color-static-magenta-800: #ae0e66;
+    --spectrum-global-color-static-fuchsia-400: #cf3edc;
+    --spectrum-global-color-static-fuchsia-500: #c038cc;
+    --spectrum-global-color-static-fuchsia-600: #b130bd;
+    --spectrum-global-color-static-fuchsia-700: #a228ad;
+    --spectrum-global-color-static-fuchsia-800: #93219e;
+    --spectrum-global-color-static-purple-400: #9d64e1;
+    --spectrum-global-color-static-purple-500: #9256d9;
+    --spectrum-global-color-static-purple-600: #864ccc;
+    --spectrum-global-color-static-purple-700: #7a42bf;
+    --spectrum-global-color-static-purple-800: #6f38b1;
+    --spectrum-global-color-static-indigo-200: #9090fa;
+    --spectrum-global-color-static-indigo-300: #8282f6;
+    --spectrum-global-color-static-indigo-400: #7575f1;
+    --spectrum-global-color-static-indigo-500: #6767ec;
+    --spectrum-global-color-static-indigo-600: #5c5ce0;
+    --spectrum-global-color-static-indigo-700: #5151d3;
+    --spectrum-global-color-static-indigo-800: #4646c6;
+    --spectrum-global-color-static-seafoam-200: #26c0c7;
+    --spectrum-global-color-static-seafoam-300: #23b2b8;
+    --spectrum-global-color-static-seafoam-400: #20a3a8;
+    --spectrum-global-color-static-seafoam-500: #1b959a;
+    --spectrum-global-color-static-seafoam-600: #16878c;
+    --spectrum-global-color-static-seafoam-700: #0f797d;
+    --spectrum-global-color-static-seafoam-800: #096c6f;
     --spectrum-global-color-opacity-100: 1;
     --spectrum-global-color-opacity-90: 0.9;
     --spectrum-global-color-opacity-80: 0.8;
@@ -139,8 +136,6 @@ governing permissions and limitations under the License.
     --spectrum-global-color-opacity-6: 0.06;
     --spectrum-global-color-opacity-5: 0.05;
     --spectrum-global-color-opacity-4: 0.04;
-
-    /* spectrum-colorSemantics.css */
     --spectrum-semantic-negative-color-background: var(
         --spectrum-global-color-static-red-700
     );
@@ -345,15 +340,13 @@ governing permissions and limitations under the License.
     --spectrum-semantic-presence-color-3: var(
         --spectrum-global-color-static-yellow-400
     );
-    --spectrum-semantic-presence-color-4: rgb(75, 204, 162);
-    --spectrum-semantic-presence-color-5: rgb(0, 199, 255);
-    --spectrum-semantic-presence-color-6: rgb(0, 140, 184);
-    --spectrum-semantic-presence-color-7: rgb(126, 75, 243);
+    --spectrum-semantic-presence-color-4: #4bcca2;
+    --spectrum-semantic-presence-color-5: #00c7ff;
+    --spectrum-semantic-presence-color-6: #008cb8;
+    --spectrum-semantic-presence-color-7: #7e4bf3;
     --spectrum-semantic-presence-color-8: var(
         --spectrum-global-color-static-fuchsia-600
     );
-
-    /* spectrum-dimensionGlobals.css */
     --spectrum-global-dimension-static-size-0: 0px;
     --spectrum-global-dimension-static-size-10: 1px;
     --spectrum-global-dimension-static-size-25: 2px;
@@ -413,8 +406,6 @@ governing permissions and limitations under the License.
     --spectrum-global-dimension-static-grid-columns: 12;
     --spectrum-global-dimension-static-grid-fluid-width: 100%;
     --spectrum-global-dimension-static-grid-fixed-max-width: 1280px;
-
-    /* spectrum-fontGlobals.css */
     --spectrum-global-font-family-base: adobe-clean, 'Source Sans Pro',
         -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu,
         'Trebuchet MS', 'Lucida Grande', sans-serif;
@@ -441,8 +432,6 @@ governing permissions and limitations under the License.
     --spectrum-global-font-line-height-small: 1.3;
     --spectrum-global-font-multiplier-25: 0.25em;
     --spectrum-global-font-multiplier-75: 0.75em;
-
-    /* spectrum-staticAliases.css */
     --spectrum-alias-border-size-thin: var(
         --spectrum-global-dimension-static-size-10
     );
@@ -717,11 +706,6 @@ governing permissions and limitations under the License.
     --spectrum-alias-loupe-exit-animation-duration: var(
         --spectrum-global-animation-duration-300
     );
-}
-
-:root,
-:host {
-    /* spectrum-dimensionAliases.css */
     --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-50);
     --spectrum-alias-dropshadow-offset-y: var(
         --spectrum-global-dimension-size-10
@@ -995,11 +979,6 @@ governing permissions and limitations under the License.
     --spectrum-alias-avatar-size-300: var(--spectrum-global-dimension-size-325);
     --spectrum-alias-avatar-size-500: var(--spectrum-global-dimension-size-400);
     --spectrum-alias-avatar-size-700: var(--spectrum-global-dimension-size-500);
-}
-
-:root,
-:host {
-    /* spectrum-colorAliases.css */
     --spectrum-alias-background-color-default: var(
         --spectrum-global-color-gray-100
     );
@@ -1062,7 +1041,7 @@ governing permissions and limitations under the License.
     --spectrum-alias-track-color-disabled: var(
         --spectrum-global-color-gray-300
     );
-    --spectrum-alias-track-color-over-background: rgba(255, 255, 255, 0.2);
+    --spectrum-alias-track-color-over-background: hsla(0, 0%, 100%, 0.2);
     --spectrum-alias-icon-color: var(--spectrum-global-color-gray-700);
     --spectrum-alias-icon-color-over-background: var(
         --spectrum-global-color-static-white
@@ -1173,5 +1152,4 @@ governing permissions and limitations under the License.
         --spectrum-global-color-static-yellow-200
     );
 }
-
 /* stylelint-enable */
diff --git a/packages/styles/fonts.css b/packages/styles/fonts.css
index 0003b14199..2ddc96ddad 100755
--- a/packages/styles/fonts.css
+++ b/packages/styles/fonts.css
@@ -12,37 +12,10 @@ governing permissions and limitations under the License.
 
 /* stylelint-disable */
 
-/*
-Copyright 2019 Adobe. All rights reserved.
-This file is licensed to you under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License. You may obtain a copy
-of the License at http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software distributed under
-the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
-OF ANY KIND, either express or implied. See the License for the specific language
-governing permissions and limitations under the License.
-*/
-
-:root,
-:host {
+:host,
+:root {
     --spectrum-font-fallbacks-sans: -apple-system, BlinkMacSystemFont,
         'Segoe UI', Roboto, sans-serif;
-
-    /* Not used
-  --spectrum-font-fallbacks-serif: serif;
-  --spectrum-font-fallbacks-mono: monospace;
-  --spectrum-font-family-article: adobe-clean-serif, 'Source Serif', var(--spectrum-font-fallbacks-serif);
-  --spectrum-font-family-article-ar: adobe-arabic, var(--spectrum-font-fallbacks-serif);
-  --spectrum-font-family-article-he: adobe-hebrew, var(--spectrum-font-fallbacks-serif);
-  --spectrum-font-family-article-ja: source-han-serif-japanese, var(--spectrum-font-fallbacks-serif);
-  --spectrum-font-family-article-ko: source-han-serif-korean, var(--spectrum-font-fallbacks-serif);
-  --spectrum-font-family-article-zh-hans: source-han-serif-sc, var(--spectrum-font-fallbacks-serif);
-  --spectrum-font-family-article-zh-hant: source-han-serif-tc, 'MingLiu', var(--spectrum-font-fallbacks-serif);
-  --spectrum-font-family-code: source-code-pro, 'Source Code Pro', var(--spectrum-font-fallbacks-mono);
-  --spectrum-font-family-condensed: adobe-clean-condensed, var(--spectrum-font-family-base);
-  */
-
     --spectrum-font-family-base: var(--spectrum-alias-body-text-font-family);
     --spectrum-font-family-ar: var(--spectrum-alias-font-family-ar);
     --spectrum-font-family-he: var(--spectrum-alias-font-family-he);
@@ -57,51 +30,37 @@ governing permissions and limitations under the License.
     --spectrum-text-size-text-label: var(--spectrum-label-text-size);
     --spectrum-line-height-text-label: var(--spectrum-label-text-line-height);
 }
-
-/*
-Copyright 2019 Adobe. All rights reserved.
-This file is licensed to you under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License. You may obtain a copy
-of the License at http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software distributed under
-the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
-OF ANY KIND, either express or implied. See the License for the specific language
-governing permissions and limitations under the License.
-*/
-
-:root,
-:host {
+:host,
+:root {
     font-family: var(--spectrum-font-family-base);
     font-size: var(--spectrum-text-size);
-
-    &:lang(ar) {
-        font-family: var(--spectrum-font-family-ar);
-    }
-
-    &:lang(he) {
-        font-family: var(--spectrum-font-family-he);
-    }
-
-    &:lang(zh-Hans) {
-        font-family: var(--spectrum-font-family-zhhans);
-    }
-
-    &:lang(zh-Hant) {
-        font-family: var(--spectrum-font-family-zhhant);
-    }
-
-    &:lang(zh) {
-        font-family: var(--spectrum-font-family-zh);
-    }
-
-    &:lang(ko) {
-        font-family: var(--spectrum-font-family-ko);
-    }
-
-    &:lang(ja) {
-        font-family: var(--spectrum-font-family-ja);
-    }
 }
-
+:host:lang(ar),
+:root:lang(ar) {
+    font-family: var(--spectrum-font-family-ar);
+}
+:host:lang(he),
+:root:lang(he) {
+    font-family: var(--spectrum-font-family-he);
+}
+:host:lang(zh-Hans),
+:root:lang(zh-Hans) {
+    font-family: var(--spectrum-font-family-zhhans);
+}
+:host:lang(zh-Hant),
+:root:lang(zh-Hant) {
+    font-family: var(--spectrum-font-family-zhhant);
+}
+:host:lang(zh),
+:root:lang(zh) {
+    font-family: var(--spectrum-font-family-zh);
+}
+:host:lang(ko),
+:root:lang(ko) {
+    font-family: var(--spectrum-font-family-ko);
+}
+:host:lang(ja),
+:root:lang(ja) {
+    font-family: var(--spectrum-font-family-ja);
+}
 /* stylelint-enable */
diff --git a/packages/styles/scale-large.css b/packages/styles/scale-large.css
index 997962d1ee..0421d70de9 100644
--- a/packages/styles/scale-large.css
+++ b/packages/styles/scale-large.css
@@ -11,8 +11,8 @@ governing permissions and limitations under the License.
 */
 
 /* stylelint-disable */
-:root,
-:host {
+:host,
+:root {
     --spectrum-global-dimension-scale-factor: 1.25;
     --spectrum-global-dimension-size-0: 0px;
     --spectrum-global-dimension-size-10: 1px;
@@ -674,5 +674,4 @@ governing permissions and limitations under the License.
     --spectrum-tooltip-padding-bottom: 6px;
     --spectrum-tooltip-positive-padding-bottom: 6px;
 }
-
 /* stylelint-enable */
diff --git a/packages/styles/scale-medium.css b/packages/styles/scale-medium.css
index e1982eb716..f5c5dc26bd 100644
--- a/packages/styles/scale-medium.css
+++ b/packages/styles/scale-medium.css
@@ -11,8 +11,8 @@ governing permissions and limitations under the License.
 */
 
 /* stylelint-disable */
-:root,
-:host {
+:host,
+:root {
     --spectrum-global-dimension-scale-factor: 1;
     --spectrum-global-dimension-size-0: 0px;
     --spectrum-global-dimension-size-10: 1px;
@@ -724,5 +724,4 @@ governing permissions and limitations under the License.
     --spectrum-tooltip-padding-bottom: 5px;
     --spectrum-tooltip-positive-padding-bottom: 5px;
 }
-
 /* stylelint-enable */
diff --git a/packages/styles/theme-dark.css b/packages/styles/theme-dark.css
index fc93f44fc7..e9fc324352 100644
--- a/packages/styles/theme-dark.css
+++ b/packages/styles/theme-dark.css
@@ -11,69 +11,69 @@ governing permissions and limitations under the License.
 */
 
 /* stylelint-disable */
-:root,
-:host {
+:host,
+:root {
     --spectrum-global-color-status: Verified;
     --spectrum-global-color-version: 5.1;
-    --spectrum-global-color-celery-400: rgb(68, 181, 86);
-    --spectrum-global-color-celery-500: rgb(75, 195, 95);
-    --spectrum-global-color-celery-600: rgb(81, 210, 103);
-    --spectrum-global-color-celery-700: rgb(88, 224, 111);
-    --spectrum-global-color-chartreuse-400: rgb(133, 208, 68);
-    --spectrum-global-color-chartreuse-500: rgb(142, 222, 73);
-    --spectrum-global-color-chartreuse-600: rgb(155, 236, 84);
-    --spectrum-global-color-chartreuse-700: rgb(163, 248, 88);
-    --spectrum-global-color-yellow-400: rgb(223, 191, 0);
-    --spectrum-global-color-yellow-500: rgb(237, 204, 0);
-    --spectrum-global-color-yellow-600: rgb(250, 217, 0);
-    --spectrum-global-color-yellow-700: rgb(255, 226, 46);
-    --spectrum-global-color-magenta-400: rgb(216, 55, 144);
-    --spectrum-global-color-magenta-500: rgb(226, 73, 157);
-    --spectrum-global-color-magenta-600: rgb(236, 90, 170);
-    --spectrum-global-color-magenta-700: rgb(245, 107, 183);
-    --spectrum-global-color-fuchsia-400: rgb(192, 56, 204);
-    --spectrum-global-color-fuchsia-500: rgb(207, 62, 220);
-    --spectrum-global-color-fuchsia-600: rgb(217, 81, 229);
-    --spectrum-global-color-fuchsia-700: rgb(227, 102, 239);
-    --spectrum-global-color-purple-400: rgb(146, 86, 217);
-    --spectrum-global-color-purple-500: rgb(157, 100, 225);
-    --spectrum-global-color-purple-600: rgb(168, 115, 233);
-    --spectrum-global-color-purple-700: rgb(180, 131, 240);
-    --spectrum-global-color-indigo-400: rgb(103, 103, 236);
-    --spectrum-global-color-indigo-500: rgb(117, 117, 241);
-    --spectrum-global-color-indigo-600: rgb(130, 130, 246);
-    --spectrum-global-color-indigo-700: rgb(144, 144, 250);
-    --spectrum-global-color-seafoam-400: rgb(27, 149, 154);
-    --spectrum-global-color-seafoam-500: rgb(32, 163, 168);
-    --spectrum-global-color-seafoam-600: rgb(35, 178, 184);
-    --spectrum-global-color-seafoam-700: rgb(38, 192, 199);
-    --spectrum-global-color-red-400: rgb(227, 72, 80);
-    --spectrum-global-color-red-500: rgb(236, 91, 98);
-    --spectrum-global-color-red-600: rgb(247, 109, 116);
-    --spectrum-global-color-red-700: rgb(255, 123, 130);
-    --spectrum-global-color-orange-400: rgb(230, 134, 25);
-    --spectrum-global-color-orange-500: rgb(242, 148, 35);
-    --spectrum-global-color-orange-600: rgb(249, 164, 63);
-    --spectrum-global-color-orange-700: rgb(255, 181, 91);
-    --spectrum-global-color-green-400: rgb(45, 157, 120);
-    --spectrum-global-color-green-500: rgb(51, 171, 132);
-    --spectrum-global-color-green-600: rgb(57, 185, 144);
-    --spectrum-global-color-green-700: rgb(63, 200, 156);
-    --spectrum-global-color-blue-400: rgb(38, 128, 235);
-    --spectrum-global-color-blue-500: rgb(55, 142, 240);
-    --spectrum-global-color-blue-600: rgb(75, 156, 245);
-    --spectrum-global-color-blue-700: rgb(90, 169, 250);
-    --spectrum-global-color-gray-50: rgb(37, 37, 37);
-    --spectrum-global-color-gray-75: rgb(47, 47, 47);
-    --spectrum-global-color-gray-100: rgb(50, 50, 50);
-    --spectrum-global-color-gray-200: rgb(62, 62, 62);
-    --spectrum-global-color-gray-300: rgb(74, 74, 74);
-    --spectrum-global-color-gray-400: rgb(90, 90, 90);
-    --spectrum-global-color-gray-500: rgb(110, 110, 110);
-    --spectrum-global-color-gray-600: rgb(144, 144, 144);
-    --spectrum-global-color-gray-700: rgb(185, 185, 185);
-    --spectrum-global-color-gray-800: rgb(227, 227, 227);
-    --spectrum-global-color-gray-900: rgb(255, 255, 255);
+    --spectrum-global-color-celery-400: #44b556;
+    --spectrum-global-color-celery-500: #4bc35f;
+    --spectrum-global-color-celery-600: #51d267;
+    --spectrum-global-color-celery-700: #58e06f;
+    --spectrum-global-color-chartreuse-400: #85d044;
+    --spectrum-global-color-chartreuse-500: #8ede49;
+    --spectrum-global-color-chartreuse-600: #9bec54;
+    --spectrum-global-color-chartreuse-700: #a3f858;
+    --spectrum-global-color-yellow-400: #dfbf00;
+    --spectrum-global-color-yellow-500: #edcc00;
+    --spectrum-global-color-yellow-600: #fad900;
+    --spectrum-global-color-yellow-700: #ffe22e;
+    --spectrum-global-color-magenta-400: #d83790;
+    --spectrum-global-color-magenta-500: #e2499d;
+    --spectrum-global-color-magenta-600: #ec5aaa;
+    --spectrum-global-color-magenta-700: #f56bb7;
+    --spectrum-global-color-fuchsia-400: #c038cc;
+    --spectrum-global-color-fuchsia-500: #cf3edc;
+    --spectrum-global-color-fuchsia-600: #d951e5;
+    --spectrum-global-color-fuchsia-700: #e366ef;
+    --spectrum-global-color-purple-400: #9256d9;
+    --spectrum-global-color-purple-500: #9d64e1;
+    --spectrum-global-color-purple-600: #a873e9;
+    --spectrum-global-color-purple-700: #b483f0;
+    --spectrum-global-color-indigo-400: #6767ec;
+    --spectrum-global-color-indigo-500: #7575f1;
+    --spectrum-global-color-indigo-600: #8282f6;
+    --spectrum-global-color-indigo-700: #9090fa;
+    --spectrum-global-color-seafoam-400: #1b959a;
+    --spectrum-global-color-seafoam-500: #20a3a8;
+    --spectrum-global-color-seafoam-600: #23b2b8;
+    --spectrum-global-color-seafoam-700: #26c0c7;
+    --spectrum-global-color-red-400: #e34850;
+    --spectrum-global-color-red-500: #ec5b62;
+    --spectrum-global-color-red-600: #f76d74;
+    --spectrum-global-color-red-700: #ff7b82;
+    --spectrum-global-color-orange-400: #e68619;
+    --spectrum-global-color-orange-500: #f29423;
+    --spectrum-global-color-orange-600: #f9a43f;
+    --spectrum-global-color-orange-700: #ffb55b;
+    --spectrum-global-color-green-400: #2d9d78;
+    --spectrum-global-color-green-500: #33ab84;
+    --spectrum-global-color-green-600: #39b990;
+    --spectrum-global-color-green-700: #3fc89c;
+    --spectrum-global-color-blue-400: #2680eb;
+    --spectrum-global-color-blue-500: #378ef0;
+    --spectrum-global-color-blue-600: #4b9cf5;
+    --spectrum-global-color-blue-700: #5aa9fa;
+    --spectrum-global-color-gray-50: #252525;
+    --spectrum-global-color-gray-75: #2f2f2f;
+    --spectrum-global-color-gray-100: #323232;
+    --spectrum-global-color-gray-200: #3e3e3e;
+    --spectrum-global-color-gray-300: #4a4a4a;
+    --spectrum-global-color-gray-400: #5a5a5a;
+    --spectrum-global-color-gray-500: #6e6e6e;
+    --spectrum-global-color-gray-600: #909090;
+    --spectrum-global-color-gray-700: #b9b9b9;
+    --spectrum-global-color-gray-800: #e3e3e3;
+    --spectrum-global-color-gray-900: #fff;
     --spectrum-alias-background-color-primary: var(
         --spectrum-global-color-gray-100
     );
@@ -85,14 +85,14 @@ governing permissions and limitations under the License.
     );
     --spectrum-alias-background-color-modal-overlay: rgba(0, 0, 0, 0.5);
     --spectrum-alias-dropshadow-color: rgba(0, 0, 0, 0.5);
-    --spectrum-alias-background-color-hover-overlay: rgba(255, 255, 255, 0.06);
-    --spectrum-alias-highlight-hover: rgba(255, 255, 255, 0.07);
-    --spectrum-alias-highlight-active: rgba(255, 255, 255, 0.1);
+    --spectrum-alias-background-color-hover-overlay: hsla(0, 0%, 100%, 0.06);
+    --spectrum-alias-highlight-hover: hsla(0, 0%, 100%, 0.07);
+    --spectrum-alias-highlight-active: hsla(0, 0%, 100%, 0.1);
     --spectrum-alias-highlight-selected: rgba(55, 142, 240, 0.15);
     --spectrum-alias-highlight-selected-hover: rgba(55, 142, 240, 0.25);
     --spectrum-alias-text-highlight-color: rgba(55, 142, 240, 0.25);
     --spectrum-alias-background-color-quickactions: rgba(50, 50, 50, 0.9);
-    --spectrum-alias-radial-reaction-color-default: rgba(227, 227, 227, 0.6);
+    --spectrum-alias-radial-reaction-color-default: hsla(0, 0%, 89%, 0.6);
     --spectrum-alias-pasteboard-background-color: var(
         --spectrum-global-color-gray-50
     );
@@ -141,34 +141,28 @@ governing permissions and limitations under the License.
     --spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(
         --spectrum-global-color-blue-500
     );
-    --spectrum-well-background-color: rgba(227, 227, 227, 0.02);
-    --spectrum-colorarea-border-color: rgba(255, 255, 255, 0.1);
-    --spectrum-colorarea-border-color-hover: rgba(255, 255, 255, 0.1);
-    --spectrum-colorarea-border-color-down: rgba(255, 255, 255, 0.1);
-    --spectrum-colorarea-border-color-key-focus: rgba(255, 255, 255, 0.1);
-    --spectrum-colorslider-border-color: rgba(255, 255, 255, 0.1);
-    --spectrum-colorslider-border-color-hover: rgba(255, 255, 255, 0.1);
-    --spectrum-colorslider-border-color-down: rgba(255, 255, 255, 0.1);
-    --spectrum-colorslider-border-color-key-focus: rgba(255, 255, 255, 0.1);
-    --spectrum-colorslider-vertical-border-color: rgba(255, 255, 255, 0.1);
-    --spectrum-colorslider-vertical-border-color-hover: rgba(
-        255,
-        255,
-        255,
+    --spectrum-well-background-color: hsla(0, 0%, 89%, 0.02);
+    --spectrum-colorarea-border-color: hsla(0, 0%, 100%, 0.1);
+    --spectrum-colorarea-border-color-hover: hsla(0, 0%, 100%, 0.1);
+    --spectrum-colorarea-border-color-down: hsla(0, 0%, 100%, 0.1);
+    --spectrum-colorarea-border-color-key-focus: hsla(0, 0%, 100%, 0.1);
+    --spectrum-colorslider-border-color: hsla(0, 0%, 100%, 0.1);
+    --spectrum-colorslider-border-color-hover: hsla(0, 0%, 100%, 0.1);
+    --spectrum-colorslider-border-color-down: hsla(0, 0%, 100%, 0.1);
+    --spectrum-colorslider-border-color-key-focus: hsla(0, 0%, 100%, 0.1);
+    --spectrum-colorslider-vertical-border-color: hsla(0, 0%, 100%, 0.1);
+    --spectrum-colorslider-vertical-border-color-hover: hsla(0, 0%, 100%, 0.1);
+    --spectrum-colorslider-vertical-border-color-down: hsla(0, 0%, 100%, 0.1);
+    --spectrum-colorslider-vertical-border-color-key-focus: hsla(
+        0,
+        0%,
+        100%,
         0.1
     );
-    --spectrum-colorslider-vertical-border-color-down: rgba(255, 255, 255, 0.1);
-    --spectrum-colorslider-vertical-border-color-key-focus: rgba(
-        255,
-        255,
-        255,
-        0.1
-    );
-    --spectrum-colorwheel-border-color: rgba(255, 255, 255, 0.1);
-    --spectrum-colorwheel-border-color-hover: rgba(255, 255, 255, 0.1);
-    --spectrum-colorwheel-border-color-down: rgba(255, 255, 255, 0.1);
-    --spectrum-colorwheel-border-color-key-focus: rgba(255, 255, 255, 0.1);
-    --spectrum-well-border-color: rgba(255, 255, 255, 0.05);
+    --spectrum-colorwheel-border-color: hsla(0, 0%, 100%, 0.1);
+    --spectrum-colorwheel-border-color-hover: hsla(0, 0%, 100%, 0.1);
+    --spectrum-colorwheel-border-color-down: hsla(0, 0%, 100%, 0.1);
+    --spectrum-colorwheel-border-color-key-focus: hsla(0, 0%, 100%, 0.1);
+    --spectrum-well-border-color: hsla(0, 0%, 100%, 0.05);
 }
-
 /* stylelint-enable */
diff --git a/packages/styles/theme-darkest.css b/packages/styles/theme-darkest.css
index 603a62a582..29570df7ff 100644
--- a/packages/styles/theme-darkest.css
+++ b/packages/styles/theme-darkest.css
@@ -11,69 +11,69 @@ governing permissions and limitations under the License.
 */
 
 /* stylelint-disable */
-:root,
-:host {
+:host,
+:root {
     --spectrum-global-color-status: Verified;
     --spectrum-global-color-version: 5.1;
-    --spectrum-global-color-celery-400: rgb(61, 167, 78);
-    --spectrum-global-color-celery-500: rgb(68, 181, 86);
-    --spectrum-global-color-celery-600: rgb(75, 195, 95);
-    --spectrum-global-color-celery-700: rgb(81, 210, 103);
-    --spectrum-global-color-chartreuse-400: rgb(124, 195, 63);
-    --spectrum-global-color-chartreuse-500: rgb(133, 208, 68);
-    --spectrum-global-color-chartreuse-600: rgb(142, 222, 73);
-    --spectrum-global-color-chartreuse-700: rgb(155, 236, 84);
-    --spectrum-global-color-yellow-400: rgb(210, 178, 0);
-    --spectrum-global-color-yellow-500: rgb(223, 191, 0);
-    --spectrum-global-color-yellow-600: rgb(237, 204, 0);
-    --spectrum-global-color-yellow-700: rgb(250, 217, 0);
-    --spectrum-global-color-magenta-400: rgb(202, 41, 150);
-    --spectrum-global-color-magenta-500: rgb(216, 55, 144);
-    --spectrum-global-color-magenta-600: rgb(226, 73, 157);
-    --spectrum-global-color-magenta-700: rgb(236, 90, 170);
-    --spectrum-global-color-fuchsia-400: rgb(177, 48, 189);
-    --spectrum-global-color-fuchsia-500: rgb(192, 56, 204);
-    --spectrum-global-color-fuchsia-600: rgb(207, 62, 220);
-    --spectrum-global-color-fuchsia-700: rgb(217, 81, 229);
-    --spectrum-global-color-purple-400: rgb(134, 76, 204);
-    --spectrum-global-color-purple-500: rgb(146, 86, 217);
-    --spectrum-global-color-purple-600: rgb(157, 100, 225);
-    --spectrum-global-color-purple-700: rgb(168, 115, 223);
-    --spectrum-global-color-indigo-400: rgb(92, 92, 224);
-    --spectrum-global-color-indigo-500: rgb(103, 103, 236);
-    --spectrum-global-color-indigo-600: rgb(117, 117, 241);
-    --spectrum-global-color-indigo-700: rgb(130, 130, 246);
-    --spectrum-global-color-seafoam-400: rgb(22, 135, 140);
-    --spectrum-global-color-seafoam-500: rgb(27, 149, 154);
-    --spectrum-global-color-seafoam-600: rgb(32, 163, 168);
-    --spectrum-global-color-seafoam-700: rgb(35, 178, 184);
-    --spectrum-global-color-red-400: rgb(215, 55, 63);
-    --spectrum-global-color-red-500: rgb(227, 72, 80);
-    --spectrum-global-color-red-600: rgb(236, 91, 98);
-    --spectrum-global-color-red-700: rgb(247, 109, 116);
-    --spectrum-global-color-orange-400: rgb(218, 123, 17);
-    --spectrum-global-color-orange-500: rgb(230, 134, 25);
-    --spectrum-global-color-orange-600: rgb(242, 148, 35);
-    --spectrum-global-color-orange-700: rgb(249, 164, 63);
-    --spectrum-global-color-green-400: rgb(38, 142, 108);
-    --spectrum-global-color-green-500: rgb(45, 157, 120);
-    --spectrum-global-color-green-600: rgb(51, 171, 132);
-    --spectrum-global-color-green-700: rgb(57, 185, 144);
-    --spectrum-global-color-blue-400: rgb(20, 115, 230);
-    --spectrum-global-color-blue-500: rgb(38, 128, 235);
-    --spectrum-global-color-blue-600: rgb(55, 142, 240);
-    --spectrum-global-color-blue-700: rgb(75, 156, 245);
-    --spectrum-global-color-gray-50: rgb(8, 8, 8);
-    --spectrum-global-color-gray-75: rgb(26, 26, 26);
-    --spectrum-global-color-gray-100: rgb(30, 30, 30);
-    --spectrum-global-color-gray-200: rgb(44, 44, 44);
-    --spectrum-global-color-gray-300: rgb(57, 57, 57);
-    --spectrum-global-color-gray-400: rgb(73, 73, 73);
-    --spectrum-global-color-gray-500: rgb(92, 92, 92);
-    --spectrum-global-color-gray-600: rgb(124, 124, 124);
-    --spectrum-global-color-gray-700: rgb(162, 162, 162);
-    --spectrum-global-color-gray-800: rgb(200, 200, 200);
-    --spectrum-global-color-gray-900: rgb(239, 239, 239);
+    --spectrum-global-color-celery-400: #3da74e;
+    --spectrum-global-color-celery-500: #44b556;
+    --spectrum-global-color-celery-600: #4bc35f;
+    --spectrum-global-color-celery-700: #51d267;
+    --spectrum-global-color-chartreuse-400: #7cc33f;
+    --spectrum-global-color-chartreuse-500: #85d044;
+    --spectrum-global-color-chartreuse-600: #8ede49;
+    --spectrum-global-color-chartreuse-700: #9bec54;
+    --spectrum-global-color-yellow-400: #d2b200;
+    --spectrum-global-color-yellow-500: #dfbf00;
+    --spectrum-global-color-yellow-600: #edcc00;
+    --spectrum-global-color-yellow-700: #fad900;
+    --spectrum-global-color-magenta-400: #ca2996;
+    --spectrum-global-color-magenta-500: #d83790;
+    --spectrum-global-color-magenta-600: #e2499d;
+    --spectrum-global-color-magenta-700: #ec5aaa;
+    --spectrum-global-color-fuchsia-400: #b130bd;
+    --spectrum-global-color-fuchsia-500: #c038cc;
+    --spectrum-global-color-fuchsia-600: #cf3edc;
+    --spectrum-global-color-fuchsia-700: #d951e5;
+    --spectrum-global-color-purple-400: #864ccc;
+    --spectrum-global-color-purple-500: #9256d9;
+    --spectrum-global-color-purple-600: #9d64e1;
+    --spectrum-global-color-purple-700: #a873df;
+    --spectrum-global-color-indigo-400: #5c5ce0;
+    --spectrum-global-color-indigo-500: #6767ec;
+    --spectrum-global-color-indigo-600: #7575f1;
+    --spectrum-global-color-indigo-700: #8282f6;
+    --spectrum-global-color-seafoam-400: #16878c;
+    --spectrum-global-color-seafoam-500: #1b959a;
+    --spectrum-global-color-seafoam-600: #20a3a8;
+    --spectrum-global-color-seafoam-700: #23b2b8;
+    --spectrum-global-color-red-400: #d7373f;
+    --spectrum-global-color-red-500: #e34850;
+    --spectrum-global-color-red-600: #ec5b62;
+    --spectrum-global-color-red-700: #f76d74;
+    --spectrum-global-color-orange-400: #da7b11;
+    --spectrum-global-color-orange-500: #e68619;
+    --spectrum-global-color-orange-600: #f29423;
+    --spectrum-global-color-orange-700: #f9a43f;
+    --spectrum-global-color-green-400: #268e6c;
+    --spectrum-global-color-green-500: #2d9d78;
+    --spectrum-global-color-green-600: #33ab84;
+    --spectrum-global-color-green-700: #39b990;
+    --spectrum-global-color-blue-400: #1473e6;
+    --spectrum-global-color-blue-500: #2680eb;
+    --spectrum-global-color-blue-600: #378ef0;
+    --spectrum-global-color-blue-700: #4b9cf5;
+    --spectrum-global-color-gray-50: #080808;
+    --spectrum-global-color-gray-75: #1a1a1a;
+    --spectrum-global-color-gray-100: #1e1e1e;
+    --spectrum-global-color-gray-200: #2c2c2c;
+    --spectrum-global-color-gray-300: #393939;
+    --spectrum-global-color-gray-400: #494949;
+    --spectrum-global-color-gray-500: #5c5c5c;
+    --spectrum-global-color-gray-600: #7c7c7c;
+    --spectrum-global-color-gray-700: #a2a2a2;
+    --spectrum-global-color-gray-800: #c8c8c8;
+    --spectrum-global-color-gray-900: #efefef;
     --spectrum-alias-background-color-primary: var(
         --spectrum-global-color-gray-100
     );
@@ -85,14 +85,14 @@ governing permissions and limitations under the License.
     );
     --spectrum-alias-background-color-modal-overlay: rgba(0, 0, 0, 0.6);
     --spectrum-alias-dropshadow-color: rgba(0, 0, 0, 0.8);
-    --spectrum-alias-background-color-hover-overlay: rgba(239, 239, 239, 0.08);
-    --spectrum-alias-highlight-hover: rgba(239, 239, 239, 0.08);
-    --spectrum-alias-highlight-active: rgba(239, 239, 239, 0.15);
+    --spectrum-alias-background-color-hover-overlay: hsla(0, 0%, 93.7%, 0.08);
+    --spectrum-alias-highlight-hover: hsla(0, 0%, 93.7%, 0.08);
+    --spectrum-alias-highlight-active: hsla(0, 0%, 93.7%, 0.15);
     --spectrum-alias-highlight-selected: rgba(38, 128, 235, 0.2);
     --spectrum-alias-highlight-selected-hover: rgba(38, 128, 235, 0.3);
     --spectrum-alias-text-highlight-color: rgba(38, 128, 235, 0.3);
     --spectrum-alias-background-color-quickactions: rgba(30, 30, 30, 0.9);
-    --spectrum-alias-radial-reaction-color-default: rgba(200, 200, 200, 0.6);
+    --spectrum-alias-radial-reaction-color-default: hsla(0, 0%, 78.4%, 0.6);
     --spectrum-alias-pasteboard-background-color: var(
         --spectrum-global-color-gray-50
     );
@@ -102,32 +102,27 @@ governing permissions and limitations under the License.
     --spectrum-alias-appframe-separator-color: var(
         --spectrum-global-color-gray-50
     );
-    --spectrum-colorarea-border-color: rgba(239, 239, 239, 0.1);
-    --spectrum-colorarea-border-color-hover: rgba(239, 239, 239, 0.1);
-    --spectrum-colorarea-border-color-down: rgba(239, 239, 239, 0.1);
-    --spectrum-colorarea-border-color-key-focus: rgba(239, 239, 239, 0.1);
-    --spectrum-colorslider-border-color: rgba(239, 239, 239, 0.1);
-    --spectrum-colorslider-border-color-hover: rgba(239, 239, 239, 0.1);
-    --spectrum-colorslider-border-color-down: rgba(239, 239, 239, 0.1);
-    --spectrum-colorslider-border-color-key-focus: rgba(239, 239, 239, 0.1);
-    --spectrum-colorslider-vertical-border-color: rgba(239, 239, 239, 0.1);
-    --spectrum-colorslider-vertical-border-color-hover: rgba(
-        239,
-        239,
-        239,
+    --spectrum-colorarea-border-color: hsla(0, 0%, 93.7%, 0.1);
+    --spectrum-colorarea-border-color-hover: hsla(0, 0%, 93.7%, 0.1);
+    --spectrum-colorarea-border-color-down: hsla(0, 0%, 93.7%, 0.1);
+    --spectrum-colorarea-border-color-key-focus: hsla(0, 0%, 93.7%, 0.1);
+    --spectrum-colorslider-border-color: hsla(0, 0%, 93.7%, 0.1);
+    --spectrum-colorslider-border-color-hover: hsla(0, 0%, 93.7%, 0.1);
+    --spectrum-colorslider-border-color-down: hsla(0, 0%, 93.7%, 0.1);
+    --spectrum-colorslider-border-color-key-focus: hsla(0, 0%, 93.7%, 0.1);
+    --spectrum-colorslider-vertical-border-color: hsla(0, 0%, 93.7%, 0.1);
+    --spectrum-colorslider-vertical-border-color-hover: hsla(0, 0%, 93.7%, 0.1);
+    --spectrum-colorslider-vertical-border-color-down: hsla(0, 0%, 93.7%, 0.1);
+    --spectrum-colorslider-vertical-border-color-key-focus: hsla(
+        0,
+        0%,
+        93.7%,
         0.1
     );
-    --spectrum-colorslider-vertical-border-color-down: rgba(239, 239, 239, 0.1);
-    --spectrum-colorslider-vertical-border-color-key-focus: rgba(
-        239,
-        239,
-        239,
-        0.1
-    );
-    --spectrum-colorwheel-border-color: rgba(239, 239, 239, 0.1);
-    --spectrum-colorwheel-border-color-hover: rgba(239, 239, 239, 0.1);
-    --spectrum-colorwheel-border-color-down: rgba(239, 239, 239, 0.1);
-    --spectrum-colorwheel-border-color-key-focus: rgba(239, 239, 239, 0.1);
+    --spectrum-colorwheel-border-color: hsla(0, 0%, 93.7%, 0.1);
+    --spectrum-colorwheel-border-color-hover: hsla(0, 0%, 93.7%, 0.1);
+    --spectrum-colorwheel-border-color-down: hsla(0, 0%, 93.7%, 0.1);
+    --spectrum-colorwheel-border-color-key-focus: hsla(0, 0%, 93.7%, 0.1);
     --spectrum-miller-column-item-background-color-selected: rgba(
         38,
         128,
@@ -167,8 +162,7 @@ governing permissions and limitations under the License.
     --spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(
         --spectrum-global-color-blue-500
     );
-    --spectrum-well-background-color: rgba(200, 200, 200, 0.02);
-    --spectrum-well-border-color: rgba(239, 239, 239, 0.05);
+    --spectrum-well-background-color: hsla(0, 0%, 78.4%, 0.02);
+    --spectrum-well-border-color: hsla(0, 0%, 93.7%, 0.05);
 }
-
 /* stylelint-enable */
diff --git a/packages/styles/theme-light.css b/packages/styles/theme-light.css
index 7322124880..b9c77d1ead 100644
--- a/packages/styles/theme-light.css
+++ b/packages/styles/theme-light.css
@@ -11,69 +11,69 @@ governing permissions and limitations under the License.
 */
 
 /* stylelint-disable */
-:root,
-:host {
+:host,
+:root {
     --spectrum-global-color-status: Verified;
     --spectrum-global-color-version: 5.1;
-    --spectrum-global-color-celery-400: rgb(68, 181, 86);
-    --spectrum-global-color-celery-500: rgb(61, 167, 78);
-    --spectrum-global-color-celery-600: rgb(55, 153, 71);
-    --spectrum-global-color-celery-700: rgb(49, 139, 64);
-    --spectrum-global-color-chartreuse-400: rgb(133, 208, 68);
-    --spectrum-global-color-chartreuse-500: rgb(124, 195, 63);
-    --spectrum-global-color-chartreuse-600: rgb(115, 181, 58);
-    --spectrum-global-color-chartreuse-700: rgb(106, 168, 52);
-    --spectrum-global-color-yellow-400: rgb(223, 191, 0);
-    --spectrum-global-color-yellow-500: rgb(210, 178, 0);
-    --spectrum-global-color-yellow-600: rgb(196, 166, 0);
-    --spectrum-global-color-yellow-700: rgb(183, 153, 0);
-    --spectrum-global-color-magenta-400: rgb(216, 55, 144);
-    --spectrum-global-color-magenta-500: rgb(206, 39, 131);
-    --spectrum-global-color-magenta-600: rgb(188, 28, 116);
-    --spectrum-global-color-magenta-700: rgb(174, 14, 102);
-    --spectrum-global-color-fuchsia-400: rgb(192, 56, 204);
-    --spectrum-global-color-fuchsia-500: rgb(177, 48, 189);
-    --spectrum-global-color-fuchsia-600: rgb(162, 40, 173);
-    --spectrum-global-color-fuchsia-700: rgb(147, 33, 158);
-    --spectrum-global-color-purple-400: rgb(146, 86, 217);
-    --spectrum-global-color-purple-500: rgb(134, 76, 204);
-    --spectrum-global-color-purple-600: rgb(122, 66, 191);
-    --spectrum-global-color-purple-700: rgb(111, 56, 177);
-    --spectrum-global-color-indigo-400: rgb(103, 103, 236);
-    --spectrum-global-color-indigo-500: rgb(92, 92, 224);
-    --spectrum-global-color-indigo-600: rgb(81, 81, 211);
-    --spectrum-global-color-indigo-700: rgb(70, 70, 198);
-    --spectrum-global-color-seafoam-400: rgb(27, 149, 154);
-    --spectrum-global-color-seafoam-500: rgb(22, 135, 140);
-    --spectrum-global-color-seafoam-600: rgb(15, 121, 125);
-    --spectrum-global-color-seafoam-700: rgb(9, 108, 111);
-    --spectrum-global-color-red-400: rgb(227, 72, 80);
-    --spectrum-global-color-red-500: rgb(215, 55, 63);
-    --spectrum-global-color-red-600: rgb(201, 37, 45);
-    --spectrum-global-color-red-700: rgb(187, 18, 26);
-    --spectrum-global-color-orange-400: rgb(230, 134, 25);
-    --spectrum-global-color-orange-500: rgb(218, 123, 17);
-    --spectrum-global-color-orange-600: rgb(203, 111, 16);
-    --spectrum-global-color-orange-700: rgb(189, 100, 13);
-    --spectrum-global-color-green-400: rgb(45, 157, 120);
-    --spectrum-global-color-green-500: rgb(38, 142, 108);
-    --spectrum-global-color-green-600: rgb(18, 128, 92);
-    --spectrum-global-color-green-700: rgb(16, 113, 84);
-    --spectrum-global-color-blue-400: rgb(38, 128, 235);
-    --spectrum-global-color-blue-500: rgb(20, 115, 230);
-    --spectrum-global-color-blue-600: rgb(13, 102, 208);
-    --spectrum-global-color-blue-700: rgb(9, 90, 186);
-    --spectrum-global-color-gray-50: rgb(255, 255, 255);
-    --spectrum-global-color-gray-75: rgb(250, 250, 250);
-    --spectrum-global-color-gray-100: rgb(245, 245, 245);
-    --spectrum-global-color-gray-200: rgb(234, 234, 234);
-    --spectrum-global-color-gray-300: rgb(225, 225, 225);
-    --spectrum-global-color-gray-400: rgb(202, 202, 202);
-    --spectrum-global-color-gray-500: rgb(179, 179, 179);
-    --spectrum-global-color-gray-600: rgb(142, 142, 142);
-    --spectrum-global-color-gray-700: rgb(110, 110, 110);
-    --spectrum-global-color-gray-800: rgb(75, 75, 75);
-    --spectrum-global-color-gray-900: rgb(44, 44, 44);
+    --spectrum-global-color-celery-400: #44b556;
+    --spectrum-global-color-celery-500: #3da74e;
+    --spectrum-global-color-celery-600: #379947;
+    --spectrum-global-color-celery-700: #318b40;
+    --spectrum-global-color-chartreuse-400: #85d044;
+    --spectrum-global-color-chartreuse-500: #7cc33f;
+    --spectrum-global-color-chartreuse-600: #73b53a;
+    --spectrum-global-color-chartreuse-700: #6aa834;
+    --spectrum-global-color-yellow-400: #dfbf00;
+    --spectrum-global-color-yellow-500: #d2b200;
+    --spectrum-global-color-yellow-600: #c4a600;
+    --spectrum-global-color-yellow-700: #b79900;
+    --spectrum-global-color-magenta-400: #d83790;
+    --spectrum-global-color-magenta-500: #ce2783;
+    --spectrum-global-color-magenta-600: #bc1c74;
+    --spectrum-global-color-magenta-700: #ae0e66;
+    --spectrum-global-color-fuchsia-400: #c038cc;
+    --spectrum-global-color-fuchsia-500: #b130bd;
+    --spectrum-global-color-fuchsia-600: #a228ad;
+    --spectrum-global-color-fuchsia-700: #93219e;
+    --spectrum-global-color-purple-400: #9256d9;
+    --spectrum-global-color-purple-500: #864ccc;
+    --spectrum-global-color-purple-600: #7a42bf;
+    --spectrum-global-color-purple-700: #6f38b1;
+    --spectrum-global-color-indigo-400: #6767ec;
+    --spectrum-global-color-indigo-500: #5c5ce0;
+    --spectrum-global-color-indigo-600: #5151d3;
+    --spectrum-global-color-indigo-700: #4646c6;
+    --spectrum-global-color-seafoam-400: #1b959a;
+    --spectrum-global-color-seafoam-500: #16878c;
+    --spectrum-global-color-seafoam-600: #0f797d;
+    --spectrum-global-color-seafoam-700: #096c6f;
+    --spectrum-global-color-red-400: #e34850;
+    --spectrum-global-color-red-500: #d7373f;
+    --spectrum-global-color-red-600: #c9252d;
+    --spectrum-global-color-red-700: #bb121a;
+    --spectrum-global-color-orange-400: #e68619;
+    --spectrum-global-color-orange-500: #da7b11;
+    --spectrum-global-color-orange-600: #cb6f10;
+    --spectrum-global-color-orange-700: #bd640d;
+    --spectrum-global-color-green-400: #2d9d78;
+    --spectrum-global-color-green-500: #268e6c;
+    --spectrum-global-color-green-600: #12805c;
+    --spectrum-global-color-green-700: #107154;
+    --spectrum-global-color-blue-400: #2680eb;
+    --spectrum-global-color-blue-500: #1473e6;
+    --spectrum-global-color-blue-600: #0d66d0;
+    --spectrum-global-color-blue-700: #095aba;
+    --spectrum-global-color-gray-50: #fff;
+    --spectrum-global-color-gray-75: #fafafa;
+    --spectrum-global-color-gray-100: #f5f5f5;
+    --spectrum-global-color-gray-200: #eaeaea;
+    --spectrum-global-color-gray-300: #e1e1e1;
+    --spectrum-global-color-gray-400: #cacaca;
+    --spectrum-global-color-gray-500: #b3b3b3;
+    --spectrum-global-color-gray-600: #8e8e8e;
+    --spectrum-global-color-gray-700: #6e6e6e;
+    --spectrum-global-color-gray-800: #4b4b4b;
+    --spectrum-global-color-gray-900: #2c2c2c;
     --spectrum-alias-background-color-primary: var(
         --spectrum-global-color-gray-50
     );
@@ -91,7 +91,7 @@ governing permissions and limitations under the License.
     --spectrum-alias-highlight-selected: rgba(20, 115, 230, 0.1);
     --spectrum-alias-highlight-selected-hover: rgba(20, 115, 230, 0.2);
     --spectrum-alias-text-highlight-color: rgba(20, 115, 230, 0.2);
-    --spectrum-alias-background-color-quickactions: rgba(245, 245, 245, 0.9);
+    --spectrum-alias-background-color-quickactions: hsla(0, 0%, 96.1%, 0.9);
     --spectrum-alias-radial-reaction-color-default: rgba(75, 75, 75, 0.6);
     --spectrum-alias-pasteboard-background-color: var(
         --spectrum-global-color-gray-300
@@ -165,5 +165,4 @@ governing permissions and limitations under the License.
     --spectrum-well-background-color: rgba(75, 75, 75, 0.02);
     --spectrum-well-border-color: rgba(44, 44, 44, 0.05);
 }
-
 /* stylelint-enable */
diff --git a/packages/styles/theme-lightest.css b/packages/styles/theme-lightest.css
index cef2b1dc49..f77f3e50f2 100644
--- a/packages/styles/theme-lightest.css
+++ b/packages/styles/theme-lightest.css
@@ -11,69 +11,69 @@ governing permissions and limitations under the License.
 */
 
 /* stylelint-disable */
-:root,
-:host {
+:host,
+:root {
     --spectrum-global-color-status: Verified;
     --spectrum-global-color-version: 5.1;
-    --spectrum-global-color-celery-400: rgb(75, 195, 95);
-    --spectrum-global-color-celery-500: rgb(68, 181, 86);
-    --spectrum-global-color-celery-600: rgb(61, 167, 78);
-    --spectrum-global-color-celery-700: rgb(55, 153, 71);
-    --spectrum-global-color-chartreuse-400: rgb(142, 222, 73);
-    --spectrum-global-color-chartreuse-500: rgb(133, 208, 68);
-    --spectrum-global-color-chartreuse-600: rgb(124, 195, 63);
-    --spectrum-global-color-chartreuse-700: rgb(115, 181, 58);
-    --spectrum-global-color-yellow-400: rgb(237, 204, 0);
-    --spectrum-global-color-yellow-500: rgb(223, 191, 0);
-    --spectrum-global-color-yellow-600: rgb(210, 178, 0);
-    --spectrum-global-color-yellow-700: rgb(196, 166, 0);
-    --spectrum-global-color-magenta-400: rgb(226, 73, 157);
-    --spectrum-global-color-magenta-500: rgb(216, 55, 144);
-    --spectrum-global-color-magenta-600: rgb(202, 41, 130);
-    --spectrum-global-color-magenta-700: rgb(188, 28, 116);
-    --spectrum-global-color-fuchsia-400: rgb(207, 62, 220);
-    --spectrum-global-color-fuchsia-500: rgb(192, 56, 204);
-    --spectrum-global-color-fuchsia-600: rgb(177, 48, 189);
-    --spectrum-global-color-fuchsia-700: rgb(162, 40, 173);
-    --spectrum-global-color-purple-400: rgb(157, 100, 225);
-    --spectrum-global-color-purple-500: rgb(146, 86, 217);
-    --spectrum-global-color-purple-600: rgb(134, 76, 204);
-    --spectrum-global-color-purple-700: rgb(122, 66, 191);
-    --spectrum-global-color-indigo-400: rgb(117, 117, 241);
-    --spectrum-global-color-indigo-500: rgb(103, 103, 236);
-    --spectrum-global-color-indigo-600: rgb(92, 92, 224);
-    --spectrum-global-color-indigo-700: rgb(81, 81, 211);
-    --spectrum-global-color-seafoam-400: rgb(32, 163, 168);
-    --spectrum-global-color-seafoam-500: rgb(27, 149, 154);
-    --spectrum-global-color-seafoam-600: rgb(22, 135, 140);
-    --spectrum-global-color-seafoam-700: rgb(15, 121, 125);
-    --spectrum-global-color-red-400: rgb(236, 91, 98);
-    --spectrum-global-color-red-500: rgb(227, 72, 80);
-    --spectrum-global-color-red-600: rgb(215, 55, 63);
-    --spectrum-global-color-red-700: rgb(201, 37, 45);
-    --spectrum-global-color-orange-400: rgb(242, 148, 35);
-    --spectrum-global-color-orange-500: rgb(230, 134, 25);
-    --spectrum-global-color-orange-600: rgb(218, 123, 17);
-    --spectrum-global-color-orange-700: rgb(203, 111, 16);
-    --spectrum-global-color-green-400: rgb(51, 171, 132);
-    --spectrum-global-color-green-500: rgb(45, 157, 120);
-    --spectrum-global-color-green-600: rgb(38, 142, 108);
-    --spectrum-global-color-green-700: rgb(18, 128, 92);
-    --spectrum-global-color-blue-400: rgb(55, 142, 240);
-    --spectrum-global-color-blue-500: rgb(38, 128, 235);
-    --spectrum-global-color-blue-600: rgb(20, 115, 230);
-    --spectrum-global-color-blue-700: rgb(13, 102, 208);
-    --spectrum-global-color-gray-50: rgb(255, 255, 255);
-    --spectrum-global-color-gray-75: rgb(255, 255, 255);
-    --spectrum-global-color-gray-100: rgb(255, 255, 255);
-    --spectrum-global-color-gray-200: rgb(244, 244, 244);
-    --spectrum-global-color-gray-300: rgb(234, 234, 234);
-    --spectrum-global-color-gray-400: rgb(211, 211, 211);
-    --spectrum-global-color-gray-500: rgb(188, 188, 188);
-    --spectrum-global-color-gray-600: rgb(149, 149, 149);
-    --spectrum-global-color-gray-700: rgb(116, 116, 116);
-    --spectrum-global-color-gray-800: rgb(80, 80, 80);
-    --spectrum-global-color-gray-900: rgb(50, 50, 50);
+    --spectrum-global-color-celery-400: #4bc35f;
+    --spectrum-global-color-celery-500: #44b556;
+    --spectrum-global-color-celery-600: #3da74e;
+    --spectrum-global-color-celery-700: #379947;
+    --spectrum-global-color-chartreuse-400: #8ede49;
+    --spectrum-global-color-chartreuse-500: #85d044;
+    --spectrum-global-color-chartreuse-600: #7cc33f;
+    --spectrum-global-color-chartreuse-700: #73b53a;
+    --spectrum-global-color-yellow-400: #edcc00;
+    --spectrum-global-color-yellow-500: #dfbf00;
+    --spectrum-global-color-yellow-600: #d2b200;
+    --spectrum-global-color-yellow-700: #c4a600;
+    --spectrum-global-color-magenta-400: #e2499d;
+    --spectrum-global-color-magenta-500: #d83790;
+    --spectrum-global-color-magenta-600: #ca2982;
+    --spectrum-global-color-magenta-700: #bc1c74;
+    --spectrum-global-color-fuchsia-400: #cf3edc;
+    --spectrum-global-color-fuchsia-500: #c038cc;
+    --spectrum-global-color-fuchsia-600: #b130bd;
+    --spectrum-global-color-fuchsia-700: #a228ad;
+    --spectrum-global-color-purple-400: #9d64e1;
+    --spectrum-global-color-purple-500: #9256d9;
+    --spectrum-global-color-purple-600: #864ccc;
+    --spectrum-global-color-purple-700: #7a42bf;
+    --spectrum-global-color-indigo-400: #7575f1;
+    --spectrum-global-color-indigo-500: #6767ec;
+    --spectrum-global-color-indigo-600: #5c5ce0;
+    --spectrum-global-color-indigo-700: #5151d3;
+    --spectrum-global-color-seafoam-400: #20a3a8;
+    --spectrum-global-color-seafoam-500: #1b959a;
+    --spectrum-global-color-seafoam-600: #16878c;
+    --spectrum-global-color-seafoam-700: #0f797d;
+    --spectrum-global-color-red-400: #ec5b62;
+    --spectrum-global-color-red-500: #e34850;
+    --spectrum-global-color-red-600: #d7373f;
+    --spectrum-global-color-red-700: #c9252d;
+    --spectrum-global-color-orange-400: #f29423;
+    --spectrum-global-color-orange-500: #e68619;
+    --spectrum-global-color-orange-600: #da7b11;
+    --spectrum-global-color-orange-700: #cb6f10;
+    --spectrum-global-color-green-400: #33ab84;
+    --spectrum-global-color-green-500: #2d9d78;
+    --spectrum-global-color-green-600: #268e6c;
+    --spectrum-global-color-green-700: #12805c;
+    --spectrum-global-color-blue-400: #378ef0;
+    --spectrum-global-color-blue-500: #2680eb;
+    --spectrum-global-color-blue-600: #1473e6;
+    --spectrum-global-color-blue-700: #0d66d0;
+    --spectrum-global-color-gray-50: #fff;
+    --spectrum-global-color-gray-75: #fff;
+    --spectrum-global-color-gray-100: #fff;
+    --spectrum-global-color-gray-200: #f4f4f4;
+    --spectrum-global-color-gray-300: #eaeaea;
+    --spectrum-global-color-gray-400: #d3d3d3;
+    --spectrum-global-color-gray-500: #bcbcbc;
+    --spectrum-global-color-gray-600: #959595;
+    --spectrum-global-color-gray-700: #747474;
+    --spectrum-global-color-gray-800: #505050;
+    --spectrum-global-color-gray-900: #323232;
     --spectrum-alias-background-color-primary: var(
         --spectrum-global-color-gray-50
     );
@@ -91,7 +91,7 @@ governing permissions and limitations under the License.
     --spectrum-alias-highlight-selected: rgba(38, 128, 235, 0.1);
     --spectrum-alias-highlight-selected-hover: rgba(38, 128, 235, 0.2);
     --spectrum-alias-text-highlight-color: rgba(38, 128, 235, 0.2);
-    --spectrum-alias-background-color-quickactions: rgba(255, 255, 255, 0.9);
+    --spectrum-alias-background-color-quickactions: hsla(0, 0%, 100%, 0.9);
     --spectrum-alias-radial-reaction-color-default: rgba(80, 80, 80, 0.6);
     --spectrum-alias-pasteboard-background-color: var(
         --spectrum-global-color-gray-300
@@ -165,5 +165,4 @@ governing permissions and limitations under the License.
     --spectrum-well-background-color: rgba(80, 80, 80, 0.02);
     --spectrum-well-border-color: rgba(50, 50, 50, 0.05);
 }
-
 /* stylelint-enable */
diff --git a/packages/styles/typography.css b/packages/styles/typography.css
index 91f59361fc..4fcf86df69 100644
--- a/packages/styles/typography.css
+++ b/packages/styles/typography.css
@@ -11,8 +11,8 @@ governing permissions and limitations under the License.
 */
 
 /* stylelint-disable */
-:root,
-:host {
+:host,
+:root {
     font-family: var(
         --spectrum-alias-body-text-font-family,
         var(--spectrum-global-font-family-base)
@@ -22,7 +22,6 @@ governing permissions and limitations under the License.
         var(--spectrum-global-dimension-font-size-100)
     );
 }
-
 .spectrum:lang(ar) {
     font-family: var(
         --spectrum-alias-font-family-ar,
@@ -39,7 +38,6 @@ governing permissions and limitations under the License.
         sans-serif
     );
 }
-
 .spectrum:lang(he) {
     font-family: var(
         --spectrum-alias-font-family-he,
@@ -56,7 +54,6 @@ governing permissions and limitations under the License.
         sans-serif
     );
 }
-
 .spectrum:lang(zh-Hans) {
     font-family: var(
         --spectrum-alias-font-family-zhhans,
@@ -67,7 +64,7 @@ governing permissions and limitations under the License.
         'sans-serif'
     );
 }
-
+.spectrum:lang(zh),
 .spectrum:lang(zh-Hant) {
     font-family: var(
         --spectrum-alias-font-family-zh,
@@ -78,18 +75,6 @@ governing permissions and limitations under the License.
         'sans-serif'
     );
 }
-
-.spectrum:lang(zh) {
-    font-family: var(
-        --spectrum-alias-font-family-zh,
-        adobe-clean-han-traditional,
-        source-han-traditional,
-        'MingLiu',
-        'Heiti TC Light',
-        'sans-serif'
-    );
-}
-
 .spectrum:lang(ko) {
     font-family: var(
         --spectrum-alias-font-family-ko,
@@ -100,7 +85,6 @@ governing permissions and limitations under the License.
         'sans-serif'
     );
 }
-
 .spectrum:lang(ja) {
     font-family: var(
         --spectrum-alias-font-family-ja,
@@ -116,7 +100,6 @@ governing permissions and limitations under the License.
         'sans-serif'
     );
 }
-
 .spectrum-Heading--sizeXXXL {
     font-size: var(
         --spectrum-heading-xxxl-text-size,
@@ -142,7 +125,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum-Heading--sizeXXL {
     font-size: var(
         --spectrum-heading-xxl-text-size,
@@ -168,7 +150,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum-Heading--sizeXL {
     font-size: var(
         --spectrum-heading-xl-text-size,
@@ -194,7 +175,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum-Heading--sizeL {
     font-size: var(
         --spectrum-heading-l-text-size,
@@ -220,7 +200,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum-Heading--sizeM {
     font-size: var(
         --spectrum-heading-m-text-size,
@@ -246,7 +225,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum-Heading--sizeS {
     font-size: var(
         --spectrum-heading-s-text-size,
@@ -272,7 +250,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum-Heading--sizeXS {
     font-size: var(
         --spectrum-heading-xs-text-size,
@@ -298,7 +275,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum-Heading--sizeXXS {
     font-size: var(
         --spectrum-heading-xxs-text-size,
@@ -324,7 +300,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum-Heading {
     font-family: var(
         --spectrum-heading-m-text-font-family,
@@ -335,76 +310,66 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-heading-text-font-weight-regular)
     );
 }
-
-.spectrum-Heading em,
-.spectrum-Heading .spectrum-Heading-emphasis {
+.spectrum-Heading .spectrum-Heading-emphasis,
+.spectrum-Heading em {
     font-style: var(
         --spectrum-heading-m-emphasis-text-font-style,
         var(--spectrum-global-font-style-italic)
     );
 }
-
-.spectrum-Heading strong,
-.spectrum-Heading .spectrum-Heading-strong {
+.spectrum-Heading .spectrum-Heading-strong,
+.spectrum-Heading strong {
     font-weight: var(
         --spectrum-heading-m-strong-text-font-weight,
         var(--spectrum-global-font-weight-black)
     );
 }
-
 .spectrum-Heading--serif {
     font-family: var(
         --spectrum-body-serif-m-text-font-family,
         var(--spectrum-alias-serif-text-font-family)
     );
 }
-
 .spectrum-Heading--heavy {
     font-weight: var(
         --spectrum-heading-heavy-m-text-font-weight,
         var(--spectrum-global-font-weight-black)
     );
 }
-
-.spectrum-Heading--heavy em,
-.spectrum-Heading--heavy .spectrum-Heading-emphasis {
+.spectrum-Heading--heavy .spectrum-Heading-emphasis,
+.spectrum-Heading--heavy em {
     font-style: var(
         --spectrum-heading-heavy-m-emphasis-text-font-style,
         var(--spectrum-global-font-style-italic)
     );
 }
-
-.spectrum-Heading--heavy strong,
-.spectrum-Heading--heavy .spectrum-Heading-strong {
+.spectrum-Heading--heavy .spectrum-Heading-strong,
+.spectrum-Heading--heavy strong {
     font-weight: var(
         --spectrum-heading-heavy-m-strong-text-font-weight,
         var(--spectrum-global-font-weight-black)
     );
 }
-
 .spectrum-Heading--light {
     font-weight: var(
         --spectrum-heading-light-m-emphasis-text-font-weight,
         var(--spectrum-global-font-weight-light)
     );
 }
-
-.spectrum-Heading--light em,
-.spectrum-Heading--light .spectrum-Heading-emphasis {
+.spectrum-Heading--light .spectrum-Heading-emphasis,
+.spectrum-Heading--light em {
     font-style: var(
         --spectrum-heading-light-m-emphasis-text-font-style,
         var(--spectrum-global-font-style-italic)
     );
 }
-
-.spectrum-Heading--light strong,
-.spectrum-Heading--light .spectrum-Heading-strong {
+.spectrum-Heading--light .spectrum-Heading-strong,
+.spectrum-Heading--light strong {
     font-weight: var(
         --spectrum-heading-light-m-strong-text-font-weight,
         var(--spectrum-global-font-weight-bold)
     );
 }
-
 .spectrum-Body--sizeXXXL {
     font-size: var(
         --spectrum-body-xxxl-text-size,
@@ -430,7 +395,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum-Body--sizeXXL {
     font-size: var(
         --spectrum-body-xxl-text-size,
@@ -456,7 +420,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum-Body--sizeXL {
     font-size: var(
         --spectrum-body-xl-text-size,
@@ -482,7 +445,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum-Body--sizeL {
     font-size: var(
         --spectrum-body-l-text-size,
@@ -508,7 +470,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum-Body--sizeM {
     font-size: var(
         --spectrum-body-m-text-size,
@@ -534,7 +495,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum-Body--sizeS {
     font-size: var(
         --spectrum-body-s-text-size,
@@ -560,7 +520,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum-Body--sizeXS {
     font-size: var(
         --spectrum-body-xs-text-size,
@@ -586,60 +545,52 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum-Body {
     font-family: var(
         --spectrum-body-m-text-font-family,
         var(--spectrum-alias-body-text-font-family)
     );
 }
-
-.spectrum-Body strong,
-.spectrum-Body .spectrum-Body-strong {
+.spectrum-Body .spectrum-Body-strong,
+.spectrum-Body strong {
     font-weight: var(
         --spectrum-body-m-strong-text-font-weight,
         var(--spectrum-global-font-weight-bold)
     );
 }
-
-.spectrum-Body em,
-.spectrum-Body .spectrum-Body-emphasis {
+.spectrum-Body .spectrum-Body-emphasis,
+.spectrum-Body em {
     font-style: var(
         --spectrum-body-m-emphasis-text-font-style,
         var(--spectrum-global-font-style-italic)
     );
 }
-
 .spectrum-Body--serif {
     font-family: var(
         --spectrum-body-serif-m-text-font-family,
         var(--spectrum-alias-serif-text-font-family)
     );
 }
-
 .spectrum-Detail {
     font-family: var(
         --spectrum-heading-m-text-font-family,
         var(--spectrum-alias-body-text-font-family)
     );
 }
-
-.spectrum-Detail strong,
-.spectrum-Detail .spectrum-Detail-strong {
+.spectrum-Detail .spectrum-Detail-strong,
+.spectrum-Detail strong {
     font-weight: var(
         --spectrum-detail-m-strong-text-font-weight,
         var(--spectrum-global-font-weight-black)
     );
 }
-
-.spectrum-Detail em,
-.spectrum-Detail .spectrum-Detail-emphasis {
+.spectrum-Detail .spectrum-Detail-emphasis,
+.spectrum-Detail em {
     font-style: var(
         --spectrum-detail-m-emphasis-text-font-style,
         var(--spectrum-global-font-style-italic)
     );
 }
-
 .spectrum-Detail--light {
     font-style: var(
         --spectrum-detail-light-m-text-font-style,
@@ -650,14 +601,12 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-detail-text-font-weight-light)
     );
 }
-
 .spectrum-Detail--serif {
     font-family: var(
         --spectrum-body-serif-m-text-font-family,
         var(--spectrum-alias-serif-text-font-family)
     );
 }
-
 .spectrum-Detail--sizeXL {
     font-size: var(
         --spectrum-detail-xl-text-size,
@@ -683,7 +632,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum-Detail--sizeXL em {
     font-size: var(
         --spectrum-detail-xl-emphasis-text-size,
@@ -712,7 +660,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum-Detail--sizeXL strong {
     font-size: var(
         --spectrum-detail-xl-strong-text-size,
@@ -738,7 +685,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum-Detail--sizeL {
     font-size: var(
         --spectrum-detail-l-text-size,
@@ -764,7 +710,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum-Detail--sizeL em {
     font-size: var(
         --spectrum-detail-l-emphasis-text-size,
@@ -790,7 +735,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum-Detail--sizeL strong {
     font-size: var(
         --spectrum-detail-l-strong-text-size,
@@ -816,7 +760,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum-Detail--sizeM {
     font-size: var(
         --spectrum-detail-m-text-size,
@@ -842,7 +785,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum-Detail--sizeM em {
     font-size: var(
         --spectrum-detail-m-emphasis-text-size,
@@ -868,7 +810,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum-Detail--sizeM strong {
     font-size: var(
         --spectrum-detail-m-strong-text-size,
@@ -894,7 +835,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum-Detail--sizeS {
     font-size: var(
         --spectrum-detail-s-text-size,
@@ -920,7 +860,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum-Detail--sizeS em {
     font-size: var(
         --spectrum-detail-s-emphasis-text-size,
@@ -946,7 +885,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum-Detail--sizeS strong {
     font-size: var(
         --spectrum-detail-s-strong-text-size,
@@ -972,37 +910,32 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum-Code {
     font-family: var(
         --spectrum-heading-m-text-font-family,
         var(--spectrum-alias-body-text-font-family)
     );
 }
-
-.spectrum-Code strong,
-.spectrum-Code .spectrum-Code-strong {
+.spectrum-Code .spectrum-Code-strong,
+.spectrum-Code strong {
     font-weight: var(
         --spectrum-code-m-strong-text-font-weight,
         var(--spectrum-global-font-weight-bold)
     );
 }
-
-.spectrum-Code em,
-.spectrum-Code .spectrum-Code-emphasis {
+.spectrum-Code .spectrum-Code-emphasis,
+.spectrum-Code em {
     font-style: var(
         --spectrum-code-m-emphasis-text-font-style,
         var(--spectrum-global-font-style-italic)
     );
 }
-
 .spectrum-Code--serif {
     font-family: var(
         --spectrum-body-serif-m-text-font-family,
         var(--spectrum-alias-serif-text-font-family)
     );
 }
-
 .spectrum-Code--sizeXL {
     font-size: var(
         --spectrum-code-xl-text-size,
@@ -1031,7 +964,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-code-text-font-family)
     );
 }
-
 .spectrum-Code--sizeL {
     font-size: var(
         --spectrum-code-l-text-size,
@@ -1060,7 +992,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-code-text-font-family)
     );
 }
-
 .spectrum-Code--sizeM {
     font-size: var(
         --spectrum-code-m-text-size,
@@ -1089,7 +1020,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-code-text-font-family)
     );
 }
-
 .spectrum-Code--sizeS {
     font-size: var(
         --spectrum-code-s-text-size,
@@ -1118,7 +1048,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-code-text-font-family)
     );
 }
-
 .spectrum-Code--sizeXS {
     font-size: var(
         --spectrum-code-xs-text-size,
@@ -1147,7 +1076,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-code-text-font-family)
     );
 }
-
 .spectrum-Typography .spectrum-Heading--sizeXXXL {
     margin-top: var(
         --spectrum-heading-xxxl-margin-top,
@@ -1158,7 +1086,6 @@ governing permissions and limitations under the License.
         var(--spectrum-global-dimension-size-130)
     );
 }
-
 .spectrum-Typography .spectrum-Heading--sizeXXL {
     margin-top: var(
         --spectrum-heading-xxl-margin-top,
@@ -1169,7 +1096,6 @@ governing permissions and limitations under the License.
         var(--spectrum-global-dimension-size-125)
     );
 }
-
 .spectrum-Typography .spectrum-Heading--sizeXL {
     margin-top: var(
         --spectrum-heading-xl-margin-top,
@@ -1180,7 +1106,6 @@ governing permissions and limitations under the License.
         var(--spectrum-global-dimension-size-115)
     );
 }
-
 .spectrum-Typography .spectrum-Heading--sizeL {
     margin-top: var(
         --spectrum-heading-l-margin-top,
@@ -1191,7 +1116,6 @@ governing permissions and limitations under the License.
         var(--spectrum-global-dimension-size-85)
     );
 }
-
 .spectrum-Typography .spectrum-Heading--sizeM {
     margin-top: var(
         --spectrum-heading-m-margin-top,
@@ -1202,7 +1126,6 @@ governing permissions and limitations under the License.
         var(--spectrum-global-dimension-size-75)
     );
 }
-
 .spectrum-Typography .spectrum-Heading--sizeS {
     margin-top: var(
         --spectrum-heading-s-margin-top,
@@ -1213,7 +1136,6 @@ governing permissions and limitations under the License.
         var(--spectrum-global-dimension-size-65)
     );
 }
-
 .spectrum-Typography .spectrum-Heading--sizeXS {
     margin-top: var(
         --spectrum-heading-xs-margin-top,
@@ -1224,7 +1146,6 @@ governing permissions and limitations under the License.
         var(--spectrum-global-dimension-size-50)
     );
 }
-
 .spectrum-Typography .spectrum-Heading--sizeXXS {
     margin-top: var(
         --spectrum-heading-xxs-margin-top,
@@ -1235,63 +1156,55 @@ governing permissions and limitations under the License.
         var(--spectrum-global-dimension-size-40)
     );
 }
-
 .spectrum-Typography .spectrum-Body--sizeXXXL {
-    margin-top: var(--spectrum-body-xxxl-margin-top, 0px);
+    margin-top: var(--spectrum-body-xxxl-margin-top, 0);
     margin-bottom: var(
         --spectrum-body-xxxl-margin-bottom,
         var(--spectrum-global-dimension-size-400)
     );
 }
-
 .spectrum-Typography .spectrum-Body--sizeXXL {
-    margin-top: var(--spectrum-body-xxl-margin-top, 0px);
+    margin-top: var(--spectrum-body-xxl-margin-top, 0);
     margin-bottom: var(
         --spectrum-body-xxl-margin-bottom,
         var(--spectrum-global-dimension-size-300)
     );
 }
-
 .spectrum-Typography .spectrum-Body--sizeXL {
-    margin-top: var(--spectrum-body-xl-margin-top, 0px);
+    margin-top: var(--spectrum-body-xl-margin-top, 0);
     margin-bottom: var(
         --spectrum-body-xl-margin-bottom,
         var(--spectrum-global-dimension-size-200)
     );
 }
-
 .spectrum-Typography .spectrum-Body--sizeL {
-    margin-top: var(--spectrum-body-l-margin-top, 0px);
+    margin-top: var(--spectrum-body-l-margin-top, 0);
     margin-bottom: var(
         --spectrum-body-l-margin-bottom,
         var(--spectrum-global-dimension-size-160)
     );
 }
-
 .spectrum-Typography .spectrum-Body--sizeM {
-    margin-top: var(--spectrum-body-m-margin-top, 0px);
+    margin-top: var(--spectrum-body-m-margin-top, 0);
     margin-bottom: var(
         --spectrum-body-m-margin-bottom,
         var(--spectrum-global-dimension-size-150)
     );
 }
-
 .spectrum-Typography .spectrum-Body--sizeS {
-    margin-top: var(--spectrum-body-s-margin-top, 0px);
+    margin-top: var(--spectrum-body-s-margin-top, 0);
     margin-bottom: var(
         --spectrum-body-s-margin-bottom,
         var(--spectrum-global-dimension-size-125)
     );
 }
-
 .spectrum-Typography .spectrum-Body--sizeXS {
-    margin-top: var(--spectrum-body-xs-margin-top, 0px);
+    margin-top: var(--spectrum-body-xs-margin-top, 0);
     margin-bottom: var(
         --spectrum-body-xs-margin-bottom,
         var(--spectrum-global-dimension-size-115)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Heading--sizeXXXL,
 .spectrum:lang(ko) .spectrum-Heading--sizeXXXL,
 .spectrum:lang(zh) .spectrum-Heading--sizeXXXL {
@@ -1319,7 +1232,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum:lang(ja) .spectrum-Heading--sizeXXL,
 .spectrum:lang(ko) .spectrum-Heading--sizeXXL,
 .spectrum:lang(zh) .spectrum-Heading--sizeXXL {
@@ -1347,7 +1259,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum:lang(ja) .spectrum-Heading--sizeXL,
 .spectrum:lang(ko) .spectrum-Heading--sizeXL,
 .spectrum:lang(zh) .spectrum-Heading--sizeXL {
@@ -1375,7 +1286,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum:lang(ja) .spectrum-Heading--sizeL,
 .spectrum:lang(ko) .spectrum-Heading--sizeL,
 .spectrum:lang(zh) .spectrum-Heading--sizeL {
@@ -1403,7 +1313,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum:lang(ja) .spectrum-Heading--sizeM,
 .spectrum:lang(ko) .spectrum-Heading--sizeM,
 .spectrum:lang(zh) .spectrum-Heading--sizeM {
@@ -1431,7 +1340,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum:lang(ja) .spectrum-Heading--sizeS,
 .spectrum:lang(ko) .spectrum-Heading--sizeS,
 .spectrum:lang(zh) .spectrum-Heading--sizeS {
@@ -1459,7 +1367,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum:lang(ja) .spectrum-Heading--sizeXS,
 .spectrum:lang(ko) .spectrum-Heading--sizeXS,
 .spectrum:lang(zh) .spectrum-Heading--sizeXS {
@@ -1487,7 +1394,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum:lang(ja) .spectrum-Heading--sizeXXS,
 .spectrum:lang(ko) .spectrum-Heading--sizeXXS,
 .spectrum:lang(zh) .spectrum-Heading--sizeXXS {
@@ -1515,7 +1421,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum:lang(ja) .spectrum-Heading--heavy,
 .spectrum:lang(ko) .spectrum-Heading--heavy,
 .spectrum:lang(zh) .spectrum-Heading--heavy {
@@ -1524,13 +1429,12 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-han-heading-text-font-weight-regular)
     );
 }
-
-.spectrum:lang(ja) .spectrum-Heading--heavy em,
 .spectrum:lang(ja) .spectrum-Heading--heavy .spectrum-Heading--emphasis,
-.spectrum:lang(ko) .spectrum-Heading--heavy em,
+.spectrum:lang(ja) .spectrum-Heading--heavy em,
 .spectrum:lang(ko) .spectrum-Heading--heavy .spectrum-Heading--emphasis,
-.spectrum:lang(zh) .spectrum-Heading--heavy em,
-.spectrum:lang(zh) .spectrum-Heading--heavy .spectrum-Heading--emphasis {
+.spectrum:lang(ko) .spectrum-Heading--heavy em,
+.spectrum:lang(zh) .spectrum-Heading--heavy .spectrum-Heading--emphasis,
+.spectrum:lang(zh) .spectrum-Heading--heavy em {
     font-style: var(
         --spectrum-heading-han-heavy-m-emphasis-text-font-style,
         var(--spectrum-global-font-style-regular)
@@ -1540,13 +1444,12 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis)
     );
 }
-
-.spectrum:lang(ja) .spectrum-Heading--heavy strong,
 .spectrum:lang(ja) .spectrum-Heading--heavy .spectrum-Heading--strong,
-.spectrum:lang(ko) .spectrum-Heading--heavy strong,
+.spectrum:lang(ja) .spectrum-Heading--heavy strong,
 .spectrum:lang(ko) .spectrum-Heading--heavy .spectrum-Heading--strong,
-.spectrum:lang(zh) .spectrum-Heading--heavy strong,
-.spectrum:lang(zh) .spectrum-Heading--heavy .spectrum-Heading--strong {
+.spectrum:lang(ko) .spectrum-Heading--heavy strong,
+.spectrum:lang(zh) .spectrum-Heading--heavy .spectrum-Heading--strong,
+.spectrum:lang(zh) .spectrum-Heading--heavy strong {
     font-style: var(
         --spectrum-heading-heavy-m-strong-text-font-style,
         var(--spectrum-global-font-style-regular)
@@ -1556,7 +1459,6 @@ governing permissions and limitations under the License.
         var(--spectrum-global-font-weight-black)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Heading--light,
 .spectrum:lang(ko) .spectrum-Heading--light,
 .spectrum:lang(zh) .spectrum-Heading--light {
@@ -1565,13 +1467,12 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-han-heading-text-font-weight-regular)
     );
 }
-
-.spectrum:lang(ja) .spectrum-Heading--light em,
 .spectrum:lang(ja) .spectrum-Heading--light .spectrum-Heading--emphasis,
-.spectrum:lang(ko) .spectrum-Heading--light em,
+.spectrum:lang(ja) .spectrum-Heading--light em,
 .spectrum:lang(ko) .spectrum-Heading--light .spectrum-Heading--emphasis,
-.spectrum:lang(zh) .spectrum-Heading--light em,
-.spectrum:lang(zh) .spectrum-Heading--light .spectrum-Heading--emphasis {
+.spectrum:lang(ko) .spectrum-Heading--light em,
+.spectrum:lang(zh) .spectrum-Heading--light .spectrum-Heading--emphasis,
+.spectrum:lang(zh) .spectrum-Heading--light em {
     font-style: var(
         --spectrum-heading-han-light-m-emphasis-text-font-style,
         var(--spectrum-global-font-style-regular)
@@ -1581,13 +1482,12 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-han-heading-text-font-weight-light-emphasis)
     );
 }
-
-.spectrum:lang(ja) .spectrum-Heading--light strong,
 .spectrum:lang(ja) .spectrum-Heading--light .spectrum-Heading--strong,
-.spectrum:lang(ko) .spectrum-Heading--light strong,
+.spectrum:lang(ja) .spectrum-Heading--light strong,
 .spectrum:lang(ko) .spectrum-Heading--light .spectrum-Heading--strong,
-.spectrum:lang(zh) .spectrum-Heading--light strong,
-.spectrum:lang(zh) .spectrum-Heading--light .spectrum-Heading--strong {
+.spectrum:lang(ko) .spectrum-Heading--light strong,
+.spectrum:lang(zh) .spectrum-Heading--light .spectrum-Heading--strong,
+.spectrum:lang(zh) .spectrum-Heading--light strong {
     font-style: var(
         --spectrum-heading-han-light-m-strong-text-font-style,
         var(--spectrum-global-font-style-regular)
@@ -1597,7 +1497,6 @@ governing permissions and limitations under the License.
         var(--spectrum-global-font-weight-bold)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Body--sizeXXXL,
 .spectrum:lang(ko) .spectrum-Body--sizeXXXL,
 .spectrum:lang(zh) .spectrum-Body--sizeXXXL {
@@ -1625,7 +1524,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum:lang(ja) .spectrum-Body--sizeXXL,
 .spectrum:lang(ko) .spectrum-Body--sizeXXL,
 .spectrum:lang(zh) .spectrum-Body--sizeXXL {
@@ -1653,7 +1551,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum:lang(ja) .spectrum-Body--sizeXL,
 .spectrum:lang(ko) .spectrum-Body--sizeXL,
 .spectrum:lang(zh) .spectrum-Body--sizeXL {
@@ -1681,7 +1578,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum:lang(ja) .spectrum-Body--sizeL,
 .spectrum:lang(ko) .spectrum-Body--sizeL,
 .spectrum:lang(zh) .spectrum-Body--sizeL {
@@ -1709,7 +1605,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum:lang(ja) .spectrum-Body--sizeM,
 .spectrum:lang(ko) .spectrum-Body--sizeM,
 .spectrum:lang(zh) .spectrum-Body--sizeM {
@@ -1737,7 +1632,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum:lang(ja) .spectrum-Body--sizeS,
 .spectrum:lang(ko) .spectrum-Body--sizeS,
 .spectrum:lang(zh) .spectrum-Body--sizeS {
@@ -1765,7 +1659,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum:lang(ja) .spectrum-Body--sizeXS,
 .spectrum:lang(ko) .spectrum-Body--sizeXS,
 .spectrum:lang(zh) .spectrum-Body--sizeXS {
@@ -1793,7 +1686,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum:lang(ja) .spectrum-Detail--sizeXL,
 .spectrum:lang(ko) .spectrum-Detail--sizeXL,
 .spectrum:lang(zh) .spectrum-Detail--sizeXL {
@@ -1821,7 +1713,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum:lang(ja) .spectrum-Detail--sizeXL em,
 .spectrum:lang(ko) .spectrum-Detail--sizeXL em,
 .spectrum:lang(zh) .spectrum-Detail--sizeXL em {
@@ -1852,7 +1743,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum:lang(ja) .spectrum-Detail--sizeXL strong,
 .spectrum:lang(ko) .spectrum-Detail--sizeXL strong,
 .spectrum:lang(zh) .spectrum-Detail--sizeXL strong {
@@ -1883,7 +1773,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum:lang(ja) .spectrum-Detail--sizeL,
 .spectrum:lang(ko) .spectrum-Detail--sizeL,
 .spectrum:lang(zh) .spectrum-Detail--sizeL {
@@ -1911,7 +1800,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum:lang(ja) .spectrum-Detail--sizeL em,
 .spectrum:lang(ko) .spectrum-Detail--sizeL em,
 .spectrum:lang(zh) .spectrum-Detail--sizeL em {
@@ -1942,7 +1830,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum:lang(ja) .spectrum-Detail--sizeL strong,
 .spectrum:lang(ko) .spectrum-Detail--sizeL strong,
 .spectrum:lang(zh) .spectrum-Detail--sizeL strong {
@@ -1973,7 +1860,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum:lang(ja) .spectrum-Detail--sizeM,
 .spectrum:lang(ko) .spectrum-Detail--sizeM,
 .spectrum:lang(zh) .spectrum-Detail--sizeM {
@@ -2001,7 +1887,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum:lang(ja) .spectrum-Detail--sizeM em,
 .spectrum:lang(ko) .spectrum-Detail--sizeM em,
 .spectrum:lang(zh) .spectrum-Detail--sizeM em {
@@ -2032,7 +1917,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum:lang(ja) .spectrum-Detail--sizeM strong,
 .spectrum:lang(ko) .spectrum-Detail--sizeM strong,
 .spectrum:lang(zh) .spectrum-Detail--sizeM strong {
@@ -2063,7 +1947,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum:lang(ja) .spectrum-Detail--sizeS,
 .spectrum:lang(ko) .spectrum-Detail--sizeS,
 .spectrum:lang(zh) .spectrum-Detail--sizeS {
@@ -2091,7 +1974,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum:lang(ja) .spectrum-Detail--sizeS em,
 .spectrum:lang(ko) .spectrum-Detail--sizeS em,
 .spectrum:lang(zh) .spectrum-Detail--sizeS em {
@@ -2122,7 +2004,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum:lang(ja) .spectrum-Detail--sizeS strong,
 .spectrum:lang(ko) .spectrum-Detail--sizeS strong,
 .spectrum:lang(zh) .spectrum-Detail--sizeS strong {
@@ -2153,7 +2034,6 @@ governing permissions and limitations under the License.
     margin-top: 0;
     margin-bottom: 0;
 }
-
 .spectrum:lang(ja) .spectrum-Detail--light,
 .spectrum:lang(ko) .spectrum-Detail--light,
 .spectrum:lang(zh) .spectrum-Detail--light {
@@ -2162,13 +2042,12 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-detail-text-font-weight)
     );
 }
-
-.spectrum:lang(ja) .spectrum-Detail--light em,
 .spectrum:lang(ja) .spectrum-Detail--light .spectrum-Detail--emphasis,
-.spectrum:lang(ko) .spectrum-Detail--light em,
+.spectrum:lang(ja) .spectrum-Detail--light em,
 .spectrum:lang(ko) .spectrum-Detail--light .spectrum-Detail--emphasis,
-.spectrum:lang(zh) .spectrum-Detail--light em,
-.spectrum:lang(zh) .spectrum-Detail--light .spectrum-Detail--emphasis {
+.spectrum:lang(ko) .spectrum-Detail--light em,
+.spectrum:lang(zh) .spectrum-Detail--light .spectrum-Detail--emphasis,
+.spectrum:lang(zh) .spectrum-Detail--light em {
     font-style: var(
         --spectrum-detail-han-light-m-emphasis-text-font-style,
         var(--spectrum-global-font-style-regular)
@@ -2178,13 +2057,12 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-han-heading-text-font-weight-light-emphasis)
     );
 }
-
-.spectrum:lang(ja) .spectrum-Detail--light strong,
 .spectrum:lang(ja) .spectrum-Detail--light .spectrum-Detail--strong,
-.spectrum:lang(ko) .spectrum-Detail--light strong,
+.spectrum:lang(ja) .spectrum-Detail--light strong,
 .spectrum:lang(ko) .spectrum-Detail--light .spectrum-Detail--strong,
-.spectrum:lang(zh) .spectrum-Detail--light strong,
-.spectrum:lang(zh) .spectrum-Detail--light .spectrum-Detail--strong {
+.spectrum:lang(ko) .spectrum-Detail--light strong,
+.spectrum:lang(zh) .spectrum-Detail--light .spectrum-Detail--strong,
+.spectrum:lang(zh) .spectrum-Detail--light strong {
     font-style: var(
         --spectrum-detail-han-light-m-strong-text-font-style,
         var(--spectrum-global-font-style-regular)
@@ -2194,7 +2072,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-heading-text-font-weight-regular)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Code--sizeXL,
 .spectrum:lang(ko) .spectrum-Code--sizeXL,
 .spectrum:lang(zh) .spectrum-Code--sizeXL {
@@ -2225,7 +2102,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-font-family-zh)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Code--sizeL,
 .spectrum:lang(ko) .spectrum-Code--sizeL,
 .spectrum:lang(zh) .spectrum-Code--sizeL {
@@ -2256,7 +2132,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-font-family-zh)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Code--sizeM,
 .spectrum:lang(ko) .spectrum-Code--sizeM,
 .spectrum:lang(zh) .spectrum-Code--sizeM {
@@ -2287,7 +2162,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-font-family-zh)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Code--sizeS,
 .spectrum:lang(ko) .spectrum-Code--sizeS,
 .spectrum:lang(zh) .spectrum-Code--sizeS {
@@ -2318,7 +2192,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-font-family-zh)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Code--sizeXS,
 .spectrum:lang(ko) .spectrum-Code--sizeXS,
 .spectrum:lang(zh) .spectrum-Code--sizeXS {
@@ -2349,229 +2222,192 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-font-family-zh)
     );
 }
-
 .spectrum-Heading--sizeXXXL {
     color: var(
         --spectrum-heading-xxxl-text-color,
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum-Heading--sizeXXL {
     color: var(
         --spectrum-heading-xxl-text-color,
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum-Heading--sizeXL {
     color: var(
         --spectrum-heading-xl-text-color,
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum-Heading--sizeL {
     color: var(
         --spectrum-heading-l-text-color,
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum-Heading--sizeM {
     color: var(
         --spectrum-heading-m-text-color,
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum-Heading--sizeS {
     color: var(
         --spectrum-heading-s-text-color,
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum-Heading--sizeXS {
     color: var(
         --spectrum-heading-xs-text-color,
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum-Heading--sizeXXS {
     color: var(
         --spectrum-heading-xxs-text-color,
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum-Heading-sizeXXXL--light {
     color: var(
         --spectrum-heading-light-xxxl-text-color,
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum-Heading-sizeXXL--light {
     color: var(
         --spectrum-heading-light-xxl-text-color,
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum-Heading-sizeXL--light {
     color: var(
         --spectrum-heading-light-xl-text-color,
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum-Heading-sizeL--light {
     color: var(
         --spectrum-heading-light-l-text-color,
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum-Heading-sizeXXXL--heavy {
     color: var(
         --spectrum-heading-heavy-xxxl-text-color,
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum-Heading-sizeXXL--heavy {
     color: var(
         --spectrum-heading-heavy-xxl-text-color,
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum-Heading-sizeXL--heavy {
     color: var(
         --spectrum-heading-heavy-xl-text-color,
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum-Heading-sizeL--heavy {
     color: var(
         --spectrum-heading-heavy-l-text-color,
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum-Heading-sizeXXXL--heading {
     color: var(
         --spectrum-heading-xxxl-text-color,
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum-Heading-sizeXXL--heading {
     color: var(
         --spectrum-heading-xxl-text-color,
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum-Heading-sizeXL--heading {
     color: var(
         --spectrum-heading-xl-text-color,
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum-Heading-sizeL--heading {
     color: var(
         --spectrum-heading-l-text-color,
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum-Body--sizeXXXL {
     color: var(
         --spectrum-body-xxxl-text-color,
         var(--spectrum-alias-text-color)
     );
 }
-
 .spectrum-Body--sizeXXL {
     color: var(
         --spectrum-body-xxl-text-color,
         var(--spectrum-alias-text-color)
     );
 }
-
 .spectrum-Body--sizeXL {
     color: var(--spectrum-body-xl-text-color, var(--spectrum-alias-text-color));
 }
-
 .spectrum-Body--sizeL {
     color: var(--spectrum-body-l-text-color, var(--spectrum-alias-text-color));
 }
-
 .spectrum-Body--sizeM {
     color: var(--spectrum-body-m-text-color, var(--spectrum-alias-text-color));
 }
-
 .spectrum-Body--sizeS {
     color: var(--spectrum-body-s-text-color, var(--spectrum-alias-text-color));
 }
-
 .spectrum-Body--sizeXS {
     color: var(--spectrum-body-xs-text-color, var(--spectrum-alias-text-color));
 }
-
 .spectrum-Detail--sizeXL {
     color: var(
         --spectrum-detail-xl-text-color,
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum-Detail--sizeL {
     color: var(
         --spectrum-detail-l-text-color,
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum-Detail--sizeM {
     color: var(
         --spectrum-detail-m-text-color,
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum-Detail--sizeS {
     color: var(
         --spectrum-detail-s-text-color,
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum-Code--sizeXL {
     color: var(--spectrum-code-xl-text-color, var(--spectrum-alias-text-color));
 }
-
 .spectrum-Code--sizeL {
     color: var(--spectrum-code-l-text-color, var(--spectrum-alias-text-color));
 }
-
 .spectrum-Code--sizeM {
     color: var(--spectrum-code-m-text-color, var(--spectrum-alias-text-color));
 }
-
 .spectrum-Code--sizeS {
     color: var(--spectrum-code-s-text-color, var(--spectrum-alias-text-color));
 }
-
 .spectrum-Code--sizeXS {
     color: var(--spectrum-code-xs-text-color, var(--spectrum-alias-text-color));
 }
-
 .spectrum:lang(ja) .spectrum-Body--sizeXXXL,
 .spectrum:lang(ko) .spectrum-Body--sizeXXXL,
 .spectrum:lang(zh) .spectrum-Body--sizeXXXL {
@@ -2580,7 +2416,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Body--sizeXXL,
 .spectrum:lang(ko) .spectrum-Body--sizeXXL,
 .spectrum:lang(zh) .spectrum-Body--sizeXXL {
@@ -2589,7 +2424,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Body--sizeXL,
 .spectrum:lang(ko) .spectrum-Body--sizeXL,
 .spectrum:lang(zh) .spectrum-Body--sizeXL {
@@ -2598,7 +2432,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Body--sizeL,
 .spectrum:lang(ko) .spectrum-Body--sizeL,
 .spectrum:lang(zh) .spectrum-Body--sizeL {
@@ -2607,7 +2440,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Body--sizeM,
 .spectrum:lang(ko) .spectrum-Body--sizeM,
 .spectrum:lang(zh) .spectrum-Body--sizeM {
@@ -2616,7 +2448,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Body--sizeS,
 .spectrum:lang(ko) .spectrum-Body--sizeS,
 .spectrum:lang(zh) .spectrum-Body--sizeS {
@@ -2625,7 +2456,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Body--sizeXS,
 .spectrum:lang(ko) .spectrum-Body--sizeXS,
 .spectrum:lang(zh) .spectrum-Body--sizeXS {
@@ -2634,7 +2464,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Heading--sizeXXXL,
 .spectrum:lang(ko) .spectrum-Heading--sizeXXXL,
 .spectrum:lang(zh) .spectrum-Heading--sizeXXXL {
@@ -2643,7 +2472,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Heading--sizeXXL,
 .spectrum:lang(ko) .spectrum-Heading--sizeXXL,
 .spectrum:lang(zh) .spectrum-Heading--sizeXXL {
@@ -2652,7 +2480,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Heading--sizeXL,
 .spectrum:lang(ko) .spectrum-Heading--sizeXL,
 .spectrum:lang(zh) .spectrum-Heading--sizeXL {
@@ -2661,7 +2488,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Heading--sizeL,
 .spectrum:lang(ko) .spectrum-Heading--sizeL,
 .spectrum:lang(zh) .spectrum-Heading--sizeL {
@@ -2670,7 +2496,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Heading--sizeM,
 .spectrum:lang(ko) .spectrum-Heading--sizeM,
 .spectrum:lang(zh) .spectrum-Heading--sizeM {
@@ -2679,7 +2504,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Heading--sizeS,
 .spectrum:lang(ko) .spectrum-Heading--sizeS,
 .spectrum:lang(zh) .spectrum-Heading--sizeS {
@@ -2688,7 +2512,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Heading--sizeXS,
 .spectrum:lang(ko) .spectrum-Heading--sizeXS,
 .spectrum:lang(zh) .spectrum-Heading--sizeXS {
@@ -2697,7 +2520,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Heading--sizeXXS,
 .spectrum:lang(ko) .spectrum-Heading--sizeXXS,
 .spectrum:lang(zh) .spectrum-Heading--sizeXXS {
@@ -2706,7 +2528,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Heading-sizeXXXL--light,
 .spectrum:lang(ko) .spectrum-Heading-sizeXXXL--light,
 .spectrum:lang(zh) .spectrum-Heading-sizeXXXL--light {
@@ -2715,7 +2536,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Heading-sizeXXL--light,
 .spectrum:lang(ko) .spectrum-Heading-sizeXXL--light,
 .spectrum:lang(zh) .spectrum-Heading-sizeXXL--light {
@@ -2724,7 +2544,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Heading-sizeXL--light,
 .spectrum:lang(ko) .spectrum-Heading-sizeXL--light,
 .spectrum:lang(zh) .spectrum-Heading-sizeXL--light {
@@ -2733,7 +2552,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Heading-sizeL--light,
 .spectrum:lang(ko) .spectrum-Heading-sizeL--light,
 .spectrum:lang(zh) .spectrum-Heading-sizeL--light {
@@ -2742,7 +2560,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Heading-sizeXXXL--heavy,
 .spectrum:lang(ko) .spectrum-Heading-sizeXXXL--heavy,
 .spectrum:lang(zh) .spectrum-Heading-sizeXXXL--heavy {
@@ -2751,7 +2568,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Heading-sizeXXL--heavy,
 .spectrum:lang(ko) .spectrum-Heading-sizeXXL--heavy,
 .spectrum:lang(zh) .spectrum-Heading-sizeXXL--heavy {
@@ -2760,7 +2576,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Heading-sizeXL--heavy,
 .spectrum:lang(ko) .spectrum-Heading-sizeXL--heavy,
 .spectrum:lang(zh) .spectrum-Heading-sizeXL--heavy {
@@ -2769,7 +2584,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Heading-sizeL--heavy,
 .spectrum:lang(ko) .spectrum-Heading-sizeL--heavy,
 .spectrum:lang(zh) .spectrum-Heading-sizeL--heavy {
@@ -2778,7 +2592,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Heading-sizeXXXL--heading,
 .spectrum:lang(ko) .spectrum-Heading-sizeXXXL--heading,
 .spectrum:lang(zh) .spectrum-Heading-sizeXXXL--heading {
@@ -2787,7 +2600,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Heading-sizeXXL--heading,
 .spectrum:lang(ko) .spectrum-Heading-sizeXXL--heading,
 .spectrum:lang(zh) .spectrum-Heading-sizeXXL--heading {
@@ -2796,7 +2608,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Heading-sizeXL--heading,
 .spectrum:lang(ko) .spectrum-Heading-sizeXL--heading,
 .spectrum:lang(zh) .spectrum-Heading-sizeXL--heading {
@@ -2805,7 +2616,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Heading-sizeL--heading,
 .spectrum:lang(ko) .spectrum-Heading-sizeL--heading,
 .spectrum:lang(zh) .spectrum-Heading-sizeL--heading {
@@ -2814,7 +2624,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Detail--sizeXL,
 .spectrum:lang(ko) .spectrum-Detail--sizeXL,
 .spectrum:lang(zh) .spectrum-Detail--sizeXL {
@@ -2823,7 +2632,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Detail--sizeL,
 .spectrum:lang(ko) .spectrum-Detail--sizeL,
 .spectrum:lang(zh) .spectrum-Detail--sizeL {
@@ -2832,7 +2640,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Detail--sizeM,
 .spectrum:lang(ko) .spectrum-Detail--sizeM,
 .spectrum:lang(zh) .spectrum-Detail--sizeM {
@@ -2841,7 +2648,6 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Detail--sizeS,
 .spectrum:lang(ko) .spectrum-Detail--sizeS,
 .spectrum:lang(zh) .spectrum-Detail--sizeS {
@@ -2850,40 +2656,33 @@ governing permissions and limitations under the License.
         var(--spectrum-alias-heading-text-color)
     );
 }
-
 .spectrum:lang(ja) .spectrum-Code--sizeXL,
 .spectrum:lang(ko) .spectrum-Code--sizeXL,
 .spectrum:lang(zh) .spectrum-Code--sizeXL {
     color: var(--spectrum-code-xl-text-color, var(--spectrum-alias-text-color));
 }
-
 .spectrum:lang(ja) .spectrum-Code--sizeL,
 .spectrum:lang(ko) .spectrum-Code--sizeL,
 .spectrum:lang(zh) .spectrum-Code--sizeL {
     color: var(--spectrum-code-l-text-color, var(--spectrum-alias-text-color));
 }
-
 .spectrum:lang(ja) .spectrum-Code--sizeM,
 .spectrum:lang(ko) .spectrum-Code--sizeM,
 .spectrum:lang(zh) .spectrum-Code--sizeM {
     color: var(--spectrum-code-m-text-color, var(--spectrum-alias-text-color));
 }
-
 .spectrum:lang(ja) .spectrum-Code--sizeS,
 .spectrum:lang(ko) .spectrum-Code--sizeS,
 .spectrum:lang(zh) .spectrum-Code--sizeS {
     color: var(--spectrum-code-s-text-color, var(--spectrum-alias-text-color));
 }
-
 .spectrum:lang(ja) .spectrum-Code--sizeXS,
 .spectrum:lang(ko) .spectrum-Code--sizeXS,
 .spectrum:lang(zh) .spectrum-Code--sizeXS {
     color: var(--spectrum-code-xs-text-color, var(--spectrum-alias-text-color));
 }
-
 .spectrum,
 .spectrum-Body {
     color: var(--spectrum-body-m-text-color, var(--spectrum-alias-text-color));
 }
-
 /* stylelint-enable */
diff --git a/scripts/spectrum-vars.js b/scripts/spectrum-vars.js
index 394e48292a..118d3cc309 100755
--- a/scripts/spectrum-vars.js
+++ b/scripts/spectrum-vars.js
@@ -14,13 +14,15 @@ governing permissions and limitations under the License.
 
 const path = require('path');
 const fs = require('fs-extra');
+const postcss = require('postcss');
+const { postCSSPlugins } = require('./css-processing');
 
 // load our license file
 const license = fs.readFileSync(
     path.join(__dirname, '..', 'config', 'license.js')
 );
 
-const processCSSData = (data, identifier) => {
+const processCSSData = async (data, identifier) => {
     /* lit-html is a JS litteral, so `\` escapes by default.
      * for there to be unicode characters, the escape must
      * escape itself...
@@ -53,6 +55,12 @@ const processCSSData = (data, identifier) => {
         );
     }
 
+    result = await postcss(postCSSPlugins())
+        .process(result, {
+            from: undefined,
+        })
+        .then((output) => output.css);
+
     return result;
 };
 
@@ -61,24 +69,24 @@ const writeProcessedCSSToFile = (dstPath, contents) => {
     fs.writeFile(dstPath, result, 'utf8');
 };
 
-const processCSS = (srcPath, dstPath, identifier) => {
-    fs.readFile(srcPath, 'utf8', function (error, data) {
+const processCSS = async (srcPath, dstPath, identifier) => {
+    fs.readFile(srcPath, 'utf8', async function (error, data) {
         if (error) {
             return console.log(error);
         }
 
-        let result = processCSSData(data, identifier);
+        let result = await processCSSData(data, identifier);
         writeProcessedCSSToFile(dstPath, result);
     });
 };
 
 // For fonts.css we need to combine 2 source files into 1
-const processMultiSourceCSS = (srcPaths, dstPath, identifier) => {
+const processMultiSourceCSS = async (srcPaths, dstPath, identifier) => {
     let result = '';
 
     for (const srcPath of srcPaths) {
         let data = fs.readFileSync(srcPath, 'utf8');
-        result = `${result}\n${processCSSData(data, identifier)}`;
+        result = `${result}\n${await processCSSData(data, identifier)}`;
     }
 
     writeProcessedCSSToFile(dstPath, result);
@@ -109,7 +117,7 @@ themes.forEach(async (theme) => {
     );
 
     console.log(`processing theme ${srcPath}`);
-    processes.push(processCSS(srcPath, dstPath, theme));
+    processes.push(await processCSS(srcPath, dstPath, theme));
 });
 
 scales.forEach(async (scale) => {
@@ -118,7 +126,7 @@ scales.forEach(async (scale) => {
         path.join(__dirname, '..', 'packages', 'styles', `scale-${scale}.css`)
     );
     console.log(`processing scale  ${srcPath}`);
-    processes.push(processCSS(srcPath, dstPath, scale));
+    processes.push(await processCSS(srcPath, dstPath, scale));
 });
 
 cores.forEach(async (core) => {
@@ -127,70 +135,78 @@ cores.forEach(async (core) => {
         path.join(__dirname, '..', 'packages', 'styles', `core-${core}.css`)
     );
     console.log(`processing core ${srcPath}`);
-    processes.push(processCSS(srcPath, dstPath, core));
+    processes.push(await processCSS(srcPath, dstPath, core));
 });
 
-{
-    // Typography
-    const typographyPath = path.join(
-        __dirname,
-        '..',
-        'node_modules',
-        '@spectrum-css',
-        'typography',
-        'dist'
-    );
-    const srcPath = path.join(typographyPath, 'index-vars.css');
-    const dstPath = path.resolve(
-        path.join(__dirname, '..', 'packages', 'styles', 'typography.css')
-    );
-    console.log(`processing typography`);
-    processes.push(processCSS(srcPath, dstPath, 'typography'));
-}
-
-{
-    // Typography
-    const typographyPath = path.join(
-        __dirname,
-        '..',
-        'node_modules',
-        '@spectrum-css',
-        'typography'
-    );
-
-    // Commons
-    const commonsPath = path.join(
-        __dirname,
-        '..',
-        'node_modules',
-        '@spectrum-css',
-        'commons'
-    );
-
-    // typography.css
+(async () => {
     {
-        const srcPath = path.join(typographyPath, 'dist', 'index-vars.css');
+        // Typography
+        const typographyPath = path.join(
+            __dirname,
+            '..',
+            'node_modules',
+            '@spectrum-css',
+            'typography',
+            'dist'
+        );
+        const srcPath = path.join(typographyPath, 'index-vars.css');
         const dstPath = path.resolve(
             path.join(__dirname, '..', 'packages', 'styles', 'typography.css')
         );
         console.log(`processing typography`);
-        processes.push(processCSS(srcPath, dstPath, 'typography'));
+        processes.push(await processCSS(srcPath, dstPath, 'typography'));
     }
 
-    // fonts.css (2 sources so a little tricky)
     {
-        const srcPath1 = path.join(commonsPath, 'fonts.css');
-        const srcPath2 = path.join(typographyPath, 'font.css');
-        const dstPath = path.resolve(
-            path.join(__dirname, '..', 'packages', 'styles', 'fonts.css')
+        // Typography
+        const typographyPath = path.join(
+            __dirname,
+            '..',
+            'node_modules',
+            '@spectrum-css',
+            'typography'
         );
-        console.log(`processing fonts from commons & typography`);
-        processes.push(
-            processMultiSourceCSS([srcPath1, srcPath2], dstPath, ':root ')
+
+        // Commons
+        const commonsPath = path.join(
+            __dirname,
+            '..',
+            'node_modules',
+            '@spectrum-css',
+            'commons'
         );
+
+        // typography.css
+        {
+            const srcPath = path.join(typographyPath, 'dist', 'index-vars.css');
+            const dstPath = path.resolve(
+                path.join(
+                    __dirname,
+                    '..',
+                    'packages',
+                    'styles',
+                    'typography.css'
+                )
+            );
+            console.log(`processing typography`);
+            processes.push(await processCSS(srcPath, dstPath, 'typography'));
+        }
+
+        // fonts.css (2 sources so a little tricky)
+        {
+            const srcPath1 = path.join(commonsPath, 'fonts.css');
+            const srcPath2 = path.join(typographyPath, 'font.css');
+            const dstPath = path.resolve(
+                path.join(__dirname, '..', 'packages', 'styles', 'fonts.css')
+            );
+            console.log(`processing fonts from commons & typography`);
+            processes.push(
+                processMultiSourceCSS([srcPath1, srcPath2], dstPath, ':root ')
+            );
+        }
     }
-}
 
-Promise.all(processes).then(() => {
-    console.log('complete.');
-});
+    Promise.all(processes).then(() => {
+        console.log('complete.');
+    });
+})();