@bspk/ui 1.1.33 → 1.1.34

package/dist/styles/century-21.css.js

@@ -1,7 +1,7 @@
 /** * This file is generated by the build script.
 * Do not edit this file directly. */
 const style = document.createElement('style');
-style.appendChild(document.createTextNode(`/* Generated from figma export: 2025-05-01T18:43:34.841Z */
+style.appendChild(document.createTextNode(`/* Generated from figma export: 2025-07-08T20:32:21.402Z */
 
 @import url('https://fonts.googleapis.com/css2?family=Work%20Sans:ital,wght@0,100..900;1,100..900&display=swap');
 body {
@@ -41,6 +41,146 @@ body {
     --body-x-small-size: 12px;
     /* Body/X-Small - style */
     --body-x-small-style: regular;
+    /* Colors/Brands/Experiment/blue-dark/100 - Global (primitives) */
+    --colors-brands-experiment-blue-dark-100: #0a2f85;
+    /* Colors/Brands/Experiment/blue-dark/200 - Global (primitives) */
+    --colors-brands-experiment-blue-dark-200: #1347cc;
+    /* Colors/Brands/Experiment/blue-dark/300 - Global (primitives) */
+    --colors-brands-experiment-blue-dark-300: #0f59e2;
+    /* Colors/Brands/Experiment/blue-dark/400 - Global (primitives) */
+    --colors-brands-experiment-blue-dark-400: #357aea;
+    /* Colors/Brands/Experiment/blue-dark/50 - Global (primitives) */
+    --colors-brands-experiment-blue-dark-50: #181d34;
+    /* Colors/Brands/Experiment/blue-dark/500 - Global (primitives) */
+    --colors-brands-experiment-blue-dark-500: #2e88f6;
+    /* Colors/Brands/Experiment/blue-dark/600 - Global (primitives) */
+    --colors-brands-experiment-blue-dark-600: #50a1ff;
+    /* Colors/Brands/Experiment/blue-dark/700 - Global (primitives) */
+    --colors-brands-experiment-blue-dark-700: #7ab7ff;
+    /* Colors/Brands/Experiment/blue-dark/800 - Global (primitives) */
+    --colors-brands-experiment-blue-dark-800: #dcebfe;
+    /* Colors/Brands/Experiment/blue-dark/900 - Global (primitives) */
+    --colors-brands-experiment-blue-dark-900: #f0f6ff;
+    /* Colors/Brands/Experiment/blue-gray-dark/100 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-dark-100: #1a2332;
+    /* Colors/Brands/Experiment/blue-gray-dark/200 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-dark-200: #252e3c;
+    /* Colors/Brands/Experiment/blue-gray-dark/300 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-dark-300: #323b49;
+    /* Colors/Brands/Experiment/blue-gray-dark/400 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-dark-400: #5e6d82;
+    /* Colors/Brands/Experiment/blue-gray-dark/50 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-dark-50: #0c101c;
+    /* Colors/Brands/Experiment/blue-gray-dark/500 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-dark-500: #8b9bb2;
+    /* Colors/Brands/Experiment/blue-gray-dark/600 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-dark-600: #b1c0d2;
+    /* Colors/Brands/Experiment/blue-gray-dark/700 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-dark-700: #d4dce8;
+    /* Colors/Brands/Experiment/blue-gray-dark/800 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-dark-800: #e2ebf3;
+    /* Colors/Brands/Experiment/blue-gray-dark/900 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-dark-900: #f8fafc;
+    /* Colors/Brands/Experiment/blue-gray-light/100 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-light-100: #f1f5f9;
+    /* Colors/Brands/Experiment/blue-gray-light/200 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-light-200: #e1e7ef;
+    /* Colors/Brands/Experiment/blue-gray-light/300 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-light-300: #c8d6e5;
+    /* Colors/Brands/Experiment/blue-gray-light/400 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-light-400: #9eacc0;
+    /* Colors/Brands/Experiment/blue-gray-light/50 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-light-50: #f8fafc;
+    /* Colors/Brands/Experiment/blue-gray-light/500 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-light-500: #65758b;
+    /* Colors/Brands/Experiment/blue-gray-light/600 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-light-600: #48566a;
+    /* Colors/Brands/Experiment/blue-gray-light/700 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-light-700: #344256;
+    /* Colors/Brands/Experiment/blue-gray-light/800 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-light-800: #1d283a;
+    /* Colors/Brands/Experiment/blue-gray-light/900 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-light-900: #0f1729;
+    /* Colors/Brands/Experiment/blue-light/100 - Global (primitives) */
+    --colors-brands-experiment-blue-light-100: #dcebfe;
+    /* Colors/Brands/Experiment/blue-light/200 - Global (primitives) */
+    --colors-brands-experiment-blue-light-200: #bedbfe;
+    /* Colors/Brands/Experiment/blue-light/300 - Global (primitives) */
+    --colors-brands-experiment-blue-light-300: #91c3fd;
+    /* Colors/Brands/Experiment/blue-light/400 - Global (primitives) */
+    --colors-brands-experiment-blue-light-400: #61a6fa;
+    /* Colors/Brands/Experiment/blue-light/50 - Global (primitives) */
+    --colors-brands-experiment-blue-light-50: #f2f7ff;
+    /* Colors/Brands/Experiment/blue-light/500 - Global (primitives) */
+    --colors-brands-experiment-blue-light-500: #3479e9;
+    /* Colors/Brands/Experiment/blue-light/600 - Global (primitives) */
+    --colors-brands-experiment-blue-light-600: #1559ea;
+    /* Colors/Brands/Experiment/blue-light/700 - Global (primitives) */
+    --colors-brands-experiment-blue-light-700: #173fab;
+    /* Colors/Brands/Experiment/blue-light/800 - Global (primitives) */
+    --colors-brands-experiment-blue-light-800: #162f82;
+    /* Colors/Brands/Experiment/blue-light/900 - Global (primitives) */
+    --colors-brands-experiment-blue-light-900: #0c1736;
+    /* Colors/Brands/Experiment/Interactions/primary-dark-opacity-10 - Global (primitives) */
+    --colors-brands-experiment-interactions-primary-dark-opacity-10: #50a1ff1a;
+    /* Colors/Brands/Experiment/Interactions/primary-dark-opacity-12 - Global (primitives) */
+    --colors-brands-experiment-interactions-primary-dark-opacity-12: #50a1ff1f;
+    /* Colors/Brands/Experiment/Interactions/primary-dark-opacity-16 - Global (primitives) */
+    --colors-brands-experiment-interactions-primary-dark-opacity-16: #50a1ff29;
+    /* Colors/Brands/Experiment/Interactions/primary-dark-opacity-20 - Global (primitives) */
+    --colors-brands-experiment-interactions-primary-dark-opacity-20: #50a1ff33;
+    /* Colors/Brands/Experiment/Interactions/primary-dark-opacity-8 - Global (primitives) */
+    --colors-brands-experiment-interactions-primary-dark-opacity-8: #50a1ff14;
+    /* Colors/Brands/Experiment/Interactions/primary-light-opacity-10 - Global (primitives) */
+    --colors-brands-experiment-interactions-primary-light-opacity-10: #1559ea1a;
+    /* Colors/Brands/Experiment/Interactions/primary-light-opacity-12 - Global (primitives) */
+    --colors-brands-experiment-interactions-primary-light-opacity-12: #1559ea1f;
+    /* Colors/Brands/Experiment/Interactions/primary-light-opacity-16 - Global (primitives) */
+    --colors-brands-experiment-interactions-primary-light-opacity-16: #1559ea29;
+    /* Colors/Brands/Experiment/Interactions/primary-light-opacity-20 - Global (primitives) */
+    --colors-brands-experiment-interactions-primary-light-opacity-20: #1559ea33;
+    /* Colors/Brands/Experiment/Interactions/primary-light-opacity-8 - Global (primitives) */
+    --colors-brands-experiment-interactions-primary-light-opacity-8: #1559ea14;
+    /* Colors/Brands/Experiment/orange-dark/100 - Global (primitives) */
+    --colors-brands-experiment-orange-dark-100: #852c0f;
+    /* Colors/Brands/Experiment/orange-dark/200 - Global (primitives) */
+    --colors-brands-experiment-orange-dark-200: #ab4827;
+    /* Colors/Brands/Experiment/orange-dark/300 - Global (primitives) */
+    --colors-brands-experiment-orange-dark-300: #ce5a07;
+    /* Colors/Brands/Experiment/orange-dark/400 - Global (primitives) */
+    --colors-brands-experiment-orange-dark-400: #f27013;
+    /* Colors/Brands/Experiment/orange-dark/50 - Global (primitives) */
+    --colors-brands-experiment-orange-dark-50: #31160d;
+    /* Colors/Brands/Experiment/orange-dark/500 - Global (primitives) */
+    --colors-brands-experiment-orange-dark-500: #fb923c;
+    /* Colors/Brands/Experiment/orange-dark/600 - Global (primitives) */
+    --colors-brands-experiment-orange-dark-600: #fdba72;
+    /* Colors/Brands/Experiment/orange-dark/700 - Global (primitives) */
+    --colors-brands-experiment-orange-dark-700: #fed6a9;
+    /* Colors/Brands/Experiment/orange-dark/800 - Global (primitives) */
+    --colors-brands-experiment-orange-dark-800: #ffedd6;
+    /* Colors/Brands/Experiment/orange-dark/900 - Global (primitives) */
+    --colors-brands-experiment-orange-dark-900: #fff6eb;
+    /* Colors/Brands/Experiment/orange-light/100 - Global (primitives) */
+    --colors-brands-experiment-orange-light-100: #ffedd6;
+    /* Colors/Brands/Experiment/orange-light/200 - Global (primitives) */
+    --colors-brands-experiment-orange-light-200: #fed6a9;
+    /* Colors/Brands/Experiment/orange-light/300 - Global (primitives) */
+    --colors-brands-experiment-orange-light-300: #fdba72;
+    /* Colors/Brands/Experiment/orange-light/400 - Global (primitives) */
+    --colors-brands-experiment-orange-light-400: #fb923c;
+    /* Colors/Brands/Experiment/orange-light/50 - Global (primitives) */
+    --colors-brands-experiment-orange-light-50: #fff6eb;
+    /* Colors/Brands/Experiment/orange-light/500 - Global (primitives) */
+    --colors-brands-experiment-orange-light-500: #f67416;
+    /* Colors/Brands/Experiment/orange-light/600 - Global (primitives) */
+    --colors-brands-experiment-orange-light-600: #e4570c;
+    /* Colors/Brands/Experiment/orange-light/700 - Global (primitives) */
+    --colors-brands-experiment-orange-light-700: #b63c0b;
+    /* Colors/Brands/Experiment/orange-light/800 - Global (primitives) */
+    --colors-brands-experiment-orange-light-800: #80310f;
+    /* Colors/Brands/Experiment/orange-light/900 - Global (primitives) */
+    --colors-brands-experiment-orange-light-900: #471a0a;
     /* Colors/Internal/pink-00-light - Global (primitives) */
     --colors-internal-pink-00-light: #ff4f8d;
     /* Colors/Internal/pink-50-dark - Global (primitives) */
@@ -222,61 +362,61 @@ body {
     /* Colors/System/Spectrum/Data visual/gold-700 - Global (primitives) */
     --colors-system-spectrum-data-visual-gold-700: #ab922b;
     /* Colors/System/Spectrum/Data visual/Gradient/opacity-black - Global (primitives) */
-    --colors-system-spectrum-data-visual-gradient-opacity-black: #1f1f1f00;
+    --colors-system-spectrum-data-visual-gradient-opacity-black: #1f1f1f4d;
     /* Colors/System/Spectrum/Data visual/Gradient/opacity-white - Global (primitives) */
-    --colors-system-spectrum-data-visual-gradient-opacity-white: #ffffff00;
-    /* Colors/System/Spectrum/Data visual/Highlight/azure-1200 - Global (primitives) */
-    --colors-system-spectrum-data-visual-highlight-azure-1200: #154f70;
-    /* Colors/System/Spectrum/Data visual/Highlight/azure-400 - Global (primitives) */
-    --colors-system-spectrum-data-visual-highlight-azure-400: #dff0fa;
-    /* Colors/System/Spectrum/Data visual/Highlight/backrose-1400 - Global (primitives) */
-    --colors-system-spectrum-data-visual-highlight-backrose-1400: #0a001a;
-    /* Colors/System/Spectrum/Data visual/Highlight/blackrose-400 - Global (primitives) */
-    --colors-system-spectrum-data-visual-highlight-blackrose-400: #dcd9e0;
-    /* Colors/System/Spectrum/Data visual/Highlight/bronze-1400 - Global (primitives) */
-    --colors-system-spectrum-data-visual-highlight-bronze-1400: #3d261a;
-    /* Colors/System/Spectrum/Data visual/Highlight/bronze-400 - Global (primitives) */
-    --colors-system-spectrum-data-visual-highlight-bronze-400: #ebe4e1;
-    /* Colors/System/Spectrum/Data visual/Highlight/brown-dark-1400 - Global (primitives) */
-    --colors-system-spectrum-data-visual-highlight-brown-dark-1400: #3d1506;
-    /* Colors/System/Spectrum/Data visual/Highlight/brown-light-400 - Global (primitives) */
-    --colors-system-spectrum-data-visual-highlight-brown-light-400: #ebdfda;
-    /* Colors/System/Spectrum/Data visual/Highlight/cadet-gray-1400 - Global (primitives) */
-    --colors-system-spectrum-data-visual-highlight-cadet-gray-1400: #05252a;
-    /* Colors/System/Spectrum/Data visual/Highlight/cadet-gray-400 - Global (primitives) */
-    --colors-system-spectrum-data-visual-highlight-cadet-gray-400: #dae4e5;
-    /* Colors/System/Spectrum/Data visual/Highlight/cooper-1200 - Global (primitives) */
-    --colors-system-spectrum-data-visual-highlight-cooper-1200: #6b3f29;
-    /* Colors/System/Spectrum/Data visual/Highlight/cooper-400 - Global (primitives) */
-    --colors-system-spectrum-data-visual-highlight-cooper-400: #f9ece5;
-    /* Colors/System/Spectrum/Data visual/Highlight/gold-1200 - Global (primitives) */
-    --colors-system-spectrum-data-visual-highlight-gold-1200: #564916;
-    /* Colors/System/Spectrum/Data visual/Highlight/gold-400 - Global (primitives) */
-    --colors-system-spectrum-data-visual-highlight-gold-400: #f2efdf;
-    /* Colors/System/Spectrum/Data visual/Highlight/jade-1400 - Global (primitives) */
-    --colors-system-spectrum-data-visual-highlight-jade-1400: #1c4f3d;
-    /* Colors/System/Spectrum/Data visual/Highlight/jade-400 - Global (primitives) */
-    --colors-system-spectrum-data-visual-highlight-jade-400: #e1f0eb;
-    /* Colors/System/Spectrum/Data visual/Highlight/maroon-1400 - Global (primitives) */
-    --colors-system-spectrum-data-visual-highlight-maroon-1400: #2a0505;
-    /* Colors/System/Spectrum/Data visual/Highlight/maroon-400 - Global (primitives) */
-    --colors-system-spectrum-data-visual-highlight-maroon-400: #e5dada;
-    /* Colors/System/Spectrum/Data visual/Highlight/platinum-1400 - Global (primitives) */
-    --colors-system-spectrum-data-visual-highlight-platinum-1400: #404040;
-    /* Colors/System/Spectrum/Data visual/Highlight/platinum-400 - Global (primitives) */
-    --colors-system-spectrum-data-visual-highlight-platinum-400: #ececec;
-    /* Colors/System/Spectrum/Data visual/Highlight/sage-1400 - Global (primitives) */
-    --colors-system-spectrum-data-visual-highlight-sage-1400: #171a00;
-    /* Colors/System/Spectrum/Data visual/Highlight/sage-400 - Global (primitives) */
-    --colors-system-spectrum-data-visual-highlight-sage-400: #dfe0d9;
-    /* Colors/System/Spectrum/Data visual/Highlight/tanzanite-1400 - Global (primitives) */
-    --colors-system-spectrum-data-visual-highlight-tanzanite-1400: #052336;
-    /* Colors/System/Spectrum/Data visual/Highlight/tanzanite-400 - Global (primitives) */
-    --colors-system-spectrum-data-visual-highlight-tanzanite-400: #dae3e9;
-    /* Colors/System/Spectrum/Data visual/Highlight/violet-1400 - Global (primitives) */
-    --colors-system-spectrum-data-visual-highlight-violet-1400: #221a3d;
-    /* Colors/System/Spectrum/Data visual/Highlight/violet-400 - Global (primitives) */
-    --colors-system-spectrum-data-visual-highlight-violet-400: #e3e1eb;
+    --colors-system-spectrum-data-visual-gradient-opacity-white: #ffffff4d;
+    /* Colors/System/Spectrum/Data visual/Highlight/azure-400-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-azure-400-opacity: #7fc4ec4d;
+    /* Colors/System/Spectrum/Data visual/Highlight/azure-700-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-azure-700-opacity: #299de04d;
+    /* Colors/System/Spectrum/Data visual/Highlight/backrose-900-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-backrose-900-opacity: #958ca34d;
+    /* Colors/System/Spectrum/Data visual/Highlight/blackrose-1200-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-blackrose-1200-opacity: #1300334d;
+    /* Colors/System/Spectrum/Data visual/Highlight/bronze-1100-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-bronze-1100-opacity: #794b344d;
+    /* Colors/System/Spectrum/Data visual/Highlight/bronze-800-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-bronze-800-opacity: #af93854d;
+    /* Colors/System/Spectrum/Data visual/Highlight/brown-1200-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-brown-1200-opacity: #7a2a0b4d;
+    /* Colors/System/Spectrum/Data visual/Highlight/brown-900-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-brown-900-opacity: #b68a794d;
+    /* Colors/System/Spectrum/Data visual/Highlight/cadet-gray-1200-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-cadet-gray-1200-opacity: #094a534d;
+    /* Colors/System/Spectrum/Data visual/Highlight/cadet-gray-900-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-cadet-gray-900-opacity: #789ba04d;
+    /* Colors/System/Spectrum/Data visual/Highlight/cooper-500-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-cooper-500-opacity: #e6b2974d;
+    /* Colors/System/Spectrum/Data visual/Highlight/cooper-800-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-cooper-800-opacity: #d67e514d;
+    /* Colors/System/Spectrum/Data visual/Highlight/gold-400-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-gold-400-opacity: #cdbe804d;
+    /* Colors/System/Spectrum/Data visual/Highlight/gold-700-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-gold-700-opacity: #ab922b4d;
+    /* Colors/System/Spectrum/Data visual/Highlight/jade-600-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-jade-600-opacity: #88c5af4d;
+    /* Colors/System/Spectrum/Data visual/Highlight/jade-900-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-jade-900-opacity: #389e7a4d;
+    /* Colors/System/Spectrum/Data visual/Highlight/maroon-1200-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-maroon-1200-opacity: #5309094d;
+    /* Colors/System/Spectrum/Data visual/Highlight/maroon-900-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-maroon-900-opacity: #a984844d;
+    /* Colors/System/Spectrum/Data visual/Highlight/platinum-1000-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-platinum-1000-opacity: #7f7f7f4d;
+    /* Colors/System/Spectrum/Data visual/Highlight/platinum-700-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-platinum-700-opacity: #b2b2b24d;
+    /* Colors/System/Spectrum/Data visual/Highlight/sage-1200-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-sage-1200-opacity: #2d33004d;
+    /* Colors/System/Spectrum/Data visual/Highlight/sage-900-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-sage-900-opacity: #9699804d;
+    /* Colors/System/Spectrum/Data visual/Highlight/tanzanite-1200-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-tanzanite-1200-opacity: #0a466c4d;
+    /* Colors/System/Spectrum/Data visual/Highlight/tanzanite-900-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-tanzanite-900-opacity: #7899ae4d;
+    /* Colors/System/Spectrum/Data visual/Highlight/violet-1200-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-violet-1200-opacity: #4334794d;
+    /* Colors/System/Spectrum/Data visual/Highlight/violet-900-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-violet-900-opacity: #a19abc4d;
     /* Colors/System/Spectrum/Data visual/jade-600 - Global (primitives) */
     --colors-system-spectrum-data-visual-jade-600: #88c5af;
     /* Colors/System/Spectrum/Data visual/jade-900 - Global (primitives) */
@@ -453,10 +593,10 @@ body {
     --corner-radius-circular: 999px;
     /* Corner radius/None - Global (primitives) */
     --corner-radius-none: 0;
-    /* Data visual/category-06-highlight - Theme - Century 21 */
-    --data-visual-category-06-highlight: #ececec;
-    /* Data visual/category-6-highlight - Theme - Century 21 */
-    --data-visual-category-6-highlight: #ececec;
+    /* Data visual/category-06-highlight - Theme - 3.0 */
+    --data-visual-category-06-highlight: #7f7f7f4d;
+    /* Data visual/category-6-highlight - Theme - 3.0 */
+    --data-visual-category-6-highlight: #7f7f7f4d;
     /* East - navigation rails, drawers, sheets */
     --drop-shadow-east: 2px 0px 8px -2px #0000001a, 2px 0px 4px -2px #0000001f;
     /* Float */
@@ -471,20 +611,24 @@ body {
     --drop-shadow-south: 0px 2px 8px -2px #0000001a, 0px 2px 4px -2px #0000001f;
     /* West - side sheets */
     --drop-shadow-west: -8px 0px 8px -2px #0000001a, -5px 4px 4px -6px #00000026;
-    /* Foreground/Brand/on-inverse-primary - Theme - Century 21 */
-    --foreground-brand-on-inverse-primary: #b0a58a;
-    /* Foreground/Brand/on-brand-secondary - Theme - Century 21 */
-    --foreground-brand-on-secondary: #ffffff;
-    /* Foreground/Link text/subtle-inverse-hovered - Theme - Century 21 */
+    /* Foreground/Link text/subtle-inverse-hovered - Theme - 3.0 */
     --foreground-link-text-subtle-inverse-hovered: #e6e6e6;
-    /* Foreground/Link text/subtle-inverse-pressed - Theme - Century 21 */
+    /* Foreground/Link text/subtle-inverse-pressed - Theme - 3.0 */
     --foreground-link-text-subtle-inverse-pressed: #d1d1d1;
-    /* Foreground/Neutral/inverse-on-surface - Theme - Century 21 */
+    /* Foreground/Neutral/inverse-on-surface - Theme - 3.0 */
     --foreground-neutral-inverse-on-surface: #fafafa;
-    /* Foreground/Neutral/on-color - Theme - Century 21 */
+    /* Foreground/Neutral/on-color - Theme - 3.0 */
     --foreground-neutral-on-color: #ffffff;
-    /* Foreground/Neutral/on-inverse-surface - Theme - Century 21 */
+    /* Foreground/Neutral/on-inverse-surface - Theme - 3.0 */
     --foreground-neutral-on-inverse-surface: #fafafa;
+    /* Interaction/disabled-opacity - Theme - 3.0 */
+    --interaction-disabled-opacity: #0000000f;
+    /* Interaction/primary-disabled-opacity - Theme - 3.0 */
+    --interaction-primary-disabled-opacity: #1559ea1f;
+    /* Interaction/primary-hover-opacity - Theme - 3.0 */
+    --interaction-primary-hover-opacity: #1559ea1a;
+    /* Interaction/primary-press-opacity - Theme - 3.0 */
+    --interaction-primary-press-opacity: #1559ea33;
     /* Interactions/opacity-black-10 - Global (primitives) */
     --interactions-opacity-black-10: #0000001a;
     /* Interactions/opacity-black-16 - Global (primitives) */
@@ -573,18 +717,18 @@ body {
     --primary-75-dark: #1f1a0f;
     /* Colors/Brands/Century 21/Primary/85-light - Global (primitives) */
     --primary-85-light: #ebe9e2;
-    /* Radius/circular - Borders */
-    --radius-circular: 999px;
-    /* Radius/large - Borders */
-    --radius-large: 12px;
-    /* Radius/medium - Borders */
-    --radius-medium: 8px;
+    /* Radius/full - Borders */
+    --radius-full: 999px;
+    /* Radius/lg - Borders */
+    --radius-lg: 12px;
+    /* Radius/md - Borders */
+    --radius-md: 8px;
     /* Radius/none - Borders */
     --radius-none: 0;
-    /* Radius/small - Borders */
-    --radius-small: 4px;
-    /* Radius/x-large - Borders */
-    --radius-x-large: 16px;
+    /* Radius/sm - Borders */
+    --radius-sm: 4px;
+    /* Radius/xlg - Borders */
+    --radius-xlg: 16px;
     /* Colors/Brands/Century 21/Secondary/00-base - Global (primitives) */
     --secondary-00-base: #252526;
     /* Colors/Brands/Century 21/Secondary/15-dark - Global (primitives) */
@@ -658,21 +802,23 @@ body {
     /* Spacing/sizing-16 - Spacing & Sizing */
     --spacing-sizing-16: 64px;
     /* Spacing/sizing-17 - Spacing & Sizing */
-    --spacing-sizing-17: 72px;
+    --spacing-sizing-17: 68px;
     /* Spacing/sizing-18 - Spacing & Sizing */
-    --spacing-sizing-18: 80px;
+    --spacing-sizing-18: 72px;
     /* Spacing/sizing-19 - Spacing & Sizing */
-    --spacing-sizing-19: 96px;
+    --spacing-sizing-19: 80px;
     /* Spacing/sizing-20 - Spacing & Sizing */
-    --spacing-sizing-20: 104px;
+    --spacing-sizing-20: 96px;
     /* Spacing/sizing-21 - Spacing & Sizing */
-    --spacing-sizing-21: 120px;
+    --spacing-sizing-21: 104px;
     /* Spacing/sizing-22 - Spacing & Sizing */
-    --spacing-sizing-22: 128px;
+    --spacing-sizing-22: 120px;
     /* Spacing/sizing-23 - Spacing & Sizing */
-    --spacing-sizing-23: 148px;
+    --spacing-sizing-23: 128px;
     /* Spacing/sizing-24 - Spacing & Sizing */
-    --spacing-sizing-24: 152px;
+    --spacing-sizing-24: 148px;
+    /* Spacing/sizing-25 - Spacing & Sizing */
+    --spacing-sizing-25: 152px;
     /* Spacing/sizing-none - Spacing & Sizing */
     --spacing-sizing-none: 0;
     /* Spacings/1040 - Global (primitives) */
@@ -715,6 +861,8 @@ body {
     --spacings-600: 60px;
     /* Spacings/640 - Global (primitives) */
     --spacings-640: 64px;
+    /* Spacings/680 - Global (primitives) */
+    --spacings-680: 68px;
     /* Spacings/720 - Global (primitives) */
     --spacings-720: 72px;
     /* Spacings/80 - Global (primitives) */
@@ -725,16 +873,22 @@ body {
     --spacings-960: 96px;
     /* Spacings/None - Global (primitives) */
     --spacings-none: 0;
-    /* Status/on-error - Theme - Century 21 */
+    /* Status/on-error - Theme - 3.0 */
     --status-on-error: #ffffff;
-    /* Status/on-information - Theme - Century 21 */
+    /* Status/on-information - Theme - 3.0 */
     --status-on-information: #ffffff;
-    /* Status/on-informational - Theme - Century 21 */
+    /* Status/on-informational - Theme - 3.0 */
     --status-on-informational: #ffffff;
-    /* Status/on-success - Theme - Century 21 */
+    /* Status/on-success - Theme - 3.0 */
     --status-on-success: #ffffff;
-    /* Status/on-warning - Theme - Century 21 */
+    /* Status/on-warning - Theme - 3.0 */
     --status-on-warning: #141414;
+    /* Stroke/Neutral/focus-on-inverse - Theme - 3.0 */
+    --stroke-neutral-focus-on-inverse: #ffffff;
+    /* Stroke/Neutral/Interaction/inverse-focus - Theme - 3.0 */
+    --stroke-neutral-interaction-inverse-focus: #ffffff;
+    /* Stroke/Neutral/Interactions/inverse-focus - Theme - Century 21 */
+    --stroke-neutral-interactions-inverse-focus: #ffffff;
     /* Stroke/none - Borders */
     --stroke-none: 0;
     /* Stroke/thick - Borders */
@@ -743,7 +897,7 @@ body {
     --stroke-thicker: 4px;
     /* Stroke/thin - Borders */
     --stroke-thin: 1px;
-    /* Surface/Neutral/transparent - Theme - Century 21 */
+    /* Surface/Neutral/transparent - Theme - 3.0 */
     --surface-neutral-transparent: #ffffff00;
     /* Colors/Brands/Century 21/Tertiary/00-base - Global (primitives) */
     --tertiary-00-base: #746649;
@@ -1139,57 +1293,57 @@ body {
     /* Data visual/category-01 - Theme - Century 21 */
     --data-visual-category-01: #ab922b;
     /* Data visual/category-01-highlight - Theme - Century 21 */
-    --data-visual-category-01-highlight: #f2efdf;
+    --data-visual-category-01-highlight: #ab922b4d;
     /* Data visual/category-02 - Theme - Century 21 */
     --data-visual-category-02: #7a2a0b;
     /* Data visual/category-02-highlight - Theme - Century 21 */
-    --data-visual-category-02-highlight: #ebdfda;
+    --data-visual-category-02-highlight: #7a2a0b4d;
     /* Data visual/category-03 - Theme - Century 21 */
     --data-visual-category-03: #d67e51;
     /* Data visual/category-03-highlight - Theme - Century 21 */
-    --data-visual-category-03-highlight: #f9ece5;
+    --data-visual-category-03-highlight: #d67e514d;
     /* Data visual/category-04 - Theme - Century 21 */
     --data-visual-category-04: #2d3300;
     /* Data visual/category-04-highlight - Theme - Century 21 */
-    --data-visual-category-04-highlight: #dfe0d9;
+    --data-visual-category-04-highlight: #2d33004d;
     /* Data visual/category-05 - Theme - Century 21 */
     --data-visual-category-05: #794b34;
     /* Data visual/category-05-highlight - Theme - Century 21 */
-    --data-visual-category-05-highlight: #e5dada;
+    --data-visual-category-05-highlight: #5309094d;
     /* Data visual/category-06 - Theme - Century 21 */
     --data-visual-category-06: #7f7f7f;
     /* Data visual/category-07 - Theme - Century 21 */
     --data-visual-category-07: #530909;
     /* Data visual/category-07-highlight - Theme - Century 21 */
-    --data-visual-category-07-highlight: #ebe4e1;
+    --data-visual-category-07-highlight: #794b344d;
     /* Data visual/category-1 - Theme - Century 21 */
     --data-visual-category-1: #7a2a0b;
     /* Data visual/category-1-highlight - Theme - Century 21 */
-    --data-visual-category-1-highlight: #ebdfda;
+    --data-visual-category-1-highlight: #7a2a0b4d;
     /* Data visual/category-2 - Theme - Century 21 */
     --data-visual-category-2: #d67e51;
     /* Data visual/category-2-highlight - Theme - Century 21 */
-    --data-visual-category-2-highlight: #f9ece5;
+    --data-visual-category-2-highlight: #d67e514d;
     /* Data visual/category-3 - Theme - Century 21 */
     --data-visual-category-3: #2d3300;
     /* Data visual/category-3-highlight - Theme - Century 21 */
-    --data-visual-category-3-highlight: #dfe0d9;
+    --data-visual-category-3-highlight: #2d33004d;
     /* Data visual/category-4 - Theme - Century 21 */
     --data-visual-category-4: #ab922b;
     /* Data visual/category-4-highlight - Theme - Century 21 */
-    --data-visual-category-4-highlight: #f2efdf;
+    --data-visual-category-4-highlight: #ab922b4d;
     /* Data visual/category-5 - Theme - Century 21 */
     --data-visual-category-5: #530909;
     /* Data visual/category-5-highlight - Theme - Century 21 */
-    --data-visual-category-5-highlight: #e5dada;
+    --data-visual-category-5-highlight: #5309094d;
     /* Data visual/category-6 - Theme - Century 21 */
     --data-visual-category-6: #7f7f7f;
     /* Data visual/category-7 - Theme - Century 21 */
     --data-visual-category-7: #794b34;
     /* Data visual/category-7-highlight - Theme - Century 21 */
-    --data-visual-category-7-highlight: #ebe4e1;
+    --data-visual-category-7-highlight: #794b344d;
     /* Data visual/gradient-end - Theme - Century 21 */
-    --data-visual-gradient-end: #ffffff00;
+    --data-visual-gradient-end: #ffffff4d;
     /* Data visual/green - Theme - Century 21 */
     --data-visual-green: #258750;
     /* Data visual/green-highlight - Theme - Century 21 */
@@ -1206,10 +1360,14 @@ body {
     --data-visual-red: #d83a52;
     /* Data visual/red-highlight - Theme - Century 21 */
     --data-visual-red-highlight: #f9e1e5;
+    /* Foreground/Brand/on-inverse-primary - Theme - Century 21 */
+    --foreground-brand-on-inverse-primary: #b0a58a;
     /* Foreground/Brand/on-inverse-secondary - Theme - Century 21 */
     --foreground-brand-on-inverse-secondary: #7c7c7d;
     /* Foreground/Brand/on-brand-primary - Theme - Century 21 */
     --foreground-brand-on-primary: #ffffff;
+    /* Foreground/Brand/on-brand-secondary - Theme - Century 21 */
+    --foreground-brand-on-secondary: #ffffff;
     /* Foreground/Brand/brand-primary - Theme - Century 21 */
     --foreground-brand-primary: #7c693c;
     /* Foreground/Brand/brand-primary-depth - Theme - Century 21 */
@@ -1270,6 +1428,18 @@ body {
     --foreground-spectrum-teal: #01413c;
     /* Foreground/Spectrum/yellow - Theme - Century 21 */
     --foreground-spectrum-yellow: #7b5e18;
+    /* Interaction/brand-disabled-opacity - Theme - 3.0 */
+    --interaction-brand-disabled-opacity: #0000000f;
+    /* Interaction/brand-hover-opacity - Theme - 3.0 */
+    --interaction-brand-hover-opacity: #0000001a;
+    /* Interaction/brand-press-opacity - Theme - 3.0 */
+    --interaction-brand-press-opacity: #00000033;
+    /* Interaction/hover-opacity - Theme - 3.0 */
+    --interaction-hover-opacity: #00000014;
+    /* Interaction/link-active-opacity - Theme - 3.0 */
+    --interaction-link-active-opacity: #0000004d;
+    /* Interaction/press-opacity - Theme - 3.0 */
+    --interaction-press-opacity: #00000029;
     /* Interactions/brand-disabled-opacity - Theme - Century 21 */
     --interactions-brand-disabled-opacity: #0000000f;
     /* Interactions/brand-hover-opacity - Theme - Century 21 */
@@ -1348,6 +1518,12 @@ body {
     --stroke-neutral-high: #141414;
     /* Stroke/Neutral/neutral-high-contrast - Theme - Century 21 */
     --stroke-neutral-high-contrast: #141414;
+    /* Stroke/Neutral/Interaction/disabled-dark - Theme - 3.0 */
+    --stroke-neutral-interaction-disabled-dark: #48566a;
+    /* Stroke/Neutral/Interaction/disabled-light - Theme - 3.0 */
+    --stroke-neutral-interaction-disabled-light: #c8d6e5;
+    /* Stroke/Neutral/Interaction/focus - Theme - 3.0 */
+    --stroke-neutral-interaction-focus: #000000;
     /* Stroke/Neutral/Interactions/disabled-dark - Theme - Century 21 */
     --stroke-neutral-interactions-disabled-dark: #757575;
     /* Stroke/Neutral/Interactions/disabled-light - Theme - Century 21 */
@@ -1420,57 +1596,57 @@ body {
     /* Data visual/category-01 - Theme - Century 21 */
     --data-visual-category-01: #cdbe80;
     /* Data visual/category-01-highlight - Theme - Century 21 */
-    --data-visual-category-01-highlight: #564916;
+    --data-visual-category-01-highlight: #cdbe804d;
     /* Data visual/category-02 - Theme - Century 21 */
     --data-visual-category-02: #b68a79;
     /* Data visual/category-02-highlight - Theme - Century 21 */
-    --data-visual-category-02-highlight: #3d1506;
+    --data-visual-category-02-highlight: #b68a794d;
     /* Data visual/category-03 - Theme - Century 21 */
     --data-visual-category-03: #e6b297;
     /* Data visual/category-03-highlight - Theme - Century 21 */
-    --data-visual-category-03-highlight: #6b3f29;
+    --data-visual-category-03-highlight: #e6b2974d;
     /* Data visual/category-04 - Theme - Century 21 */
     --data-visual-category-04: #969980;
     /* Data visual/category-04-highlight - Theme - Century 21 */
-    --data-visual-category-04-highlight: #171a00;
+    --data-visual-category-04-highlight: #9699804d;
     /* Data visual/category-05 - Theme - Century 21 */
     --data-visual-category-05: #af9385;
     /* Data visual/category-05-highlight - Theme - Century 21 */
-    --data-visual-category-05-highlight: #2a0505;
+    --data-visual-category-05-highlight: #a984844d;
     /* Data visual/category-06 - Theme - Century 21 */
     --data-visual-category-06: #b2b2b2;
     /* Data visual/category-07 - Theme - Century 21 */
     --data-visual-category-07: #a98484;
     /* Data visual/category-07-highlight - Theme - Century 21 */
-    --data-visual-category-07-highlight: #3d261a;
+    --data-visual-category-07-highlight: #af93854d;
     /* Data visual/category-1 - Theme - Century 21 */
     --data-visual-category-1: #b68a79;
     /* Data visual/category-1-highlight - Theme - Century 21 */
-    --data-visual-category-1-highlight: #3d1506;
+    --data-visual-category-1-highlight: #b68a794d;
     /* Data visual/category-2 - Theme - Century 21 */
     --data-visual-category-2: #e6b297;
     /* Data visual/category-2-highlight - Theme - Century 21 */
-    --data-visual-category-2-highlight: #6b3f29;
+    --data-visual-category-2-highlight: #e6b2974d;
     /* Data visual/category-3 - Theme - Century 21 */
     --data-visual-category-3: #969980;
     /* Data visual/category-3-highlight - Theme - Century 21 */
-    --data-visual-category-3-highlight: #171a00;
+    --data-visual-category-3-highlight: #9699804d;
     /* Data visual/category-4 - Theme - Century 21 */
     --data-visual-category-4: #cdbe80;
     /* Data visual/category-4-highlight - Theme - Century 21 */
-    --data-visual-category-4-highlight: #564916;
+    --data-visual-category-4-highlight: #cdbe804d;
     /* Data visual/category-5 - Theme - Century 21 */
     --data-visual-category-5: #a98484;
     /* Data visual/category-5-highlight - Theme - Century 21 */
-    --data-visual-category-5-highlight: #2a0505;
+    --data-visual-category-5-highlight: #a984844d;
     /* Data visual/category-6 - Theme - Century 21 */
     --data-visual-category-6: #b2b2b2;
     /* Data visual/category-7 - Theme - Century 21 */
     --data-visual-category-7: #af9385;
     /* Data visual/category-7-highlight - Theme - Century 21 */
-    --data-visual-category-7-highlight: #3d261a;
+    --data-visual-category-7-highlight: #af93854d;
     /* Data visual/gradient-end - Theme - Century 21 */
-    --data-visual-gradient-end: #1f1f1f00;
+    --data-visual-gradient-end: #1f1f1f4d;
     /* Data visual/green - Theme - Century 21 */
     --data-visual-green: #7cb796;
     /* Data visual/green-highlight - Theme - Century 21 */
@@ -1487,10 +1663,14 @@ body {
     --data-visual-red: #e88997;
     /* Data visual/red-highlight - Theme - Century 21 */
     --data-visual-red-highlight: #4c141d;
+    /* Foreground/Brand/on-inverse-primary - Theme - Century 21 */
+    --foreground-brand-on-inverse-primary: #b0a58a;
     /* Foreground/Brand/on-inverse-secondary - Brand */
     --foreground-brand-on-inverse-secondary: #ffffff;
     /* Foreground/Brand/on-brand-primary - Theme - Century 21 */
     --foreground-brand-on-primary: #141414;
+    /* Foreground/Brand/on-brand-secondary - Brand */
+    --foreground-brand-on-secondary: #ffffff;
     /* Foreground/Brand/brand-primary - Theme - Century 21 */
     --foreground-brand-primary: #b0a58a;
     /* Foreground/Brand/brand-primary-depth - Theme - Century 21 */
@@ -1551,6 +1731,18 @@ body {
     --foreground-spectrum-teal: #74bbb4;
     /* Foreground/Spectrum/yellow - Theme - Century 21 */
     --foreground-spectrum-yellow: #fada8d;
+    /* Interaction/brand-disabled-opacity - Theme - 3.0 */
+    --interaction-brand-disabled-opacity: #ffffff0f;
+    /* Interaction/brand-hover-opacity - Theme - 3.0 */
+    --interaction-brand-hover-opacity: #ffffff1a;
+    /* Interaction/brand-press-opacity - Theme - 3.0 */
+    --interaction-brand-press-opacity: #ffffff33;
+    /* Interaction/hover-opacity - Theme - 3.0 */
+    --interaction-hover-opacity: #ffffff14;
+    /* Interaction/link-active-opacity - Theme - 3.0 */
+    --interaction-link-active-opacity: #ffffff4d;
+    /* Interaction/press-opacity - Theme - 3.0 */
+    --interaction-press-opacity: #ffffff29;
     /* Interactions/brand-disabled-opacity - Theme - Century 21 */
     --interactions-brand-disabled-opacity: #ffffff0f;
     /* Interactions/brand-hover-opacity - Theme - Century 21 */
@@ -1629,6 +1821,12 @@ body {
     --stroke-neutral-high: #fafafa;
     /* Stroke/Neutral/neutral-high-contrast - Theme - Century 21 */
     --stroke-neutral-high-contrast: #fafafa;
+    /* Stroke/Neutral/Interaction/disabled-dark - Theme - 3.0 */
+    --stroke-neutral-interaction-disabled-dark: #b1c0d2;
+    /* Stroke/Neutral/Interaction/disabled-light - Theme - 3.0 */
+    --stroke-neutral-interaction-disabled-light: #323b49;
+    /* Stroke/Neutral/Interaction/focus - Theme - 3.0 */
+    --stroke-neutral-interaction-focus: #ffffff;
     /* Stroke/Neutral/Interactions/disabled-dark - Theme - Century 21 */
     --stroke-neutral-interactions-disabled-dark: #424242;
     /* Stroke/Neutral/Interactions/disabled-light - Theme - Century 21 */