@cds/core 6.14.0 → 6.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,2 @@
1
- import{isBrowser as e}from"./environment.js";import{getAngularVersion as n,getAngularJSVersion as o,getReactVersion as t,getVueVersion as i}from"./framework.js";import{browserFeatures as s}from"./supports.js";import{LogService as r}from"../services/log.service.js";function w(){e()&&(window.CDS=window.CDS||{_version:[],_react:{version:void 0},_supports:s.supports,_isStateProxied:!1,_state:{focusTrapItems:[],layerElements:[],i18nRegistry:{},elementRegistry:{},iconRegistry:{},motionRegistry:{}},environment:{production:!1},getDetails:a,logDetails:d},function(){const e="6.14.0";window.CDS._version.indexOf(e)<0&&(window.CDS._version.push(e),document.querySelector("body")?.setAttribute("cds-version",window.CDS._version.join(" "))),window.CDS._version.length>1&&r.warn("Running more than one version of Clarity can cause unexpected issues. Please ensure only one version is loaded.")}(),window.CDS._isStateProxied||(window.CDS._isStateProxied=!0,window.CDS._state=new Proxy(window.CDS._state,{set:(e,n,o)=>{const t={key:n,prev:window.CDS._state[n],current:o};return e[n]=o,document.dispatchEvent(new CustomEvent("CDS_STATE_UPDATE",{detail:t})),!0}})))}function a(){return{versions:window.CDS._version,environment:window.CDS.environment,userAgent:navigator.userAgent,supports:window.CDS._supports,angularVersion:n(!1),angularJSVersion:o(!1),reactVersion:t(!1),vueVersion:i(!1),state:{...window.CDS._state,iconRegistry:Object.keys(window.CDS._state.iconRegistry),motionRegistry:Object.keys(window.CDS._state.motionRegistry),focusTrapRegistry:Object.keys(window.CDS._state.focusTrapItems.map((e=>e.focusTrapId)))}}}function d(){r.log(JSON.stringify(a(),null,2))}export{w as setupCDSGlobal};
1
+ import{isBrowser as e}from"./environment.js";import{getAngularVersion as n,getAngularJSVersion as o,getReactVersion as t,getVueVersion as i}from"./framework.js";import{browserFeatures as s}from"./supports.js";import{LogService as r}from"../services/log.service.js";function w(){e()&&(window.CDS=window.CDS||{_version:[],_react:{version:void 0},_supports:s.supports,_isStateProxied:!1,_state:{focusTrapItems:[],layerElements:[],i18nRegistry:{},elementRegistry:{},iconRegistry:{},motionRegistry:{}},environment:{production:!1},getDetails:a,logDetails:d},function(){const e="6.15.0";window.CDS._version.indexOf(e)<0&&(window.CDS._version.push(e),document.querySelector("body")?.setAttribute("cds-version",window.CDS._version.join(" "))),window.CDS._version.length>1&&r.warn("Running more than one version of Clarity can cause unexpected issues. Please ensure only one version is loaded.")}(),window.CDS._isStateProxied||(window.CDS._isStateProxied=!0,window.CDS._state=new Proxy(window.CDS._state,{set:(e,n,o)=>{const t={key:n,prev:window.CDS._state[n],current:o};return e[n]=o,document.dispatchEvent(new CustomEvent("CDS_STATE_UPDATE",{detail:t})),!0}})))}function a(){return{versions:window.CDS._version,environment:window.CDS.environment,userAgent:navigator.userAgent,supports:window.CDS._supports,angularVersion:n(!1),angularJSVersion:o(!1),reactVersion:t(!1),vueVersion:i(!1),state:{...window.CDS._state,iconRegistry:Object.keys(window.CDS._state.iconRegistry),motionRegistry:Object.keys(window.CDS._state.motionRegistry),focusTrapRegistry:Object.keys(window.CDS._state.focusTrapItems.map((e=>e.focusTrapId)))}}}function d(){r.log(JSON.stringify(a(),null,2))}export{w as setupCDSGlobal};
2
2
  //# sourceMappingURL=global.js.map
package/package.json CHANGED
@@ -255,5 +255,5 @@
255
255
  "./tokens/tokens.ios.swift": "./tokens/tokens.ios.swift",
256
256
  "./tokens/tokens.android.xml": "./tokens/tokens.android.xml"
257
257
  },
258
- "version": "6.14.0"
258
+ "version": "6.15.0"
259
259
  }
@@ -412,21 +412,28 @@
412
412
  --cds-alias-object-interaction-color-disabled: var(--cds-global-color-construction-300);
413
413
  --cds-alias-object-interaction-info-hover: var(--cds-global-color-blue-800);
414
414
  --cds-alias-object-interaction-info-click: var(--cds-global-color-blue-900);
415
+ --cds-alias-object-interaction-info-active: var(--cds-global-color-blue-900);
416
+ --cds-alias-object-interaction-info-selected: var(--cds-global-color-blue-900);
415
417
  --cds-alias-object-interaction-info-secondary-hover: var(--cds-global-color-blue-50);
416
418
  --cds-alias-object-interaction-success-hover: var(--cds-global-color-green-800);
417
419
  --cds-alias-object-interaction-success-click: var(--cds-global-color-green-900);
420
+ --cds-alias-object-interaction-success-active: var(--cds-global-color-green-900);
418
421
  --cds-alias-object-interaction-success-secondary-hover: var(--cds-global-color-green-50);
419
422
  --cds-alias-object-interaction-warning-hover: var(--cds-global-color-ochre-600);
420
- --cds-alias-object-interaction-warning-click: var(--cds-global-color-ochre-700);
423
+ --cds-alias-object-interaction-warning-click: var(--cds-global-color-green-900);
424
+ --cds-alias-object-interaction-warning-active: var(--cds-global-color-green-900);
421
425
  --cds-alias-object-interaction-warning-secondary-hover: var(--cds-global-color-ochre-50);
422
426
  --cds-alias-object-interaction-danger-hover: var(--cds-global-color-red-800);
423
427
  --cds-alias-object-interaction-danger-click: var(--cds-global-color-red-900);
428
+ --cds-alias-object-interaction-danger-active: var(--cds-global-color-red-900);
424
429
  --cds-alias-object-interaction-danger-secondary-hover: var(--cds-global-color-red-50);
425
430
  --cds-alias-object-interaction-neutral-hover: var(--cds-global-color-construction-700);
426
431
  --cds-alias-object-interaction-neutral-click: var(--cds-global-color-construction-800);
432
+ --cds-alias-object-interaction-neutral-active: var(--cds-global-color-construction-800);
427
433
  --cds-alias-object-interaction-neutral-secondary-hover: var(--cds-global-color-construction-50);
428
434
  --cds-alias-object-interaction-inverse-hover: var(--cds-global-color-construction-600);
429
435
  --cds-alias-object-interaction-inverse-click: var(--cds-global-color-construction-800);
436
+ --cds-alias-object-interaction-inverse-active: var(--cds-global-color-construction-800);
430
437
  --cds-alias-object-app-background: var(--cds-global-color-construction-25);
431
438
  --cds-alias-object-overlay-background: var(--cds-global-color-white);
432
439
  --cds-alias-object-overlay-backdrop-background: hsla(0, 0%, 0%, 0.6);
@@ -512,6 +519,8 @@
512
519
  --cds-alias-viz-severity-warning-light: var(--cds-global-color-yellow-400);
513
520
  --cds-alias-viz-severity-immediate: var(--cds-global-color-tangerine-400);
514
521
  --cds-alias-viz-severity-critical: var(--cds-global-color-red-700);
522
+ --cds-alias-viz-severity-free-space-fill: var(--cds-global-color-construction-100);
523
+ --cds-alias-viz-severity-free-space-border: var(--cds-global-color-construction-400);
515
524
  --cds-alias-viz-sequential-blue-50: var(--cds-global-color-blue-50);
516
525
  --cds-alias-viz-sequential-blue-100: var(--cds-global-color-blue-100);
517
526
  --cds-alias-viz-sequential-blue-200: var(--cds-global-color-blue-200);
@@ -1 +1 @@
1
- :root{--cds-global-base:20;--cds-global-scale-space:1;--cds-global-scale-layout-space:1;--cds-global-scale-typography:1;--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-layout-space-xxxs:calc(2 * var(--cds-internal-scale-1));--cds-global-layout-space-xxs:calc(4 * var(--cds-internal-scale-1));--cds-global-layout-space-xs:calc(8 * var(--cds-internal-scale-1));--cds-global-layout-space-sm:calc(12 * var(--cds-internal-scale-1));--cds-global-layout-space-md:calc(16 * var(--cds-internal-scale-1));--cds-global-layout-space-lg:calc(24 * var(--cds-internal-scale-1));--cds-global-layout-space-xl:calc(32 * var(--cds-internal-scale-1));--cds-global-layout-space-xxl:calc(48 * var(--cds-internal-scale-1));--cds-global-layout-space-xxxl:calc(64 * var(--cds-internal-scale-1));--cds-global-space-0:calc(0 * var(--cds-internal-scale-2));--cds-global-space-1:calc(1 * var(--cds-internal-scale-2));--cds-global-space-2:calc(2 * var(--cds-internal-scale-2));--cds-global-space-3:calc(4 * var(--cds-internal-scale-2));--cds-global-space-4:calc(6 * var(--cds-internal-scale-2));--cds-global-space-5:calc(8 * var(--cds-internal-scale-2));--cds-global-space-6:calc(12 * var(--cds-internal-scale-2));--cds-global-space-7:calc(16 * var(--cds-internal-scale-2));--cds-global-space-8:calc(18 * var(--cds-internal-scale-2));--cds-global-space-9:calc(24 * var(--cds-internal-scale-2));--cds-global-space-10:calc(32 * var(--cds-internal-scale-2));--cds-global-space-11:calc(36 * var(--cds-internal-scale-2));--cds-global-space-12:calc(48 * var(--cds-internal-scale-2));--cds-global-space-13:calc(64 * var(--cds-internal-scale-2));--cds-global-space-14:calc(72 * var(--cds-internal-scale-2));--cds-global-space-15:calc(96 * var(--cds-internal-scale-2));--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-25:hsl(198, 100%, 96%);--cds-global-color-blue-50:hsl(198, 100%, 95%);--cds-global-color-blue-75:hsl(198, 100%, 94%);--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%, 59%);--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%, 18%);--cds-global-color-jade-1000:hsl(160, 69%, 14%);--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%, 37%);--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-lime-50:hsl(66, 100%, 94%);--cds-global-color-lime-100:hsl(66, 95%, 83%);--cds-global-color-lime-200:hsl(66, 85%, 70%);--cds-global-color-lime-300:hsl(66, 80%, 58%);--cds-global-color-lime-400:hsl(66, 80%, 48%);--cds-global-color-lime-500:hsl(66, 90%, 41%);--cds-global-color-lime-600:hsl(66, 90%, 36%);--cds-global-color-lime-700:hsl(66, 100%, 28%);--cds-global-color-lime-800:hsl(66, 100%, 22%);--cds-global-color-lime-900:hsl(66, 100%, 12%);--cds-global-color-lime-1000:hsl(66, 100%, 7%);--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-25:hsl(198, 33%, 99%);--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-construction-1100:hsl(200, 31%, 13%);--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-450:var(--cds-global-color-construction-1000);--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-internal-scale-3));--cds-global-typography-font-size-1:calc(11 * var(--cds-internal-scale-3));--cds-global-typography-font-size-2:calc(12 * var(--cds-internal-scale-3));--cds-global-typography-font-size-3:calc(13 * var(--cds-internal-scale-3));--cds-global-typography-font-size-4:calc(14 * var(--cds-internal-scale-3));--cds-global-typography-font-size-5:calc(16 * var(--cds-internal-scale-3));--cds-global-typography-font-size-6:calc(20 * var(--cds-internal-scale-3));--cds-global-typography-font-size-7:calc(24 * var(--cds-internal-scale-3));--cds-global-typography-font-size-8:calc(32 * var(--cds-internal-scale-3));--cds-global-typography-font-size-9:calc(40 * var(--cds-internal-scale-3));--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-700);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-800);--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-link-on-colorbg:var(--cds-global-color-black);--cds-global-typography-body-font-size:calc(14 * var(--cds-internal-scale-3));--cds-global-typography-body-line-height:1.4285714em;--cds-global-typography-body-letter-spacing:-0.00714286em;--cds-global-typography-body-font-weight:400;--cds-global-typography-display-font-size:calc(40 * var(--cds-internal-scale-3));--cds-global-typography-display-line-height:1.1em;--cds-global-typography-display-letter-spacing:-0.0125em;--cds-global-typography-display-font-weight:500;--cds-global-typography-heading-font-size:calc(32 * var(--cds-internal-scale-3));--cds-global-typography-heading-line-height:1.125em;--cds-global-typography-heading-letter-spacing:-0.0125em;--cds-global-typography-heading-font-weight:500;--cds-global-typography-headline-font-size:calc(32 * var(--cds-internal-scale-3));--cds-global-typography-headline-line-height:1.125em;--cds-global-typography-headline-letter-spacing:-0.0125em;--cds-global-typography-headline-font-weight:500;--cds-global-typography-title-font-size:calc(24 * var(--cds-internal-scale-3));--cds-global-typography-title-line-height:1.333333em;--cds-global-typography-title-letter-spacing:-0.00833333em;--cds-global-typography-title-font-weight:500;--cds-global-typography-section-font-size:calc(20 * var(--cds-internal-scale-3));--cds-global-typography-section-line-height:1.2em;--cds-global-typography-section-letter-spacing:-0.01em;--cds-global-typography-section-font-weight:500;--cds-global-typography-subsection-font-size:calc(16 * var(--cds-internal-scale-3));--cds-global-typography-subsection-line-height:1.5em;--cds-global-typography-subsection-letter-spacing:-0.0125em;--cds-global-typography-subsection-font-weight:500;--cds-global-typography-message-font-size:calc(16 * var(--cds-internal-scale-3));--cds-global-typography-message-line-height:1.5em;--cds-global-typography-message-letter-spacing:-0.0125em;--cds-global-typography-message-font-weight:calc(400 * (1rem / var(--cds-global-base)));--cds-global-typography-secondary-font-size:calc(13 * var(--cds-internal-scale-3));--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-internal-scale-3));--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-internal-scale-3));--cds-global-typography-smallcaption-line-height:1.2em;--cds-global-typography-smallcaption-letter-spacing:0.05em;--cds-global-typography-smallcaption-font-weight:500;--cds-global-typography-info-hover:var(--cds-global-color-blue-800);--cds-global-typography-success-hover:var(--cds-global-color-green-800);--cds-global-typography-warning-hover:var(--cds-global-color-ochre-900);--cds-global-typography-danger-hover:var(--cds-global-color-red-800);--cds-global-typography-neutral-hover:var(--cds-global-color-construction-700);--cds-global-typography-disabled:var(--cds-global-color-construction-500);--cds-global-typography-disabled-button:var(--cds-global-color-construction-500);--cds-global-animation-duration-instant:0s;--cds-global-animation-duration-quickest:0.1s;--cds-global-animation-duration-quicker:0.15s;--cds-global-animation-duration-quick:0.2s;--cds-global-animation-duration-secondary:0.3s;--cds-global-animation-duration-primary:0.4s;--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,.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-alias-object-border-radius-100:calc(4 * (1rem / var(--cds-global-base)));--cds-alias-object-border-radius-200:calc(12 * (1rem / var(--cds-global-base)));--cds-alias-object-border-radius-300:50%;--cds-alias-object-border-width-100:calc(1 * (1rem / var(--cds-global-base)));--cds-alias-object-border-width-200:calc(2 * (1rem / var(--cds-global-base)));--cds-alias-object-border-width-300:calc(3 * (1rem / var(--cds-global-base)));--cds-alias-object-border-width-400:calc(4 * (1rem / var(--cds-global-base)));--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 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 hsla(198, 30%, 15%, 0.5);--cds-alias-object-shadow-200:0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 hsla(198, 30%, 15%, 0.3);--cds-alias-object-shadow-300:0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 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-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 * (1rem / var(--cds-global-base)));--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-construction-50);--cds-alias-object-interaction-background-active:var(--cds-global-color-construction-100);--cds-alias-object-interaction-background-selected:var(--cds-global-color-blue-75);--cds-alias-object-interaction-background-selected-hover:var(--cds-global-color-construction-100);--cds-alias-object-interaction-background-selected-active:var(--cds-global-color-construction-200);--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-background-shade:var(--cds-global-color-cool-gray-50);--cds-alias-object-interaction-background-shade-hover:var(--cds-global-color-construction-100);--cds-alias-object-interaction-background-shade-active:var(--cds-global-color-blue-75);--cds-alias-object-interaction-background-shade-selected:var(--cds-global-color-white);--cds-alias-object-interaction-background-shade-selected-hover:var(--cds-global-color-construction-100);--cds-alias-object-interaction-background-shade-selected-active:var(--cds-global-color-construction-200);--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-interaction-info-hover:var(--cds-global-color-blue-800);--cds-alias-object-interaction-info-click:var(--cds-global-color-blue-900);--cds-alias-object-interaction-info-secondary-hover:var(--cds-global-color-blue-50);--cds-alias-object-interaction-success-hover:var(--cds-global-color-green-800);--cds-alias-object-interaction-success-click:var(--cds-global-color-green-900);--cds-alias-object-interaction-success-secondary-hover:var(--cds-global-color-green-50);--cds-alias-object-interaction-warning-hover:var(--cds-global-color-ochre-600);--cds-alias-object-interaction-warning-click:var(--cds-global-color-ochre-700);--cds-alias-object-interaction-warning-secondary-hover:var(--cds-global-color-ochre-50);--cds-alias-object-interaction-danger-hover:var(--cds-global-color-red-800);--cds-alias-object-interaction-danger-click:var(--cds-global-color-red-900);--cds-alias-object-interaction-danger-secondary-hover:var(--cds-global-color-red-50);--cds-alias-object-interaction-neutral-hover:var(--cds-global-color-construction-700);--cds-alias-object-interaction-neutral-click:var(--cds-global-color-construction-800);--cds-alias-object-interaction-neutral-secondary-hover:var(--cds-global-color-construction-50);--cds-alias-object-interaction-inverse-hover:var(--cds-global-color-construction-600);--cds-alias-object-interaction-inverse-click:var(--cds-global-color-construction-800);--cds-alias-object-app-background:var(--cds-global-color-construction-25);--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-background-dark:var(--cds-global-color-cool-gray-50);--cds-alias-object-container-background-inverse:var(--cds-global-color-construction-600);--cds-alias-object-container-background-inverse-tint:var(--cds-global-color-construction-800);--cds-alias-object-container-background-inverse-shade:var(--cds-global-color-construction-500);--cds-alias-object-container-backdrop-background:hsla(0, 0%, 100%, 0.6);--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-utility-gray:var(--cds-global-color-construction-600);--cds-alias-utility-gray-tint:var(--cds-global-color-construction-50);--cds-alias-utility-gray-shade:var(--cds-global-color-construction-700);--cds-alias-utility-blue:var(--cds-global-color-blue-700);--cds-alias-utility-blue-tint:var(--cds-global-color-blue-50);--cds-alias-utility-blue-shade:var(--cds-global-color-blue-800);--cds-alias-utility-light-blue:var(--cds-global-color-blue-300);--cds-alias-utility-light-blue-tint:var(--cds-global-color-blue-50);--cds-alias-utility-light-blue-shade:var(--cds-global-color-blue-600);--cds-alias-utility-dark-blue:var(--cds-global-color-azure-800);--cds-alias-utility-dark-blue-tint:var(--cds-global-color-azure-50);--cds-alias-utility-dark-blue-shade:var(--cds-global-color-azure-1000);--cds-alias-utility-green:var(--cds-global-color-green-700);--cds-alias-utility-green-tint:var(--cds-global-color-green-50);--cds-alias-utility-green-shade:var(--cds-global-color-green-800);--cds-alias-utility-yellow:var(--cds-global-color-ochre-500);--cds-alias-utility-yellow-tint:var(--cds-global-color-ochre-100);--cds-alias-utility-yellow-shade:var(--cds-global-color-ochre-700);--cds-alias-utility-red:var(--cds-global-color-red-700);--cds-alias-utility-red-tint:var(--cds-global-color-red-50);--cds-alias-utility-red-shade:var(--cds-global-color-red-800);--cds-alias-utility-tangerine:var(--cds-global-color-tangerine-400);--cds-alias-utility-tangerine-tint:var(--cds-global-color-tangerine-50);--cds-alias-utility-tangerine-shade:var(--cds-global-color-tangerine-600);--cds-alias-utility-violet:var(--cds-global-color-violet-600);--cds-alias-utility-violet-tint:var(--cds-global-color-violet-50);--cds-alias-utility-violet-shade:var(--cds-global-color-violet-800);--cds-alias-viz-border:var(--cds-global-color-construction-1100);--cds-alias-viz-general-1-blue:var(--cds-global-color-blue-600);--cds-alias-viz-general-2-violet:var(--cds-global-color-violet-600);--cds-alias-viz-general-3-aqua:var(--cds-global-color-aqua-800);--cds-alias-viz-general-4-lime:var(--cds-global-color-lime-700);--cds-alias-viz-general-5-blue:var(--cds-global-color-blue-800);--cds-alias-viz-general-6-aqua:var(--cds-global-color-aqua-1000);--cds-alias-viz-general-7-violet:var(--cds-global-color-violet-800);--cds-alias-viz-general-8-lime:var(--cds-global-color-lime-900);--cds-alias-viz-general-9-blue:var(--cds-global-color-blue-700);--cds-alias-viz-general-10-lime:var(--cds-global-color-lime-1000);--cds-alias-viz-general-11-aqua:var(--cds-global-color-aqua-600);--cds-alias-viz-general-12-violet:var(--cds-global-color-violet-1000);--cds-alias-viz-general-13-violet:var(--cds-global-color-violet-700);--cds-alias-viz-general-14-blue:var(--cds-global-color-blue-1000);--cds-alias-viz-general-15-aqua:var(--cds-global-color-aqua-700);--cds-alias-viz-general-16-lime:var(--cds-global-color-lime-800);--cds-alias-viz-severity-neutral:var(--cds-global-color-construction-600);--cds-alias-viz-severity-success:var(--cds-global-color-green-700);--cds-alias-viz-severity-warning:var(--cds-global-color-yellow-700);--cds-alias-viz-severity-warning-light:var(--cds-global-color-yellow-400);--cds-alias-viz-severity-immediate:var(--cds-global-color-tangerine-400);--cds-alias-viz-severity-critical:var(--cds-global-color-red-700);--cds-alias-viz-sequential-blue-50:var(--cds-global-color-blue-50);--cds-alias-viz-sequential-blue-100:var(--cds-global-color-blue-100);--cds-alias-viz-sequential-blue-200:var(--cds-global-color-blue-200);--cds-alias-viz-sequential-blue-300:var(--cds-global-color-blue-300);--cds-alias-viz-sequential-blue-400:var(--cds-global-color-blue-400);--cds-alias-viz-sequential-blue-500:var(--cds-global-color-blue-500);--cds-alias-viz-sequential-blue-600:var(--cds-global-color-blue-600);--cds-alias-viz-sequential-blue-700:var(--cds-global-color-blue-700);--cds-alias-viz-sequential-blue-800:var(--cds-global-color-blue-800);--cds-alias-viz-sequential-blue-900:var(--cds-global-color-blue-900);--cds-alias-viz-sequential-blue-1000:var(--cds-global-color-blue-1000);--cds-alias-viz-sequential-violet-50:var(--cds-global-color-violet-50);--cds-alias-viz-sequential-violet-100:var(--cds-global-color-violet-100);--cds-alias-viz-sequential-violet-200:var(--cds-global-color-violet-200);--cds-alias-viz-sequential-violet-300:var(--cds-global-color-violet-300);--cds-alias-viz-sequential-violet-400:var(--cds-global-color-violet-400);--cds-alias-viz-sequential-violet-500:var(--cds-global-color-violet-500);--cds-alias-viz-sequential-violet-600:var(--cds-global-color-violet-600);--cds-alias-viz-sequential-violet-700:var(--cds-global-color-violet-700);--cds-alias-viz-sequential-violet-800:var(--cds-global-color-violet-800);--cds-alias-viz-sequential-violet-900:var(--cds-global-color-violet-900);--cds-alias-viz-sequential-violet-1000:var(--cds-global-color-violet-1000);--cds-alias-viz-sequential-ochre-50:var(--cds-global-color-ochre-50);--cds-alias-viz-sequential-ochre-100:var(--cds-global-color-ochre-100);--cds-alias-viz-sequential-ochre-200:var(--cds-global-color-ochre-200);--cds-alias-viz-sequential-ochre-300:var(--cds-global-color-ochre-300);--cds-alias-viz-sequential-ochre-400:var(--cds-global-color-ochre-400);--cds-alias-viz-sequential-ochre-500:var(--cds-global-color-ochre-500);--cds-alias-viz-sequential-ochre-600:var(--cds-global-color-ochre-600);--cds-alias-viz-sequential-ochre-700:var(--cds-global-color-ochre-700);--cds-alias-viz-sequential-ochre-800:var(--cds-global-color-ochre-800);--cds-alias-viz-sequential-ochre-900:var(--cds-global-color-ochre-900);--cds-alias-viz-sequential-ochre-1000:var(--cds-global-color-ochre-1000);--cds-alias-viz-sequential-aqua-50:var(--cds-global-color-aqua-50);--cds-alias-viz-sequential-aqua-100:var(--cds-global-color-aqua-100);--cds-alias-viz-sequential-aqua-200:var(--cds-global-color-aqua-200);--cds-alias-viz-sequential-aqua-300:var(--cds-global-color-aqua-300);--cds-alias-viz-sequential-aqua-400:var(--cds-global-color-aqua-400);--cds-alias-viz-sequential-aqua-500:var(--cds-global-color-aqua-500);--cds-alias-viz-sequential-aqua-600:var(--cds-global-color-aqua-600);--cds-alias-viz-sequential-aqua-700:var(--cds-global-color-aqua-700);--cds-alias-viz-sequential-aqua-800:var(--cds-global-color-aqua-800);--cds-alias-viz-sequential-aqua-900:var(--cds-global-color-aqua-900);--cds-alias-viz-sequential-aqua-1000:var(--cds-global-color-aqua-1000);--cds-alias-viz-sequential-green-50:var(--cds-global-color-green-50);--cds-alias-viz-sequential-green-100:var(--cds-global-color-green-100);--cds-alias-viz-sequential-green-200:var(--cds-global-color-green-200);--cds-alias-viz-sequential-green-300:var(--cds-global-color-green-300);--cds-alias-viz-sequential-green-400:var(--cds-global-color-green-400);--cds-alias-viz-sequential-green-500:var(--cds-global-color-green-500);--cds-alias-viz-sequential-green-600:var(--cds-global-color-green-600);--cds-alias-viz-sequential-green-700:var(--cds-global-color-green-700);--cds-alias-viz-sequential-green-800:var(--cds-global-color-green-800);--cds-alias-viz-sequential-green-900:var(--cds-global-color-green-900);--cds-alias-viz-sequential-green-1000:var(--cds-global-color-green-1000);--cds-alias-viz-sequential-red-50:var(--cds-global-color-red-50);--cds-alias-viz-sequential-red-100:var(--cds-global-color-red-100);--cds-alias-viz-sequential-red-200:var(--cds-global-color-red-200);--cds-alias-viz-sequential-red-300:var(--cds-global-color-red-300);--cds-alias-viz-sequential-red-400:var(--cds-global-color-red-400);--cds-alias-viz-sequential-red-500:var(--cds-global-color-red-500);--cds-alias-viz-sequential-red-600:var(--cds-global-color-red-600);--cds-alias-viz-sequential-red-700:var(--cds-global-color-red-700);--cds-alias-viz-sequential-red-800:var(--cds-global-color-red-800);--cds-alias-viz-sequential-red-900:var(--cds-global-color-red-900);--cds-alias-viz-sequential-red-1000:var(--cds-global-color-red-1000);--cds-alias-viz-diverging-violet-aqua-v-200:var(--cds-global-color-violet-200);--cds-alias-viz-diverging-violet-aqua-v-300:var(--cds-global-color-violet-300);--cds-alias-viz-diverging-violet-aqua-v-400:var(--cds-global-color-violet-400);--cds-alias-viz-diverging-violet-aqua-v-500:var(--cds-global-color-violet-500);--cds-alias-viz-diverging-violet-aqua-v-600:var(--cds-global-color-violet-600);--cds-alias-viz-diverging-violet-aqua-v-700:var(--cds-global-color-violet-700);--cds-alias-viz-diverging-violet-aqua-neutral:var(--cds-global-color-violet-50);--cds-alias-viz-diverging-violet-aqua-a-400:var(--cds-global-color-aqua-400);--cds-alias-viz-diverging-violet-aqua-a-500:var(--cds-global-color-aqua-500);--cds-alias-viz-diverging-violet-aqua-a-600:var(--cds-global-color-aqua-600);--cds-alias-viz-diverging-violet-aqua-a-700:var(--cds-global-color-aqua-700);--cds-alias-viz-diverging-violet-aqua-a-800:var(--cds-global-color-aqua-800);--cds-alias-viz-diverging-violet-aqua-a-900:var(--cds-global-color-aqua-900);--cds-alias-viz-diverging-blue-jade-b-300:var(--cds-global-color-blue-300);--cds-alias-viz-diverging-blue-jade-b-400:var(--cds-global-color-blue-400);--cds-alias-viz-diverging-blue-jade-b-500:var(--cds-global-color-blue-500);--cds-alias-viz-diverging-blue-jade-b-600:var(--cds-global-color-blue-600);--cds-alias-viz-diverging-blue-jade-b-700:var(--cds-global-color-blue-700);--cds-alias-viz-diverging-blue-jade-b-800:var(--cds-global-color-blue-800);--cds-alias-viz-diverging-blue-jade-neutral:var(--cds-global-color-blue-50);--cds-alias-viz-diverging-blue-jade-j-300:var(--cds-global-color-jade-300);--cds-alias-viz-diverging-blue-jade-j-400:var(--cds-global-color-jade-400);--cds-alias-viz-diverging-blue-jade-j-500:var(--cds-global-color-jade-500);--cds-alias-viz-diverging-blue-jade-j-600:var(--cds-global-color-jade-600);--cds-alias-viz-diverging-blue-jade-j-700:var(--cds-global-color-jade-700);--cds-alias-viz-diverging-blue-jade-j-800:var(--cds-global-color-jade-800);--cds-alias-viz-diverging-blue-green-b-300:var(--cds-global-color-blue-300);--cds-alias-viz-diverging-blue-green-b-400:var(--cds-global-color-blue-400);--cds-alias-viz-diverging-blue-green-b-500:var(--cds-global-color-blue-500);--cds-alias-viz-diverging-blue-green-b-600:var(--cds-global-color-blue-600);--cds-alias-viz-diverging-blue-green-b-700:var(--cds-global-color-blue-700);--cds-alias-viz-diverging-blue-green-b-800:var(--cds-global-color-blue-800);--cds-alias-viz-diverging-blue-green-neutral:var(--cds-global-color-blue-50);--cds-alias-viz-diverging-blue-green-g-300:var(--cds-global-color-green-300);--cds-alias-viz-diverging-blue-green-g-400:var(--cds-global-color-green-400);--cds-alias-viz-diverging-blue-green-g-500:var(--cds-global-color-green-500);--cds-alias-viz-diverging-blue-green-g-600:var(--cds-global-color-green-600);--cds-alias-viz-diverging-blue-green-g-700:var(--cds-global-color-green-700);--cds-alias-viz-diverging-blue-green-g-800:var(--cds-global-color-green-800);--cds-alias-viz-diverging-green-yellow-red-g-200:var(--cds-global-color-green-200);--cds-alias-viz-diverging-green-yellow-red-g-300:var(--cds-global-color-green-300);--cds-alias-viz-diverging-green-yellow-red-g-400:var(--cds-global-color-green-400);--cds-alias-viz-diverging-green-yellow-red-g-500:var(--cds-global-color-green-500);--cds-alias-viz-diverging-green-yellow-red-g-600:var(--cds-global-color-green-600);--cds-alias-viz-diverging-green-yellow-red-g-700:var(--cds-global-color-green-700);--cds-alias-viz-diverging-green-yellow-red-neutral:var(--cds-global-color-yellow-200);--cds-alias-viz-diverging-green-yellow-red-r-400:var(--cds-global-color-red-400);--cds-alias-viz-diverging-green-yellow-red-r-500:var(--cds-global-color-red-500);--cds-alias-viz-diverging-green-yellow-red-r-600:var(--cds-global-color-red-600);--cds-alias-viz-diverging-green-yellow-red-r-700:var(--cds-global-color-red-700);--cds-alias-viz-diverging-green-yellow-red-r-800:var(--cds-global-color-red-800);--cds-alias-viz-diverging-green-yellow-red-r-900:var(--cds-global-color-red-900);--cds-alias-typography-color-100:var(--cds-global-color-white);--cds-alias-typography-color-200:var(--cds-global-color-construction-600);--cds-alias-typography-color-300:var(--cds-global-color-construction-800);--cds-alias-typography-color-400:var(--cds-global-color-construction-900);--cds-alias-typography-color-450:var(--cds-global-color-construction-1000);--cds-alias-typography-color-500:var(--cds-global-color-black);--cds-alias-typography-font-weight-light:300;--cds-alias-typography-font-weight-regular:400;--cds-alias-typography-font-weight-medium:500;--cds-alias-typography-font-weight-semibold:600;--cds-alias-typography-font-weight-bold:600;--cds-alias-typography-font-weight-extrabold:600;--cds-alias-typography-font-size-0:calc(10 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-1:calc(11 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-2:calc(12 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-3:calc(13 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-4:calc(14 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-5:calc(16 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-6:calc(20 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-7:calc(24 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-8:calc(32 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-9:calc(40 * var(--cds-internal-scale-3));--cds-alias-typography-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-alias-typography-header-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-alias-typography-monospace-font-family:ui-monospace, Consolas, Menlo, Monaco, monospace;--cds-alias-typography-top-gap-height:0.1475em;--cds-alias-typography-ascender-height:0.1703em;--cds-alias-typography-x-height:0.517em;--cds-alias-typography-link-color:var(--cds-global-color-blue-700);--cds-alias-typography-link-color-hover:var(--cds-global-color-blue-800);--cds-alias-typography-link-color-visited:var(--cds-global-color-lavender-600);--cds-alias-typography-link-color-visited-hover:var(--cds-global-color-lavender-700);--cds-alias-typography-link-on-colorbg:var(--cds-global-color-black);--cds-alias-typography-body-font-size:calc(14 * var(--cds-internal-scale-3));--cds-alias-typography-body-line-height:1.4285714em;--cds-alias-typography-body-letter-spacing:-0.00714286em;--cds-alias-typography-body-font-weight:400;--cds-alias-typography-display-font-size:calc(40 * var(--cds-internal-scale-3));--cds-alias-typography-display-line-height:1.1em;--cds-alias-typography-display-letter-spacing:-0.0125em;--cds-alias-typography-display-font-weight:500;--cds-alias-typography-heading-font-size:calc(32 * var(--cds-internal-scale-3));--cds-alias-typography-heading-line-height:1.125em;--cds-alias-typography-heading-letter-spacing:-0.0125em;--cds-alias-typography-heading-font-weight:500;--cds-alias-typography-headline-font-size:calc(32 * var(--cds-internal-scale-3));--cds-alias-typography-headline-line-height:1.125em;--cds-alias-typography-headline-letter-spacing:-0.0125em;--cds-alias-typography-headline-font-weight:500;--cds-alias-typography-title-font-size:calc(24 * var(--cds-internal-scale-3));--cds-alias-typography-title-line-height:1.333333em;--cds-alias-typography-title-letter-spacing:-0.00833333em;--cds-alias-typography-title-font-weight:500;--cds-alias-typography-section-font-size:calc(20 * var(--cds-internal-scale-3));--cds-alias-typography-section-line-height:1.2em;--cds-alias-typography-section-letter-spacing:-0.01em;--cds-alias-typography-section-font-weight:500;--cds-alias-typography-subsection-font-size:calc(16 * var(--cds-internal-scale-3));--cds-alias-typography-subsection-line-height:1.5em;--cds-alias-typography-subsection-letter-spacing:-0.0125em;--cds-alias-typography-subsection-font-weight:500;--cds-alias-typography-message-font-size:calc(16 * var(--cds-internal-scale-3));--cds-alias-typography-message-line-height:1.5em;--cds-alias-typography-message-letter-spacing:-0.0125em;--cds-alias-typography-message-font-weight:calc(400 * (1rem / var(--cds-global-base)));--cds-alias-typography-secondary-font-size:calc(13 * var(--cds-internal-scale-3));--cds-alias-typography-secondary-line-height:1.23077em;--cds-alias-typography-secondary-letter-spacing:-0.007692em;--cds-alias-typography-secondary-font-weight:400;--cds-alias-typography-caption-font-size:calc(11 * var(--cds-internal-scale-3));--cds-alias-typography-caption-line-height:1.454545em;--cds-alias-typography-caption-letter-spacing:0.018182em;--cds-alias-typography-caption-font-weight:400;--cds-alias-typography-smallcaption-font-size:calc(10 * var(--cds-internal-scale-3));--cds-alias-typography-smallcaption-line-height:1.2em;--cds-alias-typography-smallcaption-letter-spacing:0.05em;--cds-alias-typography-smallcaption-font-weight:500;--cds-alias-typography-info-hover:var(--cds-global-color-blue-800);--cds-alias-typography-success-hover:var(--cds-global-color-green-800);--cds-alias-typography-warning-hover:var(--cds-global-color-ochre-900);--cds-alias-typography-danger-hover:var(--cds-global-color-red-800);--cds-alias-typography-neutral-hover:var(--cds-global-color-construction-700);--cds-alias-typography-disabled:var(--cds-global-color-construction-500);--cds-alias-typography-disabled-button:var(--cds-global-color-construction-500);--cds-internal-scale-1:calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-layout-space));--cds-internal-scale-2:calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-space));--cds-internal-scale-3:calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-typography))}
1
+ :root{--cds-global-base:20;--cds-global-scale-space:1;--cds-global-scale-layout-space:1;--cds-global-scale-typography:1;--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-layout-space-xxxs:calc(2 * var(--cds-internal-scale-1));--cds-global-layout-space-xxs:calc(4 * var(--cds-internal-scale-1));--cds-global-layout-space-xs:calc(8 * var(--cds-internal-scale-1));--cds-global-layout-space-sm:calc(12 * var(--cds-internal-scale-1));--cds-global-layout-space-md:calc(16 * var(--cds-internal-scale-1));--cds-global-layout-space-lg:calc(24 * var(--cds-internal-scale-1));--cds-global-layout-space-xl:calc(32 * var(--cds-internal-scale-1));--cds-global-layout-space-xxl:calc(48 * var(--cds-internal-scale-1));--cds-global-layout-space-xxxl:calc(64 * var(--cds-internal-scale-1));--cds-global-space-0:calc(0 * var(--cds-internal-scale-2));--cds-global-space-1:calc(1 * var(--cds-internal-scale-2));--cds-global-space-2:calc(2 * var(--cds-internal-scale-2));--cds-global-space-3:calc(4 * var(--cds-internal-scale-2));--cds-global-space-4:calc(6 * var(--cds-internal-scale-2));--cds-global-space-5:calc(8 * var(--cds-internal-scale-2));--cds-global-space-6:calc(12 * var(--cds-internal-scale-2));--cds-global-space-7:calc(16 * var(--cds-internal-scale-2));--cds-global-space-8:calc(18 * var(--cds-internal-scale-2));--cds-global-space-9:calc(24 * var(--cds-internal-scale-2));--cds-global-space-10:calc(32 * var(--cds-internal-scale-2));--cds-global-space-11:calc(36 * var(--cds-internal-scale-2));--cds-global-space-12:calc(48 * var(--cds-internal-scale-2));--cds-global-space-13:calc(64 * var(--cds-internal-scale-2));--cds-global-space-14:calc(72 * var(--cds-internal-scale-2));--cds-global-space-15:calc(96 * var(--cds-internal-scale-2));--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-25:hsl(198, 100%, 96%);--cds-global-color-blue-50:hsl(198, 100%, 95%);--cds-global-color-blue-75:hsl(198, 100%, 94%);--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%, 59%);--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%, 18%);--cds-global-color-jade-1000:hsl(160, 69%, 14%);--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%, 37%);--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-lime-50:hsl(66, 100%, 94%);--cds-global-color-lime-100:hsl(66, 95%, 83%);--cds-global-color-lime-200:hsl(66, 85%, 70%);--cds-global-color-lime-300:hsl(66, 80%, 58%);--cds-global-color-lime-400:hsl(66, 80%, 48%);--cds-global-color-lime-500:hsl(66, 90%, 41%);--cds-global-color-lime-600:hsl(66, 90%, 36%);--cds-global-color-lime-700:hsl(66, 100%, 28%);--cds-global-color-lime-800:hsl(66, 100%, 22%);--cds-global-color-lime-900:hsl(66, 100%, 12%);--cds-global-color-lime-1000:hsl(66, 100%, 7%);--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-25:hsl(198, 33%, 99%);--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-construction-1100:hsl(200, 31%, 13%);--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-450:var(--cds-global-color-construction-1000);--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-internal-scale-3));--cds-global-typography-font-size-1:calc(11 * var(--cds-internal-scale-3));--cds-global-typography-font-size-2:calc(12 * var(--cds-internal-scale-3));--cds-global-typography-font-size-3:calc(13 * var(--cds-internal-scale-3));--cds-global-typography-font-size-4:calc(14 * var(--cds-internal-scale-3));--cds-global-typography-font-size-5:calc(16 * var(--cds-internal-scale-3));--cds-global-typography-font-size-6:calc(20 * var(--cds-internal-scale-3));--cds-global-typography-font-size-7:calc(24 * var(--cds-internal-scale-3));--cds-global-typography-font-size-8:calc(32 * var(--cds-internal-scale-3));--cds-global-typography-font-size-9:calc(40 * var(--cds-internal-scale-3));--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-700);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-800);--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-link-on-colorbg:var(--cds-global-color-black);--cds-global-typography-body-font-size:calc(14 * var(--cds-internal-scale-3));--cds-global-typography-body-line-height:1.4285714em;--cds-global-typography-body-letter-spacing:-0.00714286em;--cds-global-typography-body-font-weight:400;--cds-global-typography-display-font-size:calc(40 * var(--cds-internal-scale-3));--cds-global-typography-display-line-height:1.1em;--cds-global-typography-display-letter-spacing:-0.0125em;--cds-global-typography-display-font-weight:500;--cds-global-typography-heading-font-size:calc(32 * var(--cds-internal-scale-3));--cds-global-typography-heading-line-height:1.125em;--cds-global-typography-heading-letter-spacing:-0.0125em;--cds-global-typography-heading-font-weight:500;--cds-global-typography-headline-font-size:calc(32 * var(--cds-internal-scale-3));--cds-global-typography-headline-line-height:1.125em;--cds-global-typography-headline-letter-spacing:-0.0125em;--cds-global-typography-headline-font-weight:500;--cds-global-typography-title-font-size:calc(24 * var(--cds-internal-scale-3));--cds-global-typography-title-line-height:1.333333em;--cds-global-typography-title-letter-spacing:-0.00833333em;--cds-global-typography-title-font-weight:500;--cds-global-typography-section-font-size:calc(20 * var(--cds-internal-scale-3));--cds-global-typography-section-line-height:1.2em;--cds-global-typography-section-letter-spacing:-0.01em;--cds-global-typography-section-font-weight:500;--cds-global-typography-subsection-font-size:calc(16 * var(--cds-internal-scale-3));--cds-global-typography-subsection-line-height:1.5em;--cds-global-typography-subsection-letter-spacing:-0.0125em;--cds-global-typography-subsection-font-weight:500;--cds-global-typography-message-font-size:calc(16 * var(--cds-internal-scale-3));--cds-global-typography-message-line-height:1.5em;--cds-global-typography-message-letter-spacing:-0.0125em;--cds-global-typography-message-font-weight:calc(400 * (1rem / var(--cds-global-base)));--cds-global-typography-secondary-font-size:calc(13 * var(--cds-internal-scale-3));--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-internal-scale-3));--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-internal-scale-3));--cds-global-typography-smallcaption-line-height:1.2em;--cds-global-typography-smallcaption-letter-spacing:0.05em;--cds-global-typography-smallcaption-font-weight:500;--cds-global-typography-info-hover:var(--cds-global-color-blue-800);--cds-global-typography-success-hover:var(--cds-global-color-green-800);--cds-global-typography-warning-hover:var(--cds-global-color-ochre-900);--cds-global-typography-danger-hover:var(--cds-global-color-red-800);--cds-global-typography-neutral-hover:var(--cds-global-color-construction-700);--cds-global-typography-disabled:var(--cds-global-color-construction-500);--cds-global-typography-disabled-button:var(--cds-global-color-construction-500);--cds-global-animation-duration-instant:0s;--cds-global-animation-duration-quickest:0.1s;--cds-global-animation-duration-quicker:0.15s;--cds-global-animation-duration-quick:0.2s;--cds-global-animation-duration-secondary:0.3s;--cds-global-animation-duration-primary:0.4s;--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,.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-alias-object-border-radius-100:calc(4 * (1rem / var(--cds-global-base)));--cds-alias-object-border-radius-200:calc(12 * (1rem / var(--cds-global-base)));--cds-alias-object-border-radius-300:50%;--cds-alias-object-border-width-100:calc(1 * (1rem / var(--cds-global-base)));--cds-alias-object-border-width-200:calc(2 * (1rem / var(--cds-global-base)));--cds-alias-object-border-width-300:calc(3 * (1rem / var(--cds-global-base)));--cds-alias-object-border-width-400:calc(4 * (1rem / var(--cds-global-base)));--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 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 hsla(198, 30%, 15%, 0.5);--cds-alias-object-shadow-200:0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 hsla(198, 30%, 15%, 0.3);--cds-alias-object-shadow-300:0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 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-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 * (1rem / var(--cds-global-base)));--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-construction-50);--cds-alias-object-interaction-background-active:var(--cds-global-color-construction-100);--cds-alias-object-interaction-background-selected:var(--cds-global-color-blue-75);--cds-alias-object-interaction-background-selected-hover:var(--cds-global-color-construction-100);--cds-alias-object-interaction-background-selected-active:var(--cds-global-color-construction-200);--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-background-shade:var(--cds-global-color-cool-gray-50);--cds-alias-object-interaction-background-shade-hover:var(--cds-global-color-construction-100);--cds-alias-object-interaction-background-shade-active:var(--cds-global-color-blue-75);--cds-alias-object-interaction-background-shade-selected:var(--cds-global-color-white);--cds-alias-object-interaction-background-shade-selected-hover:var(--cds-global-color-construction-100);--cds-alias-object-interaction-background-shade-selected-active:var(--cds-global-color-construction-200);--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-interaction-info-hover:var(--cds-global-color-blue-800);--cds-alias-object-interaction-info-click:var(--cds-global-color-blue-900);--cds-alias-object-interaction-info-active:var(--cds-global-color-blue-900);--cds-alias-object-interaction-info-selected:var(--cds-global-color-blue-900);--cds-alias-object-interaction-info-secondary-hover:var(--cds-global-color-blue-50);--cds-alias-object-interaction-success-hover:var(--cds-global-color-green-800);--cds-alias-object-interaction-success-click:var(--cds-global-color-green-900);--cds-alias-object-interaction-success-active:var(--cds-global-color-green-900);--cds-alias-object-interaction-success-secondary-hover:var(--cds-global-color-green-50);--cds-alias-object-interaction-warning-hover:var(--cds-global-color-ochre-600);--cds-alias-object-interaction-warning-click:var(--cds-global-color-green-900);--cds-alias-object-interaction-warning-active:var(--cds-global-color-green-900);--cds-alias-object-interaction-warning-secondary-hover:var(--cds-global-color-ochre-50);--cds-alias-object-interaction-danger-hover:var(--cds-global-color-red-800);--cds-alias-object-interaction-danger-click:var(--cds-global-color-red-900);--cds-alias-object-interaction-danger-active:var(--cds-global-color-red-900);--cds-alias-object-interaction-danger-secondary-hover:var(--cds-global-color-red-50);--cds-alias-object-interaction-neutral-hover:var(--cds-global-color-construction-700);--cds-alias-object-interaction-neutral-click:var(--cds-global-color-construction-800);--cds-alias-object-interaction-neutral-active:var(--cds-global-color-construction-800);--cds-alias-object-interaction-neutral-secondary-hover:var(--cds-global-color-construction-50);--cds-alias-object-interaction-inverse-hover:var(--cds-global-color-construction-600);--cds-alias-object-interaction-inverse-click:var(--cds-global-color-construction-800);--cds-alias-object-interaction-inverse-active:var(--cds-global-color-construction-800);--cds-alias-object-app-background:var(--cds-global-color-construction-25);--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-background-dark:var(--cds-global-color-cool-gray-50);--cds-alias-object-container-background-inverse:var(--cds-global-color-construction-600);--cds-alias-object-container-background-inverse-tint:var(--cds-global-color-construction-800);--cds-alias-object-container-background-inverse-shade:var(--cds-global-color-construction-500);--cds-alias-object-container-backdrop-background:hsla(0, 0%, 100%, 0.6);--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-utility-gray:var(--cds-global-color-construction-600);--cds-alias-utility-gray-tint:var(--cds-global-color-construction-50);--cds-alias-utility-gray-shade:var(--cds-global-color-construction-700);--cds-alias-utility-blue:var(--cds-global-color-blue-700);--cds-alias-utility-blue-tint:var(--cds-global-color-blue-50);--cds-alias-utility-blue-shade:var(--cds-global-color-blue-800);--cds-alias-utility-light-blue:var(--cds-global-color-blue-300);--cds-alias-utility-light-blue-tint:var(--cds-global-color-blue-50);--cds-alias-utility-light-blue-shade:var(--cds-global-color-blue-600);--cds-alias-utility-dark-blue:var(--cds-global-color-azure-800);--cds-alias-utility-dark-blue-tint:var(--cds-global-color-azure-50);--cds-alias-utility-dark-blue-shade:var(--cds-global-color-azure-1000);--cds-alias-utility-green:var(--cds-global-color-green-700);--cds-alias-utility-green-tint:var(--cds-global-color-green-50);--cds-alias-utility-green-shade:var(--cds-global-color-green-800);--cds-alias-utility-yellow:var(--cds-global-color-ochre-500);--cds-alias-utility-yellow-tint:var(--cds-global-color-ochre-100);--cds-alias-utility-yellow-shade:var(--cds-global-color-ochre-700);--cds-alias-utility-red:var(--cds-global-color-red-700);--cds-alias-utility-red-tint:var(--cds-global-color-red-50);--cds-alias-utility-red-shade:var(--cds-global-color-red-800);--cds-alias-utility-tangerine:var(--cds-global-color-tangerine-400);--cds-alias-utility-tangerine-tint:var(--cds-global-color-tangerine-50);--cds-alias-utility-tangerine-shade:var(--cds-global-color-tangerine-600);--cds-alias-utility-violet:var(--cds-global-color-violet-600);--cds-alias-utility-violet-tint:var(--cds-global-color-violet-50);--cds-alias-utility-violet-shade:var(--cds-global-color-violet-800);--cds-alias-viz-border:var(--cds-global-color-construction-1100);--cds-alias-viz-general-1-blue:var(--cds-global-color-blue-600);--cds-alias-viz-general-2-violet:var(--cds-global-color-violet-600);--cds-alias-viz-general-3-aqua:var(--cds-global-color-aqua-800);--cds-alias-viz-general-4-lime:var(--cds-global-color-lime-700);--cds-alias-viz-general-5-blue:var(--cds-global-color-blue-800);--cds-alias-viz-general-6-aqua:var(--cds-global-color-aqua-1000);--cds-alias-viz-general-7-violet:var(--cds-global-color-violet-800);--cds-alias-viz-general-8-lime:var(--cds-global-color-lime-900);--cds-alias-viz-general-9-blue:var(--cds-global-color-blue-700);--cds-alias-viz-general-10-lime:var(--cds-global-color-lime-1000);--cds-alias-viz-general-11-aqua:var(--cds-global-color-aqua-600);--cds-alias-viz-general-12-violet:var(--cds-global-color-violet-1000);--cds-alias-viz-general-13-violet:var(--cds-global-color-violet-700);--cds-alias-viz-general-14-blue:var(--cds-global-color-blue-1000);--cds-alias-viz-general-15-aqua:var(--cds-global-color-aqua-700);--cds-alias-viz-general-16-lime:var(--cds-global-color-lime-800);--cds-alias-viz-severity-neutral:var(--cds-global-color-construction-600);--cds-alias-viz-severity-success:var(--cds-global-color-green-700);--cds-alias-viz-severity-warning:var(--cds-global-color-yellow-700);--cds-alias-viz-severity-warning-light:var(--cds-global-color-yellow-400);--cds-alias-viz-severity-immediate:var(--cds-global-color-tangerine-400);--cds-alias-viz-severity-critical:var(--cds-global-color-red-700);--cds-alias-viz-severity-free-space-fill:var(--cds-global-color-construction-100);--cds-alias-viz-severity-free-space-border:var(--cds-global-color-construction-400);--cds-alias-viz-sequential-blue-50:var(--cds-global-color-blue-50);--cds-alias-viz-sequential-blue-100:var(--cds-global-color-blue-100);--cds-alias-viz-sequential-blue-200:var(--cds-global-color-blue-200);--cds-alias-viz-sequential-blue-300:var(--cds-global-color-blue-300);--cds-alias-viz-sequential-blue-400:var(--cds-global-color-blue-400);--cds-alias-viz-sequential-blue-500:var(--cds-global-color-blue-500);--cds-alias-viz-sequential-blue-600:var(--cds-global-color-blue-600);--cds-alias-viz-sequential-blue-700:var(--cds-global-color-blue-700);--cds-alias-viz-sequential-blue-800:var(--cds-global-color-blue-800);--cds-alias-viz-sequential-blue-900:var(--cds-global-color-blue-900);--cds-alias-viz-sequential-blue-1000:var(--cds-global-color-blue-1000);--cds-alias-viz-sequential-violet-50:var(--cds-global-color-violet-50);--cds-alias-viz-sequential-violet-100:var(--cds-global-color-violet-100);--cds-alias-viz-sequential-violet-200:var(--cds-global-color-violet-200);--cds-alias-viz-sequential-violet-300:var(--cds-global-color-violet-300);--cds-alias-viz-sequential-violet-400:var(--cds-global-color-violet-400);--cds-alias-viz-sequential-violet-500:var(--cds-global-color-violet-500);--cds-alias-viz-sequential-violet-600:var(--cds-global-color-violet-600);--cds-alias-viz-sequential-violet-700:var(--cds-global-color-violet-700);--cds-alias-viz-sequential-violet-800:var(--cds-global-color-violet-800);--cds-alias-viz-sequential-violet-900:var(--cds-global-color-violet-900);--cds-alias-viz-sequential-violet-1000:var(--cds-global-color-violet-1000);--cds-alias-viz-sequential-ochre-50:var(--cds-global-color-ochre-50);--cds-alias-viz-sequential-ochre-100:var(--cds-global-color-ochre-100);--cds-alias-viz-sequential-ochre-200:var(--cds-global-color-ochre-200);--cds-alias-viz-sequential-ochre-300:var(--cds-global-color-ochre-300);--cds-alias-viz-sequential-ochre-400:var(--cds-global-color-ochre-400);--cds-alias-viz-sequential-ochre-500:var(--cds-global-color-ochre-500);--cds-alias-viz-sequential-ochre-600:var(--cds-global-color-ochre-600);--cds-alias-viz-sequential-ochre-700:var(--cds-global-color-ochre-700);--cds-alias-viz-sequential-ochre-800:var(--cds-global-color-ochre-800);--cds-alias-viz-sequential-ochre-900:var(--cds-global-color-ochre-900);--cds-alias-viz-sequential-ochre-1000:var(--cds-global-color-ochre-1000);--cds-alias-viz-sequential-aqua-50:var(--cds-global-color-aqua-50);--cds-alias-viz-sequential-aqua-100:var(--cds-global-color-aqua-100);--cds-alias-viz-sequential-aqua-200:var(--cds-global-color-aqua-200);--cds-alias-viz-sequential-aqua-300:var(--cds-global-color-aqua-300);--cds-alias-viz-sequential-aqua-400:var(--cds-global-color-aqua-400);--cds-alias-viz-sequential-aqua-500:var(--cds-global-color-aqua-500);--cds-alias-viz-sequential-aqua-600:var(--cds-global-color-aqua-600);--cds-alias-viz-sequential-aqua-700:var(--cds-global-color-aqua-700);--cds-alias-viz-sequential-aqua-800:var(--cds-global-color-aqua-800);--cds-alias-viz-sequential-aqua-900:var(--cds-global-color-aqua-900);--cds-alias-viz-sequential-aqua-1000:var(--cds-global-color-aqua-1000);--cds-alias-viz-sequential-green-50:var(--cds-global-color-green-50);--cds-alias-viz-sequential-green-100:var(--cds-global-color-green-100);--cds-alias-viz-sequential-green-200:var(--cds-global-color-green-200);--cds-alias-viz-sequential-green-300:var(--cds-global-color-green-300);--cds-alias-viz-sequential-green-400:var(--cds-global-color-green-400);--cds-alias-viz-sequential-green-500:var(--cds-global-color-green-500);--cds-alias-viz-sequential-green-600:var(--cds-global-color-green-600);--cds-alias-viz-sequential-green-700:var(--cds-global-color-green-700);--cds-alias-viz-sequential-green-800:var(--cds-global-color-green-800);--cds-alias-viz-sequential-green-900:var(--cds-global-color-green-900);--cds-alias-viz-sequential-green-1000:var(--cds-global-color-green-1000);--cds-alias-viz-sequential-red-50:var(--cds-global-color-red-50);--cds-alias-viz-sequential-red-100:var(--cds-global-color-red-100);--cds-alias-viz-sequential-red-200:var(--cds-global-color-red-200);--cds-alias-viz-sequential-red-300:var(--cds-global-color-red-300);--cds-alias-viz-sequential-red-400:var(--cds-global-color-red-400);--cds-alias-viz-sequential-red-500:var(--cds-global-color-red-500);--cds-alias-viz-sequential-red-600:var(--cds-global-color-red-600);--cds-alias-viz-sequential-red-700:var(--cds-global-color-red-700);--cds-alias-viz-sequential-red-800:var(--cds-global-color-red-800);--cds-alias-viz-sequential-red-900:var(--cds-global-color-red-900);--cds-alias-viz-sequential-red-1000:var(--cds-global-color-red-1000);--cds-alias-viz-diverging-violet-aqua-v-200:var(--cds-global-color-violet-200);--cds-alias-viz-diverging-violet-aqua-v-300:var(--cds-global-color-violet-300);--cds-alias-viz-diverging-violet-aqua-v-400:var(--cds-global-color-violet-400);--cds-alias-viz-diverging-violet-aqua-v-500:var(--cds-global-color-violet-500);--cds-alias-viz-diverging-violet-aqua-v-600:var(--cds-global-color-violet-600);--cds-alias-viz-diverging-violet-aqua-v-700:var(--cds-global-color-violet-700);--cds-alias-viz-diverging-violet-aqua-neutral:var(--cds-global-color-violet-50);--cds-alias-viz-diverging-violet-aqua-a-400:var(--cds-global-color-aqua-400);--cds-alias-viz-diverging-violet-aqua-a-500:var(--cds-global-color-aqua-500);--cds-alias-viz-diverging-violet-aqua-a-600:var(--cds-global-color-aqua-600);--cds-alias-viz-diverging-violet-aqua-a-700:var(--cds-global-color-aqua-700);--cds-alias-viz-diverging-violet-aqua-a-800:var(--cds-global-color-aqua-800);--cds-alias-viz-diverging-violet-aqua-a-900:var(--cds-global-color-aqua-900);--cds-alias-viz-diverging-blue-jade-b-300:var(--cds-global-color-blue-300);--cds-alias-viz-diverging-blue-jade-b-400:var(--cds-global-color-blue-400);--cds-alias-viz-diverging-blue-jade-b-500:var(--cds-global-color-blue-500);--cds-alias-viz-diverging-blue-jade-b-600:var(--cds-global-color-blue-600);--cds-alias-viz-diverging-blue-jade-b-700:var(--cds-global-color-blue-700);--cds-alias-viz-diverging-blue-jade-b-800:var(--cds-global-color-blue-800);--cds-alias-viz-diverging-blue-jade-neutral:var(--cds-global-color-blue-50);--cds-alias-viz-diverging-blue-jade-j-300:var(--cds-global-color-jade-300);--cds-alias-viz-diverging-blue-jade-j-400:var(--cds-global-color-jade-400);--cds-alias-viz-diverging-blue-jade-j-500:var(--cds-global-color-jade-500);--cds-alias-viz-diverging-blue-jade-j-600:var(--cds-global-color-jade-600);--cds-alias-viz-diverging-blue-jade-j-700:var(--cds-global-color-jade-700);--cds-alias-viz-diverging-blue-jade-j-800:var(--cds-global-color-jade-800);--cds-alias-viz-diverging-blue-green-b-300:var(--cds-global-color-blue-300);--cds-alias-viz-diverging-blue-green-b-400:var(--cds-global-color-blue-400);--cds-alias-viz-diverging-blue-green-b-500:var(--cds-global-color-blue-500);--cds-alias-viz-diverging-blue-green-b-600:var(--cds-global-color-blue-600);--cds-alias-viz-diverging-blue-green-b-700:var(--cds-global-color-blue-700);--cds-alias-viz-diverging-blue-green-b-800:var(--cds-global-color-blue-800);--cds-alias-viz-diverging-blue-green-neutral:var(--cds-global-color-blue-50);--cds-alias-viz-diverging-blue-green-g-300:var(--cds-global-color-green-300);--cds-alias-viz-diverging-blue-green-g-400:var(--cds-global-color-green-400);--cds-alias-viz-diverging-blue-green-g-500:var(--cds-global-color-green-500);--cds-alias-viz-diverging-blue-green-g-600:var(--cds-global-color-green-600);--cds-alias-viz-diverging-blue-green-g-700:var(--cds-global-color-green-700);--cds-alias-viz-diverging-blue-green-g-800:var(--cds-global-color-green-800);--cds-alias-viz-diverging-green-yellow-red-g-200:var(--cds-global-color-green-200);--cds-alias-viz-diverging-green-yellow-red-g-300:var(--cds-global-color-green-300);--cds-alias-viz-diverging-green-yellow-red-g-400:var(--cds-global-color-green-400);--cds-alias-viz-diverging-green-yellow-red-g-500:var(--cds-global-color-green-500);--cds-alias-viz-diverging-green-yellow-red-g-600:var(--cds-global-color-green-600);--cds-alias-viz-diverging-green-yellow-red-g-700:var(--cds-global-color-green-700);--cds-alias-viz-diverging-green-yellow-red-neutral:var(--cds-global-color-yellow-200);--cds-alias-viz-diverging-green-yellow-red-r-400:var(--cds-global-color-red-400);--cds-alias-viz-diverging-green-yellow-red-r-500:var(--cds-global-color-red-500);--cds-alias-viz-diverging-green-yellow-red-r-600:var(--cds-global-color-red-600);--cds-alias-viz-diverging-green-yellow-red-r-700:var(--cds-global-color-red-700);--cds-alias-viz-diverging-green-yellow-red-r-800:var(--cds-global-color-red-800);--cds-alias-viz-diverging-green-yellow-red-r-900:var(--cds-global-color-red-900);--cds-alias-typography-color-100:var(--cds-global-color-white);--cds-alias-typography-color-200:var(--cds-global-color-construction-600);--cds-alias-typography-color-300:var(--cds-global-color-construction-800);--cds-alias-typography-color-400:var(--cds-global-color-construction-900);--cds-alias-typography-color-450:var(--cds-global-color-construction-1000);--cds-alias-typography-color-500:var(--cds-global-color-black);--cds-alias-typography-font-weight-light:300;--cds-alias-typography-font-weight-regular:400;--cds-alias-typography-font-weight-medium:500;--cds-alias-typography-font-weight-semibold:600;--cds-alias-typography-font-weight-bold:600;--cds-alias-typography-font-weight-extrabold:600;--cds-alias-typography-font-size-0:calc(10 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-1:calc(11 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-2:calc(12 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-3:calc(13 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-4:calc(14 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-5:calc(16 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-6:calc(20 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-7:calc(24 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-8:calc(32 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-9:calc(40 * var(--cds-internal-scale-3));--cds-alias-typography-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-alias-typography-header-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-alias-typography-monospace-font-family:ui-monospace, Consolas, Menlo, Monaco, monospace;--cds-alias-typography-top-gap-height:0.1475em;--cds-alias-typography-ascender-height:0.1703em;--cds-alias-typography-x-height:0.517em;--cds-alias-typography-link-color:var(--cds-global-color-blue-700);--cds-alias-typography-link-color-hover:var(--cds-global-color-blue-800);--cds-alias-typography-link-color-visited:var(--cds-global-color-lavender-600);--cds-alias-typography-link-color-visited-hover:var(--cds-global-color-lavender-700);--cds-alias-typography-link-on-colorbg:var(--cds-global-color-black);--cds-alias-typography-body-font-size:calc(14 * var(--cds-internal-scale-3));--cds-alias-typography-body-line-height:1.4285714em;--cds-alias-typography-body-letter-spacing:-0.00714286em;--cds-alias-typography-body-font-weight:400;--cds-alias-typography-display-font-size:calc(40 * var(--cds-internal-scale-3));--cds-alias-typography-display-line-height:1.1em;--cds-alias-typography-display-letter-spacing:-0.0125em;--cds-alias-typography-display-font-weight:500;--cds-alias-typography-heading-font-size:calc(32 * var(--cds-internal-scale-3));--cds-alias-typography-heading-line-height:1.125em;--cds-alias-typography-heading-letter-spacing:-0.0125em;--cds-alias-typography-heading-font-weight:500;--cds-alias-typography-headline-font-size:calc(32 * var(--cds-internal-scale-3));--cds-alias-typography-headline-line-height:1.125em;--cds-alias-typography-headline-letter-spacing:-0.0125em;--cds-alias-typography-headline-font-weight:500;--cds-alias-typography-title-font-size:calc(24 * var(--cds-internal-scale-3));--cds-alias-typography-title-line-height:1.333333em;--cds-alias-typography-title-letter-spacing:-0.00833333em;--cds-alias-typography-title-font-weight:500;--cds-alias-typography-section-font-size:calc(20 * var(--cds-internal-scale-3));--cds-alias-typography-section-line-height:1.2em;--cds-alias-typography-section-letter-spacing:-0.01em;--cds-alias-typography-section-font-weight:500;--cds-alias-typography-subsection-font-size:calc(16 * var(--cds-internal-scale-3));--cds-alias-typography-subsection-line-height:1.5em;--cds-alias-typography-subsection-letter-spacing:-0.0125em;--cds-alias-typography-subsection-font-weight:500;--cds-alias-typography-message-font-size:calc(16 * var(--cds-internal-scale-3));--cds-alias-typography-message-line-height:1.5em;--cds-alias-typography-message-letter-spacing:-0.0125em;--cds-alias-typography-message-font-weight:calc(400 * (1rem / var(--cds-global-base)));--cds-alias-typography-secondary-font-size:calc(13 * var(--cds-internal-scale-3));--cds-alias-typography-secondary-line-height:1.23077em;--cds-alias-typography-secondary-letter-spacing:-0.007692em;--cds-alias-typography-secondary-font-weight:400;--cds-alias-typography-caption-font-size:calc(11 * var(--cds-internal-scale-3));--cds-alias-typography-caption-line-height:1.454545em;--cds-alias-typography-caption-letter-spacing:0.018182em;--cds-alias-typography-caption-font-weight:400;--cds-alias-typography-smallcaption-font-size:calc(10 * var(--cds-internal-scale-3));--cds-alias-typography-smallcaption-line-height:1.2em;--cds-alias-typography-smallcaption-letter-spacing:0.05em;--cds-alias-typography-smallcaption-font-weight:500;--cds-alias-typography-info-hover:var(--cds-global-color-blue-800);--cds-alias-typography-success-hover:var(--cds-global-color-green-800);--cds-alias-typography-warning-hover:var(--cds-global-color-ochre-900);--cds-alias-typography-danger-hover:var(--cds-global-color-red-800);--cds-alias-typography-neutral-hover:var(--cds-global-color-construction-700);--cds-alias-typography-disabled:var(--cds-global-color-construction-500);--cds-alias-typography-disabled-button:var(--cds-global-color-construction-500);--cds-internal-scale-1:calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-layout-space));--cds-internal-scale-2:calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-space));--cds-internal-scale-3:calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-typography))}
@@ -78,21 +78,28 @@
78
78
  --cds-alias-object-interaction-background-shade-selected-active: var(--cds-global-color-construction-600);
79
79
  --cds-alias-object-interaction-border-color: var(--cds-global-color-construction-300);
80
80
  --cds-alias-object-interaction-info-hover: var(--cds-global-color-blue-300);
81
+ --cds-alias-object-interaction-info-active: var(--cds-global-color-blue-500);
82
+ --cds-alias-object-interaction-info-selected: var(--cds-global-color-blue-500);
81
83
  --cds-alias-object-interaction-info-click: var(--cds-global-color-blue-500);
82
84
  --cds-alias-object-interaction-info-secondary-hover: var(--cds-global-color-blue-1000);
83
85
  --cds-alias-object-interaction-success-hover: var(--cds-global-color-green-400);
86
+ --cds-alias-object-interaction-success-active: var(--cds-global-color-green-600);
84
87
  --cds-alias-object-interaction-success-click: var(--cds-global-color-green-600);
85
88
  --cds-alias-object-interaction-success-secondary-hover: var(--cds-global-color-green-1000);
86
89
  --cds-alias-object-interaction-warning-hover: var(--cds-global-color-yellow-300);
90
+ --cds-alias-object-interaction-warning-active: var(--cds-global-color-yellow-500);
87
91
  --cds-alias-object-interaction-warning-click: var(--cds-global-color-yellow-500);
88
92
  --cds-alias-object-interaction-warning-secondary-hover: var(--cds-global-color-yellow-1000);
89
93
  --cds-alias-object-interaction-danger-hover: var(--cds-global-color-red-400);
94
+ --cds-alias-object-interaction-danger-active: var(--cds-global-color-red-600);
90
95
  --cds-alias-object-interaction-danger-click: var(--cds-global-color-red-600);
91
96
  --cds-alias-object-interaction-danger-secondary-hover: var(--cds-global-color-red-1000);
92
97
  --cds-alias-object-interaction-neutral-hover: var(--cds-global-color-construction-200);
98
+ --cds-alias-object-interaction-neutral-active: var(--cds-global-color-construction-400);
93
99
  --cds-alias-object-interaction-neutral-click: var(--cds-global-color-construction-400);
94
100
  --cds-alias-object-interaction-neutral-secondary-hover: var(--cds-global-color-construction-800);
95
101
  --cds-alias-object-interaction-inverse-hover: var(--cds-global-color-construction-700);
102
+ --cds-alias-object-interaction-inverse-active: var(--cds-global-color-construction-800);
96
103
  --cds-alias-object-interaction-inverse-click: var(--cds-global-color-construction-800);
97
104
  --cds-alias-status-tint: transparent;
98
105
  --cds-alias-status-info: var(--cds-global-color-blue-400);
@@ -104,7 +111,7 @@
104
111
  --cds-alias-status-warning: var(--cds-global-color-ochre-400);
105
112
  --cds-alias-status-warning-tint: var(--cds-global-color-ochre-900);
106
113
  --cds-alias-status-warning-shade: var(--cds-global-color-ochre-500);
107
- --cds-alias-status-warning-dark: var(--cds-global-color-ochre-700);
114
+ --cds-alias-status-warning-dark: var(--cds-global-color-ochre-600);
108
115
  --cds-alias-status-danger: var(--cds-global-color-red-500);
109
116
  --cds-alias-status-danger-tint: var(--cds-global-color-red-900);
110
117
  --cds-alias-status-danger-shade: var(--cds-global-color-red-600);
@@ -165,6 +172,7 @@
165
172
  --cds-alias-viz-severity-warning-light: var(--cds-global-color-yellow-300);
166
173
  --cds-alias-viz-severity-immediate: var(--cds-global-color-tangerine-400);
167
174
  --cds-alias-viz-severity-critical: var(--cds-global-color-red-700);
175
+ --cds-alias-viz-severity-free-space-fill: var(--cds-global-color-construction-800);
168
176
  --cds-alias-viz-sequential-blue-50: var(--cds-global-color-blue-1000);
169
177
  --cds-alias-viz-sequential-blue-100: var(--cds-global-color-blue-900);
170
178
  --cds-alias-viz-sequential-blue-200: var(--cds-global-color-blue-800);
@@ -1 +1 @@
1
- [cds-theme~=dark]{--cds-global-typography-color-500:var(--cds-global-color-white);--cds-global-typography-color-400:var(--cds-global-color-construction-100);--cds-global-typography-color-300:var(--cds-global-color-construction-200);--cds-global-typography-color-200:var(--cds-global-color-construction-300);--cds-global-typography-color-100:var(--cds-global-color-black);--cds-global-typography-link-color:var(--cds-global-color-blue-400);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-200);--cds-global-typography-link-color-visited:var(--cds-global-color-lavender-300);--cds-global-typography-link-color-visited-hover:var(--cds-global-color-lavender-200);--cds-global-typography-color-450:var(--cds-global-color-construction-50);--cds-global-typography-disabled-button:var(--cds-global-color-construction-900);--cds-global-typography-disabled:var(--cds-global-color-construction-500);--cds-global-typography-info-hover:var(--cds-global-color-blue-200);--cds-global-typography-success-hover:var(--cds-global-color-green-400);--cds-global-typography-warning-hover:var(--cds-global-color-yellow-600);--cds-global-typography-danger-hover:var(--cds-global-color-red-400);--cds-global-typography-neutral-hover:var(--cds-global-color-construction-200);--cds-global-typography-link-on-colorbg:var(--cds-global-color-construction-1000);--cds-alias-typography-color-100:var(--cds-global-color-black);--cds-alias-typography-color-200:var(--cds-global-color-construction-300);--cds-alias-typography-color-300:var(--cds-global-color-construction-200);--cds-alias-typography-color-400:var(--cds-global-color-construction-100);--cds-alias-typography-color-450:var(--cds-global-color-construction-50);--cds-alias-typography-color-500:var(--cds-global-color-white);--cds-alias-typography-disabled-button:var(--cds-global-color-construction-900);--cds-alias-typography-disabled:var(--cds-global-color-construction-500);--cds-alias-typography-info-hover:var(--cds-global-color-blue-200);--cds-alias-typography-success-hover:var(--cds-global-color-green-400);--cds-alias-typography-warning-hover:var(--cds-global-color-yellow-600);--cds-alias-typography-danger-hover:var(--cds-global-color-red-400);--cds-alias-typography-neutral-hover:var(--cds-global-color-construction-200);--cds-alias-typography-link-on-colorbg:var(--cds-global-color-construction-1000);--cds-alias-typography-link-color:var(--cds-global-color-blue-400);--cds-alias-typography-link-color-hover:var(--cds-global-color-blue-200);--cds-alias-typography-link-color-visited:var(--cds-global-color-lavender-300);--cds-alias-typography-link-color-visited-hover:var(--cds-global-color-lavender-200);--cds-alias-object-app-background:var(--cds-global-color-construction-1000);--cds-alias-object-container-backdrop-background:var(--cds-alias-object-opacity-300);--cds-alias-object-container-background:var(--cds-global-color-construction-900);--cds-alias-object-container-background-tint:var(--cds-global-color-construction-1000);--cds-alias-object-container-background-shade:var(--cds-global-color-construction-800);--cds-alias-object-container-background-dark:var(--cds-global-color-construction-1100);--cds-alias-object-container-background-inverse:var(--cds-global-color-construction-200);--cds-alias-object-container-background-inverse-tint:var(--cds-global-color-construction-100);--cds-alias-object-container-background-inverse-shade:var(--cds-global-color-construction-300);--cds-alias-object-container-border-color:var(--cds-global-color-black);--cds-alias-object-overlay-background:var(--cds-global-color-construction-900);--cds-alias-object-border-color:var(--cds-global-color-construction-500);--cds-alias-object-border-color-tint:var(--cds-global-color-construction-400);--cds-alias-object-border-color-shade:var(--cds-global-color-construction-600);--cds-alias-object-shadow-100:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-300);--cds-alias-object-shadow-200:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-200);--cds-alias-object-shadow-300:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-100);--cds-alias-object-interaction-color:var(--cds-global-color-construction-200);--cds-alias-object-interaction-color-hover:var(--cds-global-color-construction-50);--cds-alias-object-interaction-color-active:var(--cds-global-color-construction-100);--cds-alias-object-interaction-color-selected:var(--cds-global-color-construction-200);--cds-alias-object-interaction-color-disabled:var(--cds-global-color-construction-600);--cds-alias-object-interaction-background:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-background-hover:var(--cds-global-color-construction-800);--cds-alias-object-interaction-background-active:var(--cds-global-color-construction-600);--cds-alias-object-interaction-background-selected:var(--cds-global-color-blue-900);--cds-alias-object-interaction-background-selected-active:var(--cds-global-color-construction-600);--cds-alias-object-interaction-background-selected-hover:var(--cds-global-color-construction-700);--cds-alias-object-interaction-background-disabled:var(--cds-global-color-construction-700);--cds-alias-object-interaction-background-highlight:var(--cds-global-color-blue-400);--cds-alias-object-interaction-background-shade:var(--cds-global-color-construction-1100);--cds-alias-object-interaction-background-shade-hover:var(--cds-global-color-construction-600);--cds-alias-object-interaction-background-shade-active:var(--cds-global-color-construction-800);--cds-alias-object-interaction-background-shade-selected:var(--cds-global-color-construction-700);--cds-alias-object-interaction-background-shade-selected-hover:var(--cds-global-color-construction-800);--cds-alias-object-interaction-background-shade-selected-active:var(--cds-global-color-construction-600);--cds-alias-object-interaction-border-color:var(--cds-global-color-construction-300);--cds-alias-object-interaction-info-hover:var(--cds-global-color-blue-300);--cds-alias-object-interaction-info-click:var(--cds-global-color-blue-500);--cds-alias-object-interaction-info-secondary-hover:var(--cds-global-color-blue-1000);--cds-alias-object-interaction-success-hover:var(--cds-global-color-green-400);--cds-alias-object-interaction-success-click:var(--cds-global-color-green-600);--cds-alias-object-interaction-success-secondary-hover:var(--cds-global-color-green-1000);--cds-alias-object-interaction-warning-hover:var(--cds-global-color-yellow-300);--cds-alias-object-interaction-warning-click:var(--cds-global-color-yellow-500);--cds-alias-object-interaction-warning-secondary-hover:var(--cds-global-color-yellow-1000);--cds-alias-object-interaction-danger-hover:var(--cds-global-color-red-400);--cds-alias-object-interaction-danger-click:var(--cds-global-color-red-600);--cds-alias-object-interaction-danger-secondary-hover:var(--cds-global-color-red-1000);--cds-alias-object-interaction-neutral-hover:var(--cds-global-color-construction-200);--cds-alias-object-interaction-neutral-click:var(--cds-global-color-construction-400);--cds-alias-object-interaction-neutral-secondary-hover:var(--cds-global-color-construction-800);--cds-alias-object-interaction-inverse-hover:var(--cds-global-color-construction-700);--cds-alias-object-interaction-inverse-click:var(--cds-global-color-construction-800);--cds-alias-status-tint:transparent;--cds-alias-status-info:var(--cds-global-color-blue-400);--cds-alias-status-info-tint:var(--cds-global-color-blue-800);--cds-alias-status-info-shade:var(--cds-global-color-blue-500);--cds-alias-status-success:var(--cds-global-color-green-500);--cds-alias-status-success-tint:var(--cds-global-color-green-800);--cds-alias-status-success-shade:var(--cds-global-color-green-600);--cds-alias-status-warning:var(--cds-global-color-ochre-400);--cds-alias-status-warning-tint:var(--cds-global-color-ochre-900);--cds-alias-status-warning-shade:var(--cds-global-color-ochre-500);--cds-alias-status-warning-dark:var(--cds-global-color-ochre-700);--cds-alias-status-danger:var(--cds-global-color-red-500);--cds-alias-status-danger-tint:var(--cds-global-color-red-900);--cds-alias-status-danger-shade:var(--cds-global-color-red-600);--cds-alias-status-danger-dark:var(--cds-global-color-red-900);--cds-alias-status-neutral:var(--cds-global-color-construction-300);--cds-alias-status-neutral-tint:var(--cds-global-color-construction-700);--cds-alias-status-neutral-shade:var(--cds-global-color-construction-400);--cds-alias-status-disabled:var(--cds-global-color-construction-600);--cds-alias-status-disabled-tint:var(--cds-global-color-construction-700);--cds-alias-status-disabled-shade:var(--cds-global-color-construction-500);--cds-alias-utility-gray:var(--cds-global-color-construction-300);--cds-alias-utility-gray-tint:var(--cds-global-color-construction-1000);--cds-alias-utility-gray-shade:var(--cds-global-color-construction-200);--cds-alias-utility-blue:var(--cds-global-color-blue-300);--cds-alias-utility-blue-tint:var(--cds-global-color-blue-1000);--cds-alias-utility-blue-shade:var(--cds-global-color-blue-200);--cds-alias-utility-light-blue:var(--cds-global-color-blue-700);--cds-alias-utility-light-blue-tint:var(--cds-global-color-blue-1000);--cds-alias-utility-light-blue-shade:var(--cds-global-color-blue-500);--cds-alias-utility-dark-blue:var(--cds-global-color-azure-200);--cds-alias-utility-dark-blue-tint:var(--cds-global-color-azure-1000);--cds-alias-utility-dark-blue-shade:var(--cds-global-color-azure-50);--cds-alias-utility-green:var(--cds-global-color-green-400);--cds-alias-utility-green-tint:var(--cds-global-color-green-1000);--cds-alias-utility-green-shade:var(--cds-global-color-green-200);--cds-alias-utility-yellow:var(--cds-global-color-ochre-400);--cds-alias-utility-yellow-tint:var(--cds-global-color-ochre-900);--cds-alias-utility-yellow-shade:var(--cds-global-color-ochre-300);--cds-alias-utility-red:var(--cds-global-color-red-500);--cds-alias-utility-red-tint:var(--cds-global-color-red-1000);--cds-alias-utility-red-shade:var(--cds-global-color-red-200);--cds-alias-utility-tangerine:var(--cds-global-color-tangerine-600);--cds-alias-utility-tangerine-tint:var(--cds-global-color-tangerine-1000);--cds-alias-utility-tangerine-shade:var(--cds-global-color-tangerine-400);--cds-alias-utility-violet:var(--cds-global-color-violet-400);--cds-alias-utility-violet-tint:var(--cds-global-color-violet-1000);--cds-alias-utility-violet-shade:var(--cds-global-color-violet-200);--cds-alias-viz-border:var(--cds-global-color-cool-gray-50);--cds-alias-viz-general-1-blue:var(--cds-global-color-blue-400);--cds-alias-viz-general-2-violet:var(--cds-global-color-violet-400);--cds-alias-viz-general-3-aqua:var(--cds-global-color-aqua-200);--cds-alias-viz-general-4-lime:var(--cds-global-color-lime-300);--cds-alias-viz-general-5-blue:var(--cds-global-color-blue-200);--cds-alias-viz-general-6-aqua:var(--cds-global-color-aqua-50);--cds-alias-viz-general-7-violet:var(--cds-global-color-violet-200);--cds-alias-viz-general-8-lime:var(--cds-global-color-lime-100);--cds-alias-viz-general-9-blue:var(--cds-global-color-blue-300);--cds-alias-viz-general-10-lime:var(--cds-global-color-lime-50);--cds-alias-viz-general-11-aqua:var(--cds-global-color-aqua-400);--cds-alias-viz-general-12-violet:var(--cds-global-color-violet-50);--cds-alias-viz-general-13-violet:var(--cds-global-color-violet-300);--cds-alias-viz-general-14-blue:var(--cds-global-color-blue-50);--cds-alias-viz-general-15-aqua:var(--cds-global-color-aqua-300);--cds-alias-viz-general-16-lime:var(--cds-global-color-lime-200);--cds-alias-viz-severity-neutral:var(--cds-global-color-construction-300);--cds-alias-viz-severity-success:var(--cds-global-color-green-500);--cds-alias-viz-severity-warning:var(--cds-global-color-yellow-300);--cds-alias-viz-severity-warning-light:var(--cds-global-color-yellow-300);--cds-alias-viz-severity-immediate:var(--cds-global-color-tangerine-400);--cds-alias-viz-severity-critical:var(--cds-global-color-red-700);--cds-alias-viz-sequential-blue-50:var(--cds-global-color-blue-1000);--cds-alias-viz-sequential-blue-100:var(--cds-global-color-blue-900);--cds-alias-viz-sequential-blue-200:var(--cds-global-color-blue-800);--cds-alias-viz-sequential-blue-300:var(--cds-global-color-blue-700);--cds-alias-viz-sequential-blue-400:var(--cds-global-color-blue-600);--cds-alias-viz-sequential-blue-500:var(--cds-global-color-blue-500);--cds-alias-viz-sequential-blue-600:var(--cds-global-color-blue-400);--cds-alias-viz-sequential-blue-700:var(--cds-global-color-blue-300);--cds-alias-viz-sequential-blue-800:var(--cds-global-color-blue-200);--cds-alias-viz-sequential-blue-900:var(--cds-global-color-blue-100);--cds-alias-viz-sequential-blue-1000:var(--cds-global-color-blue-50);--cds-alias-viz-sequential-violet-50:var(--cds-global-color-violet-1000);--cds-alias-viz-sequential-violet-100:var(--cds-global-color-violet-900);--cds-alias-viz-sequential-violet-200:var(--cds-global-color-violet-800);--cds-alias-viz-sequential-violet-300:var(--cds-global-color-violet-700);--cds-alias-viz-sequential-violet-400:var(--cds-global-color-violet-600);--cds-alias-viz-sequential-violet-500:var(--cds-global-color-violet-500);--cds-alias-viz-sequential-violet-600:var(--cds-global-color-violet-400);--cds-alias-viz-sequential-violet-700:var(--cds-global-color-violet-300);--cds-alias-viz-sequential-violet-800:var(--cds-global-color-violet-200);--cds-alias-viz-sequential-violet-900:var(--cds-global-color-violet-100);--cds-alias-viz-sequential-violet-1000:var(--cds-global-color-violet-50);--cds-alias-viz-sequential-ochre-50:var(--cds-global-color-ochre-1000);--cds-alias-viz-sequential-ochre-100:var(--cds-global-color-ochre-900);--cds-alias-viz-sequential-ochre-200:var(--cds-global-color-ochre-800);--cds-alias-viz-sequential-ochre-300:var(--cds-global-color-ochre-700);--cds-alias-viz-sequential-ochre-400:var(--cds-global-color-ochre-600);--cds-alias-viz-sequential-ochre-500:var(--cds-global-color-ochre-500);--cds-alias-viz-sequential-ochre-600:var(--cds-global-color-ochre-400);--cds-alias-viz-sequential-ochre-700:var(--cds-global-color-ochre-300);--cds-alias-viz-sequential-ochre-800:var(--cds-global-color-ochre-200);--cds-alias-viz-sequential-ochre-900:var(--cds-global-color-ochre-100);--cds-alias-viz-sequential-ochre-1000:var(--cds-global-color-ochre-50);--cds-alias-viz-sequential-aqua-50:var(--cds-global-color-aqua-1000);--cds-alias-viz-sequential-aqua-100:var(--cds-global-color-aqua-900);--cds-alias-viz-sequential-aqua-200:var(--cds-global-color-aqua-800);--cds-alias-viz-sequential-aqua-300:var(--cds-global-color-aqua-700);--cds-alias-viz-sequential-aqua-400:var(--cds-global-color-aqua-600);--cds-alias-viz-sequential-aqua-500:var(--cds-global-color-aqua-500);--cds-alias-viz-sequential-aqua-600:var(--cds-global-color-aqua-400);--cds-alias-viz-sequential-aqua-700:var(--cds-global-color-aqua-300);--cds-alias-viz-sequential-aqua-800:var(--cds-global-color-aqua-200);--cds-alias-viz-sequential-aqua-900:var(--cds-global-color-aqua-100);--cds-alias-viz-sequential-aqua-1000:var(--cds-global-color-aqua-50);--cds-alias-viz-sequential-green-50:var(--cds-global-color-green-1000);--cds-alias-viz-sequential-green-100:var(--cds-global-color-green-900);--cds-alias-viz-sequential-green-200:var(--cds-global-color-green-800);--cds-alias-viz-sequential-green-300:var(--cds-global-color-green-700);--cds-alias-viz-sequential-green-400:var(--cds-global-color-green-600);--cds-alias-viz-sequential-green-500:var(--cds-global-color-green-500);--cds-alias-viz-sequential-green-600:var(--cds-global-color-green-400);--cds-alias-viz-sequential-green-700:var(--cds-global-color-green-300);--cds-alias-viz-sequential-green-800:var(--cds-global-color-green-200);--cds-alias-viz-sequential-green-900:var(--cds-global-color-green-100);--cds-alias-viz-sequential-green-1000:var(--cds-global-color-green-50);--cds-alias-viz-sequential-red-50:var(--cds-global-color-red-1000);--cds-alias-viz-sequential-red-100:var(--cds-global-color-red-900);--cds-alias-viz-sequential-red-200:var(--cds-global-color-red-800);--cds-alias-viz-sequential-red-300:var(--cds-global-color-red-700);--cds-alias-viz-sequential-red-400:var(--cds-global-color-red-600);--cds-alias-viz-sequential-red-500:var(--cds-global-color-red-500);--cds-alias-viz-sequential-red-600:var(--cds-global-color-red-400);--cds-alias-viz-sequential-red-700:var(--cds-global-color-red-300);--cds-alias-viz-sequential-red-800:var(--cds-global-color-red-200);--cds-alias-viz-sequential-red-900:var(--cds-global-color-red-100);--cds-alias-viz-sequential-red-1000:var(--cds-global-color-red-50)}
1
+ [cds-theme~=dark]{--cds-global-typography-color-500:var(--cds-global-color-white);--cds-global-typography-color-400:var(--cds-global-color-construction-100);--cds-global-typography-color-300:var(--cds-global-color-construction-200);--cds-global-typography-color-200:var(--cds-global-color-construction-300);--cds-global-typography-color-100:var(--cds-global-color-black);--cds-global-typography-link-color:var(--cds-global-color-blue-400);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-200);--cds-global-typography-link-color-visited:var(--cds-global-color-lavender-300);--cds-global-typography-link-color-visited-hover:var(--cds-global-color-lavender-200);--cds-global-typography-color-450:var(--cds-global-color-construction-50);--cds-global-typography-disabled-button:var(--cds-global-color-construction-900);--cds-global-typography-disabled:var(--cds-global-color-construction-500);--cds-global-typography-info-hover:var(--cds-global-color-blue-200);--cds-global-typography-success-hover:var(--cds-global-color-green-400);--cds-global-typography-warning-hover:var(--cds-global-color-yellow-600);--cds-global-typography-danger-hover:var(--cds-global-color-red-400);--cds-global-typography-neutral-hover:var(--cds-global-color-construction-200);--cds-global-typography-link-on-colorbg:var(--cds-global-color-construction-1000);--cds-alias-typography-color-100:var(--cds-global-color-black);--cds-alias-typography-color-200:var(--cds-global-color-construction-300);--cds-alias-typography-color-300:var(--cds-global-color-construction-200);--cds-alias-typography-color-400:var(--cds-global-color-construction-100);--cds-alias-typography-color-450:var(--cds-global-color-construction-50);--cds-alias-typography-color-500:var(--cds-global-color-white);--cds-alias-typography-disabled-button:var(--cds-global-color-construction-900);--cds-alias-typography-disabled:var(--cds-global-color-construction-500);--cds-alias-typography-info-hover:var(--cds-global-color-blue-200);--cds-alias-typography-success-hover:var(--cds-global-color-green-400);--cds-alias-typography-warning-hover:var(--cds-global-color-yellow-600);--cds-alias-typography-danger-hover:var(--cds-global-color-red-400);--cds-alias-typography-neutral-hover:var(--cds-global-color-construction-200);--cds-alias-typography-link-on-colorbg:var(--cds-global-color-construction-1000);--cds-alias-typography-link-color:var(--cds-global-color-blue-400);--cds-alias-typography-link-color-hover:var(--cds-global-color-blue-200);--cds-alias-typography-link-color-visited:var(--cds-global-color-lavender-300);--cds-alias-typography-link-color-visited-hover:var(--cds-global-color-lavender-200);--cds-alias-object-app-background:var(--cds-global-color-construction-1000);--cds-alias-object-container-backdrop-background:var(--cds-alias-object-opacity-300);--cds-alias-object-container-background:var(--cds-global-color-construction-900);--cds-alias-object-container-background-tint:var(--cds-global-color-construction-1000);--cds-alias-object-container-background-shade:var(--cds-global-color-construction-800);--cds-alias-object-container-background-dark:var(--cds-global-color-construction-1100);--cds-alias-object-container-background-inverse:var(--cds-global-color-construction-200);--cds-alias-object-container-background-inverse-tint:var(--cds-global-color-construction-100);--cds-alias-object-container-background-inverse-shade:var(--cds-global-color-construction-300);--cds-alias-object-container-border-color:var(--cds-global-color-black);--cds-alias-object-overlay-background:var(--cds-global-color-construction-900);--cds-alias-object-border-color:var(--cds-global-color-construction-500);--cds-alias-object-border-color-tint:var(--cds-global-color-construction-400);--cds-alias-object-border-color-shade:var(--cds-global-color-construction-600);--cds-alias-object-shadow-100:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-300);--cds-alias-object-shadow-200:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-200);--cds-alias-object-shadow-300:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-100);--cds-alias-object-interaction-color:var(--cds-global-color-construction-200);--cds-alias-object-interaction-color-hover:var(--cds-global-color-construction-50);--cds-alias-object-interaction-color-active:var(--cds-global-color-construction-100);--cds-alias-object-interaction-color-selected:var(--cds-global-color-construction-200);--cds-alias-object-interaction-color-disabled:var(--cds-global-color-construction-600);--cds-alias-object-interaction-background:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-background-hover:var(--cds-global-color-construction-800);--cds-alias-object-interaction-background-active:var(--cds-global-color-construction-600);--cds-alias-object-interaction-background-selected:var(--cds-global-color-blue-900);--cds-alias-object-interaction-background-selected-active:var(--cds-global-color-construction-600);--cds-alias-object-interaction-background-selected-hover:var(--cds-global-color-construction-700);--cds-alias-object-interaction-background-disabled:var(--cds-global-color-construction-700);--cds-alias-object-interaction-background-highlight:var(--cds-global-color-blue-400);--cds-alias-object-interaction-background-shade:var(--cds-global-color-construction-1100);--cds-alias-object-interaction-background-shade-hover:var(--cds-global-color-construction-600);--cds-alias-object-interaction-background-shade-active:var(--cds-global-color-construction-800);--cds-alias-object-interaction-background-shade-selected:var(--cds-global-color-construction-700);--cds-alias-object-interaction-background-shade-selected-hover:var(--cds-global-color-construction-800);--cds-alias-object-interaction-background-shade-selected-active:var(--cds-global-color-construction-600);--cds-alias-object-interaction-border-color:var(--cds-global-color-construction-300);--cds-alias-object-interaction-info-hover:var(--cds-global-color-blue-300);--cds-alias-object-interaction-info-active:var(--cds-global-color-blue-500);--cds-alias-object-interaction-info-selected:var(--cds-global-color-blue-500);--cds-alias-object-interaction-info-click:var(--cds-global-color-blue-500);--cds-alias-object-interaction-info-secondary-hover:var(--cds-global-color-blue-1000);--cds-alias-object-interaction-success-hover:var(--cds-global-color-green-400);--cds-alias-object-interaction-success-active:var(--cds-global-color-green-600);--cds-alias-object-interaction-success-click:var(--cds-global-color-green-600);--cds-alias-object-interaction-success-secondary-hover:var(--cds-global-color-green-1000);--cds-alias-object-interaction-warning-hover:var(--cds-global-color-yellow-300);--cds-alias-object-interaction-warning-active:var(--cds-global-color-yellow-500);--cds-alias-object-interaction-warning-click:var(--cds-global-color-yellow-500);--cds-alias-object-interaction-warning-secondary-hover:var(--cds-global-color-yellow-1000);--cds-alias-object-interaction-danger-hover:var(--cds-global-color-red-400);--cds-alias-object-interaction-danger-active:var(--cds-global-color-red-600);--cds-alias-object-interaction-danger-click:var(--cds-global-color-red-600);--cds-alias-object-interaction-danger-secondary-hover:var(--cds-global-color-red-1000);--cds-alias-object-interaction-neutral-hover:var(--cds-global-color-construction-200);--cds-alias-object-interaction-neutral-active:var(--cds-global-color-construction-400);--cds-alias-object-interaction-neutral-click:var(--cds-global-color-construction-400);--cds-alias-object-interaction-neutral-secondary-hover:var(--cds-global-color-construction-800);--cds-alias-object-interaction-inverse-hover:var(--cds-global-color-construction-700);--cds-alias-object-interaction-inverse-active:var(--cds-global-color-construction-800);--cds-alias-object-interaction-inverse-click:var(--cds-global-color-construction-800);--cds-alias-status-tint:transparent;--cds-alias-status-info:var(--cds-global-color-blue-400);--cds-alias-status-info-tint:var(--cds-global-color-blue-800);--cds-alias-status-info-shade:var(--cds-global-color-blue-500);--cds-alias-status-success:var(--cds-global-color-green-500);--cds-alias-status-success-tint:var(--cds-global-color-green-800);--cds-alias-status-success-shade:var(--cds-global-color-green-600);--cds-alias-status-warning:var(--cds-global-color-ochre-400);--cds-alias-status-warning-tint:var(--cds-global-color-ochre-900);--cds-alias-status-warning-shade:var(--cds-global-color-ochre-500);--cds-alias-status-warning-dark:var(--cds-global-color-ochre-600);--cds-alias-status-danger:var(--cds-global-color-red-500);--cds-alias-status-danger-tint:var(--cds-global-color-red-900);--cds-alias-status-danger-shade:var(--cds-global-color-red-600);--cds-alias-status-danger-dark:var(--cds-global-color-red-900);--cds-alias-status-neutral:var(--cds-global-color-construction-300);--cds-alias-status-neutral-tint:var(--cds-global-color-construction-700);--cds-alias-status-neutral-shade:var(--cds-global-color-construction-400);--cds-alias-status-disabled:var(--cds-global-color-construction-600);--cds-alias-status-disabled-tint:var(--cds-global-color-construction-700);--cds-alias-status-disabled-shade:var(--cds-global-color-construction-500);--cds-alias-utility-gray:var(--cds-global-color-construction-300);--cds-alias-utility-gray-tint:var(--cds-global-color-construction-1000);--cds-alias-utility-gray-shade:var(--cds-global-color-construction-200);--cds-alias-utility-blue:var(--cds-global-color-blue-300);--cds-alias-utility-blue-tint:var(--cds-global-color-blue-1000);--cds-alias-utility-blue-shade:var(--cds-global-color-blue-200);--cds-alias-utility-light-blue:var(--cds-global-color-blue-700);--cds-alias-utility-light-blue-tint:var(--cds-global-color-blue-1000);--cds-alias-utility-light-blue-shade:var(--cds-global-color-blue-500);--cds-alias-utility-dark-blue:var(--cds-global-color-azure-200);--cds-alias-utility-dark-blue-tint:var(--cds-global-color-azure-1000);--cds-alias-utility-dark-blue-shade:var(--cds-global-color-azure-50);--cds-alias-utility-green:var(--cds-global-color-green-400);--cds-alias-utility-green-tint:var(--cds-global-color-green-1000);--cds-alias-utility-green-shade:var(--cds-global-color-green-200);--cds-alias-utility-yellow:var(--cds-global-color-ochre-400);--cds-alias-utility-yellow-tint:var(--cds-global-color-ochre-900);--cds-alias-utility-yellow-shade:var(--cds-global-color-ochre-300);--cds-alias-utility-red:var(--cds-global-color-red-500);--cds-alias-utility-red-tint:var(--cds-global-color-red-1000);--cds-alias-utility-red-shade:var(--cds-global-color-red-200);--cds-alias-utility-tangerine:var(--cds-global-color-tangerine-600);--cds-alias-utility-tangerine-tint:var(--cds-global-color-tangerine-1000);--cds-alias-utility-tangerine-shade:var(--cds-global-color-tangerine-400);--cds-alias-utility-violet:var(--cds-global-color-violet-400);--cds-alias-utility-violet-tint:var(--cds-global-color-violet-1000);--cds-alias-utility-violet-shade:var(--cds-global-color-violet-200);--cds-alias-viz-border:var(--cds-global-color-cool-gray-50);--cds-alias-viz-general-1-blue:var(--cds-global-color-blue-400);--cds-alias-viz-general-2-violet:var(--cds-global-color-violet-400);--cds-alias-viz-general-3-aqua:var(--cds-global-color-aqua-200);--cds-alias-viz-general-4-lime:var(--cds-global-color-lime-300);--cds-alias-viz-general-5-blue:var(--cds-global-color-blue-200);--cds-alias-viz-general-6-aqua:var(--cds-global-color-aqua-50);--cds-alias-viz-general-7-violet:var(--cds-global-color-violet-200);--cds-alias-viz-general-8-lime:var(--cds-global-color-lime-100);--cds-alias-viz-general-9-blue:var(--cds-global-color-blue-300);--cds-alias-viz-general-10-lime:var(--cds-global-color-lime-50);--cds-alias-viz-general-11-aqua:var(--cds-global-color-aqua-400);--cds-alias-viz-general-12-violet:var(--cds-global-color-violet-50);--cds-alias-viz-general-13-violet:var(--cds-global-color-violet-300);--cds-alias-viz-general-14-blue:var(--cds-global-color-blue-50);--cds-alias-viz-general-15-aqua:var(--cds-global-color-aqua-300);--cds-alias-viz-general-16-lime:var(--cds-global-color-lime-200);--cds-alias-viz-severity-neutral:var(--cds-global-color-construction-300);--cds-alias-viz-severity-success:var(--cds-global-color-green-500);--cds-alias-viz-severity-warning:var(--cds-global-color-yellow-300);--cds-alias-viz-severity-warning-light:var(--cds-global-color-yellow-300);--cds-alias-viz-severity-immediate:var(--cds-global-color-tangerine-400);--cds-alias-viz-severity-critical:var(--cds-global-color-red-700);--cds-alias-viz-severity-free-space-fill:var(--cds-global-color-construction-800);--cds-alias-viz-sequential-blue-50:var(--cds-global-color-blue-1000);--cds-alias-viz-sequential-blue-100:var(--cds-global-color-blue-900);--cds-alias-viz-sequential-blue-200:var(--cds-global-color-blue-800);--cds-alias-viz-sequential-blue-300:var(--cds-global-color-blue-700);--cds-alias-viz-sequential-blue-400:var(--cds-global-color-blue-600);--cds-alias-viz-sequential-blue-500:var(--cds-global-color-blue-500);--cds-alias-viz-sequential-blue-600:var(--cds-global-color-blue-400);--cds-alias-viz-sequential-blue-700:var(--cds-global-color-blue-300);--cds-alias-viz-sequential-blue-800:var(--cds-global-color-blue-200);--cds-alias-viz-sequential-blue-900:var(--cds-global-color-blue-100);--cds-alias-viz-sequential-blue-1000:var(--cds-global-color-blue-50);--cds-alias-viz-sequential-violet-50:var(--cds-global-color-violet-1000);--cds-alias-viz-sequential-violet-100:var(--cds-global-color-violet-900);--cds-alias-viz-sequential-violet-200:var(--cds-global-color-violet-800);--cds-alias-viz-sequential-violet-300:var(--cds-global-color-violet-700);--cds-alias-viz-sequential-violet-400:var(--cds-global-color-violet-600);--cds-alias-viz-sequential-violet-500:var(--cds-global-color-violet-500);--cds-alias-viz-sequential-violet-600:var(--cds-global-color-violet-400);--cds-alias-viz-sequential-violet-700:var(--cds-global-color-violet-300);--cds-alias-viz-sequential-violet-800:var(--cds-global-color-violet-200);--cds-alias-viz-sequential-violet-900:var(--cds-global-color-violet-100);--cds-alias-viz-sequential-violet-1000:var(--cds-global-color-violet-50);--cds-alias-viz-sequential-ochre-50:var(--cds-global-color-ochre-1000);--cds-alias-viz-sequential-ochre-100:var(--cds-global-color-ochre-900);--cds-alias-viz-sequential-ochre-200:var(--cds-global-color-ochre-800);--cds-alias-viz-sequential-ochre-300:var(--cds-global-color-ochre-700);--cds-alias-viz-sequential-ochre-400:var(--cds-global-color-ochre-600);--cds-alias-viz-sequential-ochre-500:var(--cds-global-color-ochre-500);--cds-alias-viz-sequential-ochre-600:var(--cds-global-color-ochre-400);--cds-alias-viz-sequential-ochre-700:var(--cds-global-color-ochre-300);--cds-alias-viz-sequential-ochre-800:var(--cds-global-color-ochre-200);--cds-alias-viz-sequential-ochre-900:var(--cds-global-color-ochre-100);--cds-alias-viz-sequential-ochre-1000:var(--cds-global-color-ochre-50);--cds-alias-viz-sequential-aqua-50:var(--cds-global-color-aqua-1000);--cds-alias-viz-sequential-aqua-100:var(--cds-global-color-aqua-900);--cds-alias-viz-sequential-aqua-200:var(--cds-global-color-aqua-800);--cds-alias-viz-sequential-aqua-300:var(--cds-global-color-aqua-700);--cds-alias-viz-sequential-aqua-400:var(--cds-global-color-aqua-600);--cds-alias-viz-sequential-aqua-500:var(--cds-global-color-aqua-500);--cds-alias-viz-sequential-aqua-600:var(--cds-global-color-aqua-400);--cds-alias-viz-sequential-aqua-700:var(--cds-global-color-aqua-300);--cds-alias-viz-sequential-aqua-800:var(--cds-global-color-aqua-200);--cds-alias-viz-sequential-aqua-900:var(--cds-global-color-aqua-100);--cds-alias-viz-sequential-aqua-1000:var(--cds-global-color-aqua-50);--cds-alias-viz-sequential-green-50:var(--cds-global-color-green-1000);--cds-alias-viz-sequential-green-100:var(--cds-global-color-green-900);--cds-alias-viz-sequential-green-200:var(--cds-global-color-green-800);--cds-alias-viz-sequential-green-300:var(--cds-global-color-green-700);--cds-alias-viz-sequential-green-400:var(--cds-global-color-green-600);--cds-alias-viz-sequential-green-500:var(--cds-global-color-green-500);--cds-alias-viz-sequential-green-600:var(--cds-global-color-green-400);--cds-alias-viz-sequential-green-700:var(--cds-global-color-green-300);--cds-alias-viz-sequential-green-800:var(--cds-global-color-green-200);--cds-alias-viz-sequential-green-900:var(--cds-global-color-green-100);--cds-alias-viz-sequential-green-1000:var(--cds-global-color-green-50);--cds-alias-viz-sequential-red-50:var(--cds-global-color-red-1000);--cds-alias-viz-sequential-red-100:var(--cds-global-color-red-900);--cds-alias-viz-sequential-red-200:var(--cds-global-color-red-800);--cds-alias-viz-sequential-red-300:var(--cds-global-color-red-700);--cds-alias-viz-sequential-red-400:var(--cds-global-color-red-600);--cds-alias-viz-sequential-red-500:var(--cds-global-color-red-500);--cds-alias-viz-sequential-red-600:var(--cds-global-color-red-400);--cds-alias-viz-sequential-red-700:var(--cds-global-color-red-300);--cds-alias-viz-sequential-red-800:var(--cds-global-color-red-200);--cds-alias-viz-sequential-red-900:var(--cds-global-color-red-100);--cds-alias-viz-sequential-red-1000:var(--cds-global-color-red-50)}
@@ -413,21 +413,28 @@
413
413
  <color name="aliasObjectInteractionColorDisabled" alias="globalColorConstruction300">#aeb8bc</color>
414
414
  <color name="aliasObjectInteractionInfoHover" alias="globalColorBlue800">#00608a</color>
415
415
  <color name="aliasObjectInteractionInfoClick" alias="globalColorBlue900">#004b6b</color>
416
+ <color name="aliasObjectInteractionInfoActive" alias="globalColorBlue900">#004b6b</color>
417
+ <color name="aliasObjectInteractionInfoSelected" alias="globalColorBlue900">#004b6b</color>
416
418
  <color name="aliasObjectInteractionInfoSecondaryHover" alias="globalColorBlue50">#e5f7ff</color>
417
419
  <color name="aliasObjectInteractionSuccessHover" alias="globalColorGreen800">#366a0c</color>
418
420
  <color name="aliasObjectInteractionSuccessClick" alias="globalColorGreen900">#284e09</color>
421
+ <color name="aliasObjectInteractionSuccessActive" alias="globalColorGreen900">#284e09</color>
419
422
  <color name="aliasObjectInteractionSuccessSecondaryHover" alias="globalColorGreen50">#eefce3</color>
420
423
  <color name="aliasObjectInteractionWarningHover" alias="globalColorOchre600">#ffa600</color>
421
- <color name="aliasObjectInteractionWarningClick" alias="globalColorOchre700">#d68800</color>
424
+ <color name="aliasObjectInteractionWarningClick" alias="globalColorGreen900">#284e09</color>
425
+ <color name="aliasObjectInteractionWarningActive" alias="globalColorGreen900">#284e09</color>
422
426
  <color name="aliasObjectInteractionWarningSecondaryHover" alias="globalColorOchre50">#fff9eb</color>
423
427
  <color name="aliasObjectInteractionDangerHover" alias="globalColorRed800">#c21d00</color>
424
428
  <color name="aliasObjectInteractionDangerClick" alias="globalColorRed900">#8f1500</color>
429
+ <color name="aliasObjectInteractionDangerActive" alias="globalColorRed900">#8f1500</color>
425
430
  <color name="aliasObjectInteractionDangerSecondaryHover" alias="globalColorRed50">#fff2f0</color>
426
431
  <color name="aliasObjectInteractionNeutralHover" alias="globalColorConstruction700">#3a4d55</color>
427
432
  <color name="aliasObjectInteractionNeutralClick" alias="globalColorConstruction800">#2d4048</color>
433
+ <color name="aliasObjectInteractionNeutralActive" alias="globalColorConstruction800">#2d4048</color>
428
434
  <color name="aliasObjectInteractionNeutralSecondaryHover" alias="globalColorConstruction50">#f1f6f8</color>
429
435
  <color name="aliasObjectInteractionInverseHover" alias="globalColorConstruction600">#4f6169</color>
430
436
  <color name="aliasObjectInteractionInverseClick" alias="globalColorConstruction800">#2d4048</color>
437
+ <color name="aliasObjectInteractionInverseActive" alias="globalColorConstruction800">#2d4048</color>
431
438
  <color name="aliasObjectAppBackground" alias="globalColorConstruction25">#fcfdfd</color>
432
439
  <color name="aliasObjectOverlayBackground" alias="globalColorWhite">#ffffff</color>
433
440
  <property name="aliasObjectOverlayBackdropBackground">hsla(0, 0%, 0%, 0.6)</property>
@@ -513,6 +520,8 @@
513
520
  <color name="aliasVizSeverityWarningLight" alias="globalColorYellow400">#ffc60a</color>
514
521
  <color name="aliasVizSeverityImmediate" alias="globalColorTangerine400">#ff8e3d</color>
515
522
  <color name="aliasVizSeverityCritical" alias="globalColorRed700">#e02200</color>
523
+ <color name="aliasVizSeverityFreeSpaceFill" alias="globalColorConstruction100">#e3eaed</color>
524
+ <color name="aliasVizSeverityFreeSpaceBorder" alias="globalColorConstruction400">#859399</color>
516
525
  <color name="aliasVizSequentialBlue50" alias="globalColorBlue50">#e5f7ff</color>
517
526
  <color name="aliasVizSequentialBlue100" alias="globalColorBlue100">#bdebff</color>
518
527
  <color name="aliasVizSequentialBlue200" alias="globalColorBlue200">#8fddff</color>
@@ -410,21 +410,28 @@ export declare const aliasObjectInteractionColorSelected = "var(--cds-alias-obje
410
410
  export declare const aliasObjectInteractionColorDisabled = "var(--cds-alias-object-interaction-color-disabled)";
411
411
  export declare const aliasObjectInteractionInfoHover = "var(--cds-alias-object-interaction-info-hover)";
412
412
  export declare const aliasObjectInteractionInfoClick = "var(--cds-alias-object-interaction-info-click)";
413
+ export declare const aliasObjectInteractionInfoActive = "var(--cds-alias-object-interaction-info-active)";
414
+ export declare const aliasObjectInteractionInfoSelected = "var(--cds-alias-object-interaction-info-selected)";
413
415
  export declare const aliasObjectInteractionInfoSecondaryHover = "var(--cds-alias-object-interaction-info-secondary-hover)";
414
416
  export declare const aliasObjectInteractionSuccessHover = "var(--cds-alias-object-interaction-success-hover)";
415
417
  export declare const aliasObjectInteractionSuccessClick = "var(--cds-alias-object-interaction-success-click)";
418
+ export declare const aliasObjectInteractionSuccessActive = "var(--cds-alias-object-interaction-success-active)";
416
419
  export declare const aliasObjectInteractionSuccessSecondaryHover = "var(--cds-alias-object-interaction-success-secondary-hover)";
417
420
  export declare const aliasObjectInteractionWarningHover = "var(--cds-alias-object-interaction-warning-hover)";
418
421
  export declare const aliasObjectInteractionWarningClick = "var(--cds-alias-object-interaction-warning-click)";
422
+ export declare const aliasObjectInteractionWarningActive = "var(--cds-alias-object-interaction-warning-active)";
419
423
  export declare const aliasObjectInteractionWarningSecondaryHover = "var(--cds-alias-object-interaction-warning-secondary-hover)";
420
424
  export declare const aliasObjectInteractionDangerHover = "var(--cds-alias-object-interaction-danger-hover)";
421
425
  export declare const aliasObjectInteractionDangerClick = "var(--cds-alias-object-interaction-danger-click)";
426
+ export declare const aliasObjectInteractionDangerActive = "var(--cds-alias-object-interaction-danger-active)";
422
427
  export declare const aliasObjectInteractionDangerSecondaryHover = "var(--cds-alias-object-interaction-danger-secondary-hover)";
423
428
  export declare const aliasObjectInteractionNeutralHover = "var(--cds-alias-object-interaction-neutral-hover)";
424
429
  export declare const aliasObjectInteractionNeutralClick = "var(--cds-alias-object-interaction-neutral-click)";
430
+ export declare const aliasObjectInteractionNeutralActive = "var(--cds-alias-object-interaction-neutral-active)";
425
431
  export declare const aliasObjectInteractionNeutralSecondaryHover = "var(--cds-alias-object-interaction-neutral-secondary-hover)";
426
432
  export declare const aliasObjectInteractionInverseHover = "var(--cds-alias-object-interaction-inverse-hover)";
427
433
  export declare const aliasObjectInteractionInverseClick = "var(--cds-alias-object-interaction-inverse-click)";
434
+ export declare const aliasObjectInteractionInverseActive = "var(--cds-alias-object-interaction-inverse-active)";
428
435
  export declare const aliasObjectAppBackground = "var(--cds-alias-object-app-background)";
429
436
  export declare const aliasObjectOverlayBackground = "var(--cds-alias-object-overlay-background)";
430
437
  export declare const aliasObjectOverlayBackdropBackground = "var(--cds-alias-object-overlay-backdrop-background)";
@@ -510,6 +517,8 @@ export declare const aliasVizSeverityWarning = "var(--cds-alias-viz-severity-war
510
517
  export declare const aliasVizSeverityWarningLight = "var(--cds-alias-viz-severity-warning-light)";
511
518
  export declare const aliasVizSeverityImmediate = "var(--cds-alias-viz-severity-immediate)";
512
519
  export declare const aliasVizSeverityCritical = "var(--cds-alias-viz-severity-critical)";
520
+ export declare const aliasVizSeverityFreeSpaceFill = "var(--cds-alias-viz-severity-free-space-fill)";
521
+ export declare const aliasVizSeverityFreeSpaceBorder = "var(--cds-alias-viz-severity-free-space-border)";
513
522
  export declare const aliasVizSequentialBlue50 = "var(--cds-alias-viz-sequential-blue-50)";
514
523
  export declare const aliasVizSequentialBlue100 = "var(--cds-alias-viz-sequential-blue-100)";
515
524
  export declare const aliasVizSequentialBlue200 = "var(--cds-alias-viz-sequential-blue-200)";
@@ -411,21 +411,28 @@ let aliasObjectInteractionColorSelected = UIColor(red: 58, green: 77, blue: 85,
411
411
  let aliasObjectInteractionColorDisabled = UIColor(red: 174, green: 184, blue: 188, alpha: 1.0);
412
412
  let aliasObjectInteractionInfoHover = UIColor(red: 0, green: 96, blue: 138, alpha: 1.0);
413
413
  let aliasObjectInteractionInfoClick = UIColor(red: 0, green: 75, blue: 107, alpha: 1.0);
414
+ let aliasObjectInteractionInfoActive = UIColor(red: 0, green: 75, blue: 107, alpha: 1.0);
415
+ let aliasObjectInteractionInfoSelected = UIColor(red: 0, green: 75, blue: 107, alpha: 1.0);
414
416
  let aliasObjectInteractionInfoSecondaryHover = UIColor(red: 229, green: 247, blue: 255, alpha: 1.0);
415
417
  let aliasObjectInteractionSuccessHover = UIColor(red: 54, green: 106, blue: 12, alpha: 1.0);
416
418
  let aliasObjectInteractionSuccessClick = UIColor(red: 40, green: 78, blue: 9, alpha: 1.0);
419
+ let aliasObjectInteractionSuccessActive = UIColor(red: 40, green: 78, blue: 9, alpha: 1.0);
417
420
  let aliasObjectInteractionSuccessSecondaryHover = UIColor(red: 238, green: 252, blue: 227, alpha: 1.0);
418
421
  let aliasObjectInteractionWarningHover = UIColor(red: 255, green: 166, blue: 0, alpha: 1.0);
419
- let aliasObjectInteractionWarningClick = UIColor(red: 214, green: 136, blue: 0, alpha: 1.0);
422
+ let aliasObjectInteractionWarningClick = UIColor(red: 40, green: 78, blue: 9, alpha: 1.0);
423
+ let aliasObjectInteractionWarningActive = UIColor(red: 40, green: 78, blue: 9, alpha: 1.0);
420
424
  let aliasObjectInteractionWarningSecondaryHover = UIColor(red: 255, green: 249, blue: 235, alpha: 1.0);
421
425
  let aliasObjectInteractionDangerHover = UIColor(red: 194, green: 29, blue: 0, alpha: 1.0);
422
426
  let aliasObjectInteractionDangerClick = UIColor(red: 143, green: 21, blue: 0, alpha: 1.0);
427
+ let aliasObjectInteractionDangerActive = UIColor(red: 143, green: 21, blue: 0, alpha: 1.0);
423
428
  let aliasObjectInteractionDangerSecondaryHover = UIColor(red: 255, green: 242, blue: 240, alpha: 1.0);
424
429
  let aliasObjectInteractionNeutralHover = UIColor(red: 58, green: 77, blue: 85, alpha: 1.0);
425
430
  let aliasObjectInteractionNeutralClick = UIColor(red: 45, green: 64, blue: 72, alpha: 1.0);
431
+ let aliasObjectInteractionNeutralActive = UIColor(red: 45, green: 64, blue: 72, alpha: 1.0);
426
432
  let aliasObjectInteractionNeutralSecondaryHover = UIColor(red: 241, green: 246, blue: 248, alpha: 1.0);
427
433
  let aliasObjectInteractionInverseHover = UIColor(red: 79, green: 97, blue: 105, alpha: 1.0);
428
434
  let aliasObjectInteractionInverseClick = UIColor(red: 45, green: 64, blue: 72, alpha: 1.0);
435
+ let aliasObjectInteractionInverseActive = UIColor(red: 45, green: 64, blue: 72, alpha: 1.0);
429
436
  let aliasObjectAppBackground = UIColor(red: 252, green: 253, blue: 253, alpha: 1.0);
430
437
  let aliasObjectOverlayBackground = UIColor(red: 255, green: 255, blue: 255, alpha: 1.0);
431
438
  let aliasObjectOverlayBackdropBackground = "hsla(0, 0%, 0%, 0.6)";
@@ -511,6 +518,8 @@ let aliasVizSeverityWarning = UIColor(red: 189, green: 126, blue: 0, alpha: 1.0)
511
518
  let aliasVizSeverityWarningLight = UIColor(red: 255, green: 198, blue: 10, alpha: 1.0);
512
519
  let aliasVizSeverityImmediate = UIColor(red: 255, green: 142, blue: 61, alpha: 1.0);
513
520
  let aliasVizSeverityCritical = UIColor(red: 224, green: 34, blue: 0, alpha: 1.0);
521
+ let aliasVizSeverityFreeSpaceFill = UIColor(red: 227, green: 234, blue: 237, alpha: 1.0);
522
+ let aliasVizSeverityFreeSpaceBorder = UIColor(red: 133, green: 147, blue: 153, alpha: 1.0);
514
523
  let aliasVizSequentialBlue50 = UIColor(red: 229, green: 247, blue: 255, alpha: 1.0);
515
524
  let aliasVizSequentialBlue100 = UIColor(red: 189, green: 235, blue: 255, alpha: 1.0);
516
525
  let aliasVizSequentialBlue200 = UIColor(red: 143, green: 221, blue: 255, alpha: 1.0);
package/tokens/tokens.js CHANGED
@@ -411,21 +411,28 @@ export const aliasObjectInteractionColorSelected = 'var(--cds-alias-object-inter
411
411
  export const aliasObjectInteractionColorDisabled = 'var(--cds-alias-object-interaction-color-disabled)';
412
412
  export const aliasObjectInteractionInfoHover = 'var(--cds-alias-object-interaction-info-hover)';
413
413
  export const aliasObjectInteractionInfoClick = 'var(--cds-alias-object-interaction-info-click)';
414
+ export const aliasObjectInteractionInfoActive = 'var(--cds-alias-object-interaction-info-active)';
415
+ export const aliasObjectInteractionInfoSelected = 'var(--cds-alias-object-interaction-info-selected)';
414
416
  export const aliasObjectInteractionInfoSecondaryHover = 'var(--cds-alias-object-interaction-info-secondary-hover)';
415
417
  export const aliasObjectInteractionSuccessHover = 'var(--cds-alias-object-interaction-success-hover)';
416
418
  export const aliasObjectInteractionSuccessClick = 'var(--cds-alias-object-interaction-success-click)';
419
+ export const aliasObjectInteractionSuccessActive = 'var(--cds-alias-object-interaction-success-active)';
417
420
  export const aliasObjectInteractionSuccessSecondaryHover = 'var(--cds-alias-object-interaction-success-secondary-hover)';
418
421
  export const aliasObjectInteractionWarningHover = 'var(--cds-alias-object-interaction-warning-hover)';
419
422
  export const aliasObjectInteractionWarningClick = 'var(--cds-alias-object-interaction-warning-click)';
423
+ export const aliasObjectInteractionWarningActive = 'var(--cds-alias-object-interaction-warning-active)';
420
424
  export const aliasObjectInteractionWarningSecondaryHover = 'var(--cds-alias-object-interaction-warning-secondary-hover)';
421
425
  export const aliasObjectInteractionDangerHover = 'var(--cds-alias-object-interaction-danger-hover)';
422
426
  export const aliasObjectInteractionDangerClick = 'var(--cds-alias-object-interaction-danger-click)';
427
+ export const aliasObjectInteractionDangerActive = 'var(--cds-alias-object-interaction-danger-active)';
423
428
  export const aliasObjectInteractionDangerSecondaryHover = 'var(--cds-alias-object-interaction-danger-secondary-hover)';
424
429
  export const aliasObjectInteractionNeutralHover = 'var(--cds-alias-object-interaction-neutral-hover)';
425
430
  export const aliasObjectInteractionNeutralClick = 'var(--cds-alias-object-interaction-neutral-click)';
431
+ export const aliasObjectInteractionNeutralActive = 'var(--cds-alias-object-interaction-neutral-active)';
426
432
  export const aliasObjectInteractionNeutralSecondaryHover = 'var(--cds-alias-object-interaction-neutral-secondary-hover)';
427
433
  export const aliasObjectInteractionInverseHover = 'var(--cds-alias-object-interaction-inverse-hover)';
428
434
  export const aliasObjectInteractionInverseClick = 'var(--cds-alias-object-interaction-inverse-click)';
435
+ export const aliasObjectInteractionInverseActive = 'var(--cds-alias-object-interaction-inverse-active)';
429
436
  export const aliasObjectAppBackground = 'var(--cds-alias-object-app-background)';
430
437
  export const aliasObjectOverlayBackground = 'var(--cds-alias-object-overlay-background)';
431
438
  export const aliasObjectOverlayBackdropBackground = 'var(--cds-alias-object-overlay-backdrop-background)';
@@ -511,6 +518,8 @@ export const aliasVizSeverityWarning = 'var(--cds-alias-viz-severity-warning)';
511
518
  export const aliasVizSeverityWarningLight = 'var(--cds-alias-viz-severity-warning-light)';
512
519
  export const aliasVizSeverityImmediate = 'var(--cds-alias-viz-severity-immediate)';
513
520
  export const aliasVizSeverityCritical = 'var(--cds-alias-viz-severity-critical)';
521
+ export const aliasVizSeverityFreeSpaceFill = 'var(--cds-alias-viz-severity-free-space-fill)';
522
+ export const aliasVizSeverityFreeSpaceBorder = 'var(--cds-alias-viz-severity-free-space-border)';
514
523
  export const aliasVizSequentialBlue50 = 'var(--cds-alias-viz-sequential-blue-50)';
515
524
  export const aliasVizSequentialBlue100 = 'var(--cds-alias-viz-sequential-blue-100)';
516
525
  export const aliasVizSequentialBlue200 = 'var(--cds-alias-viz-sequential-blue-200)';