@cds/core 6.10.0 → 6.12.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.
- package/accordion/accordion-header.element.scss.js +1 -1
- package/accordion/accordion-panel.element.scss.js +1 -1
- package/global.css +152 -8
- package/global.min.css +1 -1
- package/grid/row/grid-row.element.scss.js +1 -1
- package/internal/utils/global.js +1 -1
- package/navigation/navigation-item.element.scss.js +1 -1
- package/package.json +1 -1
- package/select/select.global.scss.js +1 -1
- package/selection-panels/shared/selection-panel.element.scss.js +1 -1
- package/styles/module.tokens.css +152 -8
- package/styles/module.tokens.min.css +1 -1
- package/styles/theme.dark.css +95 -4
- package/styles/theme.dark.min.css +1 -1
- package/tokens/tokens.android.xml +154 -10
- package/tokens/tokens.d.ts +144 -0
- package/tokens/tokens.ios.swift +154 -10
- package/tokens/tokens.js +144 -0
- package/tokens/tokens.json +1163 -17
- package/tokens/tokens.scss +144 -0
- package/tree-view/tree-item.element.scss.js +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as o}from"lit";var a=o`:host{--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--min-height:var(--row-height, var(--cds-alias-object-interaction-touch-target, calc(36 * 1rem / var(--cds-global-base, 20))));--border-top:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--border-bottom:0;--box-shadow:none;content-visibility:var(--row-content-visibility,auto);contain-intrinsic-size:var(--cds-global-space-1,calc(1 * 1rem / var(--cds-global-base,20))) var(--min-height)}.private-host{display:grid;grid-template-columns:var(--ch-grid);box-shadow:var(--box-shadow);background:var(--background);min-height:var(--min-height);border-top:var(--border-top);border-bottom:var(--border-bottom)}:host([position=fixed]),:host([position=sticky]){--row-content-visibility:visible;--background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));--border-bottom:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));z-index:99}:host([position=fixed]){position:absolute;inset:0 0 initial 0;width:100%}:host([position=sticky]){--border-bottom:0;--box-shadow:0 var(--cds-alias-object-border-width-200, calc(2 * 1rem / var(--cds-global-base, 20))) var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) calc(var(--cds-global-space-1, calc(1 * 1rem / var(--cds-global-base, 20))) * -1) var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));position:sticky;top:calc(var(--min-height) + var(--cds-global-space-1,calc(1 * 1rem / var(--cds-global-base,20))))}:host(:hover),:host(:hover) ::slotted(cds-grid-cell){--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-
|
|
1
|
+
import{css as o}from"lit";var a=o`:host{--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--min-height:var(--row-height, var(--cds-alias-object-interaction-touch-target, calc(36 * 1rem / var(--cds-global-base, 20))));--border-top:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--border-bottom:0;--box-shadow:none;content-visibility:var(--row-content-visibility,auto);contain-intrinsic-size:var(--cds-global-space-1,calc(1 * 1rem / var(--cds-global-base,20))) var(--min-height)}.private-host{display:grid;grid-template-columns:var(--ch-grid);box-shadow:var(--box-shadow);background:var(--background);min-height:var(--min-height);border-top:var(--border-top);border-bottom:var(--border-bottom)}:host([position=fixed]),:host([position=sticky]){--row-content-visibility:visible;--background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));--border-bottom:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));z-index:99}:host([position=fixed]){position:absolute;inset:0 0 initial 0;width:100%}:host([position=sticky]){--border-bottom:0;--box-shadow:0 var(--cds-alias-object-border-width-200, calc(2 * 1rem / var(--cds-global-base, 20))) var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) calc(var(--cds-global-space-1, calc(1 * 1rem / var(--cds-global-base, 20))) * -1) var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));position:sticky;top:calc(var(--min-height) + var(--cds-global-space-1,calc(1 * 1rem / var(--cds-global-base,20))))}:host(:hover),:host(:hover) ::slotted(cds-grid-cell){--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-construction-50, #f1f6f8))}:host([cds-draggable=active]),:host([selected]){--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-75, #e0f6ff))}:host([_detail-row]),:host([_detail-row]) ::slotted(cds-grid-cell){--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white))!important}:host([draggable=true]){-webkit-user-drag:element;user-select:none}:host([cds-draggable*=target]){--box-shadow:inset 0 var(--cds-alias-object-border-width-300, calc(3 * 1rem / var(--cds-global-base, 20))) 0 calc(var(--cds-global-space-1, calc(1 * 1rem / var(--cds-global-base, 20))) * -1) var(--cds-alias-object-interaction-background-highlight, var(--cds-global-color-blue-700, #0079ad))}::slotted([role=rowheader]:first-child),::slotted([role=rowheader]:last-child){--background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));--cell-border-width:var(--cds-global-space-1, calc(1 * 1rem / var(--cds-global-base, 20)))}`;export{a as default};
|
|
2
2
|
//# sourceMappingURL=grid-row.element.scss.js.map
|
package/internal/utils/global.js
CHANGED
|
@@ -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.
|
|
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.12.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
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as o}from"lit";var a=o`:host{--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-interaction-background, var(--cds-global-color-white, white));--line-height:var(--cds-alias-object-interaction-touch-target, calc(36 * 1rem / var(--cds-global-base, 20)));--font-size:inherit;--font-weight:inherit;--letter-spacing:inherit;--padding:0 var(--cds-global-space-5, calc(8 * 1rem / var(--cds-global-base, 20)));--cursor:pointer}:host([_group-item]){--padding:0 var(--cds-global-space-5, calc(8 * 1rem / var(--cds-global-base, 20))) 0 var(--cds-global-space-7, calc(16 * 1rem / var(--cds-global-base, 20)))}.private-host{min-height:var(--line-height);font-size:var(--font-size);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);line-height:var(--line-height);width:100%;height:fit-content;color:var(--color);background:var(--background);border:0;cursor:var(--cursor);padding:var(--padding)}:host(:hover),:host([_has-focus]){--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32))}:host(:hover){--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-
|
|
1
|
+
import{css as o}from"lit";var a=o`:host{--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-interaction-background, var(--cds-global-color-white, white));--line-height:var(--cds-alias-object-interaction-touch-target, calc(36 * 1rem / var(--cds-global-base, 20)));--font-size:inherit;--font-weight:inherit;--letter-spacing:inherit;--padding:0 var(--cds-global-space-5, calc(8 * 1rem / var(--cds-global-base, 20)));--cursor:pointer}:host([_group-item]){--padding:0 var(--cds-global-space-5, calc(8 * 1rem / var(--cds-global-base, 20))) 0 var(--cds-global-space-7, calc(16 * 1rem / var(--cds-global-base, 20)))}.private-host{min-height:var(--line-height);font-size:var(--font-size);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);line-height:var(--line-height);width:100%;height:fit-content;color:var(--color);background:var(--background);border:0;cursor:var(--cursor);padding:var(--padding)}:host(:hover),:host([_has-focus]){--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32))}:host(:hover){--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-construction-50, #f1f6f8))}:host([_has-focus]){outline:var(--cds-alias-object-interaction-outline,Highlight solid 2px);outline-offset:calc(var(--cds-alias-object-interaction-outline-offset,1px)*-2)}@media (-webkit-min-device-pixel-ratio:0){:host([_has-focus]){outline:var(--cds-alias-object-interaction-outline-webkit,5px auto -webkit-focus-ring-color)}}:host([_active]:not([_expanded])),:host([active]){--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-75, #e0f6ff));--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55))}:host([_active]:not([_expanded])) .private-host,:host([active]) .private-host{box-shadow:inset var(--cds-alias-object-border-width-300,calc(3 * 1rem / var(--cds-global-base,20))) 0 0 0 var(--cds-alias-object-interaction-background-highlight,var(--cds-global-color-blue-700,#0079ad))}:host(:active),:host(:active:focus){--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-active, var(--cds-global-color-construction-100, #e3eaed))}:host([selected]){--color:var(--cds-alias-object-interaction-color-selected, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-75, #e0f6ff))}:host([disabled]),:host([disabled]:hover){--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc));--background:var(--cds-alias-object-interaction-background-disabled, var(--cds-global-color-white, white));--cursor:not-allowed}::slotted([role=button]),::slotted(a),::slotted(button),button{line-height:var(--line-height);min-height:var(--line-height);cursor:var(--cursor);text-decoration:none!important;padding:0;outline:0;background:0 0;border:0;color:inherit;display:flex;flex:1;align-items:center;gap:var(--cds-global-space-6,calc(12 * 1rem / var(--cds-global-base,20)))}`;export{a as default};
|
|
2
2
|
//# sourceMappingURL=navigation-item.element.scss.js.map
|
package/package.json
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as o}from"lit";var
|
|
1
|
+
import{css as o}from"lit";var c=o`cds-select option{background:var(--cds-alias-object-container-background,var(--cds-global-color-white,#fff));color:var(--cds-global-typography-color-400,var(--cds-global-color-construction-900,#21333b));padding:var(--cds-global-space-4,calc(6 * 1rem / var(--cds-global-base,20)));font-size:var(--cds-global-typography-font-size-3,calc(13 * 1rem / var(--cds-global-base,20)))}cds-select option:checked{background:var(--cds-alias-object-interaction-background-selected,var(--cds-global-color-blue-75,#e0f6ff))}cds-select option:hover{background:var(--cds-alias-object-interaction-background-hover,var(--cds-global-color-construction-50,#f1f6f8))}cds-select input::-webkit-calendar-picker-indicator{display:none}`;export{c as default};
|
|
2
2
|
//# sourceMappingURL=select.global.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as a}from"lit";var l=a`:host{--panel-width:calc(var(--cds-global-space-8, calc(18 * 1rem / var(--cds-global-base, 20))) * 10);--panel-height:calc(var(--cds-global-space-8, calc(18 * 1rem / var(--cds-global-base, 20))) * 10);--panel-background:var(--cds-alias-object-interaction-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--box-shadow:0 var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))) 0 var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--padding:var(--cds-global-layout-space-sm, calc(12 * 1rem / var(--cds-global-base, 20)))}.private-host{gap:0!important;position:relative;width:var(--panel-width);height:var(--panel-height)}.input,[focusable]{left:initial;margin:0 0 var(--cds-global-layout-space-xs,calc(8 * 1rem / var(--cds-global-base,20))) var(--cds-global-layout-space-xxs,calc(4 * 1rem / var(--cds-global-base,20)));position:absolute;right:var(--cds-global-space-4,calc(6 * 1rem / var(--cds-global-base,20)));top:var(--cds-global-space-4,calc(6 * 1rem / var(--cds-global-base,20)));z-index:99}::slotted(label){box-shadow:var(--box-shadow);background:var(--panel-background);border:var(--border);border-radius:var(--cds-alias-object-border-radius-100,calc(4 * 1rem / var(--cds-global-base,20)));cursor:pointer;display:flex;margin:0;padding:var(--padding);text-wrap:normal;white-space:normal;word-break:break-word;overflow:hidden;width:var(--panel-width)!important;height:var(--panel-height)}:host([_disabled][_checked]){--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important}:host([_disabled]),:host([_disabled][_checked]),:host([_disabled][_checked]) .input{--box-shadow:0 var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))) 0 var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([_disabled][_checked]) .input{--border:var(--border)}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([status=error]) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--box-shadow:0 var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))) 0 var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host(:hover:not([_disabled])) .input,:host(:hover:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow:0 var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))) 0 var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([status=error]:hover:not([_disabled])) .input,:host([status=error]:hover:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-status-danger-dark, var(--cds-global-color-red-900, #
|
|
1
|
+
import{css as a}from"lit";var l=a`:host{--panel-width:calc(var(--cds-global-space-8, calc(18 * 1rem / var(--cds-global-base, 20))) * 10);--panel-height:calc(var(--cds-global-space-8, calc(18 * 1rem / var(--cds-global-base, 20))) * 10);--panel-background:var(--cds-alias-object-interaction-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--box-shadow:0 var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))) 0 var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--padding:var(--cds-global-layout-space-sm, calc(12 * 1rem / var(--cds-global-base, 20)))}.private-host{gap:0!important;position:relative;width:var(--panel-width);height:var(--panel-height)}.input,[focusable]{left:initial;margin:0 0 var(--cds-global-layout-space-xs,calc(8 * 1rem / var(--cds-global-base,20))) var(--cds-global-layout-space-xxs,calc(4 * 1rem / var(--cds-global-base,20)));position:absolute;right:var(--cds-global-space-4,calc(6 * 1rem / var(--cds-global-base,20)));top:var(--cds-global-space-4,calc(6 * 1rem / var(--cds-global-base,20)));z-index:99}::slotted(label){box-shadow:var(--box-shadow);background:var(--panel-background);border:var(--border);border-radius:var(--cds-alias-object-border-radius-100,calc(4 * 1rem / var(--cds-global-base,20)));cursor:pointer;display:flex;margin:0;padding:var(--padding);text-wrap:normal;white-space:normal;word-break:break-word;overflow:hidden;width:var(--panel-width)!important;height:var(--panel-height)}:host([_disabled][_checked]){--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important}:host([_disabled]),:host([_disabled][_checked]),:host([_disabled][_checked]) .input{--box-shadow:0 var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))) 0 var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([_disabled][_checked]) .input{--border:var(--border)}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([status=error]) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--box-shadow:0 var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))) 0 var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host(:hover:not([_disabled])) .input,:host(:hover:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow:0 var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))) 0 var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([status=error]:hover:not([_disabled])) .input,:host([status=error]:hover:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-status-danger-dark, var(--cds-global-color-red-900, #8f1500));--box-shadow:0 var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))) 0 var(--cds-alias-status-danger-dark, var(--cds-global-color-red-900, #8f1500))}:host([_checked]:hover:not([_disabled])) .input{--border:var(--border)}:host([_checked]:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow:0 var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))) 0 var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([size=sm]),:host([size=sm]) ::slotted(label){--panel-width:calc(var(--cds-global-space-8, calc(18 * 1rem / var(--cds-global-base, 20))) * 10);--panel-height:calc(var(--cds-global-space-8, calc(18 * 1rem / var(--cds-global-base, 20))) * 10)}:host([size=md]),:host([size=md]) ::slotted(label){--panel-width:calc(var(--cds-global-space-6, calc(12 * 1rem / var(--cds-global-base, 20))) * 20);--panel-height:calc(var(--cds-global-space-6, calc(12 * 1rem / var(--cds-global-base, 20))) * 20)}:host([size=lg]),:host([size=lg]) ::slotted(label){--panel-width:calc(var(--cds-global-space-8, calc(18 * 1rem / var(--cds-global-base, 20))) * 20);--panel-height:calc(var(--cds-global-space-8, calc(18 * 1rem / var(--cds-global-base, 20))) * 20)}:host([size=xl]),:host([size=xl]) ::slotted(label){--panel-width:calc(var(--cds-global-space-6, calc(12 * 1rem / var(--cds-global-base, 20))) * 40);--panel-height:calc(var(--cds-global-space-6, calc(12 * 1rem / var(--cds-global-base, 20))) * 40)}`;export{l as default};
|
|
2
2
|
//# sourceMappingURL=selection-panel.element.scss.js.map
|
package/styles/module.tokens.css
CHANGED
|
@@ -80,8 +80,8 @@
|
|
|
80
80
|
--cds-global-color-red-600: hsl(9, 100%, 59%);
|
|
81
81
|
--cds-global-color-red-700: hsl(9, 100%, 44%);
|
|
82
82
|
--cds-global-color-red-800: hsl(9, 100%, 38%);
|
|
83
|
-
--cds-global-color-red-900: hsl(9, 100%,
|
|
84
|
-
--cds-global-color-red-1000: hsl(
|
|
83
|
+
--cds-global-color-red-900: hsl(9, 100%, 28%);
|
|
84
|
+
--cds-global-color-red-1000: hsl(9, 100%, 22%);
|
|
85
85
|
--cds-global-color-ochre-50: hsl(41, 100%, 96%);
|
|
86
86
|
--cds-global-color-ochre-100: hsl(41, 100%, 92%);
|
|
87
87
|
--cds-global-color-ochre-200: hsl(41, 100%, 86%);
|
|
@@ -135,8 +135,8 @@
|
|
|
135
135
|
--cds-global-color-jade-600: hsl(160, 69%, 36%);
|
|
136
136
|
--cds-global-color-jade-700: hsl(160, 64%, 30%);
|
|
137
137
|
--cds-global-color-jade-800: hsl(160, 100%, 21%);
|
|
138
|
-
--cds-global-color-jade-900: hsl(160, 70%,
|
|
139
|
-
--cds-global-color-jade-1000: hsl(160, 69%,
|
|
138
|
+
--cds-global-color-jade-900: hsl(160, 70%, 18%);
|
|
139
|
+
--cds-global-color-jade-1000: hsl(160, 69%, 14%);
|
|
140
140
|
--cds-global-color-yellow-50: hsl(50, 100%, 95%);
|
|
141
141
|
--cds-global-color-yellow-100: hsl(50, 100%, 84%);
|
|
142
142
|
--cds-global-color-yellow-200: hsl(50, 100%, 73%);
|
|
@@ -147,7 +147,7 @@
|
|
|
147
147
|
--cds-global-color-yellow-700: hsl(40, 100%, 37%);
|
|
148
148
|
--cds-global-color-yellow-800: hsl(40, 100%, 26%);
|
|
149
149
|
--cds-global-color-yellow-900: hsl(40, 100%, 18%);
|
|
150
|
-
--cds-global-color-yellow-1000: hsl(40,
|
|
150
|
+
--cds-global-color-yellow-1000: hsl(40, 100%, 13%);
|
|
151
151
|
--cds-global-color-lime-50: hsl(66, 100%, 94%);
|
|
152
152
|
--cds-global-color-lime-100: hsl(66, 95%, 83%);
|
|
153
153
|
--cds-global-color-lime-200: hsl(66, 85%, 70%);
|
|
@@ -259,6 +259,7 @@
|
|
|
259
259
|
--cds-global-color-construction-800: hsl(198, 23%, 23%);
|
|
260
260
|
--cds-global-color-construction-900: hsl(198, 28%, 18%);
|
|
261
261
|
--cds-global-color-construction-1000: hsl(198, 30%, 15%);
|
|
262
|
+
--cds-global-color-construction-1100: hsl(200, 31%, 13%);
|
|
262
263
|
--cds-global-color-gray-0: hsl(0, 0%, 100%);
|
|
263
264
|
--cds-global-color-gray-50: hsl(0, 0%, 98%);
|
|
264
265
|
--cds-global-color-gray-100: hsl(0, 0%, 95%);
|
|
@@ -390,9 +391,11 @@
|
|
|
390
391
|
--cds-alias-object-interaction-touch-target: calc(36 * (1rem / var(--cds-global-base)));
|
|
391
392
|
--cds-alias-object-interaction-border-color: var(--cds-global-color-construction-500);
|
|
392
393
|
--cds-alias-object-interaction-background: var(--cds-global-color-white);
|
|
393
|
-
--cds-alias-object-interaction-background-hover: var(--cds-global-color-
|
|
394
|
-
--cds-alias-object-interaction-background-active: var(--cds-global-color-
|
|
395
|
-
--cds-alias-object-interaction-background-selected: var(--cds-global-color-blue-
|
|
394
|
+
--cds-alias-object-interaction-background-hover: var(--cds-global-color-construction-50);
|
|
395
|
+
--cds-alias-object-interaction-background-active: var(--cds-global-color-construction-100);
|
|
396
|
+
--cds-alias-object-interaction-background-selected: var(--cds-global-color-blue-75);
|
|
397
|
+
--cds-alias-object-interaction-background-selected-hover: var(--cds-global-color-construction-100);
|
|
398
|
+
--cds-alias-object-interaction-background-selected-active: var(--cds-global-color-construction-200);
|
|
396
399
|
--cds-alias-object-interaction-background-disabled: var(--cds-global-color-white);
|
|
397
400
|
--cds-alias-object-interaction-background-highlight: var(--cds-global-color-blue-700);
|
|
398
401
|
--cds-alias-object-interaction-color: var(--cds-global-color-construction-700);
|
|
@@ -427,6 +430,7 @@
|
|
|
427
430
|
--cds-alias-object-container-background-inverse: var(--cds-global-color-construction-200);
|
|
428
431
|
--cds-alias-object-container-background-inverse-tint: var(--cds-global-color-construction-100);
|
|
429
432
|
--cds-alias-object-container-background-inverse-shade: var(--cds-global-color-construction-300);
|
|
433
|
+
--cds-alias-object-container-backdrop-background: hsla(0, 0%, 100%, 0.6);
|
|
430
434
|
--cds-alias-object-container-border-color: var(--cds-global-color-construction-200);
|
|
431
435
|
--cds-alias-status-info: var(--cds-global-color-blue-700);
|
|
432
436
|
--cds-alias-status-info-tint: var(--cds-global-color-blue-50);
|
|
@@ -478,6 +482,146 @@
|
|
|
478
482
|
--cds-alias-utility-violet: var(--cds-global-color-violet-600);
|
|
479
483
|
--cds-alias-utility-violet-tint: var(--cds-global-color-violet-50);
|
|
480
484
|
--cds-alias-utility-violet-shade: var(--cds-global-color-violet-800);
|
|
485
|
+
--cds-alias-viz-border: var(--cds-global-color-cool-gray-50);
|
|
486
|
+
--cds-alias-viz-general-1-blue: var(--cds-global-color-blue-600);
|
|
487
|
+
--cds-alias-viz-general-2-violet: var(--cds-global-color-violet-600);
|
|
488
|
+
--cds-alias-viz-general-3-aqua: var(--cds-global-color-aqua-800);
|
|
489
|
+
--cds-alias-viz-general-4-lime: var(--cds-global-color-lime-700);
|
|
490
|
+
--cds-alias-viz-general-5-blue: var(--cds-global-color-blue-800);
|
|
491
|
+
--cds-alias-viz-general-6-aqua: var(--cds-global-color-aqua-1000);
|
|
492
|
+
--cds-alias-viz-general-7-violet: var(--cds-global-color-violet-800);
|
|
493
|
+
--cds-alias-viz-general-8-lime: var(--cds-global-color-lime-900);
|
|
494
|
+
--cds-alias-viz-general-9-blue: var(--cds-global-color-blue-700);
|
|
495
|
+
--cds-alias-viz-general-10-lime: var(--cds-global-color-lime-1000);
|
|
496
|
+
--cds-alias-viz-general-11-aqua: var(--cds-global-color-aqua-600);
|
|
497
|
+
--cds-alias-viz-general-12-violet: var(--cds-global-color-violet-1000);
|
|
498
|
+
--cds-alias-viz-general-13-violet: var(--cds-global-color-violet-700);
|
|
499
|
+
--cds-alias-viz-general-14-blue: var(--cds-global-color-blue-1000);
|
|
500
|
+
--cds-alias-viz-general-15-aqua: var(--cds-global-color-aqua-700);
|
|
501
|
+
--cds-alias-viz-general-16-lime: var(--cds-global-color-lime-800);
|
|
502
|
+
--cds-alias-viz-severity-neutral: var(--cds-global-color-construction-600);
|
|
503
|
+
--cds-alias-viz-severity-success: var(--cds-global-color-green-700);
|
|
504
|
+
--cds-alias-viz-severity-warning: var(--cds-global-color-yellow-700);
|
|
505
|
+
--cds-alias-viz-severity-immediate: var(--cds-global-color-tangerine-700);
|
|
506
|
+
--cds-alias-viz-severity-critical: var(--cds-global-color-red-700);
|
|
507
|
+
--cds-alias-viz-sequential-blue-50: var(--cds-global-color-blue-50);
|
|
508
|
+
--cds-alias-viz-sequential-blue-100: var(--cds-global-color-blue-100);
|
|
509
|
+
--cds-alias-viz-sequential-blue-200: var(--cds-global-color-blue-200);
|
|
510
|
+
--cds-alias-viz-sequential-blue-300: var(--cds-global-color-blue-300);
|
|
511
|
+
--cds-alias-viz-sequential-blue-400: var(--cds-global-color-blue-400);
|
|
512
|
+
--cds-alias-viz-sequential-blue-500: var(--cds-global-color-blue-500);
|
|
513
|
+
--cds-alias-viz-sequential-blue-600: var(--cds-global-color-blue-600);
|
|
514
|
+
--cds-alias-viz-sequential-blue-700: var(--cds-global-color-blue-700);
|
|
515
|
+
--cds-alias-viz-sequential-blue-800: var(--cds-global-color-blue-800);
|
|
516
|
+
--cds-alias-viz-sequential-blue-900: var(--cds-global-color-blue-900);
|
|
517
|
+
--cds-alias-viz-sequential-blue-1000: var(--cds-global-color-blue-1000);
|
|
518
|
+
--cds-alias-viz-sequential-violet-50: var(--cds-global-color-violet-50);
|
|
519
|
+
--cds-alias-viz-sequential-violet-100: var(--cds-global-color-violet-100);
|
|
520
|
+
--cds-alias-viz-sequential-violet-200: var(--cds-global-color-violet-200);
|
|
521
|
+
--cds-alias-viz-sequential-violet-300: var(--cds-global-color-violet-300);
|
|
522
|
+
--cds-alias-viz-sequential-violet-400: var(--cds-global-color-violet-400);
|
|
523
|
+
--cds-alias-viz-sequential-violet-500: var(--cds-global-color-violet-500);
|
|
524
|
+
--cds-alias-viz-sequential-violet-600: var(--cds-global-color-violet-600);
|
|
525
|
+
--cds-alias-viz-sequential-violet-700: var(--cds-global-color-violet-700);
|
|
526
|
+
--cds-alias-viz-sequential-violet-800: var(--cds-global-color-violet-800);
|
|
527
|
+
--cds-alias-viz-sequential-violet-900: var(--cds-global-color-violet-900);
|
|
528
|
+
--cds-alias-viz-sequential-violet-1000: var(--cds-global-color-violet-1000);
|
|
529
|
+
--cds-alias-viz-sequential-ochre-50: var(--cds-global-color-ochre-50);
|
|
530
|
+
--cds-alias-viz-sequential-ochre-100: var(--cds-global-color-ochre-100);
|
|
531
|
+
--cds-alias-viz-sequential-ochre-200: var(--cds-global-color-ochre-200);
|
|
532
|
+
--cds-alias-viz-sequential-ochre-300: var(--cds-global-color-ochre-300);
|
|
533
|
+
--cds-alias-viz-sequential-ochre-400: var(--cds-global-color-ochre-400);
|
|
534
|
+
--cds-alias-viz-sequential-ochre-500: var(--cds-global-color-ochre-500);
|
|
535
|
+
--cds-alias-viz-sequential-ochre-600: var(--cds-global-color-ochre-600);
|
|
536
|
+
--cds-alias-viz-sequential-ochre-700: var(--cds-global-color-ochre-700);
|
|
537
|
+
--cds-alias-viz-sequential-ochre-800: var(--cds-global-color-ochre-800);
|
|
538
|
+
--cds-alias-viz-sequential-ochre-900: var(--cds-global-color-ochre-900);
|
|
539
|
+
--cds-alias-viz-sequential-ochre-1000: var(--cds-global-color-ochre-1000);
|
|
540
|
+
--cds-alias-viz-sequential-aqua-50: var(--cds-global-color-aqua-50);
|
|
541
|
+
--cds-alias-viz-sequential-aqua-100: var(--cds-global-color-aqua-100);
|
|
542
|
+
--cds-alias-viz-sequential-aqua-200: var(--cds-global-color-aqua-200);
|
|
543
|
+
--cds-alias-viz-sequential-aqua-300: var(--cds-global-color-aqua-300);
|
|
544
|
+
--cds-alias-viz-sequential-aqua-400: var(--cds-global-color-aqua-400);
|
|
545
|
+
--cds-alias-viz-sequential-aqua-500: var(--cds-global-color-aqua-500);
|
|
546
|
+
--cds-alias-viz-sequential-aqua-600: var(--cds-global-color-aqua-600);
|
|
547
|
+
--cds-alias-viz-sequential-aqua-700: var(--cds-global-color-aqua-700);
|
|
548
|
+
--cds-alias-viz-sequential-aqua-800: var(--cds-global-color-aqua-800);
|
|
549
|
+
--cds-alias-viz-sequential-aqua-900: var(--cds-global-color-aqua-900);
|
|
550
|
+
--cds-alias-viz-sequential-aqua-1000: var(--cds-global-color-aqua-1000);
|
|
551
|
+
--cds-alias-viz-sequential-green-50: var(--cds-global-color-green-50);
|
|
552
|
+
--cds-alias-viz-sequential-green-100: var(--cds-global-color-green-100);
|
|
553
|
+
--cds-alias-viz-sequential-green-200: var(--cds-global-color-green-200);
|
|
554
|
+
--cds-alias-viz-sequential-green-300: var(--cds-global-color-green-300);
|
|
555
|
+
--cds-alias-viz-sequential-green-400: var(--cds-global-color-green-400);
|
|
556
|
+
--cds-alias-viz-sequential-green-500: var(--cds-global-color-green-500);
|
|
557
|
+
--cds-alias-viz-sequential-green-600: var(--cds-global-color-green-600);
|
|
558
|
+
--cds-alias-viz-sequential-green-700: var(--cds-global-color-green-700);
|
|
559
|
+
--cds-alias-viz-sequential-green-800: var(--cds-global-color-green-800);
|
|
560
|
+
--cds-alias-viz-sequential-green-900: var(--cds-global-color-green-900);
|
|
561
|
+
--cds-alias-viz-sequential-green-1000: var(--cds-global-color-green-1000);
|
|
562
|
+
--cds-alias-viz-sequential-red-50: var(--cds-global-color-red-50);
|
|
563
|
+
--cds-alias-viz-sequential-red-100: var(--cds-global-color-red-100);
|
|
564
|
+
--cds-alias-viz-sequential-red-200: var(--cds-global-color-red-200);
|
|
565
|
+
--cds-alias-viz-sequential-red-300: var(--cds-global-color-red-300);
|
|
566
|
+
--cds-alias-viz-sequential-red-400: var(--cds-global-color-red-400);
|
|
567
|
+
--cds-alias-viz-sequential-red-500: var(--cds-global-color-red-500);
|
|
568
|
+
--cds-alias-viz-sequential-red-600: var(--cds-global-color-red-600);
|
|
569
|
+
--cds-alias-viz-sequential-red-700: var(--cds-global-color-red-700);
|
|
570
|
+
--cds-alias-viz-sequential-red-800: var(--cds-global-color-red-800);
|
|
571
|
+
--cds-alias-viz-sequential-red-900: var(--cds-global-color-red-900);
|
|
572
|
+
--cds-alias-viz-sequential-red-1000: var(--cds-global-color-red-1000);
|
|
573
|
+
--cds-alias-viz-diverging-violet-aqua-v-200: var(--cds-global-color-violet-200);
|
|
574
|
+
--cds-alias-viz-diverging-violet-aqua-v-300: var(--cds-global-color-violet-300);
|
|
575
|
+
--cds-alias-viz-diverging-violet-aqua-v-400: var(--cds-global-color-violet-400);
|
|
576
|
+
--cds-alias-viz-diverging-violet-aqua-v-500: var(--cds-global-color-violet-500);
|
|
577
|
+
--cds-alias-viz-diverging-violet-aqua-v-600: var(--cds-global-color-violet-600);
|
|
578
|
+
--cds-alias-viz-diverging-violet-aqua-v-700: var(--cds-global-color-violet-700);
|
|
579
|
+
--cds-alias-viz-diverging-violet-aqua-neutral: var(--cds-global-color-violet-50);
|
|
580
|
+
--cds-alias-viz-diverging-violet-aqua-a-400: var(--cds-global-color-aqua-400);
|
|
581
|
+
--cds-alias-viz-diverging-violet-aqua-a-500: var(--cds-global-color-aqua-500);
|
|
582
|
+
--cds-alias-viz-diverging-violet-aqua-a-600: var(--cds-global-color-aqua-600);
|
|
583
|
+
--cds-alias-viz-diverging-violet-aqua-a-700: var(--cds-global-color-aqua-700);
|
|
584
|
+
--cds-alias-viz-diverging-violet-aqua-a-800: var(--cds-global-color-aqua-800);
|
|
585
|
+
--cds-alias-viz-diverging-violet-aqua-a-900: var(--cds-global-color-aqua-900);
|
|
586
|
+
--cds-alias-viz-diverging-blue-jade-b-300: var(--cds-global-color-blue-300);
|
|
587
|
+
--cds-alias-viz-diverging-blue-jade-b-400: var(--cds-global-color-blue-400);
|
|
588
|
+
--cds-alias-viz-diverging-blue-jade-b-500: var(--cds-global-color-blue-500);
|
|
589
|
+
--cds-alias-viz-diverging-blue-jade-b-600: var(--cds-global-color-blue-600);
|
|
590
|
+
--cds-alias-viz-diverging-blue-jade-b-700: var(--cds-global-color-blue-700);
|
|
591
|
+
--cds-alias-viz-diverging-blue-jade-b-800: var(--cds-global-color-blue-800);
|
|
592
|
+
--cds-alias-viz-diverging-blue-jade-neutral: var(--cds-global-color-blue-50);
|
|
593
|
+
--cds-alias-viz-diverging-blue-jade-j-300: var(--cds-global-color-jade-300);
|
|
594
|
+
--cds-alias-viz-diverging-blue-jade-j-400: var(--cds-global-color-jade-400);
|
|
595
|
+
--cds-alias-viz-diverging-blue-jade-j-500: var(--cds-global-color-jade-500);
|
|
596
|
+
--cds-alias-viz-diverging-blue-jade-j-600: var(--cds-global-color-jade-600);
|
|
597
|
+
--cds-alias-viz-diverging-blue-jade-j-700: var(--cds-global-color-jade-700);
|
|
598
|
+
--cds-alias-viz-diverging-blue-jade-j-800: var(--cds-global-color-jade-800);
|
|
599
|
+
--cds-alias-viz-diverging-blue-green-b-300: var(--cds-global-color-blue-300);
|
|
600
|
+
--cds-alias-viz-diverging-blue-green-b-400: var(--cds-global-color-blue-400);
|
|
601
|
+
--cds-alias-viz-diverging-blue-green-b-500: var(--cds-global-color-blue-500);
|
|
602
|
+
--cds-alias-viz-diverging-blue-green-b-600: var(--cds-global-color-blue-600);
|
|
603
|
+
--cds-alias-viz-diverging-blue-green-b-700: var(--cds-global-color-blue-700);
|
|
604
|
+
--cds-alias-viz-diverging-blue-green-b-800: var(--cds-global-color-blue-800);
|
|
605
|
+
--cds-alias-viz-diverging-blue-green-neutral: var(--cds-global-color-blue-50);
|
|
606
|
+
--cds-alias-viz-diverging-blue-green-g-300: var(--cds-global-color-green-300);
|
|
607
|
+
--cds-alias-viz-diverging-blue-green-g-400: var(--cds-global-color-green-400);
|
|
608
|
+
--cds-alias-viz-diverging-blue-green-g-500: var(--cds-global-color-green-500);
|
|
609
|
+
--cds-alias-viz-diverging-blue-green-g-600: var(--cds-global-color-green-600);
|
|
610
|
+
--cds-alias-viz-diverging-blue-green-g-700: var(--cds-global-color-green-700);
|
|
611
|
+
--cds-alias-viz-diverging-blue-green-g-800: var(--cds-global-color-green-800);
|
|
612
|
+
--cds-alias-viz-diverging-green-yellow-red-g-200: var(--cds-global-color-green-200);
|
|
613
|
+
--cds-alias-viz-diverging-green-yellow-red-g-300: var(--cds-global-color-green-300);
|
|
614
|
+
--cds-alias-viz-diverging-green-yellow-red-g-400: var(--cds-global-color-green-400);
|
|
615
|
+
--cds-alias-viz-diverging-green-yellow-red-g-500: var(--cds-global-color-green-500);
|
|
616
|
+
--cds-alias-viz-diverging-green-yellow-red-g-600: var(--cds-global-color-green-600);
|
|
617
|
+
--cds-alias-viz-diverging-green-yellow-red-g-700: var(--cds-global-color-green-700);
|
|
618
|
+
--cds-alias-viz-diverging-green-yellow-red-neutral: var(--cds-global-color-yellow-200);
|
|
619
|
+
--cds-alias-viz-diverging-green-yellow-red-r-400: var(--cds-global-color-red-400);
|
|
620
|
+
--cds-alias-viz-diverging-green-yellow-red-r-500: var(--cds-global-color-red-500);
|
|
621
|
+
--cds-alias-viz-diverging-green-yellow-red-r-600: var(--cds-global-color-red-600);
|
|
622
|
+
--cds-alias-viz-diverging-green-yellow-red-r-700: var(--cds-global-color-red-700);
|
|
623
|
+
--cds-alias-viz-diverging-green-yellow-red-r-800: var(--cds-global-color-red-800);
|
|
624
|
+
--cds-alias-viz-diverging-green-yellow-red-r-900: var(--cds-global-color-red-900);
|
|
481
625
|
--cds-alias-typography-color-100: var(--cds-global-color-white);
|
|
482
626
|
--cds-alias-typography-color-200: var(--cds-global-color-construction-600);
|
|
483
627
|
--cds-alias-typography-color-300: var(--cds-global-color-construction-800);
|
|
@@ -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-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%, 22%);--cds-global-color-red-1000:hsl(7, 10%, 17%);--cds-global-color-ochre-50:hsl(41, 100%, 96%);--cds-global-color-ochre-100:hsl(41, 100%, 92%);--cds-global-color-ochre-200:hsl(41, 100%, 86%);--cds-global-color-ochre-300:hsl(41, 100%, 78%);--cds-global-color-ochre-400:hsl(41, 100%, 70%);--cds-global-color-ochre-500:hsl(40, 100%, 59%);--cds-global-color-ochre-600:hsl(39, 100%, 50%);--cds-global-color-ochre-700:hsl(38, 100%, 42%);--cds-global-color-ochre-800:hsl(37, 100%, 32%);--cds-global-color-ochre-900:hsl(36, 100%, 27%);--cds-global-color-ochre-1000:hsl(35, 100%, 19%);--cds-global-color-lavender-50:hsl(238, 100%, 96%);--cds-global-color-lavender-100:hsl(238, 58%, 88%);--cds-global-color-lavender-200:hsl(238, 53%, 79%);--cds-global-color-lavender-300:hsl(238, 52%, 70%);--cds-global-color-lavender-400:hsl(238, 58%, 64%);--cds-global-color-lavender-500:hsl(238, 59%, 58%);--cds-global-color-lavender-600:hsl(238, 60%, 52%);--cds-global-color-lavender-700:hsl(238, 69%, 45%);--cds-global-color-lavender-800:hsl(238, 100%, 32%);--cds-global-color-lavender-900:hsl(238, 100%, 22%);--cds-global-color-lavender-1000:hsl(238, 100%, 14%);--cds-global-color-azure-50:hsl(211, 100%, 95%);--cds-global-color-azure-100:hsl(211, 100%, 88%);--cds-global-color-azure-200:hsl(211, 100%, 81%);--cds-global-color-azure-300:hsl(211, 100%, 70%);--cds-global-color-azure-400:hsl(211, 100%, 62%);--cds-global-color-azure-500:hsl(211, 100%, 54%);--cds-global-color-azure-600:hsl(211, 100%, 46%);--cds-global-color-azure-700:hsl(211, 100%, 37%);--cds-global-color-azure-800:hsl(211, 100%, 26%);--cds-global-color-azure-900:hsl(211, 100%, 18%);--cds-global-color-azure-1000:hsl(211, 100%, 14%);--cds-global-color-aqua-50:hsl(184, 100%, 96%);--cds-global-color-aqua-100:hsl(184, 100%, 86%);--cds-global-color-aqua-200:hsl(184, 100%, 75%);--cds-global-color-aqua-300:hsl(184, 100%, 62%);--cds-global-color-aqua-400:hsl(184, 100%, 48%);--cds-global-color-aqua-500:hsl(184, 100%, 43%);--cds-global-color-aqua-600:hsl(184, 100%, 34%);--cds-global-color-aqua-700:hsl(184, 100%, 25%);--cds-global-color-aqua-800:hsl(184, 100%, 18%);--cds-global-color-aqua-900:hsl(184, 100%, 13%);--cds-global-color-aqua-1000:hsl(184, 100%, 10%);--cds-global-color-jade-50:hsl(160, 83%, 95%);--cds-global-color-jade-100:hsl(160, 82%, 88%);--cds-global-color-jade-200:hsl(160, 78%, 78%);--cds-global-color-jade-300:hsl(160, 69%, 65%);--cds-global-color-jade-400:hsl(160, 69%, 53%);--cds-global-color-jade-500:hsl(160, 64%, 45%);--cds-global-color-jade-600:hsl(160, 69%, 36%);--cds-global-color-jade-700:hsl(160, 64%, 30%);--cds-global-color-jade-800:hsl(160, 100%, 21%);--cds-global-color-jade-900:hsl(160, 70%, 21%);--cds-global-color-jade-1000:hsl(160, 69%, 19%);--cds-global-color-yellow-50:hsl(50, 100%, 95%);--cds-global-color-yellow-100:hsl(50, 100%, 84%);--cds-global-color-yellow-200:hsl(50, 100%, 73%);--cds-global-color-yellow-300:hsl(50, 100%, 57%);--cds-global-color-yellow-400:hsl(46, 100%, 52%);--cds-global-color-yellow-500:hsl(44, 100%, 47%);--cds-global-color-yellow-600:hsl(42, 100%, 42%);--cds-global-color-yellow-700:hsl(40, 100%, 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, 32%, 14%);--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-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-blue-50);--cds-alias-object-interaction-background-active:var(--cds-global-color-blue-75);--cds-alias-object-interaction-background-selected:var(--cds-global-color-blue-50);--cds-alias-object-interaction-background-disabled:var(--cds-global-color-white);--cds-alias-object-interaction-background-highlight:var(--cds-global-color-blue-700);--cds-alias-object-interaction-color:var(--cds-global-color-construction-700);--cds-alias-object-interaction-color-hover:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-color-active:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-color-selected:var(--cds-global-color-construction-700);--cds-alias-object-interaction-color-disabled:var(--cds-global-color-construction-300);--cds-alias-object-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-construction-200);--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-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-500);--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-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-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-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-construction-200);--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-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-500);--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-cool-gray-50);--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-immediate:var(--cds-global-color-tangerine-700);--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))}
|
package/styles/theme.dark.css
CHANGED
|
@@ -32,6 +32,7 @@
|
|
|
32
32
|
--cds-alias-typography-link-color-visited: var(--cds-global-color-lavender-300);
|
|
33
33
|
--cds-alias-typography-link-color-visited-hover: var(--cds-global-color-lavender-200);
|
|
34
34
|
--cds-alias-object-app-background: var(--cds-global-color-construction-1000);
|
|
35
|
+
--cds-alias-object-container-backdrop-background: var(--cds-alias-object-opacity-300);
|
|
35
36
|
--cds-alias-object-container-background: var(--cds-global-color-construction-900);
|
|
36
37
|
--cds-alias-object-container-background-tint: var(--cds-global-color-construction-1000);
|
|
37
38
|
--cds-alias-object-container-background-shade: var(--cds-global-color-construction-800);
|
|
@@ -52,9 +53,11 @@
|
|
|
52
53
|
--cds-alias-object-interaction-color-selected: var(--cds-global-color-construction-200);
|
|
53
54
|
--cds-alias-object-interaction-color-disabled: var(--cds-global-color-construction-600);
|
|
54
55
|
--cds-alias-object-interaction-background: var(--cds-global-color-construction-1000);
|
|
55
|
-
--cds-alias-object-interaction-background-hover: var(--cds-global-color-construction-
|
|
56
|
-
--cds-alias-object-interaction-background-active: var(--cds-global-color-construction-
|
|
57
|
-
--cds-alias-object-interaction-background-selected: var(--cds-global-color-
|
|
56
|
+
--cds-alias-object-interaction-background-hover: var(--cds-global-color-construction-800);
|
|
57
|
+
--cds-alias-object-interaction-background-active: var(--cds-global-color-construction-600);
|
|
58
|
+
--cds-alias-object-interaction-background-selected: var(--cds-global-color-blue-900);
|
|
59
|
+
--cds-alias-object-interaction-background-selected-active: var(--cds-global-color-construction-600);
|
|
60
|
+
--cds-alias-object-interaction-background-selected-hover: var(--cds-global-color-construction-700);
|
|
58
61
|
--cds-alias-object-interaction-background-disabled: var(--cds-global-color-construction-700);
|
|
59
62
|
--cds-alias-object-interaction-background-highlight: var(--cds-global-color-blue-400);
|
|
60
63
|
--cds-alias-object-interaction-border-color: var(--cds-global-color-construction-300);
|
|
@@ -124,7 +127,7 @@
|
|
|
124
127
|
--cds-alias-utility-yellow: var(--cds-global-color-ochre-400);
|
|
125
128
|
--cds-alias-utility-yellow-tint: var(--cds-global-color-ochre-900);
|
|
126
129
|
--cds-alias-utility-yellow-shade: var(--cds-global-color-ochre-300);
|
|
127
|
-
--cds-alias-utility-red: var(--cds-global-color-red-
|
|
130
|
+
--cds-alias-utility-red: var(--cds-global-color-red-500);
|
|
128
131
|
--cds-alias-utility-red-tint: var(--cds-global-color-red-1000);
|
|
129
132
|
--cds-alias-utility-red-shade: var(--cds-global-color-red-200);
|
|
130
133
|
--cds-alias-utility-tangerine: var(--cds-global-color-tangerine-600);
|
|
@@ -133,4 +136,92 @@
|
|
|
133
136
|
--cds-alias-utility-violet: var(--cds-global-color-violet-400);
|
|
134
137
|
--cds-alias-utility-violet-tint: var(--cds-global-color-violet-1000);
|
|
135
138
|
--cds-alias-utility-violet-shade: var(--cds-global-color-violet-200);
|
|
139
|
+
--cds-alias-viz-border: var(--cds-global-color-cool-gray-50);
|
|
140
|
+
--cds-alias-viz-general-1-blue: var(--cds-global-color-blue-400);
|
|
141
|
+
--cds-alias-viz-general-2-violet: var(--cds-global-color-violet-400);
|
|
142
|
+
--cds-alias-viz-general-3-aqua: var(--cds-global-color-aqua-200);
|
|
143
|
+
--cds-alias-viz-general-4-lime: var(--cds-global-color-lime-300);
|
|
144
|
+
--cds-alias-viz-general-5-blue: var(--cds-global-color-blue-200);
|
|
145
|
+
--cds-alias-viz-general-6-aqua: var(--cds-global-color-aqua-50);
|
|
146
|
+
--cds-alias-viz-general-7-violet: var(--cds-global-color-violet-200);
|
|
147
|
+
--cds-alias-viz-general-8-lime: var(--cds-global-color-lime-100);
|
|
148
|
+
--cds-alias-viz-general-9-blue: var(--cds-global-color-blue-300);
|
|
149
|
+
--cds-alias-viz-general-10-lime: var(--cds-global-color-lime-50);
|
|
150
|
+
--cds-alias-viz-general-11-aqua: var(--cds-global-color-aqua-400);
|
|
151
|
+
--cds-alias-viz-general-12-violet: var(--cds-global-color-violet-50);
|
|
152
|
+
--cds-alias-viz-general-13-violet: var(--cds-global-color-violet-300);
|
|
153
|
+
--cds-alias-viz-general-14-blue: var(--cds-global-color-blue-50);
|
|
154
|
+
--cds-alias-viz-general-15-aqua: var(--cds-global-color-aqua-300);
|
|
155
|
+
--cds-alias-viz-general-16-lime: var(--cds-global-color-lime-200);
|
|
156
|
+
--cds-alias-viz-severity-neutral: var(--cds-global-color-construction-300);
|
|
157
|
+
--cds-alias-viz-severity-success: var(--cds-global-color-green-500);
|
|
158
|
+
--cds-alias-viz-severity-warning: var(--cds-global-color-yellow-300);
|
|
159
|
+
--cds-alias-viz-severity-immediate: var(--cds-global-color-tangerine-400);
|
|
160
|
+
--cds-alias-viz-severity-critical: var(--cds-global-color-red-700);
|
|
161
|
+
--cds-alias-viz-sequential-blue-50: var(--cds-global-color-blue-1000);
|
|
162
|
+
--cds-alias-viz-sequential-blue-100: var(--cds-global-color-blue-900);
|
|
163
|
+
--cds-alias-viz-sequential-blue-200: var(--cds-global-color-blue-800);
|
|
164
|
+
--cds-alias-viz-sequential-blue-300: var(--cds-global-color-blue-700);
|
|
165
|
+
--cds-alias-viz-sequential-blue-400: var(--cds-global-color-blue-600);
|
|
166
|
+
--cds-alias-viz-sequential-blue-500: var(--cds-global-color-blue-500);
|
|
167
|
+
--cds-alias-viz-sequential-blue-600: var(--cds-global-color-blue-400);
|
|
168
|
+
--cds-alias-viz-sequential-blue-700: var(--cds-global-color-blue-300);
|
|
169
|
+
--cds-alias-viz-sequential-blue-800: var(--cds-global-color-blue-200);
|
|
170
|
+
--cds-alias-viz-sequential-blue-900: var(--cds-global-color-blue-100);
|
|
171
|
+
--cds-alias-viz-sequential-blue-1000: var(--cds-global-color-blue-50);
|
|
172
|
+
--cds-alias-viz-sequential-violet-50: var(--cds-global-color-violet-1000);
|
|
173
|
+
--cds-alias-viz-sequential-violet-100: var(--cds-global-color-violet-900);
|
|
174
|
+
--cds-alias-viz-sequential-violet-200: var(--cds-global-color-violet-800);
|
|
175
|
+
--cds-alias-viz-sequential-violet-300: var(--cds-global-color-violet-700);
|
|
176
|
+
--cds-alias-viz-sequential-violet-400: var(--cds-global-color-violet-600);
|
|
177
|
+
--cds-alias-viz-sequential-violet-500: var(--cds-global-color-violet-500);
|
|
178
|
+
--cds-alias-viz-sequential-violet-600: var(--cds-global-color-violet-400);
|
|
179
|
+
--cds-alias-viz-sequential-violet-700: var(--cds-global-color-violet-300);
|
|
180
|
+
--cds-alias-viz-sequential-violet-800: var(--cds-global-color-violet-200);
|
|
181
|
+
--cds-alias-viz-sequential-violet-900: var(--cds-global-color-violet-100);
|
|
182
|
+
--cds-alias-viz-sequential-violet-1000: var(--cds-global-color-violet-50);
|
|
183
|
+
--cds-alias-viz-sequential-ochre-50: var(--cds-global-color-ochre-1000);
|
|
184
|
+
--cds-alias-viz-sequential-ochre-100: var(--cds-global-color-ochre-900);
|
|
185
|
+
--cds-alias-viz-sequential-ochre-200: var(--cds-global-color-ochre-800);
|
|
186
|
+
--cds-alias-viz-sequential-ochre-300: var(--cds-global-color-ochre-700);
|
|
187
|
+
--cds-alias-viz-sequential-ochre-400: var(--cds-global-color-ochre-600);
|
|
188
|
+
--cds-alias-viz-sequential-ochre-500: var(--cds-global-color-ochre-500);
|
|
189
|
+
--cds-alias-viz-sequential-ochre-600: var(--cds-global-color-ochre-400);
|
|
190
|
+
--cds-alias-viz-sequential-ochre-700: var(--cds-global-color-ochre-300);
|
|
191
|
+
--cds-alias-viz-sequential-ochre-800: var(--cds-global-color-ochre-200);
|
|
192
|
+
--cds-alias-viz-sequential-ochre-900: var(--cds-global-color-ochre-100);
|
|
193
|
+
--cds-alias-viz-sequential-ochre-1000: var(--cds-global-color-ochre-50);
|
|
194
|
+
--cds-alias-viz-sequential-aqua-50: var(--cds-global-color-aqua-1000);
|
|
195
|
+
--cds-alias-viz-sequential-aqua-100: var(--cds-global-color-aqua-900);
|
|
196
|
+
--cds-alias-viz-sequential-aqua-200: var(--cds-global-color-aqua-800);
|
|
197
|
+
--cds-alias-viz-sequential-aqua-300: var(--cds-global-color-aqua-700);
|
|
198
|
+
--cds-alias-viz-sequential-aqua-400: var(--cds-global-color-aqua-600);
|
|
199
|
+
--cds-alias-viz-sequential-aqua-500: var(--cds-global-color-aqua-500);
|
|
200
|
+
--cds-alias-viz-sequential-aqua-600: var(--cds-global-color-aqua-400);
|
|
201
|
+
--cds-alias-viz-sequential-aqua-700: var(--cds-global-color-aqua-300);
|
|
202
|
+
--cds-alias-viz-sequential-aqua-800: var(--cds-global-color-aqua-200);
|
|
203
|
+
--cds-alias-viz-sequential-aqua-900: var(--cds-global-color-aqua-100);
|
|
204
|
+
--cds-alias-viz-sequential-aqua-1000: var(--cds-global-color-aqua-50);
|
|
205
|
+
--cds-alias-viz-sequential-green-50: var(--cds-global-color-green-1000);
|
|
206
|
+
--cds-alias-viz-sequential-green-100: var(--cds-global-color-green-900);
|
|
207
|
+
--cds-alias-viz-sequential-green-200: var(--cds-global-color-green-800);
|
|
208
|
+
--cds-alias-viz-sequential-green-300: var(--cds-global-color-green-700);
|
|
209
|
+
--cds-alias-viz-sequential-green-400: var(--cds-global-color-green-600);
|
|
210
|
+
--cds-alias-viz-sequential-green-500: var(--cds-global-color-green-500);
|
|
211
|
+
--cds-alias-viz-sequential-green-600: var(--cds-global-color-green-400);
|
|
212
|
+
--cds-alias-viz-sequential-green-700: var(--cds-global-color-green-300);
|
|
213
|
+
--cds-alias-viz-sequential-green-800: var(--cds-global-color-green-200);
|
|
214
|
+
--cds-alias-viz-sequential-green-900: var(--cds-global-color-green-100);
|
|
215
|
+
--cds-alias-viz-sequential-green-1000: var(--cds-global-color-green-50);
|
|
216
|
+
--cds-alias-viz-sequential-red-50: var(--cds-global-color-red-1000);
|
|
217
|
+
--cds-alias-viz-sequential-red-100: var(--cds-global-color-red-900);
|
|
218
|
+
--cds-alias-viz-sequential-red-200: var(--cds-global-color-red-800);
|
|
219
|
+
--cds-alias-viz-sequential-red-300: var(--cds-global-color-red-700);
|
|
220
|
+
--cds-alias-viz-sequential-red-400: var(--cds-global-color-red-600);
|
|
221
|
+
--cds-alias-viz-sequential-red-500: var(--cds-global-color-red-500);
|
|
222
|
+
--cds-alias-viz-sequential-red-600: var(--cds-global-color-red-400);
|
|
223
|
+
--cds-alias-viz-sequential-red-700: var(--cds-global-color-red-300);
|
|
224
|
+
--cds-alias-viz-sequential-red-800: var(--cds-global-color-red-200);
|
|
225
|
+
--cds-alias-viz-sequential-red-900: var(--cds-global-color-red-100);
|
|
226
|
+
--cds-alias-viz-sequential-red-1000: var(--cds-global-color-red-50);
|
|
136
227
|
}
|