@cds/core 5.6.4 → 5.7.2

package/global.css

@@ -1,325 +1,330 @@
 @charset "UTF-8";
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
 :root {
-  --cds-global-layout-space-xxs:calc((2 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-layout-space-xs:calc((4 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-layout-space-sm:calc((6 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-layout-space-md:calc((12 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-layout-space-lg:calc((24 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-layout-space-xl:calc((48 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-layout-space-xxl:calc((96 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-layout-space-xxs: calc((2 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-layout-space-xs: calc((4 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-layout-space-sm: calc((6 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-layout-space-md: calc((12 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-layout-space-lg: calc((24 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-layout-space-xl: calc((48 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-layout-space-xxl: calc((96 / var(--cds-global-base, 20)) * 1rem);
   --cds-global-layout-grid-cols: 12;
   --cds-global-layout-width-xs: 576px;
   --cds-global-layout-width-sm: 768px;
   --cds-global-layout-width-md: 992px;
   --cds-global-layout-width-lg: 1200px;
   --cds-global-layout-width-xl: 1440px;
-  --cds-global-space-0:calc((0 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-space-1:calc((1 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-space-2:calc((2 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-space-3:calc((4 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-space-4:calc((6 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-space-5:calc((8 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-space-6:calc((12 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-space-7:calc((16 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-space-8:calc((18 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-space-9:calc((24 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-space-10:calc((32 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-space-11:calc((36 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-space-12:calc((48 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-space-13:calc((72 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-color-black:hsl(0, 0%, 0%);
-  --cds-global-color-white:hsl(0, 0%, 100%);
-  --cds-global-color-green-50:hsl(93, 80%, 94%);
-  --cds-global-color-green-100:hsl(93, 80%, 83%);
-  --cds-global-color-green-200:hsl(93, 80%, 70%);
-  --cds-global-color-green-300:hsl(93, 80%, 56%);
-  --cds-global-color-green-400:hsl(93, 80%, 48%);
-  --cds-global-color-green-500:hsl(93, 80%, 44%);
-  --cds-global-color-green-600:hsl(93, 80%, 37%);
-  --cds-global-color-green-700:hsl(93, 80%, 28%);
-  --cds-global-color-green-800:hsl(93, 80%, 23%);
-  --cds-global-color-green-900:hsl(93, 80%, 17%);
-  --cds-global-color-green-1000:hsl(93, 80%, 12%);
-  --cds-global-color-blue-50:hsl(198, 100%, 95%);
-  --cds-global-color-blue-100:hsl(198, 100%, 87%);
-  --cds-global-color-blue-200:hsl(198, 100%, 78%);
-  --cds-global-color-blue-300:hsl(198, 100%, 70%);
-  --cds-global-color-blue-400:hsl(198, 100%, 59%);
-  --cds-global-color-blue-500:hsl(198, 100%, 48%);
-  --cds-global-color-blue-600:hsl(198, 100%, 43%);
-  --cds-global-color-blue-700:hsl(198, 100%, 34%);
-  --cds-global-color-blue-800:hsl(198, 100%, 27%);
-  --cds-global-color-blue-900:hsl(198, 100%, 21%);
-  --cds-global-color-blue-1000:hsl(198, 100%, 15%);
-  --cds-global-color-violet-50:hsl(282, 100%, 97%);
-  --cds-global-color-violet-100:hsl(282, 80%, 91%);
-  --cds-global-color-violet-200:hsl(282, 73%, 83%);
-  --cds-global-color-violet-300:hsl(282, 66%, 74%);
-  --cds-global-color-violet-400:hsl(282, 60%, 65%);
-  --cds-global-color-violet-500:hsl(282, 60%, 57%);
-  --cds-global-color-violet-600:hsl(282, 60%, 49%);
-  --cds-global-color-violet-700:hsl(283, 80%, 36%);
-  --cds-global-color-violet-800:hsl(282, 100%, 26%);
-  --cds-global-color-violet-900:hsl(282, 100%, 19%);
-  --cds-global-color-violet-1000:hsl(282, 100%, 14%);
-  --cds-global-color-red-50:hsl(9, 100%, 97%);
-  --cds-global-color-red-100:hsl(9, 100%, 94%);
-  --cds-global-color-red-200:hsl(9, 100%, 88%);
-  --cds-global-color-red-300:hsl(9, 100%, 79%);
-  --cds-global-color-red-400:hsl(9, 100%, 71%);
-  --cds-global-color-red-500:hsl(9, 100%, 65%);
-  --cds-global-color-red-600:hsl(9, 100%, 60%);
-  --cds-global-color-red-700:hsl(9, 100%, 44%);
-  --cds-global-color-red-800:hsl(9, 100%, 38%);
-  --cds-global-color-red-900:hsl(9, 100%, 28%);
-  --cds-global-color-red-1000:hsl(9, 100%, 22%);
-  --cds-global-color-ochre-50:hsl(41, 100%, 96%);
-  --cds-global-color-ochre-100:hsl(41, 100%, 92%);
-  --cds-global-color-ochre-200:hsl(41, 100%, 86%);
-  --cds-global-color-ochre-300:hsl(41, 100%, 78%);
-  --cds-global-color-ochre-400:hsl(41, 100%, 70%);
-  --cds-global-color-ochre-500:hsl(40, 100%, 59%);
-  --cds-global-color-ochre-600:hsl(39, 100%, 50%);
-  --cds-global-color-ochre-700:hsl(38, 100%, 42%);
-  --cds-global-color-ochre-800:hsl(37, 100%, 32%);
-  --cds-global-color-ochre-900:hsl(36, 100%, 27%);
-  --cds-global-color-ochre-1000:hsl(35, 100%, 19%);
-  --cds-global-color-lavender-50:hsl(238, 100%, 96%);
-  --cds-global-color-lavender-100:hsl(238, 58%, 88%);
-  --cds-global-color-lavender-200:hsl(238, 53%, 79%);
-  --cds-global-color-lavender-300:hsl(238, 52%, 70%);
-  --cds-global-color-lavender-400:hsl(238, 58%, 64%);
-  --cds-global-color-lavender-500:hsl(238, 59%, 58%);
-  --cds-global-color-lavender-600:hsl(238, 60%, 52%);
-  --cds-global-color-lavender-700:hsl(238, 69%, 45%);
-  --cds-global-color-lavender-800:hsl(238, 100%, 32%);
-  --cds-global-color-lavender-900:hsl(238, 100%, 22%);
-  --cds-global-color-lavender-1000:hsl(238, 100%, 14%);
-  --cds-global-color-azure-50:hsl(211, 100%, 95%);
-  --cds-global-color-azure-100:hsl(211, 100%, 88%);
-  --cds-global-color-azure-200:hsl(211, 100%, 81%);
-  --cds-global-color-azure-300:hsl(211, 100%, 70%);
-  --cds-global-color-azure-400:hsl(211, 100%, 62%);
-  --cds-global-color-azure-500:hsl(211, 100%, 54%);
-  --cds-global-color-azure-600:hsl(211, 100%, 46%);
-  --cds-global-color-azure-700:hsl(211, 100%, 37%);
-  --cds-global-color-azure-800:hsl(211, 100%, 26%);
-  --cds-global-color-azure-900:hsl(211, 100%, 18%);
-  --cds-global-color-azure-1000:hsl(211, 100%, 14%);
-  --cds-global-color-aqua-50:hsl(184, 100%, 96%);
-  --cds-global-color-aqua-100:hsl(184, 100%, 86%);
-  --cds-global-color-aqua-200:hsl(184, 100%, 75%);
-  --cds-global-color-aqua-300:hsl(184, 100%, 62%);
-  --cds-global-color-aqua-400:hsl(184, 100%, 48%);
-  --cds-global-color-aqua-500:hsl(184, 100%, 43%);
-  --cds-global-color-aqua-600:hsl(184, 100%, 34%);
-  --cds-global-color-aqua-700:hsl(184, 100%, 25%);
-  --cds-global-color-aqua-800:hsl(184, 100%, 18%);
-  --cds-global-color-aqua-900:hsl(184, 100%, 13%);
-  --cds-global-color-aqua-1000:hsl(184, 100%, 10%);
-  --cds-global-color-jade-50:hsl(160, 83%, 95%);
-  --cds-global-color-jade-100:hsl(160, 82%, 88%);
-  --cds-global-color-jade-200:hsl(160, 78%, 78%);
-  --cds-global-color-jade-300:hsl(160, 69%, 65%);
-  --cds-global-color-jade-400:hsl(160, 69%, 53%);
-  --cds-global-color-jade-500:hsl(160, 64%, 45%);
-  --cds-global-color-jade-600:hsl(160, 69%, 36%);
-  --cds-global-color-jade-700:hsl(160, 64%, 30%);
-  --cds-global-color-jade-800:hsl(160, 100%, 21%);
-  --cds-global-color-jade-900:hsl(160, 70%, 21%);
-  --cds-global-color-jade-1000:hsl(160, 69%, 19%);
-  --cds-global-color-yellow-50:hsl(50, 100%, 95%);
-  --cds-global-color-yellow-100:hsl(50, 100%, 84%);
-  --cds-global-color-yellow-200:hsl(50, 100%, 73%);
-  --cds-global-color-yellow-300:hsl(50, 100%, 57%);
-  --cds-global-color-yellow-400:hsl(46, 100%, 52%);
-  --cds-global-color-yellow-500:hsl(44, 100%, 47%);
-  --cds-global-color-yellow-600:hsl(42, 100%, 42%);
-  --cds-global-color-yellow-700:hsl(40, 100%, 35%);
-  --cds-global-color-yellow-800:hsl(40, 100%, 26%);
-  --cds-global-color-yellow-900:hsl(40, 100%, 18%);
-  --cds-global-color-yellow-1000:hsl(40, 100%, 13%);
-  --cds-global-color-tangerine-50:hsl(25, 100%, 95%);
-  --cds-global-color-tangerine-100:hsl(25, 100%, 88%);
-  --cds-global-color-tangerine-200:hsl(25, 94%, 78%);
-  --cds-global-color-tangerine-300:hsl(25, 100%, 72%);
-  --cds-global-color-tangerine-400:hsl(25, 100%, 62%);
-  --cds-global-color-tangerine-500:hsl(25, 100%, 48%);
-  --cds-global-color-tangerine-600:hsl(25, 100%, 41%);
-  --cds-global-color-tangerine-700:hsl(25, 100%, 34%);
-  --cds-global-color-tangerine-800:hsl(25, 100%, 25%);
-  --cds-global-color-tangerine-900:hsl(25, 100%, 19%);
-  --cds-global-color-tangerine-1000:hsl(25, 100%, 15%);
-  --cds-global-color-magenta-50:hsl(345, 100%, 95%);
-  --cds-global-color-magenta-100:hsl(345, 100%, 87%);
-  --cds-global-color-magenta-200:hsl(345, 100%, 79%);
-  --cds-global-color-magenta-300:hsl(345, 100%, 70%);
-  --cds-global-color-magenta-400:hsl(345, 100%, 61%);
-  --cds-global-color-magenta-500:hsl(345, 81%, 50%);
-  --cds-global-color-magenta-600:hsl(345, 83%, 40%);
-  --cds-global-color-magenta-700:hsl(345, 91%, 31%);
-  --cds-global-color-magenta-800:hsl(345, 100%, 24%);
-  --cds-global-color-magenta-900:hsl(345, 100%, 19%);
-  --cds-global-color-magenta-1000:hsl(345, 100%, 15%);
-  --cds-global-color-pink-50:hsl(324, 100%, 97%);
-  --cds-global-color-pink-100:hsl(324, 95%, 91%);
-  --cds-global-color-pink-200:hsl(324, 84%, 81%);
-  --cds-global-color-pink-300:hsl(324, 78%, 70%);
-  --cds-global-color-pink-400:hsl(324, 78%, 62%);
-  --cds-global-color-pink-500:hsl(324, 64%, 51%);
-  --cds-global-color-pink-600:hsl(324, 80%, 39%);
-  --cds-global-color-pink-700:hsl(324, 100%, 30%);
-  --cds-global-color-pink-800:hsl(324, 100%, 24%);
-  --cds-global-color-pink-900:hsl(324, 100%, 18%);
-  --cds-global-color-pink-1000:hsl(324, 100%, 15%);
-  --cds-global-color-warm-gray-50:hsl(282, 3%, 97%);
-  --cds-global-color-warm-gray-100:hsl(282, 3%, 92%);
-  --cds-global-color-warm-gray-200:hsl(282, 3%, 84%);
-  --cds-global-color-warm-gray-300:hsl(282, 3%, 74%);
-  --cds-global-color-warm-gray-400:hsl(282, 3%, 63%);
-  --cds-global-color-warm-gray-500:hsl(282, 3%, 54%);
-  --cds-global-color-warm-gray-600:hsl(282, 3%, 43%);
-  --cds-global-color-warm-gray-700:hsl(282, 3%, 35%);
-  --cds-global-color-warm-gray-800:hsl(282, 3%, 28%);
-  --cds-global-color-warm-gray-900:hsl(282, 3%, 20%);
-  --cds-global-color-warm-gray-1000:hsl(282, 3%, 14%);
-  --cds-global-color-slate-50:hsl(238, 20%, 96%);
-  --cds-global-color-slate-100:hsl(238, 20%, 91%);
-  --cds-global-color-slate-200:hsl(238, 20%, 82%);
-  --cds-global-color-slate-300:hsl(238, 20%, 73%);
-  --cds-global-color-slate-400:hsl(238, 20%, 63%);
-  --cds-global-color-slate-500:hsl(238, 23%, 56%);
-  --cds-global-color-slate-600:hsl(238, 24%, 49%);
-  --cds-global-color-slate-700:hsl(238, 28%, 38%);
-  --cds-global-color-slate-800:hsl(238, 28%, 29%);
-  --cds-global-color-slate-900:hsl(238, 28%, 22%);
-  --cds-global-color-slate-1000:hsl(238, 28%, 14%);
-  --cds-global-color-ice-50:hsl(211, 100%, 97%);
-  --cds-global-color-ice-100:hsl(211, 58%, 90%);
-  --cds-global-color-ice-200:hsl(211, 53%, 81%);
-  --cds-global-color-ice-300:hsl(211, 49%, 70%);
-  --cds-global-color-ice-400:hsl(211, 47%, 62%);
-  --cds-global-color-ice-500:hsl(211, 47%, 53%);
-  --cds-global-color-ice-600:hsl(211, 56%, 44%);
-  --cds-global-color-ice-700:hsl(211, 69%, 34%);
-  --cds-global-color-ice-800:hsl(211, 69%, 27%);
-  --cds-global-color-ice-900:hsl(211, 100%, 20%);
-  --cds-global-color-ice-1000:hsl(211, 100%, 14%);
-  --cds-global-color-cool-gray-50:hsl(211, 20%, 96%);
-  --cds-global-color-cool-gray-100:hsl(211, 20%, 90%);
-  --cds-global-color-cool-gray-200:hsl(211, 20%, 81%);
-  --cds-global-color-cool-gray-300:hsl(211, 20%, 72%);
-  --cds-global-color-cool-gray-400:hsl(211, 20%, 61%);
-  --cds-global-color-cool-gray-500:hsl(211, 20%, 53%);
-  --cds-global-color-cool-gray-600:hsl(211, 20%, 44%);
-  --cds-global-color-cool-gray-700:hsl(211, 23%, 36%);
-  --cds-global-color-cool-gray-800:hsl(211, 30%, 28%);
-  --cds-global-color-cool-gray-900:hsl(211, 40%, 22%);
-  --cds-global-color-cool-gray-1000:hsl(211, 63%, 14%);
-  --cds-global-color-tan-50:hsl(41, 23%, 96%);
-  --cds-global-color-tan-100:hsl(41, 22%, 91%);
-  --cds-global-color-tan-200:hsl(41, 27%, 82%);
-  --cds-global-color-tan-300:hsl(41, 23%, 68%);
-  --cds-global-color-tan-400:hsl(41, 23%, 58%);
-  --cds-global-color-tan-500:hsl(41, 20%, 47%);
-  --cds-global-color-tan-600:hsl(41, 20%, 40%);
-  --cds-global-color-tan-700:hsl(41, 20%, 32%);
-  --cds-global-color-tan-800:hsl(41, 23%, 26%);
-  --cds-global-color-tan-900:hsl(41, 23%, 21%);
-  --cds-global-color-tan-1000:hsl(41, 22%, 16%);
-  --cds-global-color-construction-50:hsl(198, 36%, 96%);
-  --cds-global-color-construction-100:hsl(198, 20%, 91%);
-  --cds-global-color-construction-200:hsl(198, 14%, 82%);
-  --cds-global-color-construction-300:hsl(198, 10%, 71%);
-  --cds-global-color-construction-400:hsl(198, 9%, 56%);
-  --cds-global-color-construction-500:hsl(198, 10%, 46%);
-  --cds-global-color-construction-600:hsl(198, 14%, 36%);
-  --cds-global-color-construction-700:hsl(198, 19%, 28%);
-  --cds-global-color-construction-800:hsl(198, 23%, 23%);
-  --cds-global-color-construction-900:hsl(198, 28%, 18%);
-  --cds-global-color-construction-1000:hsl(198, 30%, 15%);
-  --cds-global-color-gray-0:hsl(0, 0%, 100%);
-  --cds-global-color-gray-50:hsl(0, 0%, 98%);
-  --cds-global-color-gray-100:hsl(0, 0%, 95%);
-  --cds-global-color-gray-200:hsl(0, 0%, 91%);
-  --cds-global-color-gray-300:hsl(0, 0%, 87%);
-  --cds-global-color-gray-400:hsl(0, 0%, 80%);
-  --cds-global-color-gray-500:hsl(0, 0%, 70%);
-  --cds-global-color-gray-600:hsl(0, 0%, 55%);
-  --cds-global-color-gray-700:hsl(0, 0%, 40%);
-  --cds-global-color-gray-800:hsl(0, 0%, 27%);
-  --cds-global-color-gray-900:hsl(0, 0%, 20%);
-  --cds-global-color-gray-1000:hsl(0, 0%, 0%);
-  --cds-global-typography-color-100:var(--cds-global-color-white);
-  --cds-global-typography-color-200:var(--cds-global-color-construction-600);
-  --cds-global-typography-color-300:var(--cds-global-color-construction-800);
-  --cds-global-typography-color-400:var(--cds-global-color-construction-900);
-  --cds-global-typography-color-500:var(--cds-global-color-black);
+  --cds-global-space-0: calc((0 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-space-1: calc((1 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-space-2: calc((2 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-space-3: calc((4 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-space-4: calc((6 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-space-5: calc((8 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-space-6: calc((12 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-space-7: calc((16 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-space-8: calc((18 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-space-9: calc((24 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-space-10: calc((32 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-space-11: calc((36 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-space-12: calc((48 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-space-13: calc((72 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-color-black: hsl(0, 0%, 0%);
+  --cds-global-color-white: hsl(0, 0%, 100%);
+  --cds-global-color-green-50: hsl(93, 80%, 94%);
+  --cds-global-color-green-100: hsl(93, 80%, 83%);
+  --cds-global-color-green-200: hsl(93, 80%, 70%);
+  --cds-global-color-green-300: hsl(93, 80%, 56%);
+  --cds-global-color-green-400: hsl(93, 80%, 48%);
+  --cds-global-color-green-500: hsl(93, 80%, 44%);
+  --cds-global-color-green-600: hsl(93, 80%, 37%);
+  --cds-global-color-green-700: hsl(93, 80%, 28%);
+  --cds-global-color-green-800: hsl(93, 80%, 23%);
+  --cds-global-color-green-900: hsl(93, 80%, 17%);
+  --cds-global-color-green-1000: hsl(93, 80%, 12%);
+  --cds-global-color-blue-50: hsl(198, 100%, 95%);
+  --cds-global-color-blue-100: hsl(198, 100%, 87%);
+  --cds-global-color-blue-200: hsl(198, 100%, 78%);
+  --cds-global-color-blue-300: hsl(198, 100%, 70%);
+  --cds-global-color-blue-400: hsl(198, 100%, 59%);
+  --cds-global-color-blue-500: hsl(198, 100%, 48%);
+  --cds-global-color-blue-600: hsl(198, 100%, 43%);
+  --cds-global-color-blue-700: hsl(198, 100%, 34%);
+  --cds-global-color-blue-800: hsl(198, 100%, 27%);
+  --cds-global-color-blue-900: hsl(198, 100%, 21%);
+  --cds-global-color-blue-1000: hsl(198, 100%, 15%);
+  --cds-global-color-violet-50: hsl(282, 100%, 97%);
+  --cds-global-color-violet-100: hsl(282, 80%, 91%);
+  --cds-global-color-violet-200: hsl(282, 73%, 83%);
+  --cds-global-color-violet-300: hsl(282, 66%, 74%);
+  --cds-global-color-violet-400: hsl(282, 60%, 65%);
+  --cds-global-color-violet-500: hsl(282, 60%, 57%);
+  --cds-global-color-violet-600: hsl(282, 60%, 49%);
+  --cds-global-color-violet-700: hsl(283, 80%, 36%);
+  --cds-global-color-violet-800: hsl(282, 100%, 26%);
+  --cds-global-color-violet-900: hsl(282, 100%, 19%);
+  --cds-global-color-violet-1000: hsl(282, 100%, 14%);
+  --cds-global-color-red-50: hsl(9, 100%, 97%);
+  --cds-global-color-red-100: hsl(9, 100%, 94%);
+  --cds-global-color-red-200: hsl(9, 100%, 88%);
+  --cds-global-color-red-300: hsl(9, 100%, 79%);
+  --cds-global-color-red-400: hsl(9, 100%, 71%);
+  --cds-global-color-red-500: hsl(9, 100%, 65%);
+  --cds-global-color-red-600: hsl(9, 100%, 60%);
+  --cds-global-color-red-700: hsl(9, 100%, 44%);
+  --cds-global-color-red-800: hsl(9, 100%, 38%);
+  --cds-global-color-red-900: hsl(9, 100%, 28%);
+  --cds-global-color-red-1000: hsl(9, 100%, 22%);
+  --cds-global-color-ochre-50: hsl(41, 100%, 96%);
+  --cds-global-color-ochre-100: hsl(41, 100%, 92%);
+  --cds-global-color-ochre-200: hsl(41, 100%, 86%);
+  --cds-global-color-ochre-300: hsl(41, 100%, 78%);
+  --cds-global-color-ochre-400: hsl(41, 100%, 70%);
+  --cds-global-color-ochre-500: hsl(40, 100%, 59%);
+  --cds-global-color-ochre-600: hsl(39, 100%, 50%);
+  --cds-global-color-ochre-700: hsl(38, 100%, 42%);
+  --cds-global-color-ochre-800: hsl(37, 100%, 32%);
+  --cds-global-color-ochre-900: hsl(36, 100%, 27%);
+  --cds-global-color-ochre-1000: hsl(35, 100%, 19%);
+  --cds-global-color-lavender-50: hsl(238, 100%, 96%);
+  --cds-global-color-lavender-100: hsl(238, 58%, 88%);
+  --cds-global-color-lavender-200: hsl(238, 53%, 79%);
+  --cds-global-color-lavender-300: hsl(238, 52%, 70%);
+  --cds-global-color-lavender-400: hsl(238, 58%, 64%);
+  --cds-global-color-lavender-500: hsl(238, 59%, 58%);
+  --cds-global-color-lavender-600: hsl(238, 60%, 52%);
+  --cds-global-color-lavender-700: hsl(238, 69%, 45%);
+  --cds-global-color-lavender-800: hsl(238, 100%, 32%);
+  --cds-global-color-lavender-900: hsl(238, 100%, 22%);
+  --cds-global-color-lavender-1000: hsl(238, 100%, 14%);
+  --cds-global-color-azure-50: hsl(211, 100%, 95%);
+  --cds-global-color-azure-100: hsl(211, 100%, 88%);
+  --cds-global-color-azure-200: hsl(211, 100%, 81%);
+  --cds-global-color-azure-300: hsl(211, 100%, 70%);
+  --cds-global-color-azure-400: hsl(211, 100%, 62%);
+  --cds-global-color-azure-500: hsl(211, 100%, 54%);
+  --cds-global-color-azure-600: hsl(211, 100%, 46%);
+  --cds-global-color-azure-700: hsl(211, 100%, 37%);
+  --cds-global-color-azure-800: hsl(211, 100%, 26%);
+  --cds-global-color-azure-900: hsl(211, 100%, 18%);
+  --cds-global-color-azure-1000: hsl(211, 100%, 14%);
+  --cds-global-color-aqua-50: hsl(184, 100%, 96%);
+  --cds-global-color-aqua-100: hsl(184, 100%, 86%);
+  --cds-global-color-aqua-200: hsl(184, 100%, 75%);
+  --cds-global-color-aqua-300: hsl(184, 100%, 62%);
+  --cds-global-color-aqua-400: hsl(184, 100%, 48%);
+  --cds-global-color-aqua-500: hsl(184, 100%, 43%);
+  --cds-global-color-aqua-600: hsl(184, 100%, 34%);
+  --cds-global-color-aqua-700: hsl(184, 100%, 25%);
+  --cds-global-color-aqua-800: hsl(184, 100%, 18%);
+  --cds-global-color-aqua-900: hsl(184, 100%, 13%);
+  --cds-global-color-aqua-1000: hsl(184, 100%, 10%);
+  --cds-global-color-jade-50: hsl(160, 83%, 95%);
+  --cds-global-color-jade-100: hsl(160, 82%, 88%);
+  --cds-global-color-jade-200: hsl(160, 78%, 78%);
+  --cds-global-color-jade-300: hsl(160, 69%, 65%);
+  --cds-global-color-jade-400: hsl(160, 69%, 53%);
+  --cds-global-color-jade-500: hsl(160, 64%, 45%);
+  --cds-global-color-jade-600: hsl(160, 69%, 36%);
+  --cds-global-color-jade-700: hsl(160, 64%, 30%);
+  --cds-global-color-jade-800: hsl(160, 100%, 21%);
+  --cds-global-color-jade-900: hsl(160, 70%, 21%);
+  --cds-global-color-jade-1000: hsl(160, 69%, 19%);
+  --cds-global-color-yellow-50: hsl(50, 100%, 95%);
+  --cds-global-color-yellow-100: hsl(50, 100%, 84%);
+  --cds-global-color-yellow-200: hsl(50, 100%, 73%);
+  --cds-global-color-yellow-300: hsl(50, 100%, 57%);
+  --cds-global-color-yellow-400: hsl(46, 100%, 52%);
+  --cds-global-color-yellow-500: hsl(44, 100%, 47%);
+  --cds-global-color-yellow-600: hsl(42, 100%, 42%);
+  --cds-global-color-yellow-700: hsl(40, 100%, 35%);
+  --cds-global-color-yellow-800: hsl(40, 100%, 26%);
+  --cds-global-color-yellow-900: hsl(40, 100%, 18%);
+  --cds-global-color-yellow-1000: hsl(40, 100%, 13%);
+  --cds-global-color-tangerine-50: hsl(25, 100%, 95%);
+  --cds-global-color-tangerine-100: hsl(25, 100%, 88%);
+  --cds-global-color-tangerine-200: hsl(25, 94%, 78%);
+  --cds-global-color-tangerine-300: hsl(25, 100%, 72%);
+  --cds-global-color-tangerine-400: hsl(25, 100%, 62%);
+  --cds-global-color-tangerine-500: hsl(25, 100%, 48%);
+  --cds-global-color-tangerine-600: hsl(25, 100%, 41%);
+  --cds-global-color-tangerine-700: hsl(25, 100%, 34%);
+  --cds-global-color-tangerine-800: hsl(25, 100%, 25%);
+  --cds-global-color-tangerine-900: hsl(25, 100%, 19%);
+  --cds-global-color-tangerine-1000: hsl(25, 100%, 15%);
+  --cds-global-color-magenta-50: hsl(345, 100%, 95%);
+  --cds-global-color-magenta-100: hsl(345, 100%, 87%);
+  --cds-global-color-magenta-200: hsl(345, 100%, 79%);
+  --cds-global-color-magenta-300: hsl(345, 100%, 70%);
+  --cds-global-color-magenta-400: hsl(345, 100%, 61%);
+  --cds-global-color-magenta-500: hsl(345, 81%, 50%);
+  --cds-global-color-magenta-600: hsl(345, 83%, 40%);
+  --cds-global-color-magenta-700: hsl(345, 91%, 31%);
+  --cds-global-color-magenta-800: hsl(345, 100%, 24%);
+  --cds-global-color-magenta-900: hsl(345, 100%, 19%);
+  --cds-global-color-magenta-1000: hsl(345, 100%, 15%);
+  --cds-global-color-pink-50: hsl(324, 100%, 97%);
+  --cds-global-color-pink-100: hsl(324, 95%, 91%);
+  --cds-global-color-pink-200: hsl(324, 84%, 81%);
+  --cds-global-color-pink-300: hsl(324, 78%, 70%);
+  --cds-global-color-pink-400: hsl(324, 78%, 62%);
+  --cds-global-color-pink-500: hsl(324, 64%, 51%);
+  --cds-global-color-pink-600: hsl(324, 80%, 39%);
+  --cds-global-color-pink-700: hsl(324, 100%, 30%);
+  --cds-global-color-pink-800: hsl(324, 100%, 24%);
+  --cds-global-color-pink-900: hsl(324, 100%, 18%);
+  --cds-global-color-pink-1000: hsl(324, 100%, 15%);
+  --cds-global-color-warm-gray-50: hsl(282, 3%, 97%);
+  --cds-global-color-warm-gray-100: hsl(282, 3%, 92%);
+  --cds-global-color-warm-gray-200: hsl(282, 3%, 84%);
+  --cds-global-color-warm-gray-300: hsl(282, 3%, 74%);
+  --cds-global-color-warm-gray-400: hsl(282, 3%, 63%);
+  --cds-global-color-warm-gray-500: hsl(282, 3%, 54%);
+  --cds-global-color-warm-gray-600: hsl(282, 3%, 43%);
+  --cds-global-color-warm-gray-700: hsl(282, 3%, 35%);
+  --cds-global-color-warm-gray-800: hsl(282, 3%, 28%);
+  --cds-global-color-warm-gray-900: hsl(282, 3%, 20%);
+  --cds-global-color-warm-gray-1000: hsl(282, 3%, 14%);
+  --cds-global-color-slate-50: hsl(238, 20%, 96%);
+  --cds-global-color-slate-100: hsl(238, 20%, 91%);
+  --cds-global-color-slate-200: hsl(238, 20%, 82%);
+  --cds-global-color-slate-300: hsl(238, 20%, 73%);
+  --cds-global-color-slate-400: hsl(238, 20%, 63%);
+  --cds-global-color-slate-500: hsl(238, 23%, 56%);
+  --cds-global-color-slate-600: hsl(238, 24%, 49%);
+  --cds-global-color-slate-700: hsl(238, 28%, 38%);
+  --cds-global-color-slate-800: hsl(238, 28%, 29%);
+  --cds-global-color-slate-900: hsl(238, 28%, 22%);
+  --cds-global-color-slate-1000: hsl(238, 28%, 14%);
+  --cds-global-color-ice-50: hsl(211, 100%, 97%);
+  --cds-global-color-ice-100: hsl(211, 58%, 90%);
+  --cds-global-color-ice-200: hsl(211, 53%, 81%);
+  --cds-global-color-ice-300: hsl(211, 49%, 70%);
+  --cds-global-color-ice-400: hsl(211, 47%, 62%);
+  --cds-global-color-ice-500: hsl(211, 47%, 53%);
+  --cds-global-color-ice-600: hsl(211, 56%, 44%);
+  --cds-global-color-ice-700: hsl(211, 69%, 34%);
+  --cds-global-color-ice-800: hsl(211, 69%, 27%);
+  --cds-global-color-ice-900: hsl(211, 100%, 20%);
+  --cds-global-color-ice-1000: hsl(211, 100%, 14%);
+  --cds-global-color-cool-gray-50: hsl(211, 20%, 96%);
+  --cds-global-color-cool-gray-100: hsl(211, 20%, 90%);
+  --cds-global-color-cool-gray-200: hsl(211, 20%, 81%);
+  --cds-global-color-cool-gray-300: hsl(211, 20%, 72%);
+  --cds-global-color-cool-gray-400: hsl(211, 20%, 61%);
+  --cds-global-color-cool-gray-500: hsl(211, 20%, 53%);
+  --cds-global-color-cool-gray-600: hsl(211, 20%, 44%);
+  --cds-global-color-cool-gray-700: hsl(211, 23%, 36%);
+  --cds-global-color-cool-gray-800: hsl(211, 30%, 28%);
+  --cds-global-color-cool-gray-900: hsl(211, 40%, 22%);
+  --cds-global-color-cool-gray-1000: hsl(211, 63%, 14%);
+  --cds-global-color-tan-50: hsl(41, 23%, 96%);
+  --cds-global-color-tan-100: hsl(41, 22%, 91%);
+  --cds-global-color-tan-200: hsl(41, 27%, 82%);
+  --cds-global-color-tan-300: hsl(41, 23%, 68%);
+  --cds-global-color-tan-400: hsl(41, 23%, 58%);
+  --cds-global-color-tan-500: hsl(41, 20%, 47%);
+  --cds-global-color-tan-600: hsl(41, 20%, 40%);
+  --cds-global-color-tan-700: hsl(41, 20%, 32%);
+  --cds-global-color-tan-800: hsl(41, 23%, 26%);
+  --cds-global-color-tan-900: hsl(41, 23%, 21%);
+  --cds-global-color-tan-1000: hsl(41, 22%, 16%);
+  --cds-global-color-construction-50: hsl(198, 36%, 96%);
+  --cds-global-color-construction-100: hsl(198, 20%, 91%);
+  --cds-global-color-construction-200: hsl(198, 14%, 82%);
+  --cds-global-color-construction-300: hsl(198, 10%, 71%);
+  --cds-global-color-construction-400: hsl(198, 9%, 56%);
+  --cds-global-color-construction-500: hsl(198, 10%, 46%);
+  --cds-global-color-construction-600: hsl(198, 14%, 36%);
+  --cds-global-color-construction-700: hsl(198, 19%, 28%);
+  --cds-global-color-construction-800: hsl(198, 23%, 23%);
+  --cds-global-color-construction-900: hsl(198, 28%, 18%);
+  --cds-global-color-construction-1000: hsl(198, 30%, 15%);
+  --cds-global-color-gray-0: hsl(0, 0%, 100%);
+  --cds-global-color-gray-50: hsl(0, 0%, 98%);
+  --cds-global-color-gray-100: hsl(0, 0%, 95%);
+  --cds-global-color-gray-200: hsl(0, 0%, 91%);
+  --cds-global-color-gray-300: hsl(0, 0%, 87%);
+  --cds-global-color-gray-400: hsl(0, 0%, 80%);
+  --cds-global-color-gray-500: hsl(0, 0%, 70%);
+  --cds-global-color-gray-600: hsl(0, 0%, 55%);
+  --cds-global-color-gray-700: hsl(0, 0%, 40%);
+  --cds-global-color-gray-800: hsl(0, 0%, 27%);
+  --cds-global-color-gray-900: hsl(0, 0%, 20%);
+  --cds-global-color-gray-1000: hsl(0, 0%, 0%);
+  --cds-global-typography-color-100: var(--cds-global-color-white);
+  --cds-global-typography-color-200: var(--cds-global-color-construction-600);
+  --cds-global-typography-color-300: var(--cds-global-color-construction-800);
+  --cds-global-typography-color-400: var(--cds-global-color-construction-900);
+  --cds-global-typography-color-500: var(--cds-global-color-black);
   --cds-global-typography-font-weight-light: 300;
   --cds-global-typography-font-weight-regular: 400;
   --cds-global-typography-font-weight-medium: 500;
   --cds-global-typography-font-weight-semibold: 600;
   --cds-global-typography-font-weight-bold: 600;
   --cds-global-typography-font-weight-extrabold: 600;
-  --cds-global-typography-font-size-0:calc((10 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-typography-font-size-1:calc((11 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-typography-font-size-2:calc((12 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-typography-font-size-3:calc((13 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-typography-font-size-4:calc((14 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-typography-font-size-5:calc((16 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-typography-font-size-6:calc((20 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-typography-font-size-7:calc((24 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-typography-font-size-8:calc((32 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-typography-font-size-9:calc((40 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-typography-font-size-0: calc((10 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-typography-font-size-1: calc((11 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-typography-font-size-2: calc((12 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-typography-font-size-3: calc((13 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-typography-font-size-4: calc((14 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-typography-font-size-5: calc((16 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-typography-font-size-6: calc((20 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-typography-font-size-7: calc((24 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-typography-font-size-8: calc((32 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-typography-font-size-9: calc((40 / var(--cds-global-base, 20)) * 1rem);
   --cds-global-typography-base-font-size: 125%;
-  --cds-global-typography-base-font-size-px:calc((20 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-typography-base-font-size-px: calc((20 / var(--cds-global-base, 20)) * 1rem);
   --cds-global-typography-font-family: "Clarity City", "Avenir Next", sans-serif;
   --cds-global-typography-header-font-family: "Clarity City", "Avenir Next", sans-serif;
   --cds-global-typography-monospace-font-family: ui-monospace, Consolas, Menlo, Monaco, monospace;
   --cds-global-typography-top-gap-height: 0.1475em;
   --cds-global-typography-ascender-height: 0.1703em;
   --cds-global-typography-x-height: 0.517em;
-  --cds-global-typography-link-color:var(--cds-global-color-blue-800);
-  --cds-global-typography-link-color-hover:var(--cds-global-color-blue-900);
-  --cds-global-typography-link-color-visited:var(--cds-global-color-lavender-600);
-  --cds-global-typography-link-color-visited-hover:var(--cds-global-color-lavender-700);
-  --cds-global-typography-body-font-size:calc((14 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-typography-link-color: var(--cds-global-color-blue-800);
+  --cds-global-typography-link-color-hover: var(--cds-global-color-blue-900);
+  --cds-global-typography-link-color-visited: var(--cds-global-color-lavender-600);
+  --cds-global-typography-link-color-visited-hover: var(--cds-global-color-lavender-700);
+  --cds-global-typography-body-font-size: calc((14 / var(--cds-global-base, 20)) * 1rem);
   --cds-global-typography-body-line-height: 1.42857em;
   --cds-global-typography-body-letter-spacing: -0.014286em;
   --cds-global-typography-body-font-weight: 400;
-  --cds-global-typography-display-font-size:calc((40 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-typography-display-font-size: calc((40 / var(--cds-global-base, 20)) * 1rem);
   --cds-global-typography-display-line-height: 1.1em;
   --cds-global-typography-display-letter-spacing: -0.0125em;
   --cds-global-typography-display-font-weight: 400;
-  --cds-global-typography-heading-font-size:calc((32 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-typography-heading-font-size: calc((32 / var(--cds-global-base, 20)) * 1rem);
   --cds-global-typography-heading-line-height: 1.125em;
   --cds-global-typography-heading-letter-spacing: -0.0125em;
   --cds-global-typography-heading-font-weight: 400;
-  --cds-global-typography-title-font-size:calc((24 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-typography-title-font-size: calc((24 / var(--cds-global-base, 20)) * 1rem);
   --cds-global-typography-title-line-height: 1.16667em;
   --cds-global-typography-title-letter-spacing: -0.008333em;
   --cds-global-typography-title-font-weight: 400;
-  --cds-global-typography-section-font-size:calc((20 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-typography-section-font-size: calc((20 / var(--cds-global-base, 20)) * 1rem);
   --cds-global-typography-section-line-height: 1.2em;
   --cds-global-typography-section-letter-spacing: -0.01em;
   --cds-global-typography-section-font-weight: 400;
-  --cds-global-typography-subsection-font-size:calc((16 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-typography-subsection-font-size: calc((16 / var(--cds-global-base, 20)) * 1rem);
   --cds-global-typography-subsection-line-height: 1.25em;
   --cds-global-typography-subsection-letter-spacing: -0.0125em;
   --cds-global-typography-subsection-font-weight: 400;
-  --cds-global-typography-message-font-size:calc((16 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-typography-message-font-size: calc((16 / var(--cds-global-base, 20)) * 1rem);
   --cds-global-typography-message-line-height: 1.25em;
   --cds-global-typography-message-letter-spacing: -0.0125em;
-  --cds-global-typography-message-font-weight:calc((400 / var(--cds-global-base, 20)) * 1rem);
-  --cds-global-typography-secondary-font-size:calc((13 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-typography-message-font-weight: calc((400 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-typography-secondary-font-size: calc((13 / var(--cds-global-base, 20)) * 1rem);
   --cds-global-typography-secondary-line-height: 1.23077em;
   --cds-global-typography-secondary-letter-spacing: -0.007692em;
   --cds-global-typography-secondary-font-weight: 400;
-  --cds-global-typography-caption-font-size:calc((11 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-typography-caption-font-size: calc((11 / var(--cds-global-base, 20)) * 1rem);
   --cds-global-typography-caption-line-height: 1.454545em;
   --cds-global-typography-caption-letter-spacing: 0.018182em;
   --cds-global-typography-caption-font-weight: 400;
-  --cds-global-typography-smallcaption-font-size:calc((10 / var(--cds-global-base, 20)) * 1rem);
+  --cds-global-typography-smallcaption-font-size: calc((10 / var(--cds-global-base, 20)) * 1rem);
   --cds-global-typography-smallcaption-line-height: 1.2em;
   --cds-global-typography-smallcaption-letter-spacing: 0.05em;
   --cds-global-typography-smallcaption-font-weight: 500;
@@ -332,75 +337,80 @@
   --cds-global-animation-duration-slow: 0.5s;
   --cds-global-animation-duration-slower: 0.7s;
   --cds-global-animation-duration-slowest: 0.8s;
-  --cds-global-animation-easing-primary:cubic-bezier(0, 0.99, 0, 0.99);
-  --cds-global-animation-easing-secondary:cubic-bezier(0, 1.5, 0.5, 1);
-  --cds-global-animation-easing-loop:cubic-bezier(0.17, 0.4, 0.8, 0.79);
+  --cds-global-animation-easing-primary: cubic-bezier(0,.99,0,.99);
+  --cds-global-animation-easing-secondary: cubic-bezier(0, 1.5, 0.5, 1);
+  --cds-global-animation-easing-loop: cubic-bezier(0.17, 0.4, 0.8, 0.79);
   --cds-global-base: 20;
-  --cds-alias-object-border-radius-100:calc((4 / var(--cds-global-base, 20)) * 1rem);
-  --cds-alias-object-border-radius-200:calc((12 / var(--cds-global-base, 20)) * 1rem);
+  --cds-alias-object-border-radius-100: calc((4 / var(--cds-global-base, 20)) * 1rem);
+  --cds-alias-object-border-radius-200: calc((12 / var(--cds-global-base, 20)) * 1rem);
   --cds-alias-object-border-radius-300: 50%;
-  --cds-alias-object-border-width-100:calc((1 / var(--cds-global-base, 20)) * 1rem);
-  --cds-alias-object-border-width-200:calc((2 / var(--cds-global-base, 20)) * 1rem);
-  --cds-alias-object-border-width-300:calc((3 / var(--cds-global-base, 20)) * 1rem);
-  --cds-alias-object-border-width-400:calc((4 / var(--cds-global-base, 20)) * 1rem);
-  --cds-alias-object-border-color:var(--cds-global-color-construction-200);
-  --cds-alias-object-border-color-tint:var(--cds-global-color-construction-100);
-  --cds-alias-object-border-color-shade:var(--cds-global-color-construction-300);
+  --cds-alias-object-border-width-100: calc((1 / var(--cds-global-base, 20)) * 1rem);
+  --cds-alias-object-border-width-200: calc((2 / var(--cds-global-base, 20)) * 1rem);
+  --cds-alias-object-border-width-300: calc((3 / var(--cds-global-base, 20)) * 1rem);
+  --cds-alias-object-border-width-400: calc((4 / var(--cds-global-base, 20)) * 1rem);
+  --cds-alias-object-border-color: var(--cds-global-color-construction-200);
+  --cds-alias-object-border-color-tint: var(--cds-global-color-construction-100);
+  --cds-alias-object-border-color-shade: var(--cds-global-color-construction-300);
   --cds-alias-object-shadow-100: 0 1px 3px 0 hsla(198, 30%, 15%, 0.5);
   --cds-alias-object-shadow-200: 0 1px 3px 0 hsla(198, 30%, 15%, 0.3);
   --cds-alias-object-shadow-300: 0 1px 3px 0 hsla(198, 30%, 15%, 0.2);
-  --cds-alias-object-opacity-0:hsla(0, 0%, 0%, 0);
-  --cds-alias-object-opacity-100:hsla(0, 0%, 0%, 0.2);
-  --cds-alias-object-opacity-200:hsla(0, 0%, 0%, 0.4);
-  --cds-alias-object-opacity-300:hsla(0, 0%, 0%, 0.6);
+  --cds-alias-object-opacity-0: hsla(0, 0%, 0%, 0);
+  --cds-alias-object-opacity-100: hsla(0, 0%, 0%, 0.2);
+  --cds-alias-object-opacity-200: hsla(0, 0%, 0%, 0.4);
+  --cds-alias-object-opacity-300: hsla(0, 0%, 0%, 0.6);
   --cds-alias-object-interaction-outline: Highlight solid 2px;
   --cds-alias-object-interaction-outline-webkit: 5px auto -webkit-focus-ring-color;
   --cds-alias-object-interaction-outline-offset: 1px;
-  --cds-alias-object-interaction-touch-target:calc((36 / var(--cds-global-base, 20)) * 1rem);
-  --cds-alias-object-interaction-border-color:var(--cds-global-color-construction-500);
-  --cds-alias-object-interaction-background:var(--cds-global-color-white);
-  --cds-alias-object-interaction-background-hover:var(--cds-global-color-blue-50);
-  --cds-alias-object-interaction-background-active:var(--cds-global-color-blue-100);
-  --cds-alias-object-interaction-background-selected:var(--cds-global-color-blue-50);
-  --cds-alias-object-interaction-background-disabled:var(--cds-global-color-white);
-  --cds-alias-object-interaction-background-highlight:var(--cds-global-color-blue-700);
-  --cds-alias-object-interaction-color:var(--cds-global-color-construction-700);
-  --cds-alias-object-interaction-color-hover:var(--cds-global-color-construction-1000);
-  --cds-alias-object-interaction-color-active:var(--cds-global-color-construction-1000);
-  --cds-alias-object-interaction-color-selected:var(--cds-global-color-construction-700);
-  --cds-alias-object-interaction-color-disabled:var(--cds-global-color-construction-300);
-  --cds-alias-object-app-background:var(--cds-global-color-gray-50);
-  --cds-alias-object-overlay-background:var(--cds-global-color-white);
-  --cds-alias-object-overlay-backdrop-background:hsla(0, 0%, 0%, 0.6);
-  --cds-alias-object-container-background:var(--cds-global-color-white);
-  --cds-alias-object-container-background-tint:var(--cds-global-color-construction-50);
-  --cds-alias-object-container-background-shade:var(--cds-global-color-construction-100);
-  --cds-alias-object-container-border-color:var(--cds-global-color-construction-200);
-  --cds-alias-status-info:var(--cds-global-color-blue-700);
-  --cds-alias-status-info-tint:var(--cds-global-color-blue-50);
-  --cds-alias-status-info-shade:var(--cds-global-color-blue-800);
-  --cds-alias-status-success:var(--cds-global-color-green-700);
-  --cds-alias-status-success-tint:var(--cds-global-color-green-50);
-  --cds-alias-status-success-shade:var(--cds-global-color-green-800);
-  --cds-alias-status-warning:var(--cds-global-color-ochre-500);
-  --cds-alias-status-warning-tint:var(--cds-global-color-ochre-100);
-  --cds-alias-status-warning-shade:var(--cds-global-color-ochre-600);
-  --cds-alias-status-warning-dark:var(--cds-global-color-ochre-800);
-  --cds-alias-status-danger:var(--cds-global-color-red-700);
-  --cds-alias-status-danger-tint:var(--cds-global-color-red-50);
-  --cds-alias-status-danger-shade:var(--cds-global-color-red-800);
-  --cds-alias-status-danger-dark:var(--cds-global-color-red-900);
-  --cds-alias-status-neutral:var(--cds-global-color-construction-600);
-  --cds-alias-status-neutral-tint:var(--cds-global-color-construction-50);
-  --cds-alias-status-neutral-shade:var(--cds-global-color-construction-700);
-  --cds-alias-status-disabled:var(--cds-global-color-construction-300);
-  --cds-alias-status-disabled-tint:var(--cds-global-color-construction-200);
-  --cds-alias-status-disabled-shade:var(--cds-global-color-construction-400);
-  --cds-alias-status-alt:var(--cds-global-color-violet-700);
-  --cds-alias-status-alt-tint:var(--cds-global-color-violet-600);
-  --cds-alias-status-alt-shade:var(--cds-global-color-violet-900);
-}
-
+  --cds-alias-object-interaction-touch-target: calc((36 / var(--cds-global-base, 20)) * 1rem);
+  --cds-alias-object-interaction-border-color: var(--cds-global-color-construction-500);
+  --cds-alias-object-interaction-background: var(--cds-global-color-white);
+  --cds-alias-object-interaction-background-hover: var(--cds-global-color-blue-50);
+  --cds-alias-object-interaction-background-active: var(--cds-global-color-blue-100);
+  --cds-alias-object-interaction-background-selected: var(--cds-global-color-blue-50);
+  --cds-alias-object-interaction-background-disabled: var(--cds-global-color-white);
+  --cds-alias-object-interaction-background-highlight: var(--cds-global-color-blue-700);
+  --cds-alias-object-interaction-color: var(--cds-global-color-construction-700);
+  --cds-alias-object-interaction-color-hover: var(--cds-global-color-construction-1000);
+  --cds-alias-object-interaction-color-active: var(--cds-global-color-construction-1000);
+  --cds-alias-object-interaction-color-selected: var(--cds-global-color-construction-700);
+  --cds-alias-object-interaction-color-disabled: var(--cds-global-color-construction-300);
+  --cds-alias-object-app-background: var(--cds-global-color-gray-50);
+  --cds-alias-object-overlay-background: var(--cds-global-color-white);
+  --cds-alias-object-overlay-backdrop-background: hsla(0, 0%, 0%, 0.6);
+  --cds-alias-object-container-background: var(--cds-global-color-white);
+  --cds-alias-object-container-background-tint: var(--cds-global-color-construction-50);
+  --cds-alias-object-container-background-shade: var(--cds-global-color-construction-100);
+  --cds-alias-object-container-border-color: var(--cds-global-color-construction-200);
+  --cds-alias-status-info: var(--cds-global-color-blue-700);
+  --cds-alias-status-info-tint: var(--cds-global-color-blue-50);
+  --cds-alias-status-info-shade: var(--cds-global-color-blue-800);
+  --cds-alias-status-success: var(--cds-global-color-green-700);
+  --cds-alias-status-success-tint: var(--cds-global-color-green-50);
+  --cds-alias-status-success-shade: var(--cds-global-color-green-800);
+  --cds-alias-status-warning: var(--cds-global-color-ochre-500);
+  --cds-alias-status-warning-tint: var(--cds-global-color-ochre-100);
+  --cds-alias-status-warning-shade: var(--cds-global-color-ochre-600);
+  --cds-alias-status-warning-dark: var(--cds-global-color-ochre-800);
+  --cds-alias-status-danger: var(--cds-global-color-red-700);
+  --cds-alias-status-danger-tint: var(--cds-global-color-red-50);
+  --cds-alias-status-danger-shade: var(--cds-global-color-red-800);
+  --cds-alias-status-danger-dark: var(--cds-global-color-red-900);
+  --cds-alias-status-neutral: var(--cds-global-color-construction-600);
+  --cds-alias-status-neutral-tint: var(--cds-global-color-construction-50);
+  --cds-alias-status-neutral-shade: var(--cds-global-color-construction-700);
+  --cds-alias-status-disabled: var(--cds-global-color-construction-300);
+  --cds-alias-status-disabled-tint: var(--cds-global-color-construction-200);
+  --cds-alias-status-disabled-shade: var(--cds-global-color-construction-400);
+  --cds-alias-status-alt: var(--cds-global-color-violet-700);
+  --cds-alias-status-alt-tint: var(--cds-global-color-violet-600);
+  --cds-alias-status-alt-shade: var(--cds-global-color-violet-900);
+}
+
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
 html {
   font-size: calc((var(--cds-global-base) / 16) * 100%);
   box-sizing: border-box !important;
@@ -441,6 +451,21 @@ html[cds-focus-trap] {
   height: 100vh;
 }
 
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
 [cds-text] {
   font-family: var(--cds-global-typography-font-family);
   margin-top: 0;
@@ -490,7 +515,9 @@ html[cds-focus-trap] {
   display: block;
   height: 0;
   width: 0;
-  margin-top: calc( (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-display-line-height) - 1em) / 2)) * -1) - 0.044em );
+  margin-top: calc(
+    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-display-line-height) - 1em) / 2)) * -1) - 0.044em
+  );
 }
 
 [cds-text*=heading] {
@@ -511,7 +538,9 @@ html[cds-focus-trap] {
   display: block;
   height: 0;
   width: 0;
-  margin-top: calc( (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-heading-line-height) - 1em) / 2)) * -1) - 0.044em );
+  margin-top: calc(
+    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-heading-line-height) - 1em) / 2)) * -1) - 0.044em
+  );
 }
 
 [cds-text*=title] {
@@ -532,7 +561,9 @@ html[cds-focus-trap] {
   display: block;
   height: 0;
   width: 0;
-  margin-top: calc( (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-title-line-height) - 1em) / 2)) * -1) - 0.044em );
+  margin-top: calc(
+    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-title-line-height) - 1em) / 2)) * -1) - 0.044em
+  );
 }
 
 [cds-text*=section] {
@@ -553,7 +584,9 @@ html[cds-focus-trap] {
   display: block;
   height: 0;
   width: 0;
-  margin-top: calc( (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-section-line-height) - 1em) / 2)) * -1) - 0.044em );
+  margin-top: calc(
+    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-section-line-height) - 1em) / 2)) * -1) - 0.044em
+  );
 }
 
 [cds-text*=subsection] {
@@ -574,7 +607,9 @@ html[cds-focus-trap] {
   display: block;
   height: 0;
   width: 0;
-  margin-top: calc( (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-subsection-line-height) - 1em) / 2)) * -1) - 0.044em );
+  margin-top: calc(
+    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-subsection-line-height) - 1em) / 2)) * -1) - 0.044em
+  );
 }
 
 [cds-text*=body] {
@@ -595,7 +630,9 @@ html[cds-focus-trap] {
   display: block;
   height: 0;
   width: 0;
-  margin-top: calc( (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-body-line-height) - 1em) / 2)) * -1) - 0.044em );
+  margin-top: calc(
+    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-body-line-height) - 1em) / 2)) * -1) - 0.044em
+  );
 }
 
 [cds-text*=message] {
@@ -616,7 +653,9 @@ html[cds-focus-trap] {
   display: block;
   height: 0;
   width: 0;
-  margin-top: calc( (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-message-line-height) - 1em) / 2)) * -1) - 0.044em );
+  margin-top: calc(
+    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-message-line-height) - 1em) / 2)) * -1) - 0.044em
+  );
 }
 
 [cds-text*=secondary] {
@@ -637,7 +676,9 @@ html[cds-focus-trap] {
   display: block;
   height: 0;
   width: 0;
-  margin-top: calc( (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-secondary-line-height) - 1em) / 2)) * -1) - 0.044em );
+  margin-top: calc(
+    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-secondary-line-height) - 1em) / 2)) * -1) - 0.044em
+  );
 }
 
 [cds-text*=caption] {
@@ -658,7 +699,9 @@ html[cds-focus-trap] {
   display: block;
   height: 0;
   width: 0;
-  margin-top: calc( (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-caption-line-height) - 1em) / 2)) * -1) - 0.044em );
+  margin-top: calc(
+    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-caption-line-height) - 1em) / 2)) * -1) - 0.044em
+  );
 }
 
 [cds-text*=smallcaption] {
@@ -679,7 +722,9 @@ html[cds-focus-trap] {
   display: block;
   height: 0;
   width: 0;
-  margin-top: calc( (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-smallcaption-line-height) - 1em) / 2)) * -1) - 0.044em );
+  margin-top: calc(
+    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-smallcaption-line-height) - 1em) / 2)) * -1) - 0.044em
+  );
 }
 
 [cds-text~=link] {
@@ -799,6 +844,16 @@ html[cds-focus-trap] {
   content: none;
 }
 
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
 [cds-text*=h0] {
   font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
   font-size: 2rem;
@@ -819,7 +874,9 @@ html[cds-focus-trap] {
   display: block;
   height: 0;
   width: 0;
-  margin-top: calc( (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.2em - 1em) / 2)) * -1) - 0.044em );
+  margin-top: calc(
+    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.2em - 1em) / 2)) * -1) - 0.044em
+  );
 }
 
 [cds-text*=h1] {
@@ -842,7 +899,9 @@ html[cds-focus-trap] {
   display: block;
   height: 0;
   width: 0;
-  margin-top: calc( (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.5em - 1em) / 2)) * -1) - 0.044em );
+  margin-top: calc(
+    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.5em - 1em) / 2)) * -1) - 0.044em
+  );
 }
 
 [cds-text*=h2] {
@@ -865,7 +924,9 @@ html[cds-focus-trap] {
   display: block;
   height: 0;
   width: 0;
-  margin-top: calc( (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.7143em - 1em) / 2)) * -1) - 0.044em );
+  margin-top: calc(
+    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.7143em - 1em) / 2)) * -1) - 0.044em
+  );
 }
 
 [cds-text*=h3] {
@@ -888,7 +949,9 @@ html[cds-focus-trap] {
   display: block;
   height: 0;
   width: 0;
-  margin-top: calc( (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.0909em - 1em) / 2)) * -1) - 0.044em );
+  margin-top: calc(
+    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.0909em - 1em) / 2)) * -1) - 0.044em
+  );
 }
 
 [cds-text*=h4] {
@@ -911,7 +974,9 @@ html[cds-focus-trap] {
   display: block;
   height: 0;
   width: 0;
-  margin-top: calc( (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.333333em - 1em) / 2)) * -1) - 0.044em );
+  margin-top: calc(
+    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.333333em - 1em) / 2)) * -1) - 0.044em
+  );
 }
 
 [cds-text*=h5] {
@@ -934,7 +999,9 @@ html[cds-focus-trap] {
   display: block;
   height: 0;
   width: 0;
-  margin-top: calc( (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.5em - 1em) / 2)) * -1) - 0.044em );
+  margin-top: calc(
+    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.5em - 1em) / 2)) * -1) - 0.044em
+  );
 }
 
 [cds-text*=h6] {
@@ -957,7 +1024,9 @@ html[cds-focus-trap] {
   display: block;
   height: 0;
   width: 0;
-  margin-top: calc( (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.5em - 1em) / 2)) * -1) - 0.044em );
+  margin-top: calc(
+    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.5em - 1em) / 2)) * -1) - 0.044em
+  );
 }
 
 [cds-text*=p0] {
@@ -979,7 +1048,9 @@ html[cds-focus-trap] {
   display: block;
   height: 0;
   width: 0;
-  margin-top: calc( (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.16667em - 1em) / 2)) * -1) - 0.044em );
+  margin-top: calc(
+    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.16667em - 1em) / 2)) * -1) - 0.044em
+  );
 }
 
 [cds-text*=p1] {
@@ -1001,7 +1072,9 @@ html[cds-focus-trap] {
   display: block;
   height: 0;
   width: 0;
-  margin-top: calc( (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.71429em - 1em) / 2)) * -1) - 0.044em );
+  margin-top: calc(
+    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.71429em - 1em) / 2)) * -1) - 0.044em
+  );
 }
 
 [cds-text*=p2] {
@@ -1023,7 +1096,9 @@ html[cds-focus-trap] {
   display: block;
   height: 0;
   width: 0;
-  margin-top: calc( (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.84615em - 1em) / 2)) * -1) - 0.044em );
+  margin-top: calc(
+    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.84615em - 1em) / 2)) * -1) - 0.044em
+  );
 }
 
 [cds-text*=p3] {
@@ -1045,7 +1120,9 @@ html[cds-focus-trap] {
   display: block;
   height: 0;
   width: 0;
-  margin-top: calc( (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.84615em - 1em) / 2)) * -1) - 0.044em );
+  margin-top: calc(
+    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.84615em - 1em) / 2)) * -1) - 0.044em
+  );
 }
 
 [cds-text*=p4] {
@@ -1067,7 +1144,9 @@ html[cds-focus-trap] {
   display: block;
   height: 0;
   width: 0;
-  margin-top: calc( (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((2em - 1em) / 2)) * -1) - 0.044em );
+  margin-top: calc(
+    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((2em - 1em) / 2)) * -1) - 0.044em
+  );
 }
 
 [cds-text*=p5] {
@@ -1089,7 +1168,9 @@ html[cds-focus-trap] {
   display: block;
   height: 0;
   width: 0;
-  margin-top: calc( (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((2em - 1em) / 2)) * -1) - 0.044em );
+  margin-top: calc(
+    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((2em - 1em) / 2)) * -1) - 0.044em
+  );
 }
 
 [cds-text*=p6] {
@@ -1111,7 +1192,9 @@ html[cds-focus-trap] {
   display: block;
   height: 0;
   width: 0;
-  margin-top: calc( (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.090909em - 1em) / 2)) * -1) - 0.044em );
+  margin-top: calc(
+    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.090909em - 1em) / 2)) * -1) - 0.044em
+  );
 }
 
 [cds-text*=p7] {
@@ -1133,7 +1216,9 @@ html[cds-focus-trap] {
   display: block;
   height: 0;
   width: 0;
-  margin-top: calc( (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.090909em - 1em) / 2)) * -1) - 0.044em );
+  margin-top: calc(
+    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.090909em - 1em) / 2)) * -1) - 0.044em
+  );
 }
 
 [cds-text*=p8] {
@@ -1155,20 +1240,47 @@ html[cds-focus-trap] {
   display: block;
   height: 0;
   width: 0;
-  margin-top: calc( (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.2em - 1em) / 2)) * -1) - 0.044em );
-}
-
+  margin-top: calc(
+    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.2em - 1em) / 2)) * -1) - 0.044em
+  );
+}
+
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
 :root,
 :host {
-  --δ1: var(--cds-global-layout-space-xxs, calc((2 / var(--cds-global-base, 20)) * 1rem));
-  --δ2: var(--cds-global-layout-space-xs, calc((4 / var(--cds-global-base, 20)) * 1rem));
-  --δ3: var(--cds-global-layout-space-sm, calc((6 / var(--cds-global-base, 20)) * 1rem));
-  --δ4: var(--cds-global-layout-space-md, calc((12 / var(--cds-global-base, 20)) * 1rem));
-  --δ5: var(--cds-global-layout-space-lg, calc((24 / var(--cds-global-base, 20)) * 1rem));
-  --δ6: var(--cds-global-layout-space-xl, calc((48 / var(--cds-global-base, 20)) * 1rem));
-  --δ7: var(--cds-global-layout-space-xxl, calc((96 / var(--cds-global-base, 20)) * 1rem));
-}
-
+  --δ1: var(--cds-global-layout-space-xxs, calc(2 / var(--cds-global-base, 20) * 1rem));
+  --δ2: var(--cds-global-layout-space-xs, calc(4 / var(--cds-global-base, 20) * 1rem));
+  --δ3: var(--cds-global-layout-space-sm, calc(6 / var(--cds-global-base, 20) * 1rem));
+  --δ4: var(--cds-global-layout-space-md, calc(12 / var(--cds-global-base, 20) * 1rem));
+  --δ5: var(--cds-global-layout-space-lg, calc(24 / var(--cds-global-base, 20) * 1rem));
+  --δ6: var(--cds-global-layout-space-xl, calc(48 / var(--cds-global-base, 20) * 1rem));
+  --δ7: var(--cds-global-layout-space-xxl, calc(96 / var(--cds-global-base, 20) * 1rem));
+}
+
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
 [cds-layout*="align:fill"] > * {
   flex-grow: 1 !important;
   flex-basis: 0 !important;
@@ -1282,9 +1394,12 @@ html[cds-focus-trap] {
     flex-grow: 0 !important;
   }
 }
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
 [cds-layout~=horizontal] {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
@@ -1725,10 +1840,13 @@ html[cds-focus-trap] {
     margin-right: auto !important;
   }
 }
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
 [cds-layout~=vertical] {
   width: 100%;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
@@ -2124,6 +2242,11 @@ html[cds-focus-trap] {
     margin-right: auto;
   }
 }
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
 [cds-layout~=grid] {
   display: grid;
   align-items: start;
@@ -4816,13 +4939,16 @@ html[cds-focus-trap] {
     justify-content: center;
   }
 }
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
 [cds-layout~="display:none"] {
   display: none !important;
 }
 
 [cds-layout~="display:flex"] {
-  display: -webkit-box !important;
-  display: -ms-flexbox !important;
   display: flex !important;
 }
 
@@ -4844,8 +4970,6 @@ html[cds-focus-trap] {
   }
 
   [cds-layout~="display@sm:flex"] {
-    display: -webkit-box !important;
-    display: -ms-flexbox !important;
     display: flex !important;
   }
 
@@ -4863,8 +4987,6 @@ html[cds-focus-trap] {
   }
 
   [cds-layout~="display@md:flex"] {
-    display: -webkit-box !important;
-    display: -ms-flexbox !important;
     display: flex !important;
   }
 
@@ -4882,8 +5004,6 @@ html[cds-focus-trap] {
   }
 
   [cds-layout~="display@lg:flex"] {
-    display: -webkit-box !important;
-    display: -ms-flexbox !important;
     display: flex !important;
   }
 
@@ -4901,8 +5021,6 @@ html[cds-focus-trap] {
   }
 
   [cds-layout~="display@xl:flex"] {
-    display: -webkit-box !important;
-    display: -ms-flexbox !important;
     display: flex !important;
   }
 
@@ -4929,6 +5047,11 @@ html[cds-focus-trap] {
   display: block !important;
 }
 
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
 [cds-layout*="gap:none"] {
   gap: 0;
 }
@@ -8006,6 +8129,11 @@ html[cds-focus-trap] {
     margin-left: var(--δ7) !important;
   }
 }
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
 [cds-layout=no-scrolling] {
   overflow: hidden !important;
 }