npm - @ukic/web-components - Versions diffs - 3.0.0-alpha.11 → 3.0.0-alpha.13 - Mend

@ukic/web-components 3.0.0-alpha.11 → 3.0.0-alpha.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (985) hide show

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

	@@ -1 +1 @@
1	- {"file":"ic-typography2.js","mappings":"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","names":[],"sources":["src/components/ic-typography/ic-typography.css?tag=ic-typography&encapsulation=shadow","src/components/ic-typography/ic-typography.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\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@media (prefers-color-scheme: dark) and (not (forced-colors: active)) {\n :host,\n .trunc-btn::not(ic-tooltip) {\n color: var(--ic-typography-color);\n }\n}\n","import {\n Component,\n Prop,\n h,\n Element,\n Host,\n State,\n Watch,\n Method,\n Event,\n EventEmitter,\n} from \"@stencil/core\";\n\nimport { IcTypographyVariants, IcThemeMode } from \"../../utils/types\";\nimport { checkResizeObserver, isElInAGGrid } from \"../../utils/helpers\";\n\n@Component({\n styleUrl: \"ic-typography.css\",\n tag: \"ic-typography\",\n shadow: true,\n})\nexport class Typography {\n private focusBtnFromKeyboard: boolean = true;\n private inAGGrid: boolean = false;\n private lastMarkerTop: number = 0;\n private lastWidth: number = 0;\n private marker: HTMLElement;\n private resizeInterval: number;\n private resizeObserver: ResizeObserver = null;\n private truncatedHeight: number = 0;\n private truncWrapperEl: Element;\n\n @Element() el: HTMLIcTypographyElement;\n\n @State() truncated: boolean = false;\n @State() truncButtonFocussed: boolean = false;\n\n /\n If `true`, appropriate top and bottom margins will be applied to the typography.\n /\n @Prop() applyVerticalMargins?: boolean = false;\n\n /\n If `true`, the typography will have a bold font weight.\n * Note: This will have no impact on variants that already use an equivalent or higher font weight (h1, h2, and subtitle-large).\n /\n @Prop() bold?: boolean = false;\n\n /\n If `true`, the typography will have an italic font style.\n /\n @Prop() italic?: boolean = false;\n\n /\n The number of lines to display before truncating the text, only used for the 'body' variant.\n /\n @Prop({ mutable: true }) maxLines?: number;\n\n /\n If `true`, the typography will have a line through it.\n /\n @Prop() strikethrough?: boolean = false;\n\n /\n 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 @Prop() theme?: IcThemeMode = \"inherit\";\n\n /\n If `true`, the typography will have a line under it.\n /\n @Prop() underline?: boolean = false;\n\n /\n The ICDS typography style to use.\n /\n @Prop() variant?: IcTypographyVariants = \"body\";\n\n /\n @internal Emits and event when the typography truncation button has been clicked.\n /\n @Event() typographyTruncationExpandToggle: EventEmitter<{\n expanded: boolean;\n typographyEl: HTMLIcTypographyElement;\n }>;\n\n @State() expanded: boolean = false;\n\n @Watch(\"expanded\")\n watchExpandedHandler(): void {\n this.el.setAttribute(\n \"style\",\n `--truncation-max-lines: ${this.expanded ? \"initial\" : this.maxLines}`\n );\n }\n\n disconnectedCallback(): void {\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 @Method()\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\n componentDidLoad(): void {\n if (\n (this.variant === \"body\" \|\|\n (this.el.getRootNode() as ShadowRoot)?.host?.tagName ===\n \"IC-TOOLTIP\") &&\n this.maxLines > 0\n ) {\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\n componentWillRender(): void {\n if (isElInAGGrid(this.el)) {\n this.inAGGrid = true;\n }\n }\n\n private toggleExpanded = (ev: Event) => {\n ev.stopPropagation();\n\n this.expanded = !this.expanded;\n this.typographyTruncationExpandToggle.emit({\n expanded: this.expanded,\n typographyEl: this.el,\n });\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\n @Method()\n async checkMaxLines(height: number) {\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 /\n @internal This method makes it possible to set the expanded status of truncated text outside of ic-typography component\n */\n @Method()\n async setShowHideExpanded(expanded: boolean) {\n this.expanded = expanded;\n }\n\n private checkMarkerPosition = (elTop: number, markerTop: number) => {\n if (markerTop - elTop < this.truncatedHeight) {\n this.truncated = false;\n this.expanded = false;\n } else {\n this.truncated = true;\n }\n };\n\n private getElementTop = (el: HTMLElement) => {\n return el.getClientRects && el.getClientRects()[0]\n ? el.getClientRects()[0].top\n : 0;\n };\n\n private 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\n private resizeObserverCallback = () => {\n if (this.lastWidth === this.el.clientWidth) {\n return;\n }\n\n if (this.truncatedHeight === 0) {\n this.checkMaxLines(this.el.clientHeight);\n return;\n }\n\n const markerTop = this.getElementTop(this.marker);\n if (markerTop === this.lastMarkerTop) {\n return;\n }\n\n this.checkMarkerPosition(this.getElementTop(this.el), markerTop);\n this.lastMarkerTop = markerTop;\n this.lastWidth = this.el.clientWidth;\n };\n\n private truncButtonFocus = (): void => {\n if (this.focusBtnFromKeyboard) {\n this.truncButtonFocussed = true;\n }\n };\n\n private truncButtonBlur = (): void => {\n this.focusBtnFromKeyboard = true;\n this.truncButtonFocussed = false;\n };\n\n private truncButtonFocusFromMouse = (): void => {\n this.focusBtnFromKeyboard = false;\n };\n\n render() {\n const {\n variant,\n applyVerticalMargins,\n maxLines,\n truncated,\n expanded,\n strikethrough,\n underline,\n italic,\n bold,\n theme,\n } = this;\n\n return (\n <Host\n 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 }}\n >\n {(variant === \"body\" \|\|\n (this.el.getRootNode() as ShadowRoot)?.host?.tagName ===\n \"IC-TOOLTIP\") &&\n maxLines > 0 ? (\n <div class=\"trunc-wrapper\" ref={(el) => (this.truncWrapperEl = el)}>\n <slot />\n </div>\n ) : (\n <slot />\n )}\n {variant === \"body\" && maxLines > 0 && truncated && (\n <button\n class={{ \"trunc-btn\": true, focus: this.truncButtonFocussed }}\n onFocus={this.truncButtonFocus}\n onBlur={this.truncButtonBlur}\n onMouseDown={this.truncButtonFocusFromMouse}\n onClick={this.toggleExpanded}\n >\n {expanded ? \"See less\" : \"See more\"}\n </button>\n )}\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"ic-typography2.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,41NAA41N,CAAC;AACr3N,2BAAe,eAAe;;MCoBjB,UAAU;IALvB;;;;;QAMU,yBAAoB,GAAY,IAAI,CAAC;QACrC,aAAQ,GAAY,KAAK,CAAC;QAC1B,kBAAa,GAAW,CAAC,CAAC;QAC1B,cAAS,GAAW,CAAC,CAAC;QAGtB,mBAAc,GAA0B,IAAI,CAAC;QAC7C,oBAAe,GAAW,CAAC,CAAC;QAK3B,cAAS,GAAY,KAAK,CAAC;QAC3B,wBAAmB,GAAY,KAAK,CAAC;;;;QAKtC,yBAAoB,GAAa,KAAK,CAAC;;;;;QAMvC,SAAI,GAAa,KAAK,CAAC;;;;QAKvB,WAAM,GAAa,KAAK,CAAC;;;;QAUzB,kBAAa,GAAa,KAAK,CAAC;;;;QAKhC,UAAK,GAAiB,SAAS,CAAC;;;;QAKhC,cAAS,GAAa,KAAK,CAAC;;;;QAK5B,YAAO,GAA0B,MAAM,CAAC;QAUvC,aAAQ,GAAY,KAAK,CAAC;QAqD3B,mBAAc,GAAG,CAAC,EAAS;YACjC,EAAE,CAAC,eAAe,EAAE,CAAC;YAErB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC/B,IAAI,CAAC,gCAAgC,CAAC,IAAI,CAAC;gBACzC,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,YAAY,EAAE,IAAI,CAAC,EAAE;aACtB,CAAC,CAAC;SACJ,CAAC;QA0BM,wBAAmB,GAAG,CAAC,KAAa,EAAE,SAAiB;YAC7D,IAAI,SAAS,GAAG,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE;gBAC5C,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;gBACvB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;aACvB;iBAAM;gBACL,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;aACvB;SACF,CAAC;QAEM,kBAAa,GAAG,CAAC,EAAe;YACtC,OAAO,EAAE,CAAC,cAAc,IAAI,EAAE,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;kBAC9C,EAAE,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG;kBAC1B,CAAC,CAAC;SACP,CAAC;QAEM,sBAAiB,GAAG;YAC1B,IAAI,IAAI,CAAC,cAAc,EAAE;gBACvB,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC;oBACvC,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;oBAClC,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,UAAU,CACrC,IAAI,CAAC,sBAAsB,EAC3B,EAAE,CACH,CAAC;iBACH,CAAC,CAAC;gBACH,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;aAClD;SACF,CAAC;QAEM,2BAAsB,GAAG;YAC/B,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE;gBAC1C,OAAO;aACR;YAED,IAAI,IAAI,CAAC,eAAe,KAAK,CAAC,EAAE;gBAC9B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;gBACzC,OAAO;aACR;YAED,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAClD,IAAI,SAAS,KAAK,IAAI,CAAC,aAAa,EAAE;gBACpC,OAAO;aACR;YAED,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;YACjE,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;YAC/B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC;SACtC,CAAC;QAEM,qBAAgB,GAAG;YACzB,IAAI,IAAI,CAAC,oBAAoB,EAAE;gBAC7B,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;aACjC;SACF,CAAC;QAEM,oBAAe,GAAG;YACxB,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;YACjC,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC;SAClC,CAAC;QAEM,8BAAyB,GAAG;YAClC,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;SACnC,CAAC;KAsDH;IAvMC,oBAAoB;QAClB,IAAI,CAAC,EAAE,CAAC,YAAY,CAClB,OAAO,EACP,2BAA2B,IAAI,CAAC,QAAQ,GAAG,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,CACvE,CAAC;KACH;IAED,oBAAoB;QAClB,IAAI,IAAI,CAAC,cAAc,KAAK,IAAI,EAAE;YAChC,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;SAClC;KACF;;;;IAKD,MAAM,eAAe;QACnB,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;YAClB,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;YACrC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;SAClC;KACF;IAED,gBAAgB;;QACd,IACE,CAAC,IAAI,CAAC,OAAO,KAAK,MAAM;YACtB,CAAA,MAAA,MAAC,IAAI,CAAC,EAAE,CAAC,WAAW,EAAiB,0CAAE,IAAI,0CAAE,OAAO;gBAClD,YAAY;YAChB,IAAI,CAAC,QAAQ;YACb,IAAI,CAAC,QAAQ,GAAG,CAAC,EACjB;YACA,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YAC9C,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;YACnC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAC5B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;YACrB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC;YACrC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;YACzC,mBAAmB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;SAC7C;KACF;IAED,mBAAmB;QACjB,IAAI,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;YACzB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACtB;KACF;;;;;IAkBD,MAAM,aAAa,CAAC,MAAc;;QAEhC,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;QACzC,IAAI,IAAI,CAAC,QAAQ,IAAI,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE;YAC7C,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,2BAA2B,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;YAC1E,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC;YAC5C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;SACvB;KACF;;;;IAMD,MAAM,mBAAmB,CAAC,QAAiB;QACzC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;KAC1B;IAiED,MAAM;;QACJ,MAAM,EACJ,OAAO,EACP,oBAAoB,EACpB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,aAAa,EACb,SAAS,EACT,MAAM,EACN,IAAI,EACJ,KAAK,GACN,GAAG,IAAI,CAAC;QAET,QACE,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,CAAC,iBAAiB,OAAO,EAAE,GAAG,IAAI;gBAClC,CAAC,kCAAkC,OAAO,EAAE,GAAG,CAAC,CAAC,oBAAoB;gBACrE,CAAC,oBAAoB,GAAG,CAAC,CAAC,IAAI;gBAC9B,CAAC,sBAAsB,GAAG,CAAC,CAAC,MAAM;gBAClC,CAAC,6BAA6B,GAAG,CAAC,CAAC,aAAa;gBAChD,CAAC,yBAAyB,GAAG,CAAC,CAAC,SAAS;gBACxC,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ;gBAC7B,CAAC,YAAY,KAAK,EAAE,GAAG,KAAK,KAAK,SAAS;aAC3C,IAEA,CAAC,OAAO,KAAK,MAAM;YAClB,CAAA,MAAA,MAAC,IAAI,CAAC,EAAE,CAAC,WAAW,EAAiB,0CAAE,IAAI,0CAAE,OAAO;gBAClD,YAAY;YAChB,QAAQ;YACR,QAAQ,GAAG,CAAC,IACV,WAAK,KAAK,EAAC,eAAe,EAAC,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC,IAChE,eAAQ,CACJ,KAEN,eAAQ,CACT,EACA,OAAO,KAAK,MAAM,IAAI,QAAQ,IAAI,QAAQ,GAAG,CAAC,IAAI,SAAS,KAC1D,+DACE,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAAE,EAC7D,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAC9B,MAAM,EAAE,IAAI,CAAC,eAAe,EAC5B,WAAW,EAAE,IAAI,CAAC,yBAAyB,EAC3C,OAAO,EAAE,IAAI,CAAC,cAAc,IAE3B,QAAQ,GAAG,UAAU,GAAG,UAAU,CAC5B,CACV,CACI,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/ic-typography/ic-typography.css?tag=ic-typography&encapsulation=shadow","src/components/ic-typography/ic-typography.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\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@media (prefers-color-scheme: dark) and (not (forced-colors: active)) {\n :host,\n .trunc-btn::not(ic-tooltip) {\n color: var(--ic-typography-color);\n }\n}\n","import {\n Component,\n Prop,\n h,\n Element,\n Host,\n State,\n Watch,\n Method,\n Event,\n EventEmitter,\n} from \"@stencil/core\";\n\nimport { IcTypographyVariants, IcThemeMode } from \"../../utils/types\";\nimport { checkResizeObserver, isElInAGGrid } from \"../../utils/helpers\";\n\n@Component({\n styleUrl: \"ic-typography.css\",\n tag: \"ic-typography\",\n shadow: true,\n})\nexport class Typography {\n private focusBtnFromKeyboard: boolean = true;\n private inAGGrid: boolean = false;\n private lastMarkerTop: number = 0;\n private lastWidth: number = 0;\n private marker: HTMLElement;\n private resizeInterval: number;\n private resizeObserver: ResizeObserver \| null = null;\n private truncatedHeight: number = 0;\n private truncWrapperEl?: Element;\n\n @Element() el: HTMLIcTypographyElement;\n\n @State() truncated: boolean = false;\n @State() truncButtonFocussed: boolean = false;\n\n /\n If `true`, appropriate top and bottom margins will be applied to the typography.\n /\n @Prop() applyVerticalMargins?: boolean = false;\n\n /\n If `true`, the typography will have a bold font weight.\n * Note: This will have no impact on variants that already use an equivalent or higher font weight (h1, h2, and subtitle-large).\n /\n @Prop() bold?: boolean = false;\n\n /\n If `true`, the typography will have an italic font style.\n /\n @Prop() italic?: boolean = false;\n\n /\n The number of lines to display before truncating the text, only used for the 'body' variant.\n /\n @Prop({ mutable: true }) maxLines?: number;\n\n /\n If `true`, the typography will have a line through it.\n /\n @Prop() strikethrough?: boolean = false;\n\n /\n 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 @Prop() theme?: IcThemeMode = \"inherit\";\n\n /\n If `true`, the typography will have a line under it.\n /\n @Prop() underline?: boolean = false;\n\n /\n The ICDS typography style to use.\n /\n @Prop() variant?: IcTypographyVariants = \"body\";\n\n /\n @internal Emits and event when the typography truncation button has been clicked.\n /\n @Event() typographyTruncationExpandToggle: EventEmitter<{\n expanded: boolean;\n typographyEl: HTMLIcTypographyElement;\n }>;\n\n @State() expanded: boolean = false;\n\n @Watch(\"expanded\")\n watchExpandedHandler(): void {\n this.el.setAttribute(\n \"style\",\n `--truncation-max-lines: ${this.expanded ? \"initial\" : this.maxLines}`\n );\n }\n\n disconnectedCallback(): void {\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 @Method()\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\n componentDidLoad(): void {\n if (\n (this.variant === \"body\" \|\|\n (this.el.getRootNode() as ShadowRoot)?.host?.tagName ===\n \"IC-TOOLTIP\") &&\n this.maxLines &&\n this.maxLines > 0\n ) {\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\n componentWillRender(): void {\n if (isElInAGGrid(this.el)) {\n this.inAGGrid = true;\n }\n }\n\n private toggleExpanded = (ev: Event) => {\n ev.stopPropagation();\n\n this.expanded = !this.expanded;\n this.typographyTruncationExpandToggle.emit({\n expanded: this.expanded,\n typographyEl: this.el,\n });\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\n @Method()\n async checkMaxLines(height: number) {\n //24 is the height of a single line\n const numLines = Math.floor(height / 24);\n if (this.maxLines && 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 /\n @internal This method makes it possible to set the expanded status of truncated text outside of ic-typography component\n */\n @Method()\n async setShowHideExpanded(expanded: boolean) {\n this.expanded = expanded;\n }\n\n private checkMarkerPosition = (elTop: number, markerTop: number) => {\n if (markerTop - elTop < this.truncatedHeight) {\n this.truncated = false;\n this.expanded = false;\n } else {\n this.truncated = true;\n }\n };\n\n private getElementTop = (el: HTMLElement) => {\n return el.getClientRects && el.getClientRects()[0]\n ? el.getClientRects()[0].top\n : 0;\n };\n\n private runResizeObserver = () => {\n if (this.truncWrapperEl) {\n this.resizeObserver = new ResizeObserver(() => {\n clearTimeout(this.resizeInterval);\n this.resizeInterval = window.setTimeout(\n this.resizeObserverCallback,\n 50\n );\n });\n this.resizeObserver.observe(this.truncWrapperEl);\n }\n };\n\n private resizeObserverCallback = () => {\n if (this.lastWidth === this.el.clientWidth) {\n return;\n }\n\n if (this.truncatedHeight === 0) {\n this.checkMaxLines(this.el.clientHeight);\n return;\n }\n\n const markerTop = this.getElementTop(this.marker);\n if (markerTop === this.lastMarkerTop) {\n return;\n }\n\n this.checkMarkerPosition(this.getElementTop(this.el), markerTop);\n this.lastMarkerTop = markerTop;\n this.lastWidth = this.el.clientWidth;\n };\n\n private truncButtonFocus = (): void => {\n if (this.focusBtnFromKeyboard) {\n this.truncButtonFocussed = true;\n }\n };\n\n private truncButtonBlur = (): void => {\n this.focusBtnFromKeyboard = true;\n this.truncButtonFocussed = false;\n };\n\n private truncButtonFocusFromMouse = (): void => {\n this.focusBtnFromKeyboard = false;\n };\n\n render() {\n const {\n variant,\n applyVerticalMargins,\n maxLines,\n truncated,\n expanded,\n strikethrough,\n underline,\n italic,\n bold,\n theme,\n } = this;\n\n return (\n <Host\n 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 }}\n >\n {(variant === \"body\" \|\|\n (this.el.getRootNode() as ShadowRoot)?.host?.tagName ===\n \"IC-TOOLTIP\") &&\n maxLines &&\n maxLines > 0 ? (\n <div class=\"trunc-wrapper\" ref={(el) => (this.truncWrapperEl = el)}>\n <slot />\n </div>\n ) : (\n <slot />\n )}\n {variant === \"body\" && maxLines && maxLines > 0 && truncated && (\n <button\n class={{ \"trunc-btn\": true, focus: this.truncButtonFocussed }}\n onFocus={this.truncButtonFocus}\n onBlur={this.truncButtonBlur}\n onMouseDown={this.truncButtonFocusFromMouse}\n onClick={this.toggleExpanded}\n >\n {expanded ? \"See less\" : \"See more\"}\n </button>\n )}\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/core/core.css CHANGED Viewed

@@ -159,7 +159,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-atoms-group-label-background-light
   );--ic-atoms-list-item-background:var(--ic-atoms-list-item-background-light);--ic-atoms-loading-text:var(--ic-atoms-loading-text-light);--ic-atoms-loading-error-text:var(--ic-atoms-loading-error-text-light);--ic-atoms-loading-error-icon:var(--ic-atoms-loading-error-icon-light);--ic-atoms-list-item-text:var(--ic-atoms-list-item-text-light);--ic-atoms-list-item-divider:var(--ic-atoms-list-item-divider-light);--ic-atoms-option-bar-text:var(--ic-atoms-option-bar-text-light);--ic-atoms-option-bar-background:var(--ic-atoms-option-bar-background-light);--ic-atoms-option-bar-divider:var(--ic-atoms-option-bar-divider-light);--ic-atoms-status-icon-success:var(--ic-atoms-status-icon-success-light);--ic-atoms-status-icon-warning:var(--ic-atoms-status-icon-warning-light);--ic-atoms-status-icon-error:var(--ic-atoms-status-icon-error-light);--ic-atoms-status-icon-neutral:var(--ic-atoms-status-icon-neutral-light);--ic-atoms-status-icon-info:var(--ic-atoms-status-icon-info-light);--ic-atoms-dropdown-list-border:var(--ic-atoms-dropdown-list-border-light);--ic-atoms-input-divider:var(--ic-atoms-input-divider-light);--ic-atoms-input-autocomplete-field-border:var(
     --ic-atoms-input-autocomplete-field-border-light
-  );--ic-typography-color:var(--ic-color-text-primary);--ic-accordion-heading-text:var(--ic-color-text-primary);--ic-accordion-group-title-text:var(--ic-color-text-primary);--ic-accordion-heading-text-disabled:var(--ic-color-text-disabled);--ic-accordion-body-text:var(--ic-color-text-primary);--ic-accordion-icon:var(--ic-color-icon-neutral);--ic-accordion-icon-disabled:var(--ic-color-icon-disabled);--ic-accordion-background-hover:var(--ic-action-dark-bg-hover);--ic-accordion-background-pressed:var(--ic-action-dark-bg-pressed);--ic-accordion-divider:var(--ic-atoms-option-bar-divider);--ic-accordion-chevron:var(--ic-color-icon-neutral);--ic-accordion-chevron-disabled:var(--ic-color-icon-grey);--ic-alert-background-success:var(--ic-status-success);--ic-alert-background-error:var(--ic-status-error);--ic-alert-background-warning:var(--ic-status-warning);--ic-alert-background-info:var(--ic-status-info);--ic-alert-background-neutral:var(--ic-status-unknown);--ic-alert-status-type-success:var(--ic-status-success-default);--ic-alert-status-type-error:var(--ic-status-error-default);--ic-alert-status-type-warning:var(--ic-status-warning-default);--ic-alert-status-type-info:var(--ic-status-info-default);--ic-alert-status-type-neutral:var(--ic-status-unknown-default);--ic-alert-title:var(--ic-color-text-primary);--ic-alert-description:var(--ic-color-text-primary);--ic-alert-icon-success:var(--ic-status-success-default);--ic-alert-icon-error:var(--ic-status-error-default);--ic-alert-icon-warning:var(--ic-status-warning-default);--ic-alert-icon-info:var(--ic-status-info-default);--ic-alert-icon-neutral:var(--ic-status-unknown-default);--ic-alert-icon-dismissible:var(--ic-atoms-input-clear-button);--ic-alert-border-success:rgba(255 255 255 0%);--ic-alert-border-error:rgba(255 255 255 0%);--ic-alert-border-warning:rgba(255 255 255 0%);--ic-alert-border-info:rgba(255 255 255 0%);--ic-alert-border-neutral:rgba(255 255 255 0%);--ic-badge-text:var(--ic-color-text-inverse);--ic-badge-icon:var(--ic-color-icon-inverted);--ic-badge-warning-text:var(--ic-color-text-primary);--ic-badge-warning-icon:var(--ic-color-icon-neutral);--ic-badge-text-monochrome:var(--ic-color-text-primary);--ic-badge-icon-monochrome: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-dark:var(--ic-color-background-neutral);--ic-badge-light:var(--ic-color-background-primary);--ic-breadcrumb-icon-chevron:var(--ic-color-icon-grey-default);--ic-breadcrumb-icon:var(--ic-color-icon-action-default);--ic-breadcrumb-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-button-primary-background:var(--ic-color-background-active);--ic-button-primary-background-hover:var(
+  );--ic-border-focus:var(--ic-border-focus-light);--ic-border-focus-inset:var(--ic-border-focus-inset-light);--ic-typography-color:var(--ic-color-text-primary);--ic-accordion-heading-text:var(--ic-color-text-primary);--ic-accordion-group-title-text:var(--ic-color-text-primary);--ic-accordion-heading-text-disabled:var(--ic-color-text-disabled);--ic-accordion-body-text:var(--ic-color-text-primary);--ic-accordion-icon:var(--ic-color-icon-neutral);--ic-accordion-icon-disabled:var(--ic-color-icon-disabled);--ic-accordion-background-hover:var(--ic-action-dark-bg-hover);--ic-accordion-background-pressed:var(--ic-action-dark-bg-pressed);--ic-accordion-divider:var(--ic-atoms-option-bar-divider);--ic-accordion-chevron:var(--ic-color-icon-neutral);--ic-accordion-chevron-disabled:var(--ic-color-icon-grey);--ic-alert-background-success:var(--ic-status-success);--ic-alert-background-error:var(--ic-status-error);--ic-alert-background-warning:var(--ic-status-warning);--ic-alert-background-info:var(--ic-status-info);--ic-alert-background-neutral:var(--ic-status-unknown);--ic-alert-status-type-success:var(--ic-status-success-default);--ic-alert-status-type-error:var(--ic-status-error-default);--ic-alert-status-type-warning:var(--ic-status-warning-default);--ic-alert-status-type-info:var(--ic-status-info-default);--ic-alert-status-type-neutral:var(--ic-status-unknown-default);--ic-alert-title:var(--ic-color-text-primary);--ic-alert-description:var(--ic-color-text-primary);--ic-alert-icon-success:var(--ic-status-success-default);--ic-alert-icon-error:var(--ic-status-error-default);--ic-alert-icon-warning:var(--ic-status-warning-default);--ic-alert-icon-info:var(--ic-status-info-default);--ic-alert-icon-neutral:var(--ic-status-unknown-default);--ic-alert-icon-dismissible:var(--ic-atoms-input-clear-button);--ic-alert-border-success:rgba(255 255 255 0%);--ic-alert-border-error:rgba(255 255 255 0%);--ic-alert-border-warning:rgba(255 255 255 0%);--ic-alert-border-info:rgba(255 255 255 0%);--ic-alert-border-neutral:rgba(255 255 255 0%);--ic-badge-text:var(--ic-color-text-inverse);--ic-badge-icon:var(--ic-color-icon-inverted);--ic-badge-warning-text:var(--ic-color-text-primary);--ic-badge-warning-icon:var(--ic-color-icon-neutral);--ic-badge-text-monochrome:var(--ic-color-text-primary);--ic-badge-icon-monochrome: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-dark:var(--ic-color-background-neutral);--ic-badge-light:var(--ic-color-background-primary);--ic-breadcrumb-icon-chevron:var(--ic-color-icon-grey-default);--ic-breadcrumb-icon:var(--ic-color-icon-action-default);--ic-breadcrumb-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-button-primary-background:var(--ic-color-background-active);--ic-button-primary-background-hover:var(
     --ic-color-background-active-hover-light
   );--ic-button-primary-background-pressed:var(
     --ic-color-background-active-pressed-light
@@ -185,7 +185,9 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-action-dark-bg-hover
   );--ic-button-secondary-background-pressed-monochrome:var(
     --ic-action-dark-bg-pressed
-  );--ic-button-secondary-text:var(--ic-color-text-action);--ic-button-secondary-text-monochrome:var(--ic-color-text-primary);--ic-button-secondary-text-active:var(--ic-color-text-action);--ic-button-secondary-text-hover-active:var(--ic-color-text-action-hover);--ic-button-secondary-text-pressed-active:var(
+  );--ic-button-secondary-text:var(--ic-color-text-action-light);--ic-button-secondary-text-monochrome:var(--ic-color-text-primary);--ic-button-secondary-text-active:var(--ic-color-text-action-light);--ic-button-secondary-text-hover-active:var(
+    --ic-color-text-action-hover-light
+  );--ic-button-secondary-text-pressed-active:var(
     --ic-color-text-action-pressed
   );--ic-button-secondary-text-disabled:var(--ic-color-text-disabled-default);--ic-button-secondary-text-disabled-monochrome:var(
     --ic-color-text-disabled-default
@@ -219,9 +221,13 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-color-background-solid-mono-hover
   );--ic-button-secondary-background-non-transparent-monochrome-active:var(
     --ic-color-background-solid-mono-pressed
-  );--ic-button-tertiary-text-active:var(--ic-color-text-action);--ic-button-tertiary-icon-active:var(--ic-color-icon-action-default);--ic-button-tertiary-text-disabled:var(--ic-color-text-disabled-default);--ic-button-tertiary-icon-disabled:var(--ic-color-icon-disabled);--ic-button-tertiary-text-hover-active:var(--ic-color-text-action-hover);--ic-button-tertiary-icon-hover-active:var(--ic-color-icon-action-hover);--ic-button-tertiary-background:var(--ic-color-background-primary);--ic-button-tertiary-background-hover-active:var(
+  );--ic-button-tertiary-text-active:var(--ic-color-text-action-light);--ic-button-tertiary-icon-active:var(--ic-color-icon-action-default);--ic-button-tertiary-text-disabled:var(--ic-color-text-disabled-default);--ic-button-tertiary-icon-disabled:var(--ic-color-icon-disabled);--ic-button-tertiary-text-hover-active:var(
+    --ic-color-text-action-hover-light
+  );--ic-button-tertiary-icon-hover-active:var(--ic-color-icon-action-hover);--ic-button-tertiary-background:var(--ic-color-background-primary);--ic-button-tertiary-background-hover-active:var(
     --ic-action-default-bg-hover
-  );--ic-button-tertiary-text-pressed-active:var(--ic-color-text-action-pressed);--ic-button-tertiary-icon-pressed-active:var(--ic-color-icon-action-pressed);--ic-button-tertiary-background-pressed-active:var(
+  );--ic-button-tertiary-text-pressed-active:var(
+    --ic-color-text-action-pressed-light
+  );--ic-button-tertiary-icon-pressed-active:var(--ic-color-icon-action-pressed);--ic-button-tertiary-background-pressed-active:var(
     --ic-action-default-bg-pressed
   );--ic-button-tertiary-text-monochrome:var(--ic-color-text-primary);--ic-button-tertiary-icon-monochrome:var(--ic-color-icon-neutral);--ic-button-tertiary-text-disabled-monochrome:var(
     --ic-color-text-disabled-default
@@ -269,7 +275,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-atoms-input-field-label-subtitle
   );--ic-checkbox-group-subtitle-disabled:var(
     --ic-atoms-input-field-label-subtitle-disabled
-  );--ic-checkbox-state-icon-error:var(--ic-color-icon-error-dark);--ic-checkbox-state-text:var(--ic-color-text-primary);--ic-checkbox-required-bar:var(--ic-action-default);--ic-checkbox-required-text:var(--ic-color-text-action);--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-card-text-primary:var(--ic-color-text-primary);--ic-card-disabled-text:var(--ic-color-text-disabled-default);--ic-card-icon:var(--ic-color-icon-neutral);--ic-card-clickable-text:var(--ic-color-hyperlink-default);--ic-card-border-primary:var(--ic-color-border-neutral-grey-dark);--ic-card-border-monochrome:var(--ic-color-border-neutral-black);--ic-card-hover-border-color:var(--ic-color-border-neutral-hover-default);--ic-card-pressed-border-color:var(
+  );--ic-checkbox-state-icon-error:var(--ic-color-icon-error-dark);--ic-checkbox-state-text:var(--ic-color-text-primary);--ic-checkbox-required-bar:var(--ic-action-default);--ic-checkbox-required-text:var(--ic-color-text-action-light);--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-card-text-primary:var(--ic-color-text-primary);--ic-card-disabled-text:var(--ic-color-text-disabled-default);--ic-card-icon:var(--ic-color-icon-neutral);--ic-card-clickable-text:var(--ic-color-hyperlink-default);--ic-card-border-primary:var(--ic-color-border-neutral-grey-dark);--ic-card-border-monochrome:var(--ic-color-border-neutral-black);--ic-card-hover-border-color:var(--ic-color-border-neutral-hover-default);--ic-card-pressed-border-color:var(
     --ic-color-border-neutral-pressed-default
   );--ic-card-disabled-border-color:var(--ic-color-border-neutral-disabled);--ic-card-background-hover:var(--ic-action-default-bg-hover);--ic-card-background-pressed:var(--ic-action-default-bg-pressed);--ic-card-link-action-dark:var(--ic-link-text-visited);--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-data-table-border:var(--ic-color-border-neutral-default);--ic-data-table-cell-background-selected:var(
     --ic-action-default-bg-hover-24
@@ -367,7 +373,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-atoms-input-field-label-subtitle-disabled
   );--ic-select-input-field-text-cursor:var(
     --ic-atoms-input-select-content-text-cursor
-  );--ic-skeleton-background:var(--ic-state-layer-neutral-light);--ic-skeleton-background-secondary:var(--ic-state-layer-neutral-default);--ic-status-tag-text:var(--ic-color-text-inverse);--ic-status-tag-text-inverted: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-default);--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-skeleton-background:var(--ic-state-layer-neutral-light);--ic-skeleton-background-secondary:var(--ic-state-layer-neutral-default);--ic-skip-link-background:var(--ic-color-background-primary);--ic-status-tag-text:var(--ic-color-text-inverse);--ic-status-tag-text-inverted: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-default);--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-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-primary);--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);--ic-step-number-icon-success:var(--ic-color-icon-brand);--ic-step-number-inactive:var(--ic-color-background-primary);--ic-step-number-disabled:var(--ic-color-border-neutral-disabled);--ic-step-number-inactive-outline:var(--ic-color-border-neutral-disabled);--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-default);--ic-step-indicator-status-disabled-outline:var(
     --ic-color-border-neutral-grey-dark
@@ -393,9 +399,11 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-atoms-input-text-field-content-disabled
   );--ic-text-field-typing-cursor:var(
     --ic-atoms-input-select-content-text-cursor
-  );--ic-toggle-button-unselected-border:var(--ic-color-border-action);--ic-toggle-button-unselected-text:var(--ic-color-text-action);--ic-toggle-button-unselected-icon:var(--ic-color-icon-action-default);--ic-toggle-button-unselected-border-hover:var(
+  );--ic-toggle-button-unselected-border:var(--ic-color-border-action);--ic-toggle-button-unselected-text:var(--ic-color-text-action-light);--ic-toggle-button-unselected-icon:var(--ic-color-icon-action-default);--ic-toggle-button-unselected-border-hover:var(
     --ic-color-border-action-hover
-  );--ic-toggle-button-unselected-text-hover:var(--ic-color-text-action-hover);--ic-toggle-button-unselected-icon-hover:var(--ic-color-icon-action-hover);--ic-toggle-button-unselected-background-hover:var(
+  );--ic-toggle-button-unselected-text-hover:var(
+    --ic-color-text-action-hover-light
+  );--ic-toggle-button-unselected-icon-hover:var(--ic-color-icon-action-hover);--ic-toggle-button-unselected-background-hover:var(
     --ic-action-default-bg-hover
   );--ic-toggle-button-unselected-border-pressed:var(
     --ic-color-border-action-pressed
@@ -459,7 +467,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-action-default-bg-pressed
   );--ic-top-navigation-nav-group-link:var(--ic-color-hyperlink-default);--ic-top-navigation-nav-item:var(--ic-color-text-primary);--ic-top-navigation-nav-item-hover:var(--ic-action-dark-bg-hover);--ic-top-navigation-nav-group-hover:var(--ic-action-dark-bg-hover);--ic-top-navigation-nav-item-pressed:var(--ic-action-dark-bg-pressed);--ic-top-navigation-nav-group-pressed:var(--ic-action-dark-bg-pressed);--ic-top-navigation-nav-item-banner:var(--ic-action-default);--ic-top-navigation-nav-group-chevron:var(--ic-color-icon-neutral);--ic-top-navigation-link:var(--ic-color-brand-text);--ic-top-navigation-status-tag:var(--ic-color-background-primary);--ic-top-navigation-status-tag-text:var(--ic-color-text-primary);--ic-top-navigation-status-tag-secondary:var(--ic-state-layer-lighten-20);--ic-top-navigation-logo:var(--ic-color-icon-brand);--ic-top-navigation-icon:var(--ic-color-icon-brand);--ic-top-navigation-theme:var(--ic-color-icon-brand);--ic-top-navigation-disabled:var(--ic-color-text-disabled-default);--ic-top-navigation-enabled:var(--ic-color-brand-text);--ic-top-navigation-menu-background:var(--ic-color-background-secondary);--ic-top-navigation-menu-border:var(--ic-color-border-neutral-default);--ic-top-navigation-selected:var(--ic-color-icon-brand);--ic-top-navigation-search-placeholder-text:var(
     --ic-atoms-input-text-field-content-placeholder
-  );--ic-tree-view-text:var(--ic-color-text-primary);--ic-tree-view-background:var(--ic-color-background-primary);--ic-tree-view-text-disabled:var(--ic-color-text-disabled);--ic-tree-view-icon-disabled:var(--ic-color-icon-grey);--ic-tree-view-icon:var(--ic-color-icon-neutral);--ic-tree-view-dropdown-arrow:var(--ic-color-icon-action-default);--ic-tree-view-dropdown-arrow-disabled:var(--ic-color-icon-disabled-mid);--ic-tree-view-divider:var(--ic-state-layer-neutral-dark);--ic-tree-view-hover:var(--ic-action-dark-bg-hover);--ic-tree-view-pressed:var(--ic-action-dark-bg-pressed);--ic-tree-view-selected:var(--ic-action-light-selected)}@media (prefers-color-scheme: dark){:root{color-scheme: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-text-disabled:var(--ic-color-text-disabled-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-tree-view-text:var(--ic-color-text-primary);--ic-tree-view-background:var(--ic-color-background-primary);--ic-tree-view-text-disabled:var(--ic-color-text-disabled);--ic-tree-view-icon-disabled:var(--ic-color-icon-grey);--ic-tree-view-icon:var(--ic-color-icon-neutral);--ic-tree-view-dropdown-arrow:var(--ic-color-icon-action-default);--ic-tree-view-dropdown-arrow-disabled:var(--ic-color-icon-disabled-mid);--ic-tree-view-divider:var(--ic-state-layer-neutral-dark);--ic-tree-view-hover:var(--ic-action-dark-bg-hover);--ic-tree-view-pressed:var(--ic-action-dark-bg-pressed);--ic-tree-view-selected:var(--ic-action-default-bg-pressed)}@media (prefers-color-scheme: dark){:root{color-scheme: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-text-disabled:var(--ic-color-text-disabled-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
@@ -607,7 +615,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
       --ic-atoms-option-bar-background-dark
     );--ic-atoms-option-bar-divider:var(--ic-atoms-option-bar-divider-dark);--ic-atoms-status-icon-success:var(--ic-atoms-status-icon-success-dark);--ic-atoms-status-icon-warning:var(--ic-atoms-status-icon-warning-dark);--ic-atoms-status-icon-error:var(--ic-atoms-status-icon-error-dark);--ic-atoms-status-icon-neutral:var(--ic-atoms-status-icon-neutral-dark);--ic-atoms-status-icon-info:var(--ic-atoms-status-icon-info-dark);--ic-atoms-dropdown-list-border:var(--ic-atoms-dropdown-list-border-dark);--ic-atoms-input-divider:var(--ic-atoms-input-divider-dark);--ic-atoms-input-autocomplete-field-border:var(
       --ic-atoms-input-autocomplete-field-border-dark
-    );--ic-typography-color:var(--ic-color-text-primary);--ic-accordion-heading-text:var(--ic-color-text-primary);--ic-accordion-group-title-text:var(--ic-color-text-primary);--ic-accordion-heading-text-disabled:var(--ic-color-text-tertiary-light);--ic-accordion-body-text:var(--ic-color-text-primary);--ic-accordion-icon:var(--ic-color-icon-inverted);--ic-accordion-icon-disabled:var(--ic-color-icon-disabled);--ic-accordion-background-hover:var(--ic-action-light-bg-hover);--ic-accordion-background-pressed:var(--ic-action-light-bg-pressed);--ic-accordion-divider:var(--ic-atoms-option-bar-divider);--ic-accordion-chevron:var(--ic-color-icon-inverted);--ic-accordion-chevron-disabled:var(--ic-color-icon-disabled);--ic-alert-background-success:var(--ic-status-success-dark);--ic-alert-background-error:var(--ic-red-1700);--ic-alert-background-warning:var(--ic-yellow-1700);--ic-alert-background-info:var(--ic-blue-1700);--ic-alert-background-neutral:var(--ic-architectural-850);--ic-alert-status-type-success:var(--ic-status-success-contrast);--ic-alert-status-type-error:var(--ic-status-error-contrast);--ic-alert-status-type-warning:var(--ic-status-warning-contrast);--ic-alert-status-type-info:var(--ic-status-info-contrast);--ic-alert-status-type-neutral:var(--ic-status-unknown-contrast);--ic-alert-title:var(--ic-color-text-primary);--ic-alert-description:var(--ic-color-text-primary);--ic-alert-icon-success:var(--ic-status-success-contrast);--ic-alert-icon-error:var(--ic-status-error-contrast);--ic-alert-icon-warning:var(--ic-status-warning-contrast);--ic-alert-icon-info:var(--ic-status-info-contrast);--ic-alert-icon-neutral:var(--ic-status-unknown-contrast);--ic-alert-icon-dismissible:var(--ic-atoms-input-clear-button);--ic-alert-border-success:var(--ic-status-success-contrast);--ic-alert-border-error:var(--ic-status-error-contrast);--ic-alert-border-warning:var(--ic-status-warning-contrast);--ic-alert-border-info:var(--ic-status-info-contrast);--ic-alert-border-neutral:var(--ic-status-unknown-contrast);--ic-badge-text:var(--ic-color-text-inverse);--ic-badge-icon:var(--ic-color-icon-neutral);--ic-badge-warning-text:var(--ic-color-text-inverse);--ic-badge-warning-icon:var(--ic-color-icon-neutral);--ic-badge-text-monochrome:var(--ic-color-text-primary);--ic-badge-icon-monochrome: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-color-background-neutral-light);--ic-badge-dark:var(--ic-color-background-primary-light);--ic-breadcrumb-icon-chevron:var(--ic-color-icon-grey-default);--ic-breadcrumb-icon:var(--ic-color-icon-action-default-dark);--ic-breadcrumb-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-button-primary-background:var(--ic-color-background-active);--ic-button-primary-background-hover:var(
+    );--ic-border-focus:var(--ic-border-focus-dark);--ic-border-focus-inset:var(--ic-border-focus-inset-dark);--ic-typography-color:var(--ic-color-text-primary);--ic-accordion-heading-text:var(--ic-color-text-primary);--ic-accordion-group-title-text:var(--ic-color-text-primary);--ic-accordion-heading-text-disabled:var(--ic-color-text-tertiary-light);--ic-accordion-body-text:var(--ic-color-text-primary);--ic-accordion-icon:var(--ic-color-icon-inverted);--ic-accordion-icon-disabled:var(--ic-color-icon-disabled);--ic-accordion-background-hover:var(--ic-action-light-bg-hover);--ic-accordion-background-pressed:var(--ic-action-light-bg-pressed);--ic-accordion-divider:var(--ic-atoms-option-bar-divider);--ic-accordion-chevron:var(--ic-color-icon-inverted);--ic-accordion-chevron-disabled:var(--ic-color-icon-disabled);--ic-alert-background-success:var(--ic-status-success-dark);--ic-alert-background-error:var(--ic-red-1700);--ic-alert-background-warning:var(--ic-yellow-1700);--ic-alert-background-info:var(--ic-blue-1700);--ic-alert-background-neutral:var(--ic-architectural-850);--ic-alert-status-type-success:var(--ic-status-success-contrast);--ic-alert-status-type-error:var(--ic-status-error-contrast);--ic-alert-status-type-warning:var(--ic-status-warning-contrast);--ic-alert-status-type-info:var(--ic-status-info-contrast);--ic-alert-status-type-neutral:var(--ic-status-unknown-contrast);--ic-alert-title:var(--ic-color-text-primary);--ic-alert-description:var(--ic-color-text-primary);--ic-alert-icon-success:var(--ic-status-success-contrast);--ic-alert-icon-error:var(--ic-status-error-contrast);--ic-alert-icon-warning:var(--ic-status-warning-contrast);--ic-alert-icon-info:var(--ic-status-info-contrast);--ic-alert-icon-neutral:var(--ic-status-unknown-contrast);--ic-alert-icon-dismissible:var(--ic-atoms-input-clear-button);--ic-alert-border-success:var(--ic-status-success-contrast);--ic-alert-border-error:var(--ic-status-error-contrast);--ic-alert-border-warning:var(--ic-status-warning-contrast);--ic-alert-border-info:var(--ic-status-info-contrast);--ic-alert-border-neutral:var(--ic-status-unknown-contrast);--ic-badge-text:var(--ic-color-text-inverse);--ic-badge-icon:var(--ic-color-icon-neutral);--ic-badge-warning-text:var(--ic-color-text-inverse);--ic-badge-warning-icon:var(--ic-color-icon-neutral);--ic-badge-text-monochrome:var(--ic-color-text-primary);--ic-badge-icon-monochrome: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-color-background-neutral-light);--ic-badge-dark:var(--ic-color-background-primary-light);--ic-breadcrumb-icon-chevron:var(--ic-color-icon-grey-default);--ic-breadcrumb-icon:var(--ic-color-icon-action-default-dark);--ic-breadcrumb-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-button-primary-background:var(--ic-color-background-active);--ic-button-primary-background-hover:var(
       --ic-color-background-active-hover-dark
     );--ic-button-primary-background-pressed:var(
       --ic-color-background-active-pressed-dark
@@ -849,7 +857,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
       --ic-atoms-input-field-label-subtitle-disabled
     );--ic-select-input-field-text-cursor:var(
       --ic-atoms-input-select-content-text-cursor
-    );--ic-skeleton-background:var(--ic-state-layer-neutral-dark);--ic-skeleton-background-secondary:var(--ic-state-layer-neutral-darker);--ic-status-tag-text:var(--ic-color-text-inverse);--ic-status-tag-text-inverted:var(--ic-color-text-inverse);--ic-status-tag-success:var(--ic-status-success-contrast);--ic-status-tag-outlined-background-success:var(
+    );--ic-skeleton-background:var(--ic-state-layer-neutral-dark);--ic-skeleton-background-secondary:var(--ic-state-layer-neutral-darker);--ic-skip-link-background:var(--ic-color-background-primary);--ic-status-tag-text:var(--ic-color-text-inverse);--ic-status-tag-text-inverted: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-light);--ic-status-tag-outlined-error:var(--ic-status-error-outlined);--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-outlined);--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-default
@@ -959,7 +967,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
       --ic-action-default-bg-pressed
     );--ic-top-navigation-nav-group-link:var(--ic-color-hyperlink-default);--ic-top-navigation-nav-item:var(--ic-color-text-primary);--ic-top-navigation-nav-item-hover:var(--ic-action-light-bg-hover);--ic-top-navigation-nav-group-hover:var(--ic-action-light-bg-hover);--ic-top-navigation-nav-item-pressed:var(--ic-action-light-bg-pressed);--ic-top-navigation-nav-group-pressed:var(--ic-action-light-bg-pressed);--ic-top-navigation-nav-item-banner:var(--ic-action-default);--ic-top-navigation-nav-group-chevron:var(--ic-color-icon-brand);--ic-top-navigation-link:var(--ic-color-brand-text);--ic-top-navigation-status-tag:var(--ic-color-background-primary-light);--ic-top-navigation-status-tag-text:var(--ic-color-text-inverse);--ic-top-navigation-status-tag-secondary:var(--ic-state-layer-lighten-20);--ic-top-navigation-logo:var(--ic-color-icon-brand);--ic-top-navigation-icon:var(--ic-color-icon-brand);--ic-top-navigation-theme:var(--ic-color-icon-brand);--ic-top-navigation-disabled:var(--ic-color-text-disabled-dark);--ic-top-navigation-enabled:var(--ic-color-brand-text);--ic-top-navigation-menu-background:var(--ic-color-background-primary);--ic-top-navigation-menu-border:var(--ic-color-border-neutral-default);--ic-top-navigation-selected:var(--ic-color-icon-brand);--ic-top-navigation-search-placeholder-text:var(
       --ic-atoms-input-text-field-content-placeholder
-    );--ic-tree-view-text:var(--ic-color-text-primary);--ic-tree-view-background:var(--ic-color-background-primary);--ic-tree-view-text-disabled:var(--ic-color-text-disabled-dark);--ic-tree-view-icon-disabled:var(--ic-color-icon-pressed);--ic-tree-view-icon:var(--ic-color-icon-inverted);--ic-tree-view-dropdown-arrow:var(--ic-color-icon-action-default);--ic-tree-view-dropdown-arrow-disabled:var(--ic-color-icon-disabled);--ic-tree-view-divider:var(--ic-state-layer-neutral-light);--ic-tree-view-hover:var(--ic-action-light-bg-hover);--ic-tree-view-pressed:var(--ic-action-light-bg-pressed);--ic-tree-view-selected:var(--ic-action-dark-selected)}}.ic-theme-dark{color-scheme: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-text-disabled:var(--ic-color-text-disabled-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-tree-view-text:var(--ic-color-text-primary);--ic-tree-view-background:var(--ic-color-background-primary);--ic-tree-view-text-disabled:var(--ic-color-text-disabled);--ic-tree-view-icon-disabled:var(--ic-color-icon-pressed);--ic-tree-view-icon:var(--ic-color-icon-inverted);--ic-tree-view-dropdown-arrow:var(--ic-color-icon-action-default);--ic-tree-view-dropdown-arrow-disabled:var(--ic-color-icon-disabled);--ic-tree-view-divider:var(--ic-state-layer-neutral-light);--ic-tree-view-hover:var(--ic-action-light-bg-hover);--ic-tree-view-pressed:var(--ic-action-light-bg-pressed);--ic-tree-view-selected:var(--ic-action-default-bg-pressed-30)}}.ic-theme-dark{color-scheme: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-text-disabled:var(--ic-color-text-disabled-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
@@ -1101,7 +1109,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-atoms-group-label-background-dark
   );--ic-atoms-list-item-background:var(--ic-atoms-list-item-background-dark);--ic-atoms-loading-text:var(--ic-atoms-loading-text-dark);--ic-atoms-loading-error-text:var(--ic-atoms-loading-error-text-dark);--ic-atoms-loading-error-icon:var(--ic-atoms-loading-error-icon-dark);--ic-atoms-list-item-text:var(--ic-atoms-list-item-text-dark);--ic-atoms-list-item-divider:var(--ic-atoms-list-item-divider-dark);--ic-atoms-option-bar-text:var(--ic-atoms-option-bar-text-dark);--ic-atoms-option-bar-background:var(--ic-atoms-option-bar-background-dark);--ic-atoms-option-bar-divider:var(--ic-atoms-option-bar-divider-dark);--ic-atoms-status-icon-success:var(--ic-atoms-status-icon-success-dark);--ic-atoms-status-icon-warning:var(--ic-atoms-status-icon-warning-dark);--ic-atoms-status-icon-error:var(--ic-atoms-status-icon-error-dark);--ic-atoms-status-icon-neutral:var(--ic-atoms-status-icon-neutral-dark);--ic-atoms-status-icon-info:var(--ic-atoms-status-icon-info-dark);--ic-atoms-dropdown-list-border:var(--ic-atoms-dropdown-list-border-dark);--ic-atoms-input-divider:var(--ic-atoms-input-divider-dark);--ic-atoms-input-autocomplete-field-border:var(
     --ic-atoms-input-autocomplete-field-border-dark
-  );--ic-typography-color:var(--ic-color-text-primary);--ic-accordion-heading-text:var(--ic-color-text-primary);--ic-accordion-group-title-text:var(--ic-color-text-primary);--ic-accordion-heading-text-disabled:var(--ic-color-text-tertiary-light);--ic-accordion-body-text:var(--ic-color-text-primary);--ic-accordion-icon:var(--ic-color-icon-inverted);--ic-accordion-icon-disabled:var(--ic-color-icon-disabled);--ic-accordion-background-hover:var(--ic-action-light-bg-hover);--ic-accordion-background-pressed:var(--ic-action-light-bg-pressed);--ic-accordion-divider:var(--ic-atoms-option-bar-divider);--ic-accordion-chevron:var(--ic-color-icon-inverted);--ic-accordion-chevron-disabled:var(--ic-color-icon-disabled);--ic-alert-background-success:var(--ic-status-success-dark);--ic-alert-background-error:var(--ic-red-1700);--ic-alert-background-warning:var(--ic-yellow-1700);--ic-alert-background-info:var(--ic-blue-1700);--ic-alert-background-neutral:var(--ic-architectural-850);--ic-alert-status-type-success:var(--ic-status-success-contrast);--ic-alert-status-type-error:var(--ic-status-error-contrast);--ic-alert-status-type-warning:var(--ic-status-warning-contrast);--ic-alert-status-type-info:var(--ic-status-info-contrast);--ic-alert-status-type-neutral:var(--ic-status-unknown-contrast);--ic-alert-title:var(--ic-color-text-primary);--ic-alert-description:var(--ic-color-text-primary);--ic-alert-icon-success:var(--ic-status-success-contrast);--ic-alert-icon-error:var(--ic-status-error-contrast);--ic-alert-icon-warning:var(--ic-status-warning-contrast);--ic-alert-icon-info:var(--ic-status-info-contrast);--ic-alert-icon-neutral:var(--ic-status-unknown-contrast);--ic-alert-icon-dismissible:var(--ic-atoms-input-clear-button);--ic-alert-border-success:var(--ic-status-success-contrast);--ic-alert-border-error:var(--ic-status-error-contrast);--ic-alert-border-warning:var(--ic-status-warning-contrast);--ic-alert-border-info:var(--ic-status-info-contrast);--ic-alert-border-neutral:var(--ic-status-unknown-contrast);--ic-badge-text:var(--ic-color-text-inverse);--ic-badge-icon:var(--ic-color-icon-neutral);--ic-badge-warning-text:var(--ic-color-text-inverse);--ic-badge-warning-icon:var(--ic-color-icon-neutral);--ic-badge-text-monochrome:var(--ic-color-text-primary);--ic-badge-icon-monochrome: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-color-background-neutral-light);--ic-badge-dark:var(--ic-color-background-primary-light);--ic-breadcrumb-icon-chevron:var(--ic-color-icon-grey-default);--ic-breadcrumb-icon:var(--ic-color-icon-action-default-dark);--ic-breadcrumb-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-button-primary-background:var(--ic-color-background-active);--ic-button-primary-background-hover:var(
+  );--ic-border-focus:var(--ic-border-focus-dark);--ic-border-focus-inset:var(--ic-border-focus-inset-dark);--ic-typography-color:var(--ic-color-text-primary);--ic-accordion-heading-text:var(--ic-color-text-primary);--ic-accordion-group-title-text:var(--ic-color-text-primary);--ic-accordion-heading-text-disabled:var(--ic-color-text-tertiary-light);--ic-accordion-body-text:var(--ic-color-text-primary);--ic-accordion-icon:var(--ic-color-icon-inverted);--ic-accordion-icon-disabled:var(--ic-color-icon-disabled);--ic-accordion-background-hover:var(--ic-action-light-bg-hover);--ic-accordion-background-pressed:var(--ic-action-light-bg-pressed);--ic-accordion-divider:var(--ic-atoms-option-bar-divider);--ic-accordion-chevron:var(--ic-color-icon-inverted);--ic-accordion-chevron-disabled:var(--ic-color-icon-disabled);--ic-alert-background-success:var(--ic-status-success-dark);--ic-alert-background-error:var(--ic-red-1700);--ic-alert-background-warning:var(--ic-yellow-1700);--ic-alert-background-info:var(--ic-blue-1700);--ic-alert-background-neutral:var(--ic-architectural-850);--ic-alert-status-type-success:var(--ic-status-success-contrast);--ic-alert-status-type-error:var(--ic-status-error-contrast);--ic-alert-status-type-warning:var(--ic-status-warning-contrast);--ic-alert-status-type-info:var(--ic-status-info-contrast);--ic-alert-status-type-neutral:var(--ic-status-unknown-contrast);--ic-alert-title:var(--ic-color-text-primary);--ic-alert-description:var(--ic-color-text-primary);--ic-alert-icon-success:var(--ic-status-success-contrast);--ic-alert-icon-error:var(--ic-status-error-contrast);--ic-alert-icon-warning:var(--ic-status-warning-contrast);--ic-alert-icon-info:var(--ic-status-info-contrast);--ic-alert-icon-neutral:var(--ic-status-unknown-contrast);--ic-alert-icon-dismissible:var(--ic-atoms-input-clear-button);--ic-alert-border-success:var(--ic-status-success-contrast);--ic-alert-border-error:var(--ic-status-error-contrast);--ic-alert-border-warning:var(--ic-status-warning-contrast);--ic-alert-border-info:var(--ic-status-info-contrast);--ic-alert-border-neutral:var(--ic-status-unknown-contrast);--ic-badge-text:var(--ic-color-text-inverse);--ic-badge-icon:var(--ic-color-icon-neutral);--ic-badge-warning-text:var(--ic-color-text-inverse);--ic-badge-warning-icon:var(--ic-color-icon-neutral);--ic-badge-text-monochrome:var(--ic-color-text-primary);--ic-badge-icon-monochrome: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-color-background-neutral-light);--ic-badge-dark:var(--ic-color-background-primary-light);--ic-breadcrumb-icon-chevron:var(--ic-color-icon-grey-default);--ic-breadcrumb-icon:var(--ic-color-icon-action-default-dark);--ic-breadcrumb-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-button-primary-background:var(--ic-color-background-active);--ic-button-primary-background-hover:var(
     --ic-color-background-active-hover-dark
   );--ic-button-primary-background-pressed:var(
     --ic-color-background-active-pressed-dark
@@ -1287,7 +1295,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-atoms-input-field-label-subtitle-disabled
   );--ic-select-input-field-text-cursor:var(
     --ic-atoms-input-select-content-text-cursor
-  );--ic-skeleton-background:var(--ic-state-layer-neutral-dark);--ic-skeleton-background-secondary:var(--ic-state-layer-neutral-darker);--ic-status-tag-text:var(--ic-color-text-inverse);--ic-status-tag-text-inverted:var(--ic-color-text-inverse);--ic-status-tag-success:var(--ic-status-success-contrast);--ic-status-tag-outlined-background-success:var(
+  );--ic-skeleton-background:var(--ic-state-layer-neutral-dark);--ic-skeleton-background-secondary:var(--ic-state-layer-neutral-darker);--ic-skip-link-background:var(--ic-color-background-primary);--ic-status-tag-text:var(--ic-color-text-inverse);--ic-status-tag-text-inverted: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-light);--ic-status-tag-outlined-error:var(--ic-status-error-outlined);--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-outlined);--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-default
@@ -1387,11 +1395,11 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-action-default-bg-pressed
   );--ic-top-navigation-nav-group-link:var(--ic-color-hyperlink-default);--ic-top-navigation-nav-item:var(--ic-color-text-primary);--ic-top-navigation-nav-item-hover:var(--ic-action-light-bg-hover);--ic-top-navigation-nav-group-hover:var(--ic-action-light-bg-hover);--ic-top-navigation-nav-item-pressed:var(--ic-action-light-bg-pressed);--ic-top-navigation-nav-group-pressed:var(--ic-action-light-bg-pressed);--ic-top-navigation-nav-item-banner:var(--ic-action-default);--ic-top-navigation-nav-group-chevron:var(--ic-color-icon-brand);--ic-top-navigation-link:var(--ic-color-brand-text);--ic-top-navigation-status-tag:var(--ic-color-background-primary-light);--ic-top-navigation-status-tag-text:var(--ic-color-text-inverse);--ic-top-navigation-status-tag-secondary:var(--ic-state-layer-lighten-20);--ic-top-navigation-logo:var(--ic-color-icon-brand);--ic-top-navigation-icon:var(--ic-color-icon-brand);--ic-top-navigation-theme:var(--ic-color-icon-brand);--ic-top-navigation-disabled:var(--ic-color-text-disabled-dark);--ic-top-navigation-enabled:var(--ic-color-brand-text);--ic-top-navigation-menu-background:var(--ic-color-background-primary);--ic-top-navigation-menu-border:var(--ic-color-border-neutral-default);--ic-top-navigation-selected:var(--ic-color-icon-brand);--ic-top-navigation-search-placeholder-text:var(
     --ic-atoms-input-text-field-content-placeholder
-  );--ic-tree-view-text:var(--ic-color-text-primary);--ic-tree-view-background:var(--ic-color-background-primary);--ic-tree-view-text-disabled:var(--ic-color-text-disabled-dark);--ic-tree-view-icon-disabled:var(--ic-color-icon-pressed);--ic-tree-view-icon:var(--ic-color-icon-inverted);--ic-tree-view-dropdown-arrow:var(--ic-color-icon-action-default);--ic-tree-view-dropdown-arrow-disabled:var(--ic-color-icon-disabled);--ic-tree-view-divider:var(--ic-state-layer-neutral-light);--ic-tree-view-hover:var(--ic-action-light-bg-hover);--ic-tree-view-pressed:var(--ic-action-light-bg-pressed);--ic-tree-view-selected:var(--ic-action-dark-selected)}: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-750:#3b3e45;--ic-architectural-800:#2c2f34;--ic-architectural-850:#232629;--ic-architectural-900:#17191c;--ic-architectural-950:#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-700-state-layer-24:rgb(65 70 77 / 24%);--ic-architectural-700-state-layer-34:rgb(65 70 77 / 34%);--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-24:rgb(255 255 255 / 24%);--ic-architectural-white-state-layer-25:rgb(255 255 255 / 25%);--ic-architectural-white-state-layer-30:rgb(255 255 255 / 30%);--ic-architectural-white-state-layer-34:rgb(255 255 255 / 34%);--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-10:rgb(0 0 0 / 10%);--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-1700:#020b2e;--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-24:rgb(23 89 188 / 24%);--ic-blue-800-state-layer-30:rgb(23 89 188 / 30%);--ic-blue-800-state-layer-34:rgb(23 89 188 / 34%);--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-red-1700:#330403;--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-yellow-1700:#342521;--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-purple-1800:#350f54;--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-dark-blue-0:#eff3fa;--ic-dark-blue-20:#cdd5e3;--ic-dark-blue-40:#abb6ce;--ic-dark-blue-60:#8997b7;--ic-dark-blue-80:#6678a0;--ic-dark-blue-100:#445a8b;--ic-dark-blue-500:#192b50;--ic-dark-blue-700:#0c213a;--ic-dark-blue-800:#0e1c30;--ic-dark-blue-900:#0a1321;--ic-color-classification-blue:#2b71c7;--ic-color-classification-yellow:#f39c2c;--ic-color-classification-red:#a00;--ic-color-classification-grey:#616161;--ic-classification-not-set:var(--ic-color-classification-grey);--ic-classification-official:var(--ic-color-classification-blue);--ic-classification-official-sensitive:var(--ic-color-classification-blue);--ic-classification-secret:var(--ic-color-classification-yellow);--ic-classification-top-secret:var(--ic-color-classification-red);--ic-color-link-default:#1759bc;--ic-color-link-hover:#7c2855;--ic-color-link-visited:#330072;--ic-color-link-visited-contrast:#b0b0b0;--ic-color-hyperlink-default-light:var(--ic-blue-800);--ic-color-hyperlink-default-dark:var(--ic-blue-300);--ic-color-hyperlink-visited-light:var(--ic-color-link-visited);--ic-color-hyperlink-visited-dark:var(--ic-purple-300);--ic-color-hyperlink-visited-monochrome-light:var(
+  );--ic-tree-view-text:var(--ic-color-text-primary);--ic-tree-view-background:var(--ic-color-background-primary);--ic-tree-view-text-disabled:var(--ic-color-text-disabled);--ic-tree-view-icon-disabled:var(--ic-color-icon-pressed);--ic-tree-view-icon:var(--ic-color-icon-inverted);--ic-tree-view-dropdown-arrow:var(--ic-color-icon-action-default);--ic-tree-view-dropdown-arrow-disabled:var(--ic-color-icon-disabled);--ic-tree-view-divider:var(--ic-state-layer-neutral-light);--ic-tree-view-hover:var(--ic-action-light-bg-hover);--ic-tree-view-pressed:var(--ic-action-light-bg-pressed);--ic-tree-view-selected:var(--ic-action-default-bg-pressed-30)}: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-750:#3b3e45;--ic-architectural-800:#2c2f34;--ic-architectural-850:#232629;--ic-architectural-900:#17191c;--ic-architectural-950:#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-700-state-layer-24:rgb(65 70 77 / 24%);--ic-architectural-700-state-layer-34:rgb(65 70 77 / 34%);--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-24:rgb(255 255 255 / 24%);--ic-architectural-white-state-layer-25:rgb(255 255 255 / 25%);--ic-architectural-white-state-layer-30:rgb(255 255 255 / 30%);--ic-architectural-white-state-layer-34:rgb(255 255 255 / 34%);--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-10:rgb(0 0 0 / 10%);--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-1700:#020b2e;--ic-blue-1800:#010518;--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-24:rgb(23 89 188 / 24%);--ic-blue-800-state-layer-30:rgb(23 89 188 / 30%);--ic-blue-800-state-layer-34:rgb(23 89 188 / 34%);--ic-blue-800-state-layer-40:rgb(23 89 188 / 40%);--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-red-1700:#330403;--ic-red-1800:#1a0202;--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-green-1800:#0a1912;--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-yellow-1700:#342521;--ic-yellow-1800:#1b1413;--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-purple-1800:#1d082e;--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-dark-blue-0:#eff3fa;--ic-dark-blue-20:#cdd5e3;--ic-dark-blue-40:#abb6ce;--ic-dark-blue-60:#8997b7;--ic-dark-blue-80:#6678a0;--ic-dark-blue-100:#445a8b;--ic-dark-blue-500:#192b50;--ic-dark-blue-700:#0c213a;--ic-dark-blue-800:#0e1c30;--ic-dark-blue-900:#0a1321;--ic-color-classification-blue:#2b71c7;--ic-color-classification-yellow:#f39c2c;--ic-color-classification-red:#a00;--ic-color-classification-grey:#616161;--ic-classification-not-set:var(--ic-color-classification-grey);--ic-classification-official:var(--ic-color-classification-blue);--ic-classification-official-sensitive:var(--ic-color-classification-blue);--ic-classification-secret:var(--ic-color-classification-yellow);--ic-classification-top-secret:var(--ic-color-classification-red);--ic-color-link-default:var(--ic-blue-800);--ic-color-link-hover:#7c2855;--ic-color-link-visited:#330072;--ic-color-link-visited-contrast:#b0b0b0;--ic-color-hyperlink-default-light:var(--ic-color-link-default);--ic-color-hyperlink-default-dark:var(--ic-blue-300);--ic-color-hyperlink-visited-light:var(--ic-color-link-visited);--ic-color-hyperlink-visited-dark:var(--ic-purple-300);--ic-color-hyperlink-visited-monochrome-light:var(
     --ic-color-text-secondary-light
   );--ic-color-hyperlink-visited-monochrome-dark:var(
     --ic-color-link-visited-contrast
-  );--ic-color-hyperlink-contrast:#5c98f2;--ic-color-hyperlink-contrast-visited:#bc75ff;--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-color-keyline:var(--ic-architectural-200);--ic-color-keyline-light:var(--ic-architectural-100);--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(
+  );--ic-color-hyperlink-contrast:#5c98f2;--ic-color-hyperlink-contrast-visited:#bc75ff;--ic-color-hyperlink-brand:var(--ic-architectural-white);--ic-color-focus-inner:#0044d7;--ic-color-focus-inner-dark:var(--ic-architectural-black);--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-color-keyline:var(--ic-architectural-200);--ic-color-keyline-light:var(--ic-architectural-100);--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)
@@ -1413,7 +1421,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}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-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:var(--ic-purple-1800);--ic-status-anomalous-contrast:var(--ic-purple-400);--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-950);--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-text-inverted: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-400);--ic-color-text-action-hover:var(--ic-blue-1100);--ic-color-text-action-hover-dark:var(--ic-blue-200);--ic-color-text-action-pressed:var(--ic-blue-1300);--ic-color-text-action-pressed-dark:var(--ic-blue-100);--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-40:var(--ic-architectural-40);--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-950);--ic-color-background-active-light:var(--ic-blue-800);--ic-color-background-active-dark:var(--ic-blue-400);--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-active-hover-light:var(--ic-blue-1100);--ic-color-background-active-hover-dark:var(--ic-blue-200);--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-active-pressed-light:var(--ic-blue-1300);--ic-color-background-active-pressed-dark:var(--ic-blue-600);--ic-color-background-disabled-default:var(--ic-architectural-200);--ic-color-background-disabled-light:var(--ic-architectural-80);--ic-color-background-disabled-dark:var(--ic-architectural-300);--ic-color-background-disabled-mid:var(--ic-architectural-400);--ic-color-background-disabled-darkest:var(--ic-architectural-600);--ic-color-background-selected:var(--ic-architectural-white);--ic-color-background-clear-icon-hover:var(--ic-architectural-100);--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-background-solid:var(--ic-architectural-white);--ic-color-background-solid-disabled:var(--ic-architectural-100);--ic-color-background-solid-hover:var(--ic-blue-50);--ic-color-background-solid-pressed:var(--ic-blue-100);--ic-color-background-solid-mono:var(--ic-architectural-black);--ic-color-background-solid-mono-disabled:var(--ic-architectural-100);--ic-color-background-solid-mono-hover:var(--ic-architectural-800);--ic-color-background-solid-mono-pressed:var(--ic-architectural-600);--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-400);--ic-color-border-action-hover-light:var(--ic-blue-1100);--ic-color-border-action-hover-dark:var(--ic-blue-200);--ic-color-border-action-pressed-light:var(--ic-blue-1300);--ic-color-border-action-pressed-dark:var(--ic-blue-100);--ic-action-default-light:var(--ic-blue-800);--ic-action-default-dark:var(--ic-blue-400);--ic-action-default-hover-light:var(--ic-blue-1100);--ic-action-default-hover-dark:var(--ic-blue-200);--ic-action-default-pressed-light:var(--ic-blue-1300);--ic-action-default-pressed-dark:var(--ic-blue-100);--ic-action-default-selected-light:var(--ic-blue-800-state-layer-10);--ic-action-default-selected-dark:var(--ic-blue-900);--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-hover-24:var(--ic-blue-800-state-layer-24);--ic-action-default-bg-pressed-30:var(--ic-blue-800-state-layer-30);--ic-action-default-bg-pressed-hover-34:var(--ic-blue-800-state-layer-34);--ic-action-default-bg-pressed:var(--ic-blue-800-state-layer-20);--ic-action-default-bg-hover-no-alpha:#e7eef8;--ic-action-default-bg-pressed-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-hover-24:var(--ic-architectural-white-state-layer-24);--ic-action-light-bg-pressed:var(--ic-state-layer-lighten-20);--ic-action-light-bg-pressed-34:var(--ic-architectural-white-state-layer-34);--ic-action-light-selected:var(--ic-blue-800-state-layer-10);--ic-action-dark:var(--ic-architectural-950);--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-dark-selected:var(--ic-blue-900);--ic-action-neutral-light:var(--ic-architectural-100);--ic-action-neutral-dark:var(--ic-architectural-800);--ic-brand-blue-primary:#1b3c79;--ic-brand-blue-primary-r:27;--ic-brand-blue-primary-g:60;--ic-brand-blue-primary-b:121;--ic-brand-blue-primary-a:1;--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-brand-color-primary-r:var(--ic-brand-blue-primary-r);--ic-brand-color-primary-g:var(--ic-brand-blue-primary-g);--ic-brand-color-primary-b:var(--ic-brand-blue-primary-b);--ic-brand-color-primary-a:var(--ic-brand-blue-primary-a);--ic-brand-color-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:var(--ic-purple-1800);--ic-status-anomalous-contrast:var(--ic-purple-400);--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-20);--ic-color-text-primary-light:var(--ic-architectural-950);--ic-color-text-primary-dark:var(--ic-architectural-40);--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-text-inverted: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-light:var(--ic-blue-800);--ic-color-text-action-dark:var(--ic-blue-400);--ic-color-text-action-hover-light:var(--ic-blue-1100);--ic-color-text-action-hover-dark:var(--ic-blue-200);--ic-color-text-action-pressed-light:var(--ic-blue-1300);--ic-color-text-action-pressed-dark:var(--ic-blue-100);--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-850);--ic-color-background-secondary-light:var(--ic-architectural-20);--ic-color-background-secondary-40:var(--ic-architectural-40);--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-950);--ic-color-background-active-light:var(--ic-blue-800);--ic-color-background-active-dark:var(--ic-blue-400);--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-active-hover-light:var(--ic-blue-1100);--ic-color-background-active-hover-dark:var(--ic-blue-200);--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-active-pressed-light:var(--ic-blue-1300);--ic-color-background-active-pressed-dark:var(--ic-blue-600);--ic-color-background-disabled-default:var(--ic-architectural-200);--ic-color-background-disabled-light:var(--ic-architectural-80);--ic-color-background-disabled-dark:var(--ic-architectural-300);--ic-color-background-disabled-mid:var(--ic-architectural-400);--ic-color-background-disabled-darkest:var(--ic-architectural-600);--ic-color-background-disabled-selected:var(--ic-blue-1500);--ic-color-background-selected:var(--ic-architectural-white);--ic-color-background-clear-icon-hover:var(--ic-architectural-100);--ic-color-background-elevation-level-1:var(--ic-architectural-950);--ic-color-background-elevation-level-2:var(--ic-architectural-900);--ic-color-background-elevation-level-3:var(--ic-architectural-850);--ic-color-background-elevation-level-4:var(--ic-architectural-800);--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-600);--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-200);--ic-color-background-solid:var(--ic-architectural-white);--ic-color-background-solid-disabled:var(--ic-architectural-100);--ic-color-background-solid-hover:var(--ic-blue-50);--ic-color-background-solid-pressed:var(--ic-blue-100);--ic-color-background-solid-mono:var(--ic-architectural-black);--ic-color-background-solid-mono-disabled:var(--ic-architectural-100);--ic-color-background-solid-mono-hover:var(--ic-architectural-800);--ic-color-background-solid-mono-pressed:var(--ic-architectural-600);--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-700);--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-1000);--ic-color-border-success-hover-light:var(--ic-green-1600);--ic-color-border-success-hover-dark:var(--ic-green-1100);--ic-color-border-success-pressed-light:var(--ic-green-1700);--ic-color-border-success-pressed-dark:var(--ic-green-1200);--ic-color-border-warning-light:var(--ic-yellow-900);--ic-color-border-warning-dark:var(--ic-yellow-400);--ic-color-border-warning-hover-light:var(--ic-yellow-1100);--ic-color-border-warning-hover-dark:var(--ic-yellow-500);--ic-color-border-warning-pressed-light:var(--ic-yellow-1300);--ic-color-border-warning-pressed-dark:var(--ic-yellow-600);--ic-color-border-error-light:var(--ic-red-800);--ic-color-border-error-dark:var(--ic-red-400);--ic-color-border-error-hover-light:var(--ic-red-1100);--ic-color-border-error-hover-dark:var(--ic-red-600);--ic-color-border-error-pressed-light:var(--ic-red-1300);--ic-color-border-error-pressed-dark:var(--ic-red-800);--ic-color-border-action-light:var(--ic-blue-800);--ic-color-border-action-dark:var(--ic-blue-400);--ic-color-border-action-hover-light:var(--ic-blue-1100);--ic-color-border-action-hover-dark:var(--ic-blue-200);--ic-color-border-action-pressed-light:var(--ic-blue-1300);--ic-color-border-action-pressed-dark:var(--ic-blue-100);--ic-action-default-light:var(--ic-blue-800);--ic-action-default-dark:var(--ic-blue-400);--ic-action-default-hover-light:var(--ic-blue-1100);--ic-action-default-hover-dark:var(--ic-blue-200);--ic-action-default-pressed-light:var(--ic-blue-1300);--ic-action-default-pressed-dark:var(--ic-blue-100);--ic-action-default-selected-light:var(--ic-blue-800-state-layer-10);--ic-action-default-selected-dark:var(--ic-blue-900);--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-hover-24:var(--ic-blue-800-state-layer-24);--ic-action-default-bg-pressed-30:var(--ic-blue-800-state-layer-30);--ic-action-default-bg-pressed-hover-34:var(--ic-blue-800-state-layer-34);--ic-action-default-bg-pressed:var(--ic-blue-800-state-layer-20);--ic-action-default-bg-hover-no-alpha:#e7eef8;--ic-action-default-bg-pressed-no-alpha:#d0def2;--ic-action-destructive-light:var(--ic-red-800);--ic-action-destructive-dark:var(--ic-red-600);--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-200);--ic-action-light:var(--ic-architectural-40);--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-hover-24:var(--ic-architectural-white-state-layer-24);--ic-action-light-bg-pressed:var(--ic-state-layer-lighten-20);--ic-action-light-bg-pressed-34:var(--ic-architectural-white-state-layer-34);--ic-action-dark:var(--ic-architectural-950);--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-brand-blue-primary:#1b3c79;--ic-brand-blue-primary-r:27;--ic-brand-blue-primary-g:60;--ic-brand-blue-primary-b:121;--ic-brand-blue-primary-a:1;--ic-brand-darken-20:var(--ic-state-layer-darken-20);--ic-brand-darken-30:var(--ic-state-layer-darken-30);--ic-brand-darken-40:var(--ic-state-layer-darken-40);--ic-brand-lighten-20:var(--ic-state-layer-lighten-20);--ic-brand-lighten-40:var(--ic-state-layer-lighten-40);--ic-brand-color-primary-r:var(--ic-brand-blue-primary-r);--ic-brand-color-primary-g:var(--ic-brand-blue-primary-g);--ic-brand-color-primary-b:var(--ic-brand-blue-primary-b);--ic-brand-color-primary-a:var(--ic-brand-blue-primary-a);--ic-brand-color-primary:rgb(
     var(--ic-brand-color-primary-r) var(--ic-brand-color-primary-g)
       var(--ic-brand-color-primary-b) / var(--ic-brand-color-primary-a)
   );--ic-brand-color-secondary:rgb(
@@ -1475,15 +1483,11 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     min(255, calc(var(--ic-brand-calc) + 65))
       min(255, calc(var(--ic-brand-calc) + 70))
       min(255, calc(var(--ic-brand-calc) + 77)) / 20%
-  );--ic-table-row-selected:#c7d7ef;--ic-color-icon-brand:var(--ic-architectural-white);--ic-color-icon-neutral:var(--ic-architectural-950);--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-mid:var(--ic-architectural-200);--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-400);--ic-color-icon-action-hover:var(--ic-blue-1100);--ic-color-icon-action-hover-dark:var(--ic-blue-200);--ic-color-icon-action-pressed:var(--ic-blue-1300);--ic-color-icon-action-pressed-dark:var(--ic-blue-100);--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-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-10:var(--ic-architectural-black-state-layer-10);--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);--ic-classification-banner-text:var(--ic-color-text-primary-light);--ic-classification-banner-text-inverted:var(--ic-color-text-inverse-light);--ic-classification-banner-not-set:var(--ic-classification-not-set);--ic-classification-banner-official:var(--ic-classification-official);--ic-classification-banner-official-sensitive:var(
-    --ic-classification-official
-  );--ic-classification-banner-secret:var(--ic-classification-secret);--ic-classification-banner-top-secret:var(--ic-classification-top-secret);--ic-footer-background:var(--ic-brand-color-secondary);--ic-footer-text:var(--ic-color-brand-text);--ic-footer-link:var(--ic-color-hyperlink-brand);--ic-footer-icon:var(--ic-color-icon-brand);--ic-footer-chevron-icon:var(--ic-color-icon-brand);--ic-footer-logo:var(--ic-color-icon-brand);--ic-footer-bottom-background:var(--ic-brand-color-tertiary);--ic-footer-keyline:var(--ic-color-keyline-lighten);--ic-footer-hover:var(--ic-action-light-bg-hover);--ic-footer-pressed:var(--ic-action-light-bg-pressed);--ic-hero-background:var(--ic-brand-color-tertiary);--ic-hero-heading:var(--ic-color-brand-text);--ic-hero-secondary-heading:var(--ic-color-brand-text);--ic-hero-body:var(--ic-color-brand-text);--ic-hero-keyline:var(--ic-color-keyline-lighten);--ic-side-navigation-background:var(--ic-brand-color-primary);--ic-side-navigation-icon:var(--ic-color-icon-brand);--ic-side-navigation-icon-disabled:var(--ic-color-icon-grey-light);--ic-side-navigation-status-tag-text:var(--ic-color-text-primary-light);--ic-side-navigation-logo:var(--ic-color-icon-brand);--ic-side-navigation-keyline:var(--ic-state-layer-lighten-20);--ic-side-navigation-icon-and-label:var(--ic-color-brand-text);--ic-side-navigation-theme:var(--ic-color-background-primary-light);--ic-side-navigation-hover:var(--ic-brand-hover);--ic-side-navigation-pressed:var(--ic-brand-active);--ic-side-navigation-icon-label:var(--ic-color-icon-brand);--ic-side-navigation-text:var(--ic-brand-text-color);--ic-side-navigation-status-tag:var(--ic-color-background-primary-light);--ic-side-navigation-focussed:var(--ic-color-background-primary-light);--ic-side-navigation-focussed-text:var(--ic-color-text-primary-light);--ic-side-navigation-focussed-icon:var(--ic-color-text-primary-light);--ic-side-navigation-selection-indicator:var(--ic-color-icon-brand);--ic-side-navigation-selection-indicator-disabled:var(
+  );--ic-table-row-selected:#c7d7ef;--ic-color-icon-brand:var(--ic-architectural-20);--ic-color-icon-neutral:var(--ic-architectural-950);--ic-color-icon-inverted:var(--ic-architectural-40);--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-mid:var(--ic-architectural-200);--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-400);--ic-color-icon-action-hover:var(--ic-blue-1100);--ic-color-icon-action-hover-dark:var(--ic-blue-200);--ic-color-icon-action-pressed:var(--ic-blue-1300);--ic-color-icon-action-pressed-dark:var(--ic-blue-100);--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-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-10:var(--ic-architectural-black-state-layer-10);--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);--ic-classification-banner-text:var(--ic-color-text-primary-light);--ic-classification-banner-text-inverted:var(--ic-color-text-inverse-light);--ic-classification-banner-not-set:var(--ic-classification-not-set);--ic-classification-banner-official:var(--ic-classification-official);--ic-classification-banner-official-sensitive:var(
+    --ic-classification-official-sensitive
+  );--ic-classification-banner-secret:var(--ic-classification-secret);--ic-classification-banner-top-secret:var(--ic-classification-top-secret);--ic-footer-background:var(--ic-brand-color-secondary);--ic-footer-text:var(--ic-color-brand-text);--ic-footer-link:var(--ic-color-hyperlink-brand);--ic-footer-icon:var(--ic-color-icon-brand);--ic-footer-chevron-icon:var(--ic-color-icon-brand);--ic-footer-logo:var(--ic-color-icon-brand);--ic-footer-bottom-background:var(--ic-brand-color-tertiary);--ic-footer-keyline:var(--ic-color-keyline-lighten);--ic-footer-hover:var(--ic-action-light-bg-hover);--ic-footer-pressed:var(--ic-action-light-bg-pressed);--ic-hero-background:var(--ic-brand-color-tertiary);--ic-hero-heading:var(--ic-color-brand-text);--ic-hero-secondary-heading:var(--ic-color-brand-text);--ic-hero-body:var(--ic-color-brand-text);--ic-hero-keyline:var(--ic-color-keyline-lighten);--ic-side-navigation-background:var(--ic-brand-color-primary);--ic-side-navigation-icon:var(--ic-color-icon-brand);--ic-side-navigation-icon-label:var(--ic-color-brand-text);--ic-side-navigation-icon-and-label:var(--ic-color-brand-text);--ic-side-navigation-icon-disabled:var(--ic-color-icon-disabled-light);--ic-side-navigation-status-tag-text:var(--ic-color-text-primary-light);--ic-side-navigation-status-tag:var(--ic-color-background-primary-light);--ic-side-navigation-hover:var(--ic-brand-hover);--ic-side-navigation-pressed:var(--ic-brand-active);--ic-side-navigation-focussed-text:var(--ic-color-text-primary-light);--ic-side-navigation-focussed-icon:var(--ic-color-icon-neutral);--ic-side-navigation-selection-indicator:var(--ic-color-icon-brand);--ic-side-navigation-selection-indicator-disabled:var(
     --ic-color-icon-disabled-light
-  );--ic-toast-background:var(--ic-color-background-primary-dark);--ic-toast-status-success:var(--ic-status-success-contrast);--ic-toast-status-error:var(--ic-status-error-contrast);--ic-toast-status-warning:var(--ic-status-warning-contrast);--ic-toast-status-info:var(--ic-status-info-contrast);--ic-toast-status-neutral:var(--ic-status-unknown-contrast);--ic-toast-icon-success:var(--ic-status-success-contrast);--ic-toast-icon-error:var(--ic-status-error-contrast);--ic-toast-icon-warning:var(--ic-status-warning-contrast);--ic-toast-icon-info:var(--ic-status-info-contrast);--ic-toast-icon-neutral:var(--ic-status-unknown-contrast);--ic-toast-title:var(--ic-color-text-inverse-light);--ic-toast-description:var(--ic-color-text-inverse-light);--ic-toast-dismiss-button:var(--ic-color-icon-inverted);--ic-atoms-input-field-background-light:var(
-    --ic-color-background-primary-light
-  );--ic-atoms-input-field-background-dark:var(
-    --ic-color-background-primary-dark
-  );--ic-atoms-input-field-label-light:var(--ic-color-text-primary-light);--ic-atoms-input-field-label-dark:var(--ic-color-text-primary-dark);--ic-atoms-input-field-label-disabled-light:var(
+  );--ic-side-navigation-logo:var(--ic-color-icon-brand);--ic-side-navigation-keyline:var(--ic-state-layer-lighten-20);--ic-side-navigation-theme:var(--ic-color-background-primary-light);--ic-side-navigation-text:var(--ic-brand-text-color);--ic-side-navigation-focussed:var(--ic-color-background-primary-light);--ic-toast-background:var(--ic-color-background-elevation-level-3);--ic-toast-status-success:var(--ic-status-success-contrast);--ic-toast-status-error:var(--ic-status-error-contrast);--ic-toast-status-warning:var(--ic-status-warning-contrast);--ic-toast-status-info:var(--ic-status-info-contrast);--ic-toast-status-neutral:var(--ic-status-unknown-contrast);--ic-toast-icon-success:var(--ic-status-success-contrast);--ic-toast-icon-error:var(--ic-status-error-contrast);--ic-toast-icon-warning:var(--ic-status-warning-contrast);--ic-toast-icon-info:var(--ic-status-info-contrast);--ic-toast-icon-neutral:var(--ic-status-unknown-contrast);--ic-toast-title:var(--ic-color-text-inverse-light);--ic-toast-description:var(--ic-color-text-inverse-light);--ic-toast-dismiss-button:var(--ic-color-icon-inverted);--ic-atoms-input-field-label-light:var(--ic-color-text-primary-light);--ic-atoms-input-field-label-dark:var(--ic-color-text-primary-dark);--ic-atoms-input-field-label-disabled-light:var(
     --ic-color-text-tertiary-light
   );--ic-atoms-input-field-label-disabled-dark:var(
     --ic-color-text-tertiary-dark
@@ -1495,6 +1499,10 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-color-text-tertiary-light
   );--ic-atoms-input-field-label-subtitle-disabled-dark:var(
     --ic-color-text-tertiary-dark
+  );--ic-atoms-input-field-background-light:var(
+    --ic-color-background-primary-light
+  );--ic-atoms-input-field-background-dark:var(
+    --ic-color-background-primary-dark
   );--ic-atoms-input-field-label-error-light:var(--ic-color-text-error-dark);--ic-atoms-input-field-label-error-dark:var(--ic-color-text-error-light);--ic-atoms-input-state-text-light:var(--ic-color-text-primary-light);--ic-atoms-input-state-text-dark:var(--ic-color-text-primary-dark);--ic-atoms-input-state-icon-error-light:var(--ic-status-error-default);--ic-atoms-input-state-icon-error-dark:var(--ic-status-error-contrast);--ic-atoms-input-state-icon-warning-light:var(--ic-status-warning-default);--ic-atoms-input-state-icon-warning-dark:var(--ic-status-warning-contrast);--ic-atoms-input-state-icon-success-light:var(--ic-status-success-default);--ic-atoms-input-state-icon-success-dark:var(--ic-status-success-contrast);--ic-atoms-input-clear-button-light:var(--ic-color-icon-neutral);--ic-atoms-input-clear-button-dark:var(--ic-color-icon-inverted);--ic-atoms-input-clear-button-focus-light:var(--ic-color-icon-inverted);--ic-atoms-input-clear-button-focus-dark:var(--ic-color-icon-neutral);--ic-atoms-input-search-button-light:var(
     --ic-color-icon-action-default-light
   );--ic-atoms-input-search-button-dark:var(--ic-color-icon-action-default-dark);--ic-atoms-input-search-button-focus-light:var(--ic-color-icon-brand);--ic-atoms-input-search-button-focus-dark:var(--ic-color-icon-neutral);--ic-atoms-input-clear-button-focus-inner-light:var(--ic-color-focus-inner);--ic-atoms-input-clear-button-focus-inner-dark:var(--ic-color-focus-inner);--ic-atoms-input-clear-button-focus-outer-light:var(--ic-color-focus-outer);--ic-atoms-input-clear-button-focus-outer-dark:var(--ic-color-focus-outer);--ic-atoms-input-search-button-focus-inner-light:var(--ic-color-focus-inner);--ic-atoms-input-search-button-focus-inner-dark:var(--ic-color-focus-inner);--ic-atoms-input-search-button-focus-outer-light:var(--ic-color-focus-outer);--ic-atoms-input-search-button-focus-outer-dark:var(--ic-color-focus-outer);--ic-atoms-input-select-content-placeholder-text-light:var(
@@ -1646,10 +1654,13 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
   )}: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),
+    var(--ic-color-border-neutral-pressed);--ic-border-focus-light: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-dark:0 0 0 2px var(--ic-architectural-black),
+    0 0 0 4px var(--ic-color-focus-inner), 0 0 0 8px var(--ic-color-focus-outer);--ic-border-focus-inset-light: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-inset-dark: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)}: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 0 0 8px var(--ic-architectural-black);--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)}: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)}:root,ic-theme,.ic-theme-light{--ic-alert-height:calc(var(--ic-space-xs) + var(--ic-space-xxl))}@media (prefers-color-scheme: dark){:root{--ic-alert-height:calc(var(--ic-space-xxs) + var(--ic-space-xxl))}}.ic-theme-dark{--ic-alert-height:calc(var(--ic-space-xxs) + var(--ic-space-xxl))}
+    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-skip-link: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)}:root,ic-theme,.ic-theme-light{--ic-alert-height:calc(var(--ic-space-xs) + var(--ic-space-xxl))}@media (prefers-color-scheme: dark){:root{--ic-alert-height:calc(var(--ic-space-xxs) + var(--ic-space-xxl))}}.ic-theme-dark{--ic-alert-height:calc(var(--ic-space-xxs) + var(--ic-space-xxl))}