@ukic/canary-web-components 3.0.0-canary.1 → 3.0.0-canary.2

package/dist/components/ic-typography2.js.map

@@ -1 +1 @@
-{"file":"ic-typography2.js","mappings":"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","names":[],"sources":["../web-components/dist/collection/components/ic-typography/ic-typography.css?tag=ic-typography&encapsulation=shadow","../web-components/dist/collection/components/ic-typography/ic-typography.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host {\n  display: block;\n  position: relative;\n  color: var(--ic-typography-color, var(--ic-color-primary-text));\n}\n\n:host(.ic-typography-vertical-margins-h1) {\n  margin: 0 0 var(--ic-space-xl);\n}\n\n:host(.ic-typography-vertical-margins-h2) {\n  margin: var(--ic-space-xxl) 0 var(--ic-space-lg);\n}\n\n:host(.ic-typography-vertical-margins-h3) {\n  margin: var(--ic-space-xl) 0 var(--ic-space-md);\n}\n\n:host(.ic-typography-vertical-margins-h4) {\n  margin: var(--ic-space-lg) 0 var(--ic-space-md);\n}\n\n:host(.ic-typography-vertical-margins-subtitle-large),\n:host(.ic-typography-vertical-margins-subtitle-small),\n:host(.ic-typography-vertical-margins-body),\n:host(.ic-typography-vertical-margins-code-large),\n:host(.ic-typography-vertical-margins-code-small),\n:host(.ic-typography-vertical-margins-code-extra-small) {\n  margin: 0 0 var(--ic-space-md);\n}\n\n:host(.ic-typography-vertical-margins-caption),\n:host(.ic-typography-vertical-margins-caption-uppercase) {\n  margin: 0 0 var(--ic-space-xs);\n}\n\n:host(.ic-typography-vertical-margins-h2:first-child),\n:host(.ic-typography-vertical-margins-h3:first-child),\n:host(.ic-typography-vertical-margins-h4:first-child) {\n  margin-top: 0;\n}\n\n:host(.ic-typography-h1) {\n  font: var(--ic-font-h1) !important;\n}\n\n:host(.ic-typography-h2) {\n  font: var(--ic-font-h2);\n  letter-spacing: var(--ic-font-letter-spacing-0pt0025);\n}\n\n:host(.ic-typography-h3) {\n  font: var(--ic-font-h3);\n}\n\n:host(.ic-typography-h4) {\n  font: var(--ic-font-h4);\n  letter-spacing: var(--ic-font-letter-spacing-0pt0015);\n}\n\n:host(.ic-typography-subtitle-large) {\n  font: var(--ic-font-subtitle-large);\n  letter-spacing: var(--ic-font-letter-spacing-0pt0015);\n}\n\n:host(.ic-typography-subtitle-small) {\n  font: var(--ic-font-subtitle-small);\n  letter-spacing: var(--ic-font-letter-spacing-0pt0015);\n}\n\n:host(.ic-typography-body) {\n  font: var(--ic-font-body);\n  letter-spacing: var(--ic-font-letter-spacing-0pt005);\n}\n\n:host(.ic-typography-caption) {\n  font: var(--ic-font-caption);\n  letter-spacing: var(--ic-font-letter-spacing-0pt0025);\n}\n\n:host(.ic-typography-caption-uppercase) {\n  font: var(--ic-font-caption);\n  letter-spacing: var(--ic-font-letter-spacing-0pt0025);\n  text-transform: uppercase;\n}\n\n:host(.ic-typography-label) {\n  font: var(--ic-font-label);\n  letter-spacing: var(--ic-font-letter-spacing-0pt025);\n}\n\n:host(.ic-typography-label-uppercase) {\n  font: var(--ic-font-label);\n  letter-spacing: var(--ic-font-letter-spacing-0pt025);\n  text-transform: uppercase;\n}\n\n:host(.ic-typography-code-large) {\n  font: var(--ic-font-code-large);\n  letter-spacing: var(--ic-font-letter-spacing-0pt025);\n}\n\n:host(.ic-typography-code-small) {\n  font: var(--ic-font-code-small);\n  letter-spacing: var(--ic-font-letter-spacing-0pt005);\n}\n\n:host(.ic-typography-code-extra-small) {\n  font: var(--ic-font-code-extra-small);\n  letter-spacing: var(--ic-font-letter-spacing-0pt025);\n}\n\n:host(.ic-typography-badge) {\n  font: var(--ic-font-badge);\n  letter-spacing: var(--ic-font-letter-spacing-0pt0025);\n}\n\n:host(.ic-typography-badge-small) {\n  font: var(--ic-font-badge-small);\n  letter-spacing: var(--ic-font-letter-spacing-0pt0025);\n}\n\n:host(.ic-typography-no-wrap) {\n  white-space: nowrap;\n}\n\n:host ::slotted(h1),\n:host ::slotted(h2),\n:host ::slotted(h3),\n:host ::slotted(h4),\n:host ::slotted(h5),\n:host ::slotted(h6),\n:host ::slotted(p),\n:host ::slotted(label) {\n  font: inherit;\n  letter-spacing: inherit;\n}\n\n.trunc-wrapper {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  line-clamp: var(--truncation-max-lines, initial);\n  -webkit-line-clamp: var(--truncation-max-lines, initial);\n  overflow: hidden;\n  padding-right: var(--ellipsis-padding-right, 0);\n}\n\n.trunc-btn {\n  border: none;\n  background: none;\n  padding: 0;\n  color: var(--ic-color-primary-text);\n  text-decoration: underline;\n  font-weight: var(--ic-font-weight-bold);\n  transition: var(--ic-easing-transition-fast);\n}\n\n.trunc-btn:hover,\n.trunc-btn.focus {\n  outline: none;\n  border-bottom: 0.25rem solid !important;\n  margin-bottom: -0.25rem !important;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n:host(.ic-typography-strikethrough) {\n  text-decoration: line-through;\n}\n\n:host(.ic-typography-underline) {\n  text-decoration: underline;\n}\n\n:host(.ic-typography-underline.ic-typography-strikethrough) {\n  text-decoration: line-through underline;\n}\n\n:host(.ic-typography-italic) {\n  font-style: italic !important;\n}\n\n:host(.ic-typography-bold) {\n  font-weight: var(--ic-font-weight-bold);\n}\n\n:host(.ic-theme-dark),\n:host(.ic-theme-light) {\n  --ic-typography-color: var(--ic-color-primary-text);\n}\n\n:host(.in-ag-grid),\n:host(.in-ag-grid) ::slotted(*) {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n@supports (text-underline-offset: 25%) {\n  .trunc-btn:hover,\n  .trunc-btn.focus {\n    text-decoration-line: underline;\n    text-decoration-thickness: 25%;\n    text-underline-offset: 25%;\n    border-bottom: 0 !important;\n    margin-bottom: 0 !important;\n  }\n}\n\n/* Add back in after storybook has the `color-scheme: light dark` code */\n\n/* @media (prefers-color-scheme: dark) and (not (forced-colors: active)) {\n  :host,\n  .trunc-btn {\n    color: var(--ic-architectural-white);\n  }\n} */\n","import { h, Host, } from \"@stencil/core\";\nimport { checkResizeObserver, isElInAGGrid } from \"../../utils/helpers\";\nexport class Typography {\n    constructor() {\n        this.focusBtnFromKeyboard = true;\n        this.inAGGrid = false;\n        this.lastMarkerTop = 0;\n        this.lastWidth = 0;\n        this.resizeObserver = null;\n        this.truncatedHeight = 0;\n        this.toggleExpanded = (ev) => {\n            ev.stopPropagation();\n            this.expanded = !this.expanded;\n            this.typographyTruncationExpandToggle.emit({\n                expanded: this.expanded,\n                typographyEl: this.el,\n            });\n        };\n        this.checkMarkerPosition = (elTop, markerTop) => {\n            if (markerTop - elTop < this.truncatedHeight) {\n                this.truncated = false;\n                this.expanded = false;\n            }\n            else {\n                this.truncated = true;\n            }\n        };\n        this.getElementTop = (el) => {\n            return el.getClientRects ? el.getClientRects()[0].top : 0;\n        };\n        this.runResizeObserver = () => {\n            this.resizeObserver = new ResizeObserver(() => {\n                clearTimeout(this.resizeInterval);\n                this.resizeInterval = window.setTimeout(this.resizeObserverCallback, 50);\n            });\n            this.resizeObserver.observe(this.truncWrapperEl);\n        };\n        this.resizeObserverCallback = () => {\n            if (this.lastWidth === this.el.clientWidth) {\n                return;\n            }\n            if (this.truncatedHeight === 0) {\n                this.checkMaxLines(this.el.clientHeight);\n                return;\n            }\n            const markerTop = this.getElementTop(this.marker);\n            if (markerTop === this.lastMarkerTop) {\n                return;\n            }\n            this.checkMarkerPosition(this.getElementTop(this.el), markerTop);\n            this.lastMarkerTop = markerTop;\n            this.lastWidth = this.el.clientWidth;\n        };\n        this.truncButtonFocus = () => {\n            if (this.focusBtnFromKeyboard) {\n                this.truncButtonFocussed = true;\n            }\n        };\n        this.truncButtonBlur = () => {\n            this.focusBtnFromKeyboard = true;\n            this.truncButtonFocussed = false;\n        };\n        this.truncButtonFocusFromMouse = () => {\n            this.focusBtnFromKeyboard = false;\n        };\n        this.truncated = false;\n        this.truncButtonFocussed = false;\n        this.applyVerticalMargins = false;\n        this.bold = false;\n        this.italic = false;\n        this.maxLines = undefined;\n        this.strikethrough = false;\n        this.theme = \"inherit\";\n        this.underline = false;\n        this.variant = \"body\";\n        this.expanded = false;\n    }\n    watchExpandedHandler() {\n        this.el.setAttribute(\"style\", `--truncation-max-lines: ${this.expanded ? \"initial\" : this.maxLines}`);\n    }\n    disconnectedCallback() {\n        if (this.resizeObserver !== null) {\n            this.resizeObserver.disconnect();\n        }\n    }\n    /**\n     * @internal This is used by data table to remove all truncation in certain events\n     */\n    async resetTruncation() {\n        if (this.truncated) {\n            this.truncated = false;\n            this.maxLines = 0;\n            this.el.removeAttribute(\"max-lines\");\n            this.expanded = false;\n            this.el.removeAttribute(\"style\");\n        }\n    }\n    componentDidLoad() {\n        var _a, _b;\n        if ((this.variant === \"body\" ||\n            ((_b = (_a = this.el.getRootNode()) === null || _a === void 0 ? void 0 : _a.host) === null || _b === void 0 ? void 0 : _b.tagName) ===\n                \"IC-TOOLTIP\") &&\n            this.maxLines > 0) {\n            const marker = document.createElement(\"span\");\n            marker.style.visibility = \"hidden\";\n            this.el.appendChild(marker);\n            this.marker = marker;\n            this.lastWidth = this.el.clientWidth;\n            this.checkMaxLines(this.el.clientHeight);\n            checkResizeObserver(this.runResizeObserver);\n        }\n    }\n    componentWillRender() {\n        if (isElInAGGrid(this.el)) {\n            this.inAGGrid = true;\n        }\n    }\n    /**\n     * @internal This checks if the number of lines of text exceeds the maxLines prop. If so, set the line clamp CSS to the max lines\n     * @param height - text container height\n     */\n    async checkMaxLines(height) {\n        //24 is the height of a single line\n        const numLines = Math.floor(height / 24);\n        if (numLines > this.maxLines) {\n            this.el.setAttribute(\"style\", `--truncation-max-lines: ${this.maxLines}`);\n            this.truncatedHeight = this.el.clientHeight;\n            this.truncated = true;\n        }\n    }\n    /**\n     * @internal This method makes it possible to set the expanded status of truncated text outside of ic-typography component\n     */\n    async setShowHideExpanded(expanded) {\n        this.expanded = expanded;\n    }\n    render() {\n        var _a, _b;\n        const { variant, applyVerticalMargins, maxLines, truncated, expanded, strikethrough, underline, italic, bold, theme, } = this;\n        return (h(Host, { class: {\n                [`ic-typography-${variant}`]: true,\n                [`ic-typography-vertical-margins-${variant}`]: applyVerticalMargins,\n                [\"ic-typography-bold\"]: bold,\n                [\"ic-typography-italic\"]: italic,\n                [\"ic-typography-strikethrough\"]: strikethrough,\n                [\"ic-typography-underline\"]: underline,\n                [\"in-ag-grid\"]: this.inAGGrid,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            } }, (variant === \"body\" ||\n            ((_b = (_a = this.el.getRootNode()) === null || _a === void 0 ? void 0 : _a.host) === null || _b === void 0 ? void 0 : _b.tagName) ===\n                \"IC-TOOLTIP\") &&\n            maxLines > 0 ? (h(\"div\", { class: \"trunc-wrapper\", ref: (el) => (this.truncWrapperEl = el) }, h(\"slot\", null))) : (h(\"slot\", null)), variant === \"body\" && maxLines > 0 && truncated && (h(\"button\", { class: { \"trunc-btn\": true, focus: this.truncButtonFocussed }, onFocus: this.truncButtonFocus, onBlur: this.truncButtonBlur, onMouseDown: this.truncButtonFocusFromMouse, onClick: this.toggleExpanded }, expanded ? \"See less\" : \"See more\"))));\n    }\n    static get is() { return \"ic-typography\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-typography.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-typography.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"applyVerticalMargins\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, appropriate top and bottom margins will be applied to the typography.\"\n                },\n                \"attribute\": \"apply-vertical-margins\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"bold\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the typography will have a bold font weight.\\nNote: This will have no impact on variants that already use an equivalent or higher font weight (h1, h2, and subtitle-large).\"\n                },\n                \"attribute\": \"bold\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"italic\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the typography will have an italic font style.\"\n                },\n                \"attribute\": \"italic\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"maxLines\": {\n                \"type\": \"number\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The number of lines to display before truncating the text, only used for the 'body' variant.\"\n                },\n                \"attribute\": \"max-lines\",\n                \"reflect\": false\n            },\n            \"strikethrough\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the typography will have a line through it.\"\n                },\n                \"attribute\": \"strikethrough\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the text color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"underline\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the typography will have a line under it.\"\n                },\n                \"attribute\": \"underline\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcTypographyVariants\",\n                    \"resolved\": \"\\\"badge\\\" | \\\"badge-small\\\" | \\\"body\\\" | \\\"caption\\\" | \\\"caption-uppercase\\\" | \\\"code-extra-small\\\" | \\\"code-large\\\" | \\\"code-small\\\" | \\\"h1\\\" | \\\"h2\\\" | \\\"h3\\\" | \\\"h4\\\" | \\\"label\\\" | \\\"label-uppercase\\\" | \\\"subtitle-large\\\" | \\\"subtitle-small\\\"\",\n                    \"references\": {\n                        \"IcTypographyVariants\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcTypographyVariants\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The ICDS typography style to use.\"\n                },\n                \"attribute\": \"variant\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"body\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"truncated\": {},\n            \"truncButtonFocussed\": {},\n            \"expanded\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"typographyTruncationExpandToggle\",\n                \"name\": \"typographyTruncationExpandToggle\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emits and event when the typography truncation button has been clicked.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"{\\n    expanded: boolean;\\n    typographyEl: HTMLIcTypographyElement;\\n  }\",\n                    \"resolved\": \"{ expanded: boolean; typographyEl: HTMLIcTypographyElement; }\",\n                    \"references\": {\n                        \"HTMLIcTypographyElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLIcTypographyElement\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"resetTruncation\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"This is used by data table to remove all truncation in certain events\"\n                        }]\n                }\n            },\n            \"checkMaxLines\": {\n                \"complexType\": {\n                    \"signature\": \"(height: number) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"height\",\n                            \"type\": \"number\",\n                            \"docs\": \"- text container height\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"This checks if the number of lines of text exceeds the maxLines prop. If so, set the line clamp CSS to the max lines\"\n                        }, {\n                            \"name\": \"param\",\n                            \"text\": \"height - text container height\"\n                        }]\n                }\n            },\n            \"setShowHideExpanded\": {\n                \"complexType\": {\n                    \"signature\": \"(expanded: boolean) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"expanded\",\n                            \"type\": \"boolean\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"This method makes it possible to set the expanded status of truncated text outside of ic-typography component\"\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"expanded\",\n                \"methodName\": \"watchExpandedHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-typography.js.map\n"],"version":3}
+{"file":"ic-typography2.js","mappings":"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","names":[],"sources":["../web-components/dist/collection/components/ic-typography/ic-typography.css?tag=ic-typography&encapsulation=shadow","../web-components/dist/collection/components/ic-typography/ic-typography.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host {\n  display: block;\n  position: relative;\n  color: var(--ic-typography-color, var(--ic-color-text-primary));\n}\n\n:host(.ic-typography-vertical-margins-h1) {\n  margin: 0 0 var(--ic-space-xl);\n}\n\n:host(.ic-typography-vertical-margins-h2) {\n  margin: var(--ic-space-xxl) 0 var(--ic-space-lg);\n}\n\n:host(.ic-typography-vertical-margins-h3) {\n  margin: var(--ic-space-xl) 0 var(--ic-space-md);\n}\n\n:host(.ic-typography-vertical-margins-h4) {\n  margin: var(--ic-space-lg) 0 var(--ic-space-md);\n}\n\n:host(.ic-typography-vertical-margins-subtitle-large),\n:host(.ic-typography-vertical-margins-subtitle-small),\n:host(.ic-typography-vertical-margins-body),\n:host(.ic-typography-vertical-margins-code-large),\n:host(.ic-typography-vertical-margins-code-small),\n:host(.ic-typography-vertical-margins-code-extra-small) {\n  margin: 0 0 var(--ic-space-md);\n}\n\n:host(.ic-typography-vertical-margins-caption),\n:host(.ic-typography-vertical-margins-caption-uppercase) {\n  margin: 0 0 var(--ic-space-xs);\n}\n\n:host(.ic-typography-vertical-margins-h2:first-child),\n:host(.ic-typography-vertical-margins-h3:first-child),\n:host(.ic-typography-vertical-margins-h4:first-child) {\n  margin-top: 0;\n}\n\n:host(.ic-typography-h1) {\n  font: var(--ic-font-h1) !important;\n}\n\n:host(.ic-typography-h2) {\n  font: var(--ic-font-h2);\n  letter-spacing: var(--ic-font-letter-spacing-0pt0025);\n}\n\n:host(.ic-typography-h3) {\n  font: var(--ic-font-h3);\n}\n\n:host(.ic-typography-h4) {\n  font: var(--ic-font-h4);\n  letter-spacing: var(--ic-font-letter-spacing-0pt0015);\n}\n\n:host(.ic-typography-subtitle-large) {\n  font: var(--ic-font-subtitle-large);\n  letter-spacing: var(--ic-font-letter-spacing-0pt0015);\n}\n\n:host(.ic-typography-subtitle-small) {\n  font: var(--ic-font-subtitle-small);\n  letter-spacing: var(--ic-font-letter-spacing-0pt0015);\n}\n\n:host(.ic-typography-body) {\n  font: var(--ic-font-body);\n  letter-spacing: var(--ic-font-letter-spacing-0pt005);\n}\n\n:host(.ic-typography-caption) {\n  font: var(--ic-font-caption);\n  letter-spacing: var(--ic-font-letter-spacing-0pt0025);\n}\n\n:host(.ic-typography-caption-uppercase) {\n  font: var(--ic-font-caption);\n  letter-spacing: var(--ic-font-letter-spacing-0pt0025);\n  text-transform: uppercase;\n}\n\n:host(.ic-typography-label) {\n  font: var(--ic-font-label);\n  letter-spacing: var(--ic-font-letter-spacing-0pt025);\n}\n\n:host(.ic-typography-label-uppercase) {\n  font: var(--ic-font-label);\n  letter-spacing: var(--ic-font-letter-spacing-0pt025);\n  text-transform: uppercase;\n}\n\n:host(.ic-typography-code-large) {\n  font: var(--ic-font-code-large);\n  letter-spacing: var(--ic-font-letter-spacing-0pt025);\n}\n\n:host(.ic-typography-code-small) {\n  font: var(--ic-font-code-small);\n  letter-spacing: var(--ic-font-letter-spacing-0pt005);\n}\n\n:host(.ic-typography-code-extra-small) {\n  font: var(--ic-font-code-extra-small);\n  letter-spacing: var(--ic-font-letter-spacing-0pt025);\n}\n\n:host(.ic-typography-badge) {\n  font: var(--ic-font-badge);\n  letter-spacing: var(--ic-font-letter-spacing-0pt0025);\n}\n\n:host(.ic-typography-badge-small) {\n  font: var(--ic-font-badge-small);\n  letter-spacing: var(--ic-font-letter-spacing-0pt0025);\n}\n\n:host(.ic-typography-no-wrap) {\n  white-space: nowrap;\n}\n\n:host ::slotted(h1),\n:host ::slotted(h2),\n:host ::slotted(h3),\n:host ::slotted(h4),\n:host ::slotted(h5),\n:host ::slotted(h6),\n:host ::slotted(p),\n:host ::slotted(label) {\n  font: inherit;\n  letter-spacing: inherit;\n}\n\n.trunc-wrapper {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  line-clamp: var(--truncation-max-lines, initial);\n  -webkit-line-clamp: var(--truncation-max-lines, initial);\n  overflow: hidden;\n  padding-right: var(--ellipsis-padding-right, 0);\n}\n\n.trunc-btn {\n  border: none;\n  background: none;\n  padding: 0;\n  color: var(--ic-color-text-primary);\n  text-decoration: underline;\n  font-weight: var(--ic-font-weight-bold);\n  transition: var(--ic-easing-transition-fast);\n}\n\n.trunc-btn:hover,\n.trunc-btn.focus {\n  outline: none;\n  border-bottom: 0.25rem solid !important;\n  margin-bottom: -0.25rem !important;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n:host(.ic-typography-strikethrough) {\n  text-decoration: line-through;\n}\n\n:host(.ic-typography-underline) {\n  text-decoration: underline;\n}\n\n:host(.ic-typography-underline.ic-typography-strikethrough) {\n  text-decoration: line-through underline;\n}\n\n:host(.ic-typography-italic) {\n  font-style: italic !important;\n}\n\n:host(.ic-typography-bold) {\n  font-weight: var(--ic-font-weight-bold);\n}\n\n:host(.ic-theme-dark),\n:host(.ic-theme-light) {\n  --ic-typography-color: var(--ic-color-text-primary);\n}\n\n:host(.in-ag-grid),\n:host(.in-ag-grid) ::slotted(*) {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n@supports (text-underline-offset: 25%) {\n  .trunc-btn:hover,\n  .trunc-btn.focus {\n    text-decoration-line: underline;\n    text-decoration-thickness: 25%;\n    text-underline-offset: 25%;\n    border-bottom: 0 !important;\n    margin-bottom: 0 !important;\n  }\n}\n\n/* Add back in after storybook has the `color-scheme: light dark` code */\n\n/* @media (prefers-color-scheme: dark) and (not (forced-colors: active)) {\n  :host,\n  .trunc-btn {\n    color: var(--ic-architectural-white);\n  }\n} */\n","import { h, Host, } from \"@stencil/core\";\nimport { checkResizeObserver, isElInAGGrid } from \"../../utils/helpers\";\nexport class Typography {\n    constructor() {\n        this.focusBtnFromKeyboard = true;\n        this.inAGGrid = false;\n        this.lastMarkerTop = 0;\n        this.lastWidth = 0;\n        this.resizeObserver = null;\n        this.truncatedHeight = 0;\n        this.toggleExpanded = (ev) => {\n            ev.stopPropagation();\n            this.expanded = !this.expanded;\n            this.typographyTruncationExpandToggle.emit({\n                expanded: this.expanded,\n                typographyEl: this.el,\n            });\n        };\n        this.checkMarkerPosition = (elTop, markerTop) => {\n            if (markerTop - elTop < this.truncatedHeight) {\n                this.truncated = false;\n                this.expanded = false;\n            }\n            else {\n                this.truncated = true;\n            }\n        };\n        this.getElementTop = (el) => {\n            return el.getClientRects && el.getClientRects()[0]\n                ? el.getClientRects()[0].top\n                : 0;\n        };\n        this.runResizeObserver = () => {\n            this.resizeObserver = new ResizeObserver(() => {\n                clearTimeout(this.resizeInterval);\n                this.resizeInterval = window.setTimeout(this.resizeObserverCallback, 50);\n            });\n            this.resizeObserver.observe(this.truncWrapperEl);\n        };\n        this.resizeObserverCallback = () => {\n            if (this.lastWidth === this.el.clientWidth) {\n                return;\n            }\n            if (this.truncatedHeight === 0) {\n                this.checkMaxLines(this.el.clientHeight);\n                return;\n            }\n            const markerTop = this.getElementTop(this.marker);\n            if (markerTop === this.lastMarkerTop) {\n                return;\n            }\n            this.checkMarkerPosition(this.getElementTop(this.el), markerTop);\n            this.lastMarkerTop = markerTop;\n            this.lastWidth = this.el.clientWidth;\n        };\n        this.truncButtonFocus = () => {\n            if (this.focusBtnFromKeyboard) {\n                this.truncButtonFocussed = true;\n            }\n        };\n        this.truncButtonBlur = () => {\n            this.focusBtnFromKeyboard = true;\n            this.truncButtonFocussed = false;\n        };\n        this.truncButtonFocusFromMouse = () => {\n            this.focusBtnFromKeyboard = false;\n        };\n        this.truncated = false;\n        this.truncButtonFocussed = false;\n        this.applyVerticalMargins = false;\n        this.bold = false;\n        this.italic = false;\n        this.maxLines = undefined;\n        this.strikethrough = false;\n        this.theme = \"inherit\";\n        this.underline = false;\n        this.variant = \"body\";\n        this.expanded = false;\n    }\n    watchExpandedHandler() {\n        this.el.setAttribute(\"style\", `--truncation-max-lines: ${this.expanded ? \"initial\" : this.maxLines}`);\n    }\n    disconnectedCallback() {\n        if (this.resizeObserver !== null) {\n            this.resizeObserver.disconnect();\n        }\n    }\n    /**\n     * @internal This is used by data table to remove all truncation in certain events\n     */\n    async resetTruncation() {\n        if (this.truncated) {\n            this.truncated = false;\n            this.maxLines = 0;\n            this.el.removeAttribute(\"max-lines\");\n            this.expanded = false;\n            this.el.removeAttribute(\"style\");\n        }\n    }\n    componentDidLoad() {\n        var _a, _b;\n        if ((this.variant === \"body\" ||\n            ((_b = (_a = this.el.getRootNode()) === null || _a === void 0 ? void 0 : _a.host) === null || _b === void 0 ? void 0 : _b.tagName) ===\n                \"IC-TOOLTIP\") &&\n            this.maxLines > 0) {\n            const marker = document.createElement(\"span\");\n            marker.style.visibility = \"hidden\";\n            this.el.appendChild(marker);\n            this.marker = marker;\n            this.lastWidth = this.el.clientWidth;\n            this.checkMaxLines(this.el.clientHeight);\n            checkResizeObserver(this.runResizeObserver);\n        }\n    }\n    componentWillRender() {\n        if (isElInAGGrid(this.el)) {\n            this.inAGGrid = true;\n        }\n    }\n    /**\n     * @internal This checks if the number of lines of text exceeds the maxLines prop. If so, set the line clamp CSS to the max lines\n     * @param height - text container height\n     */\n    async checkMaxLines(height) {\n        //24 is the height of a single line\n        const numLines = Math.floor(height / 24);\n        if (numLines > this.maxLines) {\n            this.el.setAttribute(\"style\", `--truncation-max-lines: ${this.maxLines}`);\n            this.truncatedHeight = this.el.clientHeight;\n            this.truncated = true;\n        }\n    }\n    /**\n     * @internal This method makes it possible to set the expanded status of truncated text outside of ic-typography component\n     */\n    async setShowHideExpanded(expanded) {\n        this.expanded = expanded;\n    }\n    render() {\n        var _a, _b;\n        const { variant, applyVerticalMargins, maxLines, truncated, expanded, strikethrough, underline, italic, bold, theme, } = this;\n        return (h(Host, { class: {\n                [`ic-typography-${variant}`]: true,\n                [`ic-typography-vertical-margins-${variant}`]: applyVerticalMargins,\n                [\"ic-typography-bold\"]: bold,\n                [\"ic-typography-italic\"]: italic,\n                [\"ic-typography-strikethrough\"]: strikethrough,\n                [\"ic-typography-underline\"]: underline,\n                [\"in-ag-grid\"]: this.inAGGrid,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            } }, (variant === \"body\" ||\n            ((_b = (_a = this.el.getRootNode()) === null || _a === void 0 ? void 0 : _a.host) === null || _b === void 0 ? void 0 : _b.tagName) ===\n                \"IC-TOOLTIP\") &&\n            maxLines > 0 ? (h(\"div\", { class: \"trunc-wrapper\", ref: (el) => (this.truncWrapperEl = el) }, h(\"slot\", null))) : (h(\"slot\", null)), variant === \"body\" && maxLines > 0 && truncated && (h(\"button\", { class: { \"trunc-btn\": true, focus: this.truncButtonFocussed }, onFocus: this.truncButtonFocus, onBlur: this.truncButtonBlur, onMouseDown: this.truncButtonFocusFromMouse, onClick: this.toggleExpanded }, expanded ? \"See less\" : \"See more\"))));\n    }\n    static get is() { return \"ic-typography\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-typography.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-typography.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"applyVerticalMargins\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, appropriate top and bottom margins will be applied to the typography.\"\n                },\n                \"attribute\": \"apply-vertical-margins\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"bold\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the typography will have a bold font weight.\\nNote: This will have no impact on variants that already use an equivalent or higher font weight (h1, h2, and subtitle-large).\"\n                },\n                \"attribute\": \"bold\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"italic\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the typography will have an italic font style.\"\n                },\n                \"attribute\": \"italic\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"maxLines\": {\n                \"type\": \"number\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The number of lines to display before truncating the text, only used for the 'body' variant.\"\n                },\n                \"attribute\": \"max-lines\",\n                \"reflect\": false\n            },\n            \"strikethrough\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the typography will have a line through it.\"\n                },\n                \"attribute\": \"strikethrough\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the text color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"underline\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the typography will have a line under it.\"\n                },\n                \"attribute\": \"underline\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcTypographyVariants\",\n                    \"resolved\": \"\\\"badge\\\" | \\\"badge-small\\\" | \\\"body\\\" | \\\"caption\\\" | \\\"caption-uppercase\\\" | \\\"code-extra-small\\\" | \\\"code-large\\\" | \\\"code-small\\\" | \\\"h1\\\" | \\\"h2\\\" | \\\"h3\\\" | \\\"h4\\\" | \\\"label\\\" | \\\"label-uppercase\\\" | \\\"subtitle-large\\\" | \\\"subtitle-small\\\"\",\n                    \"references\": {\n                        \"IcTypographyVariants\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcTypographyVariants\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The ICDS typography style to use.\"\n                },\n                \"attribute\": \"variant\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"body\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"truncated\": {},\n            \"truncButtonFocussed\": {},\n            \"expanded\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"typographyTruncationExpandToggle\",\n                \"name\": \"typographyTruncationExpandToggle\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emits and event when the typography truncation button has been clicked.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"{\\n    expanded: boolean;\\n    typographyEl: HTMLIcTypographyElement;\\n  }\",\n                    \"resolved\": \"{ expanded: boolean; typographyEl: HTMLIcTypographyElement; }\",\n                    \"references\": {\n                        \"HTMLIcTypographyElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLIcTypographyElement\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"resetTruncation\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"This is used by data table to remove all truncation in certain events\"\n                        }]\n                }\n            },\n            \"checkMaxLines\": {\n                \"complexType\": {\n                    \"signature\": \"(height: number) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"height\",\n                            \"type\": \"number\",\n                            \"docs\": \"- text container height\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"This checks if the number of lines of text exceeds the maxLines prop. If so, set the line clamp CSS to the max lines\"\n                        }, {\n                            \"name\": \"param\",\n                            \"text\": \"height - text container height\"\n                        }]\n                }\n            },\n            \"setShowHideExpanded\": {\n                \"complexType\": {\n                    \"signature\": \"(expanded: boolean) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"expanded\",\n                            \"type\": \"boolean\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"This method makes it possible to set the expanded status of truncated text outside of ic-typography component\"\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"expanded\",\n                \"methodName\": \"watchExpandedHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-typography.js.map\n"],"version":3}

package/dist/core/core.css

@@ -1,4 +1,4 @@
-html{font-family:var(--ic-font-body-family);color:var(--ic-color-primary-text)}a.ic-card-wrapper-link{text-decoration:none;outline:none;color:currentcolor}:root{--ic-font-body-family:"Open Sans", "Helvetica Neue", "Arial", "sans-serif";--ic-font-heading-family:"Nunito Sans", sans-serif;--ic-font-code-family:"Source Code Pro", monospace;--ic-font-weight-extrabold:800;--ic-font-weight-bold:700;--ic-font-weight-semibold:600;--ic-font-weight-regular:400;--ic-font-size-h1:2.625rem;--ic-font-size-h2:2.125rem;--ic-font-size-h3:1.5rem;--ic-font-size-h4:1.25rem;--ic-font-size-regular:1rem;--ic-font-size-label:0.875rem;--ic-font-size-caption:0.75rem;--ic-font-size-badge-small:0.563rem;--ic-font-line-height-h1:3.5rem;--ic-font-line-height-h2:3.5rem;--ic-font-line-height-h3:2.5rem;--ic-font-line-height-h4:2rem;--ic-font-line-height-subtitle-large:1.5rem;--ic-font-line-height-subtitle-small:1.5rem;--ic-font-line-height-body:1.5rem;--ic-font-line-height-caption:1.25rem;--ic-font-line-height-code:1.5rem;--ic-font-line-height-badge:0.875rem;--ic-font-line-height-badge-small:0.75rem;--ic-font-letter-spacing-0pt025:0.025rem;--ic-font-letter-spacing-0pt005:0.005rem;--ic-font-letter-spacing-0pt0025:0.0025rem;--ic-font-letter-spacing-0pt0015:0.0015rem;--ic-font-h1:var(--ic-font-weight-extrabold) var(--ic-font-size-h1) /
+html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a.ic-card-wrapper-link{text-decoration:none;outline:none;color:currentcolor}:root{--ic-font-body-family:"Open Sans", "Helvetica Neue", "Arial", "sans-serif";--ic-font-heading-family:"Nunito Sans", sans-serif;--ic-font-code-family:"Source Code Pro", monospace;--ic-font-weight-extrabold:800;--ic-font-weight-bold:700;--ic-font-weight-semibold:600;--ic-font-weight-regular:400;--ic-font-size-h1:2.625rem;--ic-font-size-h2:2.125rem;--ic-font-size-h3:1.5rem;--ic-font-size-h4:1.25rem;--ic-font-size-regular:1rem;--ic-font-size-label:0.875rem;--ic-font-size-caption:0.75rem;--ic-font-size-badge-small:0.563rem;--ic-font-line-height-h1:3.5rem;--ic-font-line-height-h2:3.5rem;--ic-font-line-height-h3:2.5rem;--ic-font-line-height-h4:2rem;--ic-font-line-height-subtitle-large:1.5rem;--ic-font-line-height-subtitle-small:1.5rem;--ic-font-line-height-body:1.5rem;--ic-font-line-height-caption:1.25rem;--ic-font-line-height-code:1.5rem;--ic-font-line-height-badge:0.875rem;--ic-font-line-height-badge-small:0.75rem;--ic-font-letter-spacing-0pt025:0.025rem;--ic-font-letter-spacing-0pt005:0.005rem;--ic-font-letter-spacing-0pt0025:0.0025rem;--ic-font-letter-spacing-0pt0015:0.0015rem;--ic-font-h1:var(--ic-font-weight-extrabold) var(--ic-font-size-h1) /
     var(--ic-font-line-height-h1) var(--ic-font-heading-family);--ic-font-h2:var(--ic-font-weight-bold) var(--ic-font-size-h2) /
     var(--ic-font-line-height-h2) var(--ic-font-heading-family);--ic-font-h3:var(--ic-font-weight-regular) var(--ic-font-size-h3) /
     var(--ic-font-line-height-h3) var(--ic-font-body-family);--ic-font-h4:var(--ic-font-weight-semibold) var(--ic-font-size-h4) /
@@ -17,28 +17,87 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-primary-text)}a
     var(--ic-font-code-family);--ic-font-badge:var(--ic-font-weight-semibold) var(--ic-font-size-caption) /
     var(--ic-font-line-height-badge) var(--ic-font-body-family);--ic-font-badge-small:var(--ic-font-weight-semibold)
     var(--ic-font-size-badge-small) / var(--ic-font-line-height-badge-small)
-    var(--ic-font-body-family)}:root,ic-theme,.ic-theme-light{--ic-background-primary:var(--ic-background-primary-light);--ic-typography-color:var(--ic-color-primary-text);--ic-color-primary-text:var(--ic-color-primary-text-light);--ic-color-secondary-text:var(--ic-color-secondary-text-light);--ic-color-tertiary-text:var(--ic-color-tertiary-text-light);--ic-color-inverse-text:var(--ic-color-inverse-text-light);--ic-breadcrumb-page-title:var(--ic-hyperlink);--ic-breadcrumb-page-title-hover:var(--ic-hyperlink);--ic-breadcrumb-page-title-pressed:var(--ic-hyperlink);--ic-breadcrumb-page-title-monochrome:var(--ic-color-primary-text);--ic-breadcrumb-page-title-hover-monochrome:var(--ic-color-primary-text);--ic-breadcrumb-page-title-pressed-monochrome:var(--ic-color-primary-text);--ic-breadcrumb-icon-chevron:var(--ic-icon-grey);--ic-breadcrumb-icon-chevron-monochrome:var(--ic-icon-grey-dark);--ic-breadcrumb-page-icon:var(--ic-icon-action-default);--ic-breadcrumb-page-icon-monochrome:var(--ic-icon-neutral);--ic-breadcrumb-text:var(--ic-color-primary-text);--ic-breadcrumb-text-monochrome:var(--ic-color-primary-text);--ic-data-list-text-cell:var(--ic-color-primary-text);--ic-data-list-text-heading:var(--ic-color-primary-text);--ic-data-list-text-label:var(--ic-color-tertiary-text);--ic-data-list-keyline-heading:var(--ic-border-neutral);--ic-data-list-keyline-cell:var(--ic-border-neutral);--ic-link-text:var(--ic-hyperlink);--ic-link-text-hover:var(--ic-hyperlink);--ic-link-text-pressed:var(--ic-hyperlink);--ic-link-text-focused:var(--ic-hyperlink);--ic-link-text-visited:var(--ic-hyperlink-visited);--ic-link-text-monochrome:var(--ic-color-primary-text);--ic-link-text-hover-monochrome:var(--ic-color-primary-text);--ic-link-text-pressed-monochrome:var(--ic-color-primary-text);--ic-link-text-focused-monochrome:var(--ic-color-primary-text);--ic-link-text-visited-monochrome:var(--ic-color-secondary-text);--ic-link-icon-launch:var(--ic-hyperlink);--ic-link-icon-launch-visited:var(--ic-hyperlink-visited);--ic-link-icon-launch-monochrome:var(--ic-color-primary-text);--ic-link-icon-launch-visited-monochrome:var(--ic-color-secondary-text);--ic-status-tag-text:var(--ic-color-inverse-text);--ic-status-tag-text-inverted:var(--ic-color-primary-text);--ic-status-tag-outlined-text:var(--ic-color-primary-text);--ic-status-tag-success:var(--ic-status-success);--ic-status-tag-outlined-background-success:var(--ic-status-success-light);--ic-status-tag-outlined-success:var(--ic-status-success);--ic-status-tag-error:var(--ic-status-error);--ic-status-tag-outlined-background-error:var(--ic-status-error-light);--ic-status-tag-outlined-error:var(--ic-status-error-dark);--ic-status-tag-warning:var(--ic-status-warning-contrast);--ic-status-tag-outlined-background-warning:var(--ic-status-warning-light);--ic-status-tag-outlined-warning:var(--ic-status-warning-dark);--ic-status-tag-neutral:var(--ic-status-unknown-mid);--ic-status-tag-outlined-background-neutral:var(
+    var(--ic-font-body-family)}:root,ic-theme,.ic-theme-light{--ic-color-text-primary:var(--ic-color-text-primary-light);--ic-color-text-secondary:var(--ic-color-text-secondary-light);--ic-color-text-tertiary:var(--ic-color-text-tertiary-light);--ic-color-text-inverse:var(--ic-color-text-inverse-light);--ic-color-background-primary:var(--ic-color-background-primary-light);--ic-color-background-secondary:var(--ic-color-background-secondary-light);--ic-color-background-active:var(--ic-color-background-active-light);--ic-color-background-hover:var(--ic-color-background-hover-light);--ic-color-background-pressed:var(--ic-color-background-pressed-light);--ic-color-background-disabled:var(--ic-color-background-disabled-light);--ic-color-background-success:var(--ic-color-background-success-light);--ic-color-background-warning:var(--ic-color-background-warning-light);--ic-color-background-destructive:var(
+    --ic-color-background-destructive-light
+  );--ic-color-background-destructive-hover:var(
+    --ic-color-background-destructive-hover-light
+  );--ic-color-background-destructive-pressed:var(
+    --ic-color-background-destructive-pressed-light
+  );--ic-color-background-neutral:var(--ic-color-background-neutral-light);--ic-color-border-neutral-grey:var(--ic-color-border-neutral-grey-light);--ic-color-border-neutral-hover:var(--ic-color-border-neutral-hover-light);--ic-color-border-neutral-pressed:var(
+    --ic-color-border-neutral-pressed-light
+  );--ic-color-border-neutral-disabled:var(
+    --ic-color-border-neutral-disabled-light
+  );--ic-color-border-success:var(--ic-color-border-success-light);--ic-color-border-success-hover:var(--ic-color-border-success-hover-light);--ic-color-border-success-pressed:var(
+    --ic-color-border-success-pressed-light
+  );--ic-color-border-warning:var(--ic-color-border-warning-light);--ic-color-border-warning-hover:var(--ic-color-border-warning-hover-light);--ic-color-border-warning-pressed:var(
+    --ic-color-border-warning-pressed-light
+  );--ic-color-border-error:var(--ic-color-border-error-light);--ic-color-border-error-hover:var(--ic-color-border-error-hover-light);--ic-color-border-error-pressed:var(--ic-color-border-error-pressed-light);--ic-action-default:var(--ic-action-default-light);--ic-action-default-hover:var(--ic-action-default-hover-light);--ic-action-default-pressed:var(--ic-action-default-pressed-light);--ic-action-destructive:var(--ic-action-destructive-light);--ic-action-destructive-hover:var(--ic-action-destructive-hover-light);--ic-action-destructive-pressed:var(--ic-action-destructive-pressed-light);--ic-action-neutral:var(--ic-action-neutral-light);--ic-color-hyperlink-default:var(--ic-color-hyperlink-default-light);--ic-color-hyperlink-visited:var(--ic-color-hyperlink-visited-light);--ic-color-hyperlink-visited-monochrome:var(
+    --ic-color-hyperlink-visited-monochrome-light
+  );--ic-status-success:var(--ic-status-success-light);--ic-status-warning:var(--ic-status-warning-light);--ic-status-error:var(--ic-status-error-light);--ic-status-anomalous:var(--ic-status-anomalous-light);--ic-status-info:var(--ic-status-info-light);--ic-status-unknown:var(--ic-status-unknown-light);--ic-color-icon-grey:var(--ic-color-icon-grey-light);--ic-color-icon-hover:var(--ic-color-icon-hover-light);--ic-color-icon-pressed:var(--ic-color-icon-pressed-light);--ic-color-icon-disabled:var(--ic-color-icon-disabled-light);--ic-color-icon-action-default:var(--ic-color-icon-action-default-light);--ic-color-icon-error:var(--ic-color-icon-error-light);--ic-typography-color:var(--ic-color-text-primary);--ic-badge-text:var(--ic-color-text-inverse);--ic-badge-icon:var(--ic-color-text-inverse);--ic-badge-warning-text:var(--ic-color-text-primary);--ic-badge-warning-icon:var(--ic-color-icon-neutral);--ic-badge-light-text:var(--ic-color-text-primary);--ic-badge-light-icon:var(--ic-color-icon-neutral);--ic-badge-success:var(--ic-status-success-default);--ic-badge-warning:var(--ic-status-warning-default);--ic-badge-error:var(--ic-status-error-default);--ic-badge-info:var(--ic-status-info-default);--ic-badge-neutral:var(--ic-status-unknown-mid);--ic-badge-light:var(--ic-color-background-primary);--ic-breadcrumb-page-title:var(--ic-color-hyperlink-default);--ic-breadcrumb-page-title-hover:var(--ic-color-hyperlink-default);--ic-breadcrumb-page-title-pressed:var(--ic-color-hyperlink-default);--ic-breadcrumb-page-title-monochrome:var(--ic-color-text-primary);--ic-breadcrumb-page-title-hover-monochrome:var(--ic-color-text-primary);--ic-breadcrumb-page-title-pressed-monochrome:var(--ic-color-text-primary);--ic-breadcrumb-icon-chevron:var(--ic-color-icon-grey-default);--ic-breadcrumb-icon-chevron-monochrome:var(--ic-color-icon-grey-dark);--ic-breadcrumb-page-icon:var(--ic-color-icon-action-default);--ic-breadcrumb-page-icon-monochrome:var(--ic-color-icon-neutral);--ic-breadcrumb-text:var(--ic-color-text-primary);--ic-breadcrumb-text-monochrome:var(--ic-color-text-primary);--ic-chip-label:var(--ic-color-text-primary);--ic-chip-label-inactive:var(--ic-color-text-inactive);--ic-chip-icon:var(--ic-color-icon-neutral);--ic-chip-icon-inactive:var(--ic-color-icon-disabled-dark);--ic-chip-outline:var(--ic-color-text-primary);--ic-chip-outline-inactive:var(--ic-color-border-neutral-disabled);--ic-chip-outline-background:var(--ic-color-background-primary);--ic-chip-background-filled-default:var(--ic-state-layer-neutral-default);--ic-chip-background-filled-inactive:var(--ic-state-layer-neutral-light);--ic-chip-action-hover:var(--ic-action-dark-bg-hover);--ic-chip-action-pressed:var(--ic-action-dark-bg-pressed);--ic-data-list-text-cell:var(--ic-color-text-primary);--ic-data-list-text-heading:var(--ic-color-text-primary);--ic-data-list-text-label:var(--ic-color-text-tertiary);--ic-data-list-keyline-heading:var(--ic-color-border-neutral-default);--ic-data-list-keyline-cell:var(--ic-color-border-neutral-default);--ic-empty-state-title:var(--ic-color-text-primary);--ic-empty-state-subtitle:var(--ic-color-text-secondary);--ic-empty-state-body:var(--ic-color-text-tertiary);--ic-link-text:var(--ic-color-hyperlink-default);--ic-link-text-hover:var(--ic-color-hyperlink-default);--ic-link-text-pressed:var(--ic-color-hyperlink-default);--ic-link-text-focused:var(--ic-color-hyperlink-default);--ic-link-text-visited:var(--ic-color-hyperlink-visited);--ic-link-text-monochrome:var(--ic-color-text-primary);--ic-link-text-hover-monochrome:var(--ic-color-text-primary);--ic-link-text-pressed-monochrome:var(--ic-color-text-primary);--ic-link-text-focused-monochrome:var(--ic-color-text-primary);--ic-link-text-visited-monochrome:var(--ic-color-text-secondary);--ic-link-icon-launch:var(--ic-color-hyperlink-default);--ic-link-icon-launch-visited:var(--ic-color-hyperlink-visited);--ic-link-icon-launch-monochrome:var(--ic-color-text-primary);--ic-link-icon-launch-visited-monochrome:var(--ic-color-text-secondary);--ic-loading-indicator-inner-color:var(--ic-status-info-default);--ic-loading-indicator-outer-color:var(--ic-action-neutral);--ic-loading-indicator-label-color:var(--ic-color-text-primary);--ic-loading-indicator-inner-color-monochrome:var(--ic-action-neutral-dark);--ic-loading-indicator-outer-color-monochrome:var(--ic-action-light);--ic-loading-indicator-label-color-monochrome:var(--ic-color-text-primary);--ic-skeleton-background:var(--ic-architectural-100);--ic-skeleton-background-secondary:var(--ic-architectural-200);--ic-status-tag-text:var(--ic-color-text-inverse);--ic-status-tag-text-inverted:var(--ic-color-text-primary);--ic-status-tag-outlined-text:var(--ic-color-text-primary);--ic-status-tag-success:var(--ic-status-success-default);--ic-status-tag-outlined-background-success:var(--ic-status-success-light);--ic-status-tag-outlined-success:var(--ic-status-success-default);--ic-status-tag-error:var(--ic-status-error-default);--ic-status-tag-outlined-background-error:var(--ic-status-error-light);--ic-status-tag-outlined-error:var(--ic-status-error-dark);--ic-status-tag-warning:var(--ic-status-warning-contrast);--ic-status-tag-outlined-background-warning:var(--ic-status-warning-light);--ic-status-tag-outlined-warning:var(--ic-status-warning-dark);--ic-status-tag-neutral:var(--ic-status-unknown-mid);--ic-status-tag-outlined-background-neutral:var(
     --ic-status-unknown-outlined
-  );--ic-status-tag-outlined-neutral:var(--ic-status-unknown-mid);--ic-tab-label:var(--ic-color-primary-text);--ic-tab-label-monochrome:var(--ic-color-primary-text);--ic-tab-icon:var(--ic-icon-neutral);--ic-tab-icon-monochrome:var(--ic-icon-neutral);--ic-tab-bottom-border:var(--ic-border-neutral-grey);--ic-tab-bottom-border-monochrome:var(--ic-border-neutral-black);--ic-tab-item-pressed:var(--ic-action-default-bg-active);--ic-tab-item-pressed-monochrome:var(--ic-action-dark-bg-active);--ic-tab-item:var(--ic-action-default);--ic-tab-item-monochrome:var(--ic-action-dark);--ic-tab-item-hover:var(--ic-action-default-bg-hover);--ic-tab-item-hover-monochrome:var(--ic-action-dark-bg-hover);--ic-badge-text:var(--ic-color-inverse-text);--ic-badge-icon:var(--ic-color-inverse-text);--ic-badge-warning-text:var(--ic-color-primary-text);--ic-badge-warning-icon:var(--ic-icon-neutral);--ic-badge-light-text:var(--ic-color-primary-text);--ic-badge-light-icon:var(--ic-icon-neutral);--ic-badge-success:var(--ic-status-success);--ic-badge-warning:var(--ic-status-warning);--ic-badge-error:var(--ic-status-error);--ic-badge-info:var(--ic-status-info);--ic-badge-neutral:var(--ic-status-unknown-mid);--ic-badge-light:var(--ic-background-primary)}@media (prefers-color-scheme: dark){:root{--ic-background-primary:var(--ic-background-primary-dark);--ic-color-primary-text:var(--ic-color-primary-text-dark);--ic-color-secondary-text:var(--ic-color-secondary-text-dark);--ic-color-tertiary-text:var(--ic-color-tertiary-text-dark);--ic-color-inverse-text:var(--ic-color-inverse-text-dark);--ic-breadcrumb-page-title:var(--ic-hyperlink-dark);--ic-breadcrumb-page-title-hover:var(--ic-hyperlink-dark);--ic-breadcrumb-page-title-pressed:var(--ic-hyperlink-dark);--ic-breadcrumb-page-title-monochrome:var(--ic-color-primary-text);--ic-breadcrumb-page-title-hover-monochrome:var(--ic-color-primary-text);--ic-breadcrumb-page-title-pressed-monochrome:var(--ic-color-primary-text);--ic-breadcrumb-icon-chevron:var(--ic-icon-grey);--ic-breadcrumb-icon-chevron-monochrome:var(--ic-icon-grey-dark);--ic-breadcrumb-page-icon:var(--ic-icon-action-default-dark);--ic-breadcrumb-page-icon-monochrome:var(--ic-icon-inverted);--ic-breadcrumb-text:var(--ic-color-primary-text);--ic-breadcrumb-text-monochrome:var(--ic-color-primary-text);--ic-data-list-text-cell:var(--ic-color-primary-text);--ic-data-list-text-heading:var(--ic-color-primary-text);--ic-data-list-text-label:var(--ic-color-tertiary-text);--ic-data-list-keyline-heading:var(--ic-border-neutral);--ic-data-list-keyline-cell:var(--ic-border-neutral);--ic-link-text:var(--ic-hyperlink-dark);--ic-link-text-hover:var(--ic-hyperlink-dark);--ic-link-text-pressed:var(--ic-hyperlink-dark);--ic-link-text-focused:var(--ic-hyperlink-dark);--ic-link-text-visited:var(--ic-hyperlink-visited-dark);--ic-link-text-monochrome:var(--ic-color-primary-text);--ic-link-text-hover-monochrome:var(--ic-color-primary-text);--ic-link-text-pressed-monochrome:var(--ic-color-primary-text);--ic-link-text-focused-monochrome:var(--ic-color-primary-text);--ic-link-text-visited-monochrome:var(
-      --ic-hyperlink-visited-monochrome-dark
-    );--ic-link-icon-launch:var(--ic-hyperlink-dark);--ic-link-icon-launch-visited:var(--ic-hyperlink-visited-dark);--ic-link-icon-launch-monochrome:var(--ic-color-primary-text);--ic-link-icon-launch-visited-monochrome:var(
-      --ic-hyperlink-visited-monochrome-dark
-    );--ic-status-tag-text:var(--ic-color-inverse-text);--ic-status-tag-text-inverted:var(--ic-color-primary-text);--ic-status-tag-outlined-text:var(--ic-color-inverse-text);--ic-status-tag-success:var(--ic-status-success-contrast);--ic-status-tag-outlined-background-success:var(
+  );--ic-status-tag-outlined-neutral:var(--ic-status-unknown-mid);--ic-step-title:var(--ic-color-text-primary);--ic-step-title-current:var(--ic-status-info-default);--ic-step-title-success:var(--ic-status-success-default);--ic-step-title-active:var(--ic-color-text-tertiary);--ic-step-title-disabled:var(--ic-color-text-disabled-default);--ic-step-title-status-text-current:var(--ic-color-text-primary);--ic-step-title-status-text-inactive:var(--ic-color-text-tertiary);--ic-step-title-status-text-disabled:var(--ic-color-text-disabled-default);--ic-stepper-connector-success:var(--ic-status-success-default);--ic-stepper-connector-current-status:var(--ic-status-info-default);--ic-stepper-connector-remaining-status:var(--ic-architectural-200);--ic-stepper-connector-disabled:var(--ic-architectural-200);--ic-step-number-background-active:var(--ic-status-info-default);--ic-step-number-background-success:var(--ic-status-success-default);--ic-step-number-text:var(--ic-color-text-inverse);--ic-step-number-text-inactive:var(--ic-color-text-primary);--ic-step-number-text-disabled:var(--ic-color-text-disabled-default);--ic-step-number-icon-success:var(--ic-color-icon-inverted);--ic-step-number-inactive:var(--ic-color-background-primary);--ic-step-number-disabled:var(--ic-architectural-200);--ic-step-number-inactive-outline:var(--ic-architectural-200);--ic-step-number-current-outer-fill:var(--ic-color-background-primary);--ic-step-number-current-outline:var(--ic-status-info-default);--ic-step-indicator-status-current:var(--ic-status-info-default);--ic-step-indicator-text-current:var(--ic-status-info-default);--ic-step-indicator-status-remaining:var(--ic-architectural-200);--ic-step-indicator-background:var(--ic-color-background-primary);--ic-step-indicator-status-disabled:var(--ic-color-border-neutral-grey);--ic-step-indicator-status-disabled-outline:var(
+    --ic-color-border-neutral-grey
+  );--ic-step-indicator-text-disabled:var(--ic-color-text-tertiary);--ic-stepper-compact-step-title:var(--ic-color-text-primary);--ic-stepper-compact-step-title-disabled:var(--ic-color-text-tertiary);--ic-stepper-compact-step-stage-text:var(--ic-color-text-secondary);--ic-stepper-compact-step-next-text:var(--ic-color-text-primary);--ic-stepper-compact-step-requirement-text:var(--ic-color-text-secondary);--ic-stepper-compact-step-requirement-text-disabled:var(
+    --ic-color-text-tertiary
+  );--ic-stepper-compact-step-completed-text:var(--ic-status-success-default);--ic-tab-label:var(--ic-color-text-primary);--ic-tab-label-monochrome:var(--ic-color-text-primary);--ic-tab-icon:var(--ic-color-icon-neutral);--ic-tab-icon-monochrome:var(--ic-color-icon-neutral);--ic-tab-bottom-border:var(--ic-color-border-neutral-grey-dark);--ic-tab-bottom-border-monochrome:var(--ic-color-border-neutral-black);--ic-tab-item-pressed:var(--ic-action-default-bg-active);--ic-tab-item-pressed-monochrome:var(--ic-action-dark-bg-pressed);--ic-tab-item:var(--ic-action-default);--ic-tab-item-monochrome:var(--ic-action-dark);--ic-tab-item-hover:var(--ic-action-default-bg-hover);--ic-tab-item-hover-monochrome:var(--ic-action-dark-bg-hover)}@media (prefers-color-scheme: dark){:root{--ic-color-text-primary:var(--ic-color-text-primary-dark);--ic-color-text-secondary:var(--ic-color-text-secondary-dark);--ic-color-text-tertiary:var(--ic-color-text-tertiary-dark);--ic-color-text-inverse:var(--ic-color-text-inverse-dark);--ic-color-background-primary:var(--ic-color-background-primary-dark);--ic-color-background-secondary:var(--ic-color-background-secondary-dark);--ic-color-background-active:var(--ic-color-background-active-dark);--ic-color-background-hover:var(--ic-color-background-hover-dark);--ic-color-background-pressed:var(--ic-color-background-pressed-dark);--ic-color-background-disabled:var(--ic-color-background-disabled-dark);--ic-color-background-success:var(--ic-color-background-success-dark);--ic-color-background-warning:var(--ic-color-background-warning-dark);--ic-color-background-destructive:var(
+      --ic-color-background-destructive-dark
+    );--ic-color-background-destructive-hover:var(
+      --ic-color-background-destructive-hover-dark
+    );--ic-color-background-destructive-pressed:var(
+      --ic-color-background-destructive-pressed-dark
+    );--ic-color-background-neutral:var(--ic-color-background-neutral-dark);--ic-color-border-neutral-grey:var(--ic-color-border-neutral-grey-dark);--ic-color-border-neutral-hover:var(--ic-color-border-neutral-hover-dark);--ic-color-border-neutral-pressed:var(
+      --ic-color-border-neutral-pressed-dark
+    );--ic-color-border-neutral-disabled:var(
+      --ic-color-border-neutral-disabled-dark
+    );--ic-color-border-success:var(--ic-color-border-success-dark);--ic-color-border-success-hover:var(--ic-color-border-success-hover-dark);--ic-color-border-success-pressed:var(
+      --ic-color-border-success-pressed-dark
+    );--ic-color-border-warning:var(--ic-color-border-warning-dark);--ic-color-border-warning-hover:var(--ic-color-border-warning-hover-dark);--ic-color-border-warning-pressed:var(
+      --ic-color-border-warning-pressed-dark
+    );--ic-color-border-error:var(--ic-color-border-error-dark);--ic-color-border-error-hover:var(--ic-color-border-error-hover-dark);--ic-color-border-error-pressed:var(--ic-color-border-error-pressed-dark);--ic-action-default:var(--ic-action-default-dark);--ic-action-default-hover:var(--ic-action-default-hover-dark);--ic-action-default-pressed:var(--ic-action-default-pressed-dark);--ic-action-destructive:var(--ic-action-destructive-dark);--ic-action-destructive-hover:var(--ic-action-destructive-hover-dark);--ic-action-destructive-pressed:var(--ic-action-destructive-pressed-dark);--ic-action-neutral:var(--ic-action-neutral-dark);--ic-color-hyperlink-default:var(--ic-color-hyperlink-default-dark);--ic-color-hyperlink-visited:var(--ic-color-hyperlink-visited-dark);--ic-color-hyperlink-visited-monochrome:var(
+      --ic-color-hyperlink-visited-monochrome-dark
+    );--ic-status-success:var(--ic-status-success-dark);--ic-status-warning:var(--ic-status-warning-dark);--ic-status-error:var(--ic-status-error-dark);--ic-status-anomalous:var(--ic-status-anomalous-dark);--ic-status-info:var(--ic-status-info-dark);--ic-status-unknown:var(--ic-status-unknown-dark);--ic-color-icon-grey:var(--ic-color-icon-grey-dark);--ic-color-icon-hover:var(--ic-color-icon-hover-dark);--ic-color-icon-pressed:var(--ic-color-icon-pressed-dark);--ic-color-icon-disabled:var(--ic-color-icon-disabled-dark);--ic-color-icon-action-default:var(--ic-color-icon-action-default-dark);--ic-color-icon-error:var(--ic-color-icon-error-dark);--ic-badge-text:var(--ic-color-text-inverse);--ic-badge-icon:var(--ic-color-text-inverse);--ic-badge-warning-text:var(--ic-color-text-inverse);--ic-badge-warning-icon:var(--ic-color-icon-neutral);--ic-badge-light-text:var(--ic-color-text-primary);--ic-badge-light-icon:var(--ic-color-icon-inverted);--ic-badge-success:var(--ic-status-success-contrast);--ic-badge-warning:var(--ic-status-warning-contrast);--ic-badge-error:var(--ic-status-error-contrast);--ic-badge-info:var(--ic-status-info-light);--ic-badge-light:var(--ic-status-unknown-dark);--ic-badge-neutral:var(--ic-color-background-primary-light);--ic-breadcrumb-page-title:var(--ic-color-hyperlink-default-dark);--ic-breadcrumb-page-title-hover:var(--ic-color-hyperlink-default-dark);--ic-breadcrumb-page-title-pressed:var(--ic-color-hyperlink-default-dark);--ic-breadcrumb-page-title-monochrome:var(--ic-color-text-primary);--ic-breadcrumb-page-title-hover-monochrome:var(--ic-color-text-primary);--ic-breadcrumb-page-title-pressed-monochrome:var(--ic-color-text-primary);--ic-breadcrumb-icon-chevron:var(--ic-color-icon-grey-default);--ic-breadcrumb-icon-chevron-monochrome:var(--ic-color-icon-grey-dark);--ic-breadcrumb-page-icon:var(--ic-color-icon-action-default-dark);--ic-breadcrumb-page-icon-monochrome:var(--ic-color-icon-inverted);--ic-breadcrumb-text:var(--ic-color-text-primary);--ic-breadcrumb-text-monochrome:var(--ic-color-text-primary);--ic-chip-label:var(--ic-color-text-primary-dark);--ic-chip-label-inactive:var(--ic-color-text-inactive);--ic-chip-icon:var(--ic-color-icon-inverted);--ic-chip-icon-inactive:var(--ic-color-icon-chevron);--ic-chip-outline:var(--ic-color-text-primary-dark);--ic-chip-outline-inactive:var(--ic-color-border-neutral-white);--ic-chip-outline-background:var(--ic-color-background-primary-dark);--ic-chip-background-filled-default:var(--ic-state-layer-neutral-darker);--ic-chip-background-filled-inactive:var(--ic-state-layer-neutral-darker);--ic-chip-action-hover:var(--ic-action-light-bg-hover);--ic-chip-action-pressed:var(--ic-action-light-bg-pressed);--ic-data-list-text-cell:var(--ic-color-text-primary);--ic-data-list-text-heading:var(--ic-color-text-primary);--ic-data-list-text-label:var(--ic-color-text-tertiary);--ic-data-list-keyline-heading:var(--ic-color-border-neutral-default);--ic-data-list-keyline-cell:var(--ic-color-border-neutral-default);--ic-empty-state-title:var(--ic-color-text-primary);--ic-empty-state-subtitle:var(--ic-color-text-secondary);--ic-empty-state-body:var(--ic-color-text-tertiary);--ic-link-text:var(--ic-color-hyperlink-default-dark);--ic-link-text-hover:var(--ic-color-hyperlink-default-dark);--ic-link-text-pressed:var(--ic-color-hyperlink-default-dark);--ic-link-text-focused:var(--ic-color-hyperlink-default-dark);--ic-link-text-visited:var(--ic-color-hyperlink-visited-dark);--ic-link-text-monochrome:var(--ic-color-text-primary);--ic-link-text-hover-monochrome:var(--ic-color-text-primary);--ic-link-text-pressed-monochrome:var(--ic-color-text-primary);--ic-link-text-focused-monochrome:var(--ic-color-text-primary);--ic-link-text-visited-monochrome:var(
+      --ic-color-hyperlink-visited-monochrome-dark
+    );--ic-link-icon-launch:var(--ic-color-hyperlink-default-dark);--ic-link-icon-launch-visited:var(--ic-color-hyperlink-visited-dark);--ic-link-icon-launch-monochrome:var(--ic-color-text-primary);--ic-link-icon-launch-visited-monochrome:var(
+      --ic-color-hyperlink-visited-monochrome-dark
+    );--ic-loading-indicator-inner-color:var(--ic-action-default);--ic-loading-indicator-outer-color:var(--ic-action-neutral-light);--ic-loading-indicator-label-color:var(--ic-color-text-primary);--ic-loading-indicator-inner-color-monochrome:var(--ic-action-light);--ic-loading-indicator-outer-color-monochrome:var(
+      --ic-action-neutral-dark
+    );--ic-loading-indicator-label-color-monochrome:var(--ic-color-text-primary);--ic-skeleton-background:var(--ic-architectural-400);--ic-skeleton-background-secondary:var(--ic-architectural-600);--ic-status-tag-text:var(--ic-color-text-inverse);--ic-status-tag-text-inverted:var(--ic-color-text-primary);--ic-status-tag-outlined-text:var(--ic-color-text-inverse);--ic-status-tag-success:var(--ic-status-success-contrast);--ic-status-tag-outlined-background-success:var(
       --ic-status-success-outlined
     );--ic-status-tag-outlined-success:var(--ic-status-success-contrast);--ic-status-tag-error:var(--ic-status-error-contrast);--ic-status-tag-outlined-background-error:var(--ic-status-error-outlined);--ic-status-tag-outlined-error:var(--ic-status-error-light);--ic-status-tag-warning:var(--ic-status-warning-light);--ic-status-tag-outlined-background-warning:var(
       --ic-status-warning-outlined
-    );--ic-status-tag-outlined-warning:var(--ic-status-warning-light);--ic-status-tag-neutral:var(--ic-status-unknown-contrast);--ic-status-tag-outlined-background-neutral:var(--ic-status-unknown-light);--ic-status-tag-outlined-neutral:var(--ic-status-unknown);--ic-tab-label:var(--ic-color-primary-text-dark);--ic-tab-label-monochrome:var(--ic-color-inverse-text-light);--ic-tab-icon:var(--ic-icon-inverted);--ic-tab-icon-monochrome:var(--ic-icon-inverted);--ic-tab-bottom-border:var(--ic-border-neutral-inverted);--ic-tab-bottom-border-monochrome:var(--ic-border-neutral-inverted);--ic-tab-item-pressed:var(--ic-action-light-bg-active);--ic-tab-item-pressed-monochrome:var(--ic-action-light-bg-active);--ic-tab-item:var(--ic-action-light);--ic-tab-item-monochrome:var(--ic-action-light);--ic-tab-item-hover:var(--ic-action-light-bg-hover);--ic-tab-item-hover-monochrome:var(--ic-action-dark-bg-hover);--ic-badge-text:var(--ic-color-inverse-text);--ic-badge-icon:var(--ic-color-inverse-text);--ic-badge-warning-text:var(--ic-color-inverse-text);--ic-badge-warning-icon:var(--ic-icon-neutral);--ic-badge-light-text:var(--ic-color-primary-text);--ic-badge-light-icon:var(--ic-icon-inverted);--ic-badge-success:var(--ic-status-success-contrast);--ic-badge-warning:var(--ic-status-warning-contrast);--ic-badge-error:var(--ic-status-error-contrast);--ic-badge-info:var(--ic-status-info-light);--ic-badge-light:var(--ic-status-unknown-dark);--ic-badge-neutral:var(--ic-background-primary-light)}}.ic-theme-dark{--ic-background-primary:var(--ic-background-primary-dark);--ic-color-primary-text:var(--ic-color-primary-text-dark);--ic-color-secondary-text:var(--ic-color-secondary-text-dark);--ic-color-tertiary-text:var(--ic-color-tertiary-text-dark);--ic-color-inverse-text:var(--ic-color-inverse-text-dark);--ic-breadcrumb-page-title:var(--ic-hyperlink-dark);--ic-breadcrumb-page-title-hover:var(--ic-hyperlink-dark);--ic-breadcrumb-page-title-pressed:var(--ic-hyperlink-dark);--ic-breadcrumb-page-title-monochrome:var(--ic-color-primary-text);--ic-breadcrumb-page-title-hover-monochrome:var(--ic-color-primary-text);--ic-breadcrumb-page-title-pressed-monochrome:var(--ic-color-primary-text);--ic-breadcrumb-icon-chevron:var(--ic-icon-grey);--ic-breadcrumb-icon-chevron-monochrome:var(--ic-icon-grey-dark);--ic-breadcrumb-page-icon:var(--ic-icon-action-default-dark);--ic-breadcrumb-page-icon-monochrome:var(--ic-icon-inverted);--ic-breadcrumb-text:var(--ic-color-primary-text);--ic-breadcrumb-text-monochrome:var(--ic-color-primary-text);--ic-data-list-text-cell:var(--ic-color-primary-text);--ic-data-list-text-heading:var(--ic-color-primary-text);--ic-data-list-text-label:var(--ic-color-tertiary-text);--ic-data-list-keyline-heading:var(--ic-border-neutral);--ic-data-list-keyline-cell:var(--ic-border-neutral);--ic-link-text:var(--ic-hyperlink-dark);--ic-link-text-hover:var(--ic-hyperlink-dark);--ic-link-text-pressed:var(--ic-hyperlink-dark);--ic-link-text-focused:var(--ic-hyperlink-dark);--ic-link-text-visited:var(--ic-hyperlink-visited-dark);--ic-link-text-monochrome:var(--ic-color-primary-text);--ic-link-text-hover-monochrome:var(--ic-color-primary-text);--ic-link-text-pressed-monochrome:var(--ic-color-primary-text);--ic-link-text-focused-monochrome:var(--ic-color-primary-text);--ic-link-text-visited-monochrome:var(
-    --ic-hyperlink-visited-monochrome-dark
-  );--ic-link-icon-launch:var(--ic-hyperlink-dark);--ic-link-icon-launch-visited:var(--ic-hyperlink-visited-dark);--ic-link-icon-launch-monochrome:var(--ic-color-primary-text);--ic-link-icon-launch-visited-monochrome:var(
-    --ic-hyperlink-visited-monochrome-dark
-  );--ic-status-tag-text:var(--ic-color-inverse-text);--ic-status-tag-text-inverted:var(--ic-color-primary-text);--ic-status-tag-outlined-text:var(--ic-color-inverse-text);--ic-status-tag-success:var(--ic-status-success-contrast);--ic-status-tag-outlined-background-success:var(
+    );--ic-status-tag-outlined-warning:var(--ic-status-warning-light);--ic-status-tag-neutral:var(--ic-status-unknown-contrast);--ic-status-tag-outlined-background-neutral:var(--ic-status-unknown-light);--ic-status-tag-outlined-neutral:var(--ic-status-unknown-default);--ic-step-title:var(--ic-architectural-200);--ic-step-title-current:var(--ic-status-info-contrast);--ic-step-title-success:var(--ic-status-success-contrast);--ic-step-title-active:var(--ic-color-text-tertiary);--ic-step-title-disabled:var(--ic-color-text-inactive);--ic-step-title-status-text-current:var(--ic-color-text-primary);--ic-step-title-status-text-inactive:var(--ic-color-text-primary);--ic-step-title-status-text-disabled:var(--ic-color-text-tertiary);--ic-stepper-connector-success:var(--ic-status-success-contrast);--ic-stepper-connector-current-status:var(--ic-status-info-contrast);--ic-stepper-connector-remaining-status:var(--ic-architectural-600);--ic-stepper-connector-disabled:var(--ic-architectural-600);--ic-step-number-background-active:var(--ic-status-info-contrast);--ic-step-number-background-success:var(--ic-status-success-contrast);--ic-step-number-text:var(--ic-color-text-primary);--ic-step-number-text-inactive:var(--ic-color-text-primary);--ic-step-number-text-disabled:var(--ic-color-text-inactive);--ic-step-number-icon-success:var(--ic-color-icon-grey-darker);--ic-step-number-inactive:var(--ic-color-background-primary);--ic-step-number-disabled:var(--ic-color-border-neutral-grey-dark);--ic-step-number-inactive-outline:var(--ic-color-border-neutral-grey-dark);--ic-step-number-current-outer-fill:var(--ic-color-background-primary);--ic-step-number-current-outline:var(--ic-status-info-contrast);--ic-step-indicator-status-current:var(--ic-status-info-contrast);--ic-step-indicator-text-current:var(--ic-status-info-contrast);--ic-step-indicator-status-remaining:var(--ic-architectural-600);--ic-step-indicator-background:var(--ic-color-background-primary);--ic-step-indicator-status-disabled:var(--ic-color-border-neutral-grey);--ic-step-indicator-status-disabled-outline:var(
+      --ic-color-border-neutral-grey
+    );--ic-step-indicator-text-disabled:var(--ic-color-text-inactive);--ic-stepper-compact-step-title:var(--ic-color-text-primary);--ic-stepper-compact-step-title-disabled:var(--ic-color-text-inactive);--ic-stepper-compact-step-stage-text:var(--ic-color-text-secondary);--ic-stepper-compact-step-next-text:var(--ic-color-text-primary);--ic-stepper-compact-step-requirement-text:var(--ic-color-text-secondary);--ic-stepper-compact-step-requirement-text-disabled:var(
+      --ic-color-text-inactive
+    );--ic-stepper-compact-step-completed-text:var(--ic-status-success-contrast);--ic-tab-label:var(--ic-color-text-primary-dark);--ic-tab-label-monochrome:var(--ic-color-text-inverse-light);--ic-tab-icon:var(--ic-color-icon-inverted);--ic-tab-icon-monochrome:var(--ic-color-icon-inverted);--ic-tab-bottom-border:var(--ic-color-border-neutral-white);--ic-tab-bottom-border-monochrome:var(--ic-color-border-neutral-white);--ic-tab-item-pressed:var(--ic-action-light-bg-pressed);--ic-tab-item-pressed-monochrome:var(--ic-action-light-bg-pressed);--ic-tab-item:var(--ic-action-light);--ic-tab-item-monochrome:var(--ic-action-light);--ic-tab-item-hover:var(--ic-action-light-bg-hover);--ic-tab-item-hover-monochrome:var(--ic-action-dark-bg-hover)}}.ic-theme-dark{--ic-color-text-primary:var(--ic-color-text-primary-dark);--ic-color-text-secondary:var(--ic-color-text-secondary-dark);--ic-color-text-tertiary:var(--ic-color-text-tertiary-dark);--ic-color-text-inverse:var(--ic-color-text-inverse-dark);--ic-color-background-primary:var(--ic-color-background-primary-dark);--ic-color-background-secondary:var(--ic-color-background-secondary-dark);--ic-color-background-active:var(--ic-color-background-active-dark);--ic-color-background-hover:var(--ic-color-background-hover-dark);--ic-color-background-pressed:var(--ic-color-background-pressed-dark);--ic-color-background-disabled:var(--ic-color-background-disabled-dark);--ic-color-background-success:var(--ic-color-background-success-dark);--ic-color-background-warning:var(--ic-color-background-warning-dark);--ic-color-background-destructive:var(
+    --ic-color-background-destructive-dark
+  );--ic-color-background-destructive-hover:var(
+    --ic-color-background-destructive-hover-dark
+  );--ic-color-background-destructive-pressed:var(
+    --ic-color-background-destructive-pressed-dark
+  );--ic-color-background-neutral:var(--ic-color-background-neutral-dark);--ic-color-border-neutral-grey:var(--ic-color-border-neutral-grey-dark);--ic-color-border-neutral-hover:var(--ic-color-border-neutral-hover-dark);--ic-color-border-neutral-pressed:var(
+    --ic-color-border-neutral-pressed-dark
+  );--ic-color-border-neutral-disabled:var(
+    --ic-color-border-neutral-disabled-dark
+  );--ic-color-border-success:var(--ic-color-border-success-dark);--ic-color-border-success-hover:var(--ic-color-border-success-hover-dark);--ic-color-border-success-pressed:var(
+    --ic-color-border-success-pressed-dark
+  );--ic-color-border-warning:var(--ic-color-border-warning-dark);--ic-color-border-warning-hover:var(--ic-color-border-warning-hover-dark);--ic-color-border-warning-pressed:var(
+    --ic-color-border-warning-pressed-dark
+  );--ic-color-border-error:var(--ic-color-border-error-dark);--ic-color-border-error-hover:var(--ic-color-border-error-hover-dark);--ic-color-border-error-pressed:var(--ic-color-border-error-pressed-dark);--ic-action-default:var(--ic-action-default-dark);--ic-action-default-hover:var(--ic-action-default-hover-dark);--ic-action-default-pressed:var(--ic-action-default-pressed-dark);--ic-action-destructive:var(--ic-action-destructive-dark);--ic-action-destructive-hover:var(--ic-action-destructive-hover-dark);--ic-action-destructive-pressed:var(--ic-action-destructive-pressed-dark);--ic-action-neutral:var(--ic-action-neutral-dark);--ic-color-hyperlink-default:var(--ic-color-hyperlink-default-dark);--ic-color-hyperlink-visited:var(--ic-color-hyperlink-visited-dark);--ic-color-hyperlink-visited-monochrome:var(
+    --ic-color-hyperlink-visited-monochrome-dark
+  );--ic-status-success:var(--ic-status-success-dark);--ic-status-warning:var(--ic-status-warning-dark);--ic-status-error:var(--ic-status-error-dark);--ic-status-anomalous:var(--ic-status-anomalous-dark);--ic-status-info:var(--ic-status-info-dark);--ic-status-unknown:var(--ic-status-unknown-dark);--ic-color-icon-grey:var(--ic-color-icon-grey-dark);--ic-color-icon-hover:var(--ic-color-icon-hover-dark);--ic-color-icon-pressed:var(--ic-color-icon-pressed-dark);--ic-color-icon-disabled:var(--ic-color-icon-disabled-dark);--ic-color-icon-action-default:var(--ic-color-icon-action-default-dark);--ic-color-icon-error:var(--ic-color-icon-error-dark);--ic-badge-text:var(--ic-color-text-inverse);--ic-badge-icon:var(--ic-color-text-inverse);--ic-badge-warning-text:var(--ic-color-text-inverse);--ic-badge-warning-icon:var(--ic-color-icon-neutral);--ic-badge-light-text:var(--ic-color-text-primary);--ic-badge-light-icon:var(--ic-color-icon-inverted);--ic-badge-success:var(--ic-status-success-contrast);--ic-badge-warning:var(--ic-status-warning-contrast);--ic-badge-error:var(--ic-status-error-contrast);--ic-badge-info:var(--ic-status-info-light);--ic-badge-light:var(--ic-status-unknown-dark);--ic-badge-neutral:var(--ic-color-background-primary-light);--ic-breadcrumb-page-title:var(--ic-color-hyperlink-default-dark);--ic-breadcrumb-page-title-hover:var(--ic-color-hyperlink-default-dark);--ic-breadcrumb-page-title-pressed:var(--ic-color-hyperlink-default-dark);--ic-breadcrumb-page-title-monochrome:var(--ic-color-text-primary);--ic-breadcrumb-page-title-hover-monochrome:var(--ic-color-text-primary);--ic-breadcrumb-page-title-pressed-monochrome:var(--ic-color-text-primary);--ic-breadcrumb-icon-chevron:var(--ic-color-icon-grey-default);--ic-breadcrumb-icon-chevron-monochrome:var(--ic-color-icon-grey-dark);--ic-breadcrumb-page-icon:var(--ic-color-icon-action-default-dark);--ic-breadcrumb-page-icon-monochrome:var(--ic-color-icon-inverted);--ic-breadcrumb-text:var(--ic-color-text-primary);--ic-breadcrumb-text-monochrome:var(--ic-color-text-primary);--ic-chip-label:var(--ic-color-text-primary-dark);--ic-chip-label-inactive:var(--ic-color-text-inactive);--ic-chip-icon:var(--ic-color-icon-inverted);--ic-chip-icon-inactive:var(--ic-color-icon-chevron);--ic-chip-outline:var(--ic-color-text-primary-dark);--ic-chip-outline-inactive:var(--ic-color-border-neutral-white);--ic-chip-outline-background:var(--ic-color-background-primary-dark);--ic-chip-background-filled-default:var(--ic-state-layer-neutral-darker);--ic-chip-background-filled-inactive:var(--ic-state-layer-neutral-darker);--ic-chip-action-hover:var(--ic-action-light-bg-hover);--ic-chip-action-pressed:var(--ic-action-light-bg-pressed);--ic-data-list-text-cell:var(--ic-color-text-primary);--ic-data-list-text-heading:var(--ic-color-text-primary);--ic-data-list-text-label:var(--ic-color-text-tertiary);--ic-data-list-keyline-heading:var(--ic-color-border-neutral-default);--ic-data-list-keyline-cell:var(--ic-color-border-neutral-default);--ic-empty-state-title:var(--ic-color-text-primary);--ic-empty-state-subtitle:var(--ic-color-text-secondary);--ic-empty-state-body:var(--ic-color-text-tertiary);--ic-link-text:var(--ic-color-hyperlink-default-dark);--ic-link-text-hover:var(--ic-color-hyperlink-default-dark);--ic-link-text-pressed:var(--ic-color-hyperlink-default-dark);--ic-link-text-focused:var(--ic-color-hyperlink-default-dark);--ic-link-text-visited:var(--ic-color-hyperlink-visited-dark);--ic-link-text-monochrome:var(--ic-color-text-primary);--ic-link-text-hover-monochrome:var(--ic-color-text-primary);--ic-link-text-pressed-monochrome:var(--ic-color-text-primary);--ic-link-text-focused-monochrome:var(--ic-color-text-primary);--ic-link-text-visited-monochrome:var(
+    --ic-color-hyperlink-visited-monochrome-dark
+  );--ic-link-icon-launch:var(--ic-color-hyperlink-default-dark);--ic-link-icon-launch-visited:var(--ic-color-hyperlink-visited-dark);--ic-link-icon-launch-monochrome:var(--ic-color-text-primary);--ic-link-icon-launch-visited-monochrome:var(
+    --ic-color-hyperlink-visited-monochrome-dark
+  );--ic-loading-indicator-inner-color:var(--ic-action-default);--ic-loading-indicator-outer-color:var(--ic-action-neutral-light);--ic-loading-indicator-label-color:var(--ic-color-text-primary);--ic-loading-indicator-inner-color-monochrome:var(--ic-action-light);--ic-loading-indicator-outer-color-monochrome:var(--ic-action-neutral-dark);--ic-loading-indicator-label-color-monochrome:var(--ic-color-text-primary);--ic-skeleton-background:var(--ic-architectural-400);--ic-skeleton-background-secondary:var(--ic-architectural-600);--ic-status-tag-text:var(--ic-color-text-inverse);--ic-status-tag-text-inverted:var(--ic-color-text-primary);--ic-status-tag-outlined-text:var(--ic-color-text-inverse);--ic-status-tag-success:var(--ic-status-success-contrast);--ic-status-tag-outlined-background-success:var(
     --ic-status-success-outlined
   );--ic-status-tag-outlined-success:var(--ic-status-success-contrast);--ic-status-tag-error:var(--ic-status-error-contrast);--ic-status-tag-outlined-background-error:var(--ic-status-error-outlined);--ic-status-tag-outlined-error:var(--ic-status-error-light);--ic-status-tag-warning:var(--ic-status-warning-light);--ic-status-tag-outlined-background-warning:var(
     --ic-status-warning-outlined
-  );--ic-status-tag-outlined-warning:var(--ic-status-warning-light);--ic-status-tag-neutral:var(--ic-status-unknown-contrast);--ic-status-tag-outlined-background-neutral:var(--ic-status-unknown-light);--ic-status-tag-outlined-neutral:var(--ic-status-unknown);--ic-tab-label:var(--ic-color-primary-text-dark);--ic-tab-label-monochrome:var(--ic-color-inverse-text-light);--ic-tab-icon:var(--ic-icon-inverted);--ic-tab-icon-monochrome:var(--ic-icon-inverted);--ic-tab-divider:var(--ic-state-layer-neutral-light);--ic-tab-divider-monochrome:var(--ic-icon-inverted);--ic-tab-bottom-border:var(--ic-border-neutral-inverted);--ic-tab-bottom-border-monochrome:var(--ic-border-neutral-inverted);--ic-tab-item-pressed:var(--ic-action-light-bg-active);--ic-tab-item-pressed-monochrome:var(--ic-action-light-bg-active);--ic-tab-item:var(--ic-action-light);--ic-tab-item-monochrome:var(--ic-action-light);--ic-tab-item-hover:var(--ic-action-light-bg-hover);--ic-tab-item-hover-monochrome:var(--ic-action-dark-bg-hover);--ic-badge-text:var(--ic-color-inverse-text);--ic-badge-icon:var(--ic-color-inverse-text);--ic-badge-warning-text:var(--ic-color-inverse-text);--ic-badge-warning-icon:var(--ic-icon-neutral);--ic-badge-light-text:var(--ic-color-primary-text);--ic-badge-light-icon:var(--ic-icon-inverted);--ic-badge-success:var(--ic-status-success-contrast);--ic-badge-warning:var(--ic-status-warning-contrast);--ic-badge-error:var(--ic-status-error-contrast);--ic-badge-info:var(--ic-status-info-light);--ic-badge-light:var(--ic-status-unknown-dark);--ic-badge-neutral:var(--ic-background-primary-light)}:root{--ic-keyline-darken-rgb:rgb(0 0 0 / 20%);--ic-keyline-darken:1px solid var(--ic-keyline-darken-rgb);--ic-keyline-lighten-rgb:rgb(255 255 255 / 20%);--ic-keyline-lighten:1px solid var(--ic-keyline-lighten-rgb);--ic-status-success-light:#e8fef3;--ic-status-success-r:0;--ic-status-success-g:112;--ic-status-success-b:60;--ic-status-success-a:1;--ic-status-success:rgb(
-    var(--ic-status-success-r) var(--ic-status-success-g)
-      var(--ic-status-success-b) / var(--ic-status-success-a)
-  );--ic-status-success-hover:rgb(
+  );--ic-status-tag-outlined-warning:var(--ic-status-warning-light);--ic-status-tag-neutral:var(--ic-status-unknown-contrast);--ic-status-tag-outlined-background-neutral:var(--ic-status-unknown-light);--ic-status-tag-outlined-neutral:var(--ic-status-unknown-default);--ic-step-title:var(--ic-architectural-200);--ic-step-title-current:var(--ic-status-info-contrast);--ic-step-title-success:var(--ic-status-success-contrast);--ic-step-title-active:var(--ic-color-text-tertiary);--ic-step-title-disabled:var(--ic-color-text-inactive);--ic-step-title-status-text-current:var(--ic-color-text-primary);--ic-step-title-status-text-inactive:var(--ic-color-text-primary);--ic-step-title-status-text-disabled:var(--ic-color-text-tertiary);--ic-stepper-connector-success:var(--ic-status-success-contrast);--ic-stepper-connector-current-status:var(--ic-status-info-contrast);--ic-stepper-connector-remaining-status:var(--ic-architectural-600);--ic-stepper-connector-disabled:var(--ic-architectural-600);--ic-step-number-background-active:var(--ic-status-info-contrast);--ic-step-number-background-success:var(--ic-status-success-contrast);--ic-step-number-text:var(--ic-color-text-primary);--ic-step-number-text-inactive:var(--ic-color-text-primary);--ic-step-number-text-disabled:var(--ic-color-text-inactive);--ic-step-number-icon-success:var(--ic-color-icon-grey-darker);--ic-step-number-inactive:var(--ic-color-background-primary);--ic-step-number-disabled:var(--ic-color-border-neutral-grey-dark);--ic-step-number-inactive-outline:var(--ic-color-border-neutral-grey-dark);--ic-step-number-current-outer-fill:var(--ic-color-background-primary);--ic-step-number-current-outline:var(--ic-status-info-contrast);--ic-step-indicator-status-current:var(--ic-status-info-contrast);--ic-step-indicator-text-current:var(--ic-status-info-contrast);--ic-step-indicator-status-remaining:var(--ic-architectural-600);--ic-step-indicator-background:var(--ic-color-background-primary);--ic-step-indicator-status-disabled:var(--ic-color-border-neutral-grey);--ic-step-indicator-status-disabled-outline:var(
+    --ic-color-border-neutral-grey
+  );--ic-step-indicator-text-disabled:var(--ic-color-text-inactive);--ic-stepper-compact-step-title:var(--ic-color-text-primary);--ic-stepper-compact-step-title-disabled:var(--ic-color-text-inactive);--ic-stepper-compact-step-stage-text:var(--ic-color-text-secondary);--ic-stepper-compact-step-next-text:var(--ic-color-text-primary);--ic-stepper-compact-step-requirement-text:var(--ic-color-text-secondary);--ic-stepper-compact-step-requirement-text-disabled:var(
+    --ic-color-text-inactive
+  );--ic-stepper-compact-step-completed-text:var(--ic-status-success-contrast);--ic-tab-label:var(--ic-color-text-primary-dark);--ic-tab-label-monochrome:var(--ic-color-text-inverse-light);--ic-tab-icon:var(--ic-color-icon-inverted);--ic-tab-icon-monochrome:var(--ic-color-icon-inverted);--ic-tab-divider:var(--ic-state-layer-neutral-light);--ic-tab-divider-monochrome:var(--ic-color-icon-inverted);--ic-tab-bottom-border:var(--ic-color-border-neutral-white);--ic-tab-bottom-border-monochrome:var(--ic-color-border-neutral-white);--ic-tab-item-pressed:var(--ic-action-light-bg-pressed);--ic-tab-item-pressed-monochrome:var(--ic-action-light-bg-pressed);--ic-tab-item:var(--ic-action-light);--ic-tab-item-monochrome:var(--ic-action-light);--ic-tab-item-hover:var(--ic-action-light-bg-hover);--ic-tab-item-hover-monochrome:var(--ic-action-dark-bg-hover)}:root{--ic-architectural-20:#f9fafa;--ic-architectural-40:#f4f4f5;--ic-architectural-60:#eeeff0;--ic-architectural-80:#e8e9eb;--ic-architectural-100:#e1e3e5;--ic-architectural-200:#c4c8cd;--ic-architectural-300:#a7acb3;--ic-architectural-400:#8a919b;--ic-architectural-500:#6c7580;--ic-architectural-600:#575e68;--ic-architectural-700:#41464d;--ic-architectural-800:#2c2f34;--ic-architectural-900:#0b0c0c;--ic-architectural-white:#fff;--ic-architectural-black:#000;--ic-architectural-700-state-layer-10:rgb(65 70 77 / 10%);--ic-architectural-700-state-layer-20:rgb(65 70 77 / 20%);--ic-architectural-white-state-layer-10:rgb(255 255 255 / 10%);--ic-architectural-white-state-layer-20:rgb(255 255 255 / 20%);--ic-architectural-white-state-layer-25:rgb(255 255 255 / 25%);--ic-architectural-white-state-layer-40:rgb(255 255 255 / 40%);--ic-architectural-white-state-layer-50:rgb(255 255 255 / 50%);--ic-architectural-black-state-layer-20:rgb(0 0 0 / 20%);--ic-architectural-black-state-layer-25:rgb(0 0 0 / 25%);--ic-architectural-black-state-layer-30:rgb(0 0 0 / 30%);--ic-architectural-black-state-layer-40:rgb(0 0 0 / 40%);--ic-architectural-black-state-layer-50:rgb(0 0 0 / 50%);--ic-blue-0:#e1f0fc;--ic-blue-50:#c3e1f9;--ic-blue-100:#98c9f5;--ic-blue-200:#77b4f0;--ic-blue-300:#5da0ea;--ic-blue-400:#488fe3;--ic-blue-500:#377fdb;--ic-blue-600:#2a71d2;--ic-blue-700:#2064c8;--ic-blue-800:#1759bc;--ic-blue-900:#124db3;--ic-blue-1000:#0e43a8;--ic-blue-1100:#0b399c;--ic-blue-1200:#09308e;--ic-blue-1300:#07277e;--ic-blue-1400:#1b3c79;--ic-blue-1500:#122e63;--ic-blue-1600:#041144;--ic-blue-800-state-layer-10:rgb(23 89 188 / 10%);--ic-blue-800-state-layer-20:rgb(23 89 188 / 20%);--ic-blue-800-state-layer-50:rgb(23 89 188 / 50%);--ic-red-0:#ffe4e3;--ic-red-50:#fec9c8;--ic-red-100:#fca19e;--ic-red-200:#f9837d;--ic-red-300:#f66d63;--ic-red-400:#f15b4e;--ic-red-500:#ec4e3d;--ic-red-600:#e54330;--ic-red-700:#dd3b25;--ic-red-800:#d4351c;--ic-red-900:#c92c16;--ic-red-1000:#bc2411;--ic-red-1100:#ad1e0e;--ic-red-1300:#8b1209;--ic-red-1500:#610a05;--ic-green-0:#e8fef3;--ic-green-50:#d1fde7;--ic-green-100:#b2fad6;--ic-green-200:#97f6c8;--ic-green-300:#81f2bb;--ic-green-400:#6dedaf;--ic-green-500:#5ce7a3;--ic-green-600:#4cdf98;--ic-green-700:#3ed78d;--ic-green-800:#31cd83;--ic-green-900:#26c278;--ic-green-1000:#1bb56c;--ic-green-1100:#12a661;--ic-green-1200:#0b9655;--ic-green-1300:#058449;--ic-green-1400:#00703c;--ic-green-1600:#0e462b;--ic-green-1700:#0e3020;--ic-yellow-0:#fffbd8;--ic-yellow-50:#fff7b0;--ic-yellow-100:#ffed83;--ic-yellow-200:#ffe058;--ic-yellow-300:#ffd12e;--ic-yellow-400:#ffc107;--ic-yellow-500:#f8ae10;--ic-yellow-600:#f09d19;--ic-yellow-700:#e78f22;--ic-yellow-800:#dc832a;--ic-yellow-900:#d07932;--ic-yellow-1000:#c26f38;--ic-yellow-1100:#b3673c;--ic-yellow-1200:#a25e3f;--ic-yellow-1300:#8f553e;--ic-yellow-1400:#7a4c3c;--ic-purple-0:#f9f2ff;--ic-purple-50:#efdbff;--ic-purple-100:#e4c5ff;--ic-purple-200:#d5a2fe;--ic-purple-300:#c988fd;--ic-purple-400:#bf74fc;--ic-purple-500:#b764fb;--ic-purple-600:#b057f9;--ic-purple-700:#ab4df7;--ic-purple-800:#a645f5;--ic-purple-900:#a13ef2;--ic-purple-1000:#9c38ee;--ic-purple-1100:#9733e8;--ic-purple-1200:#902fe0;--ic-purple-1300:#882ad5;--ic-purple-1400:#7c25c2;--ic-light-blue-0:#f7faff;--ic-light-blue-100:#e3ecfd;--ic-light-blue-600:#769ee7;--ic-light-blue-1000:#3d6abe;--ic-light-blue-1400:#1b3c79;--ic-color-classification-blue:#2b71c7;--ic-color-classification-yellow:#f39c2c;--ic-color-classification-red:#a00;--ic-color-classification-grey:#616161;--ic-brand-blue-primary:#1b3c79;--ic-brand-blue-0:#eff3fa;--ic-brand-blue-20:#cdd5e3;--ic-brand-blue-40:#abb6ce;--ic-brand-blue-60:#8997b7;--ic-brand-blue-80:#6678a0;--ic-brand-blue-100:#445a8b;--ic-brand-blue-500:#192b50;--ic-brand-blue-700:#0c213a;--ic-brand-blue-800:#0e1c30;--ic-brand-blue-900:#0a1321;--ic-brand-darken-20:var(--ic-architectural-black-state-layer-20);--ic-brand-darken-30:var(--ic-architectural-black-state-layer-30);--ic-brand-darken-40:var(--ic-architectural-black-state-layer-40);--ic-brand-lighten-20:var(--ic-architectural-white-state-layer-20);--ic-brand-lighten-40:var(--ic-architectural-white-state-layer-40);--ic-color-hyperlink-default-light:var(--ic-blue-800);--ic-color-hyperlink-default-dark:var(--ic-blue-300);--ic-color-hyperlink-visited-light:#330072;--ic-color-hyperlink-visited-dark:var(--ic-purple-300);--ic-color-hyperlink-visited-monochrome-light:var(--ic-architectural-700);--ic-color-hyperlink-visited-monochrome-dark:#b0b0b0;--ic-color-hyperlink-contrast:#5c98f2;--ic-color-hyperlink-contrast-visited:#bc75ff;--ic-color-hyperlink-contrast-hover:#db76ac;--ic-color-hyperlink-brand:var(--ic-architectural-white);--ic-color-focus-inner:#0044d7;--ic-color-focus-outer:#80a1e8;--ic-hc-focus-outline:3px solid transparent;--ic-color-keyline-darken:var(--ic-architectural-black-state-layer-20);--ic-color-keyline-lighten:var(--ic-architectural-white-state-layer-20);--ic-status-success-default:var(--ic-green-1400);--ic-status-success-light:var(--ic-green-0);--ic-status-success-dark:var(--ic-green-1700);--ic-status-success-outlined:var(--ic-green-100);--ic-status-success-contrast:var(--ic-green-1000);--ic-status-success-r:0;--ic-status-success-g:112;--ic-status-success-b:60;--ic-status-success-a:1;--ic-status-success-hover:rgb(
     calc(var(--ic-status-success-r) * 0.8)
       calc(var(--ic-status-success-g) * 0.8)
       calc(var(--ic-status-success-b) * 0.8) / var(--ic-status-success-a)
@@ -46,10 +105,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-primary-text)}a
     calc(var(--ic-status-success-r) * 0.6)
       calc(var(--ic-status-success-g) * 0.6)
       calc(var(--ic-status-success-b) * 0.6) / var(--ic-status-success-a)
-  );--ic-status-success-outlined:#b2fad6;--ic-status-success-contrast:#1bb56c;--ic-status-success-dark:#0e3020;--ic-status-warning-light:#fffbd8;--ic-status-warning-contrast:#ffc107;--ic-status-warning-r:208;--ic-status-warning-g:121;--ic-status-warning-b:50;--ic-status-warning-a:1;--ic-status-warning:rgb(
-    var(--ic-status-warning-r) var(--ic-status-warning-g)
-      var(--ic-status-warning-b) / var(--ic-status-warning-a)
-  );--ic-status-warning-hover:rgb(
+  );--ic-status-warning-default:var(--ic-yellow-900);--ic-status-warning-light:var(--ic-yellow-0);--ic-status-warning-dark:var(--ic-yellow-1400);--ic-status-warning-outlined:var(--ic-yellow-100);--ic-status-warning-contrast:var(--ic-yellow-400);--ic-status-warning-r:208;--ic-status-warning-g:121;--ic-status-warning-b:50;--ic-status-warning-a:1;--ic-status-warning-hover:rgb(
     calc(var(--ic-status-warning-r) * 0.8)
       calc(var(--ic-status-warning-g) * 0.8)
       calc(var(--ic-status-warning-b) * 0.8) / var(--ic-status-warning-a)
@@ -57,16 +113,13 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-primary-text)}a
     calc(var(--ic-status-warning-r) * 0.6)
       calc(var(--ic-status-warning-g) * 0.6)
       calc(var(--ic-status-warning-b) * 0.6) / var(--ic-status-warning-a)
-  );--ic-status-warning-dark:#7a4c3c;--ic-status-warning-outlined:#ffed83;--ic-status-error-light:#ffe4e3;--ic-status-error-contrast:#f15b4e;--ic-status-error-r:212;--ic-status-error-g:53;--ic-status-error-b:28;--ic-status-error-a:1;--ic-status-error:rgb(
-    var(--ic-status-error-r) var(--ic-status-error-g) var(--ic-status-error-b) /
-      var(--ic-status-error-a)
-  );--ic-status-error-hover:rgb(
+  );--ic-status-error-default:var(--ic-red-800);--ic-status-error-light:var(--ic-red-0);--ic-status-error-dark:var(--ic-red-1500);--ic-status-error-outlined:var(--ic-red-500);--ic-status-error-contrast:var(--ic-red-400);--ic-status-error-r:212;--ic-status-error-g:53;--ic-status-error-b:28;--ic-status-error-a:1;--ic-status-error-hover:rgb(
     calc(var(--ic-status-error-r) * 0.8) calc(var(--ic-status-error-g) * 0.8)
       calc(var(--ic-status-error-b) * 0.8) / var(--ic-status-error-a)
   );--ic-status-error-pressed:rgb(
     calc(var(--ic-status-error-r) * 0.6) calc(var(--ic-status-error-g) * 0.6)
       calc(var(--ic-status-error-b) * 0.6) / var(--ic-status-error-a)
-  );--ic-status-error-dark:#610a05;--ic-status-error-outlined:#ec4e3d;--ic-status-info-light:#e1f0fc;--ic-status-info-contrast:#488fe3;--ic-status-info:rgb(18 77 179);--ic-status-info-dark:#041144;--ic-status-anomalous-light:#efdbff;--ic-status-anomalous-contrast:#b764fb;--ic-status-anomalous:#7c25c2;--ic-status-anomalous-dark:#350f54;--ic-status-unknown-light:var(--ic-architectural-40);--ic-status-unknown-outlined:var(--ic-architectural-200);--ic-status-unknown-contrast:var(--ic-architectural-300);--ic-status-unknown:var(--ic-architectural-500);--ic-status-unknown-mid:var(--ic-architectural-700);--ic-status-unknown-dark:var(--ic-architectural-800);--ic-architectural-20:#f9fafa;--ic-architectural-40:#f4f4f5;--ic-architectural-60:#eeeff0;--ic-architectural-80:#e8e9eb;--ic-architectural-100:#e1e3e5;--ic-architectural-200:#c4c8cd;--ic-architectural-300:#a7acb3;--ic-architectural-400:#8a919b;--ic-architectural-500:#6c7580;--ic-architectural-600:#575e68;--ic-architectural-700:#41464d;--ic-architectural-800:#2c2f34;--ic-architectural-900:#0b0c0c;--ic-architectural-white:#fff;--ic-architectural-black:#000;--ic-color-border-neutral-gray:var(--ic-architectural-400);--ic-color-border-neutral-light-gray:var(--ic-architectural-40);--ic-color-primary-text-light:var(--ic-architectural-900);--ic-color-primary-text-dark:var(--ic-architectural-white);--ic-color-secondary-text-light:var(--ic-architectural-700);--ic-color-secondary-text-dark:var(--ic-architectural-100);--ic-color-tertiary-text-light:var(--ic-architectural-500);--ic-color-tertiary-text-dark:var(--ic-architectural-200);--ic-color-white-text:var(--ic-architectural-white);--ic-color-inverse-text-light:var(--ic-color-primary-text-dark);--ic-color-inverse-text-dark:var(--ic-color-primary-text-light);--ic-background-primary-light:var(--ic-architectural-white);--ic-background-primary-dark:var(--ic-architectural-800);--ic-action-default:#1759bc;--ic-action-default-hover:#0b399c;--ic-action-default-active:#07277e;--ic-action-default-active-alpha:rgba(23 89 188 / 50%);--ic-action-default-bg-hover:rgb(23 89 188 / 10%);--ic-action-default-bg-active:rgb(23 89 188 / 20%);--ic-action-default-bg-hover-no-alpha:#e7eef8;--ic-action-default-bg-active-no-alpha:#d0def2;--ic-action-destructive:#d4351c;--ic-action-destructive-hover:#ad1e0e;--ic-action-destructive-active:#8b1209;--ic-action-light:#fff;--ic-action-light-hover:#c4c8cd;--ic-action-light-active:#a7acb3;--ic-action-light-bg-hover:rgb(255 255 255 / 10%);--ic-action-light-bg-active:rgb(255 255 255 / 20%);--ic-action-dark:#0b0c0c;--ic-action-dark-hover:#2c2f34;--ic-action-dark-active:#41464d;--ic-action-dark-bg-hover:rgb(65 70 77 / 10%);--ic-action-dark-bg-active:rgb(65 70 77 / 20%);--ic-action-dark-bg-hover-no-alpha:#ececed;--ic-action-dark-bg-active-no-alpha:#d9dadb;--ic-classification-official:#2b71c7;--ic-classification-official-foreground:#fff;--ic-classification-secret:#f39c2c;--ic-classification-secret-foreground:#000;--ic-classification-top-secret:#a00;--ic-classification-top-secret-foreground:#fff;--ic-classification-not-set:#616161;--ic-classification-not-set-foreground:#fff;--ic-theme-blue-primary-r:27;--ic-theme-blue-primary-g:60;--ic-theme-blue-primary-b:121;--ic-theme-blue-primary-a:1;--ic-theme-lighten-20:rgb(255 255 255 / 20%);--ic-theme-lighten-40:rgb(255 255 255 / 40%);--ic-theme-primary-r:var(--ic-theme-blue-primary-r);--ic-theme-primary-g:var(--ic-theme-blue-primary-g);--ic-theme-primary-b:var(--ic-theme-blue-primary-b);--ic-theme-primary-a:var(--ic-theme-blue-primary-a);--ic-theme-primary:rgb(
+  );--ic-status-info-default:var(--ic-blue-900);--ic-status-info-light:var(--ic-blue-0);--ic-status-info-dark:var(--ic-blue-1600);--ic-status-info-contrast:var(--ic-blue-400);--ic-status-anomalous-default:var(--ic-purple-1400);--ic-status-anomalous-light:var(--ic-purple-50);--ic-status-anomalous-dark:#350f54;--ic-status-anomalous-contrast:var(--ic-purple-500);--ic-status-unknown-default:var(--ic-architectural-500);--ic-status-unknown-mid:var(--ic-architectural-700);--ic-status-unknown-light:var(--ic-architectural-40);--ic-status-unknown-dark:var(--ic-architectural-800);--ic-status-unknown-outlined:var(--ic-architectural-200);--ic-status-unknown-contrast:var(--ic-architectural-300);--ic-color-brand-text:var(--ic-architectural-white);--ic-color-text-primary-light:var(--ic-architectural-900);--ic-color-text-primary-dark:var(--ic-architectural-white);--ic-color-text-secondary-light:var(--ic-architectural-700);--ic-color-text-secondary-dark:var(--ic-architectural-100);--ic-color-text-tertiary-light:var(--ic-architectural-500);--ic-color-text-tertiary-dark:var(--ic-architectural-200);--ic-color-text-inverse-light:var(--ic-color-text-primary-dark);--ic-color-text-inverse-dark:var(--ic-color-text-primary-light);--ic-color-white-text:var(--ic-architectural-white);--ic-color-text-disabled-default:var(--ic-architectural-300);--ic-color-text-disabled-light:var(--ic-architectural-200);--ic-color-text-disabled-dark:var(--ic-architectural-600);--ic-color-text-inactive:var(--ic-architectural-400);--ic-color-text-action:var(--ic-blue-800);--ic-color-text-action-dark:var(--ic-blue-500);--ic-color-text-action-hover:var(--ic-blue-1100);--ic-color-text-action-pressed:var(--ic-blue-1300);--ic-color-text-error-light:var(--ic-red-300);--ic-color-text-error-dark:var(--ic-red-800);--ic-color-background-primary-light:var(--ic-architectural-white);--ic-color-background-primary-dark:var(--ic-architectural-800);--ic-color-background-secondary-light:var(--ic-architectural-20);--ic-color-background-secondary-dark:var(--ic-architectural-700);--ic-color-background-neutral-light:var(--ic-architectural-800);--ic-color-background-neutral-dark:var(--ic-architectural-900);--ic-color-background-active-light:var(--ic-blue-800);--ic-color-background-active-dark:var(--ic-blue-300);--ic-color-background-hover-default:var(--ic-blue-1100);--ic-color-background-hover-light:var(--ic-architectural-200);--ic-color-background-hover-dark:var(--ic-architectural-800);--ic-color-background-pressed-default:var(--ic-blue-1300);--ic-color-background-pressed-light:var(--ic-architectural-300);--ic-color-background-pressed-dark:var(--ic-architectural-700);--ic-color-background-disabled-light:var(--ic-architectural-80);--ic-color-background-disabled-dark:var(--ic-architectural-300);--ic-color-background-selected:var(--ic-architectural-white);--ic-color-background-success-light:var(--ic-green-1400);--ic-color-background-success-dark:var(--ic-green-300);--ic-color-background-warning-light:var(--ic-yellow-400);--ic-color-background-warning-dark:var(--ic-yellow-300);--ic-color-background-destructive-light:var(--ic-red-800);--ic-color-background-destructive-dark:var(--ic-red-300);--ic-color-background-destructive-hover-light:var(--ic-red-1100);--ic-color-background-destructive-hover-dark:var(--ic-red-400);--ic-color-background-destructive-pressed-light:var(--ic-red-1300);--ic-color-background-destructive-pressed-dark:var(--ic-red-700);--ic-color-border-neutral-default:var(--ic-architectural-300);--ic-color-border-neutral-black:var(--ic-architectural-black);--ic-color-border-neutral-white:var(--ic-architectural-white);--ic-color-border-neutral-grey-light:var(--ic-architectural-40);--ic-color-border-neutral-grey-dark:var(--ic-architectural-400);--ic-color-border-neutral-pressed-default:var(--ic-architectural-600);--ic-color-border-neutral-pressed-light:var(--ic-architectural-200);--ic-color-border-neutral-pressed-dark:var(--ic-architectural-700);--ic-color-border-neutral-hover-default:var(--ic-architectural-500);--ic-color-border-neutral-hover-light:var(--ic-architectural-200);--ic-color-border-neutral-hover-dark:var(--ic-architectural-800);--ic-color-border-neutral-disabled-light:var(--ic-architectural-200);--ic-color-border-neutral-disabled-dark:var(--ic-architectural-600);--ic-color-border-success-light:var(--ic-green-1400);--ic-color-border-success-dark:var(--ic-green-300);--ic-color-border-success-hover-light:var(--ic-green-1600);--ic-color-border-success-hover-dark:var(--ic-green-400);--ic-color-border-success-pressed-light:var(--ic-green-1700);--ic-color-border-success-pressed-dark:var(--ic-green-600);--ic-color-border-warning-light:var(--ic-yellow-900);--ic-color-border-warning-dark:var(--ic-yellow-300);--ic-color-border-warning-hover-light:var(--ic-yellow-1100);--ic-color-border-warning-hover-dark:var(--ic-yellow-400);--ic-color-border-warning-pressed-light:var(--ic-yellow-1300);--ic-color-border-warning-pressed-dark:var(--ic-yellow-500);--ic-color-border-error-light:var(--ic-red-800);--ic-color-border-error-dark:var(--ic-red-300);--ic-color-border-error-hover-light:var(--ic-red-1100);--ic-color-border-error-hover-dark:var(--ic-red-400);--ic-color-border-error-pressed-light:var(--ic-red-1300);--ic-color-border-error-pressed-dark:var(--ic-red-700);--ic-color-border-action-light:var(--ic-blue-800);--ic-color-border-action-dark:var(--ic-blue-300);--ic-color-border-action-hover-light:var(--ic-blue-1100);--ic-color-border-action-hover-dark:var(--ic-blue-100);--ic-color-border-action-pressed-light:var(--ic-blue-1300);--ic-color-border-action-pressed-dark:var(--ic-blue-400);--ic-action-default-light:var(--ic-blue-800);--ic-action-default-dark:var(--ic-blue-300);--ic-action-default-hover-light:var(--ic-blue-1100);--ic-action-default-hover-dark:var(--ic-blue-100);--ic-action-default-pressed-light:var(--ic-blue-1300);--ic-action-default-pressed-dark:var(--ic-blue-400);--ic-action-default-disabled:var(--ic-blue-50);--ic-action-default-active-alpha:var(--ic-blue-800-state-layer-50);--ic-action-default-bg-hover:var(--ic-blue-800-state-layer-10);--ic-action-default-bg-active:var(--ic-blue-800-state-layer-20);--ic-action-default-bg-hover-no-alpha:#e7eef8;--ic-action-default-bg-active-no-alpha:#d0def2;--ic-action-destructive-light:var(--ic-red-800);--ic-action-destructive-dark:var(--ic-red-300);--ic-action-destructive-hover-light:var(--ic-red-1100);--ic-action-destructive-hover-dark:var(--ic-red-400);--ic-action-destructive-pressed-light:var(--ic-red-1300);--ic-action-destructive-pressed-dark:var(--ic-red-700);--ic-action-light:var(--ic-architectural-white);--ic-action-light-hover:var(--ic-architectural-200);--ic-action-light-pressed:var(--ic-architectural-300);--ic-action-light-bg-hover:var(--ic-state-layer-lighten-10);--ic-action-light-bg-pressed:var(--ic-state-layer-lighten-20);--ic-action-dark:var(--ic-architectural-900);--ic-action-dark-hover:var(--ic-architectural-800);--ic-action-dark-pressed:var(--ic-architectural-700);--ic-action-dark-bg-hover:var(--ic-architectural-700-state-layer-10);--ic-action-dark-bg-pressed:var(--ic-architectural-700-state-layer-20);--ic-action-dark-bg-hover-no-alpha:#ececed;--ic-action-dark-bg-active-no-alpha:#d9dadb;--ic-action-neutral-light:var(--ic-architectural-100);--ic-action-neutral-dark:var(--ic-architectural-800);--ic-theme-blue-primary-r:27;--ic-theme-blue-primary-g:60;--ic-theme-blue-primary-b:121;--ic-theme-blue-primary-a:1;--ic-theme-lighten-20:rgb(255 255 255 / 20%);--ic-theme-lighten-40:rgb(255 255 255 / 40%);--ic-theme-primary-r:var(--ic-theme-blue-primary-r);--ic-theme-primary-g:var(--ic-theme-blue-primary-g);--ic-theme-primary-b:var(--ic-theme-blue-primary-b);--ic-theme-primary-a:var(--ic-theme-blue-primary-a);--ic-theme-primary:rgb(
     var(--ic-theme-primary-r) var(--ic-theme-primary-g)
       var(--ic-theme-primary-b) / var(--ic-theme-primary-a)
   );--ic-theme-secondary:rgb(
@@ -108,18 +161,19 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-primary-text)}a
     min(255, calc(var(--ic-theme-calc) + 65))
       min(255, calc(var(--ic-theme-calc) + 70))
       min(255, calc(var(--ic-theme-calc) + 77)) / 20%
-  );--ic-hyperlink:#1759bc;--ic-hyperlink-visited:#330072;--ic-hyperlink-dark:#5da0ea;--ic-hyperlink-visited-dark:#c988fd;--ic-hyperlink-visited-monochrome-dark:#b0b0b0;--ic-hyperlink-hover:#7c2855;--ic-hyperlink-contrast:#5c98f2;--ic-hyperlink-contrast-visited:#bc75ff;--ic-hyperlink-contrast-hover:#db76ac;--ic-focus-blue:#0044d7;--ic-focus-glow:#80a1e8;--ic-hc-focus-outline:3px solid transparent;--ic-table-row-selected:#c7d7ef;--ic-tooltip-background:var(--ic-background-primary-dark);--ic-tooltip-text:var(--ic-color-primary-text-dark);--ic-tooltip-border:var(--ic-color-border-neutral-light-gray);--ic-icon-neutral:var(--ic-architectural-black);--ic-icon-inverted:var(--ic-architectural-white);--ic-icon-grey:var(--ic-architectural-400);--ic-icon-grey-dark:var(--ic-architectural-500);--ic-icon-action-default:var(--ic-hyperlink);--ic-icon-action-default-dark:var(--ic-hyperlink-dark);--ic-state-layer-neutral:var(--ic-architectural-200);--ic-state-layer-neutral-light:var(--ic-architectural-100);--ic-state-layer-neutral-dark:var(--ic-architectural-400)}:root{--ic-border-radius:2px;--ic-border-radius-inset:11px;--ic-border-width:0.0625rem;--ic-border-focus:0 0 0 2px var(--ic-architectural-white),
-    0 0 0 4px var(--ic-focus-blue), 0 0 0 8px var(--ic-focus-glow);--ic-border-focus-inset:inset 0 0 0 4px var(--ic-focus-glow),
-    inset 0 0 0 6px var(--ic-focus-blue),
-    inset 0 0 0 8px var(--ic-architectural-white);--ic-border-focus-dark:0 0 0 2px white, 0 0 0 5px rgba(255 255 255 / 52%);--ic-border-disabled:var(--ic-space-1px) dashed var(--ic-architectural-200);--ic-border-light:var(--ic-space-1px) solid var(--ic-architectural-200);--ic-border-default:var(--ic-space-1px) solid var(--ic-architectural-400);--ic-border-hover:var(--ic-space-1px) solid var(--ic-architectural-500);--ic-border-pressed:var(--ic-space-1px) solid var(--ic-architectural-600);--ic-hc-border:var(--ic-space-1px) solid transparent;--ic-error-border-default:var(--ic-space-xxxs) solid var(--ic-status-error);--ic-error-border-hover:var(--ic-space-xxxs) solid
-    var(--ic-status-error-hover);--ic-error-border-pressed:var(--ic-space-xxxs) solid
-    var(--ic-status-error-pressed);--ic-success-border-default:var(--ic-space-xxxs) solid
-    var(--ic-status-success);--ic-success-border-hover:var(--ic-space-xxxs) solid
-    var(--ic-status-success-hover);--ic-success-border-pressed:var(--ic-space-xxxs) solid
-    var(--ic-status-success-pressed);--ic-warning-border-default:var(--ic-space-xxxs) solid
-    var(--ic-status-warning);--ic-warning-border-hover:var(--ic-space-xxxs) solid
-    var(--ic-status-warning-hover);--ic-warning-border-pressed:var(--ic-space-xxxs) solid
-    var(--ic-status-warning-pressed);--ic-border-neutral-black:var(--ic-architectural-black);--ic-border-neutral:var(--ic-architectural-300);--ic-border-neutral-grey:var(--ic-architectural-400);--ic-border-neutral-inverted:var(--ic-architectural-white)}:root{--ic-elevation-raised:0 0 2px rgb(0 0 0 / 50%);--ic-elevation-overlay:0 2px 8px rgb(0 0 0 / 20%);--ic-elevation-modal:0 4px 16px rgb(0 0 0 / 25%);--ic-elevation-inset:inset 0 4px 16px rgb(0 0 0 / 25%),
+  );--ic-table-row-selected:#c7d7ef;--ic-color-icon-brand:var(--ic-architectural-white);--ic-color-icon-neutral:var(--ic-architectural-black);--ic-color-icon-inverted:var(--ic-architectural-white);--ic-color-icon-hover-light:var(--ic-architectural-200);--ic-color-icon-hover-dark:var(--ic-architectural-800);--ic-color-icon-pressed-light:var(--ic-architectural-300);--ic-color-icon-pressed-dark:var(--ic-architectural-700);--ic-color-icon-disabled-light:var(--ic-architectural-300);--ic-color-icon-disabled-dark:var(--ic-architectural-500);--ic-color-icon-grey-default:var(--ic-architectural-400);--ic-color-icon-grey-lighter:var(--ic-architectural-100);--ic-color-icon-grey-light:var(--ic-architectural-200);--ic-color-icon-grey-dark:var(--ic-architectural-500);--ic-color-icon-grey-darker:var(--ic-architectural-700);--ic-color-icon-action-default-light:var(--ic-blue-800);--ic-color-icon-action-default-dark:var(--ic-blue-300);--ic-color-icon-action-hover:var(--ic-blue-1100);--ic-color-icon-action-pressed:var(--ic-blue-1300);--ic-color-icon-error-light:var(--ic-red-300);--ic-color-icon-error-dark:var(--ic-red-800);--ic-color-icon-action-dark:var(--ic-architectural-white);--ic-color-icon-chevron:var(--ic-architectural-400);--ic-state-layer-primary:var(--ic-brand-blue-primary);--ic-state-layer-secondary-default:var(--ic-blue-50);--ic-state-layer-secondary-light:var(--ic-blue-0);--ic-state-layer-secondary-dark:var(--ic-blue-100);--ic-state-layer-neutral-default:var(--ic-architectural-200);--ic-state-layer-neutral-light:var(--ic-architectural-100);--ic-state-layer-neutral-dark:var(--ic-architectural-400);--ic-state-layer-neutral-darker:var(--ic-architectural-600);--ic-state-layer-darken-20:var(--ic-architectural-black-state-layer-20);--ic-state-layer-darken-25:var(--ic-architectural-black-state-layer-25);--ic-state-layer-darken-30:var(--ic-architectural-black-state-layer-30);--ic-state-layer-darken-40:var(--ic-architectural-black-state-layer-40);--ic-state-layer-darken-50:var(--ic-architectural-black-state-layer-50);--ic-state-layer-lighten-10:var(--ic-architectural-white-state-layer-10);--ic-state-layer-lighten-20:var(--ic-architectural-white-state-layer-20);--ic-state-layer-lighten-25:var(--ic-architectural-white-state-layer-25);--ic-state-layer-lighten-40:var(--ic-architectural-white-state-layer-40);--ic-state-layer-lighten-50:var(--ic-architectural-white-state-layer-50);--ic-surface-brand:var(--ic-architectural-white);--ic-surface-primary:var(--ic-architectural-white);--ic-surface-secondary:var(--ic-architectural-white);--ic-surface-inverted:var(--ic-architectural-white);--ic-surface-disabled:var(--ic-architectural-white)}:root{--ic-border-radius:2px;--ic-border-radius-inset:11px;--ic-border-width:0.0625rem;--ic-border-disabled:var(--ic-space-1px) dashed
+    var(--ic-color-border-neutral-disabled);--ic-border-light:var(--ic-space-1px) solid var(--ic-architectural-200);--ic-border-default:var(--ic-space-1px) solid var(--ic-architectural-400);--ic-border-hover:var(--ic-space-1px) solid var(--ic-architectural-500);--ic-border-pressed-default:var(--ic-space-1px) solid
+    var(--ic-color-border-neutral-pressed-default);--ic-border-pressed:var(--ic-space-1px) solid
+    var(--ic-color-border-neutral-pressed);--ic-border-focus:0 0 0 2px var(--ic-architectural-white),
+    0 0 0 4px var(--ic-color-focus-inner), 0 0 0 8px var(--ic-color-focus-outer);--ic-border-focus-inset:inset 0 0 0 4px var(--ic-color-focus-outer),
+    inset 0 0 0 6px var(--ic-color-focus-inner),
+    inset 0 0 0 8px var(--ic-architectural-white);--ic-border-focus-dark:0 0 0 2px white, 0 0 0 5px rgba(255 255 255 / 52%);--ic-border-hc:var(--ic-space-1px) solid transparent;--ic-border-keyline-darken:1px solid var(--ic-color-keyline-darken);--ic-border-keyline-lighten:1px solid var(--ic-color-keyline-lighten);--ic-border-error:var(--ic-space-xxxs) solid var(--ic-color-border-error);--ic-border-error-hover:var(--ic-space-xxxs) solid
+    var(--ic-color-border-error-hover);--ic-border-error-pressed:var(--ic-space-xxxs) solid
+    var(--ic-color-border-error-pressed);--ic-border-success:var(--ic-space-xxxs) solid var(--ic-color-border-success);--ic-border-success-hover:var(--ic-space-xxxs) solid
+    var(--ic-color-border-success-hover);--ic-border-success-pressed:var(--ic-space-xxxs) solid
+    var(--ic-color-border-success-pressed);--ic-border-warning:var(--ic-space-xxxs) solid var(--ic-color-border-warning);--ic-border-warning-hover:var(--ic-space-xxxs) solid
+    var(--ic-color-border-warning-hover);--ic-border-warning-pressed:var(--ic-space-xxxs) solid
+    var(--ic-color-border-warning-pressed)}:root{--ic-elevation-raised:0 0 2px rgb(0 0 0 / 50%);--ic-elevation-overlay:0 2px 8px rgb(0 0 0 / 20%);--ic-elevation-modal:0 4px 16px rgb(0 0 0 / 25%);--ic-elevation-inset:inset 0 4px 16px rgb(0 0 0 / 25%),
     inset 0 -4px 16px rgb(0 0 0 / 25%);--ic-easing-transition-fast:var(--ic-transition-duration-fast)
     cubic-bezier(0.165, 0.84, 0.44, 1);--ic-easing-transition-slow:var(--ic-transition-duration-slow)
     cubic-bezier(0.165, 0.84, 0.44, 1);--ic-transition-duration-fast:100ms;--ic-transition-duration-slow:300ms;--ic-breakpoint-xs:0;--ic-breakpoint-sm:576px;--ic-breakpoint-md:768px;--ic-breakpoint-lg:992px;--ic-breakpoint-xl:1200px;--ic-space-1px:0.063rem;--ic-space-xxxs:0.125rem;--ic-space-xxs:0.25rem;--ic-space-xs:0.5rem;--ic-space-sm:0.75rem;--ic-space-md:1rem;--ic-space-lg:1.5rem;--ic-space-xl:2rem;--ic-space-xxl:3rem;--ic-z-index-base-value:0;--ic-z-index-page-header:calc(var(--ic-z-index-base-value) + 10);--ic-z-index-back-to-top:calc(var(--ic-z-index-base-value) + 20);--ic-z-index-popover:calc(var(--ic-z-index-base-value) + 50);--ic-z-index-sticky-page-header:calc(var(--ic-z-index-base-value) + 60);--ic-z-index-date-picker:calc(var(--ic-z-index-base-value) + 70);--ic-z-index-navigation-item:calc(var(--ic-z-index-base-value) + 70);--ic-z-index-navigation-menu:calc(var(--ic-z-index-base-value) + 70);--ic-z-index-menu:calc(var(--ic-z-index-base-value) + 70);--ic-z-index-side-navigation:calc(var(--ic-z-index-base-value) + 70);--ic-z-index-dialog:calc(var(--ic-z-index-base-value) + 100);--ic-z-index-toast:calc(var(--ic-z-index-base-value) + 110);--ic-z-index-tooltip:calc(var(--ic-z-index-base-value) + 110);--ic-z-index-classification-banner:calc(var(--ic-z-index-base-value) + 200)}