@ukic/canary-web-components 3.0.0-canary.5 → 3.0.0-canary.8

package/hydrate/index.js

@@ -7539,12 +7539,12 @@ var IcInformationStatus$1;
     IcInformationStatus["Error"] = "error";
     IcInformationStatus["Success"] = "success";
 })(IcInformationStatus$1 || (IcInformationStatus$1 = {}));
-var IcThemeForegroundEnum$1;
-(function (IcThemeForegroundEnum) {
-    IcThemeForegroundEnum["Default"] = "default";
-    IcThemeForegroundEnum["Dark"] = "dark";
-    IcThemeForegroundEnum["Light"] = "light";
-})(IcThemeForegroundEnum$1 || (IcThemeForegroundEnum$1 = {}));
+var IcBrandForegroundEnum$1;
+(function (IcBrandForegroundEnum) {
+    IcBrandForegroundEnum["Default"] = "default";
+    IcBrandForegroundEnum["Dark"] = "dark";
+    IcBrandForegroundEnum["Light"] = "light";
+})(IcBrandForegroundEnum$1 || (IcBrandForegroundEnum$1 = {}));
 
 var errorIcon = `<svg aria-labelledby="error-title" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000">
     <title id="error-title">Error</title>
@@ -7636,7 +7636,7 @@ const IC_INHERITED_ARIA = [
     "aria-relevant",
     "aria-roledescription",
 ];
-const IC_DEVICE_SIZES = {
+const IC_DEVICE_SIZES$1 = {
     XS: 576,
     S: 768,
     M: 992,
@@ -7795,9 +7795,9 @@ const getInputDescribedByText$1 = (inputId, helperText, validationText) => `${he
  * are part of an IC component.
  *
  * ""
- * @returns IcThemeForeground depending on the context
+ * @returns IcBrandForeground depending on the context
  */
-const getThemeFromContext$1 = (el, themeFromEvent = null) => {
+const getBrandFromContext$1 = (el, brandFromEvent = null) => {
     var _a;
     const parentElement = el.parentElement || el.getRootNode().host.parentElement;
     const blockColorParent = parentElement.closest(IC_BLOCK_COLOR_COMPONENTS$1.join(","));
@@ -7806,19 +7806,19 @@ const getThemeFromContext$1 = (el, themeFromEvent = null) => {
         const parentTag = blockColorParent.tagName.toLowerCase();
         const currentTag = el.tagName.toLowerCase();
         if ((_a = IC_BLOCK_COLOR_EXCEPTIONS$1[parentTag]) === null || _a === void 0 ? void 0 : _a.includes(currentTag)) {
-            return IcThemeForegroundEnum$1.Default;
+            return IcBrandForegroundEnum$1.Default;
         }
-        else if (themeFromEvent !== null &&
+        else if (brandFromEvent !== null &&
             !IC_FIXED_COLOR_COMPONENTS$1.includes(parentTag)) {
-            return themeFromEvent;
+            return brandFromEvent;
         }
-        else if (blockColorParent.classList.contains(`${parentTag}-${IcThemeForegroundEnum$1.Dark}`) ||
-            blockColorParent.classList.contains(IcThemeForegroundEnum$1.Dark)) {
-            return IcThemeForegroundEnum$1.Light;
+        else if (blockColorParent.classList.contains(`${parentTag}-${IcBrandForegroundEnum$1.Dark}`) ||
+            blockColorParent.classList.contains(IcBrandForegroundEnum$1.Dark)) {
+            return IcBrandForegroundEnum$1.Dark;
         }
-        return IcThemeForegroundEnum$1.Dark;
+        return IcBrandForegroundEnum$1.Light;
     }
-    return IcThemeForegroundEnum$1.Default;
+    return IcBrandForegroundEnum$1.Default;
 };
 /**
  * Checks if the current device is a mobile or tablet device.
@@ -7912,18 +7912,18 @@ const getOptionsWithoutGroupTitlesCount = (options) => {
     }
     return optionsWithoutGroupTitles.length;
 };
-const deviceSizeMatches = (size) => window.matchMedia(`(max-width: ${size}px)`).matches;
+const deviceSizeMatches$1 = (size) => window.matchMedia(`(max-width: ${size}px)`).matches;
 const getCurrentDeviceSize = () => {
-    if (deviceSizeMatches(DEVICE_SIZES.S)) {
+    if (deviceSizeMatches$1(DEVICE_SIZES.S)) {
         return DEVICE_SIZES.S;
     }
-    if (deviceSizeMatches(DEVICE_SIZES.M)) {
+    if (deviceSizeMatches$1(DEVICE_SIZES.M)) {
         return DEVICE_SIZES.M;
     }
-    if (deviceSizeMatches(DEVICE_SIZES.L)) {
+    if (deviceSizeMatches$1(DEVICE_SIZES.L)) {
         return DEVICE_SIZES.L;
     }
-    if (deviceSizeMatches(DEVICE_SIZES.XL)) {
+    if (deviceSizeMatches$1(DEVICE_SIZES.XL)) {
         return DEVICE_SIZES.XL;
     }
     //fallback needed as all of above get initialised to 0 in jest tests
@@ -7934,13 +7934,13 @@ const getCssProperty$1 = (cssVar) => getComputedStyle(document.documentElement).
  * Returns the brightness of the theme colour, calculated by using the theme RGB CSS values by:
  * - Multiplying each RGB value by a set number: https://www.w3.org/TR/AERT/#color-contrast
  * - Adding them together and dividing by 1000
- * This is a similar calculation to its CSS counterpart: "--ic-theme-text"
+ * This is a similar calculation to its CSS counterpart: "--ic-brand-text-color"
  * @returns number representing the brightness of the theme colour
  */
-const getThemeColorBrightness = () => {
-    const themeRed = getCssProperty$1("--ic-theme-primary-r");
-    const themeGreen = getCssProperty$1("--ic-theme-primary-g");
-    const themeBlue = getCssProperty$1("--ic-theme-primary-b");
+const getBrandColorBrightness = () => {
+    const themeRed = getCssProperty$1("--ic-brand-color-primary-r");
+    const themeGreen = getCssProperty$1("--ic-brand-color-primary-g");
+    const themeBlue = getCssProperty$1("--ic-brand-color-primary-b");
     return ((parseInt(themeRed) * 299 +
         parseInt(themeGreen) * 587 +
         parseInt(themeBlue) * 114) /
@@ -7949,11 +7949,11 @@ const getThemeColorBrightness = () => {
 /**
  * Returns if dark or light foreground colors should be used for color contrast reasons
  * @returns "dark" or "light"
- * @param brightness - Optional custom brightness value. Defaults to `getThemeColorBrightness`
+ * @param brightness - Optional custom brightness value. Defaults to `getBrandColorBrightness`
  */
-const getThemeForegroundColor = (brightness = getThemeColorBrightness()) => brightness > DARK_MODE_THRESHOLD
-    ? IcThemeForegroundEnum$1.Dark
-    : IcThemeForegroundEnum$1.Light;
+const getBrandForegroundAppearance = (brightness = getBrandColorBrightness()) => brightness > DARK_MODE_THRESHOLD
+    ? IcBrandForegroundEnum$1.Dark
+    : IcBrandForegroundEnum$1.Light;
 const getSlot = (element, name) => {
     if (element && element.querySelector) {
         return element.querySelector(`[slot="${name}"]`);
@@ -8074,6 +8074,10 @@ const removeFormResetListener$1 = (el, callbackFn) => {
     (_a = el.closest("FORM")) === null || _a === void 0 ? void 0 : _a.removeEventListener("reset", callbackFn);
 };
 const pxToRem$1 = (px, base = 16) => `${(1 / base) * parseInt(px)}rem`;
+/**
+ * Removes the disabled attribute from the provided element when its value is set to false.
+ * This effectively makes it null, to not confuse screen readers that cannot interpret the false value
+ */
 const removeDisabledFalse$1 = (disabled, element) => {
     if (!disabled) {
         element.removeAttribute("disabled");
@@ -8096,6 +8100,23 @@ const checkSlotInChildMutations$1 = (addedNodes, removedNodes, slotName) => {
     return hasSlot(addedNodes) || hasSlot(removedNodes);
 };
 const isElInAGGrid = (el) => !!el.closest(".ag-cell") && !!el.closest(".ag-root");
+/*
+ * Checks if the component is slotted in its relevant 'group' component
+ * @param component - the component to check
+ */
+const isSlottedInGroup = (component) => {
+    var _a;
+    const parent = (component === null || component === void 0 ? void 0 : component.tagName) + "-GROUP";
+    return ((_a = component === null || component === void 0 ? void 0 : component.parentElement) === null || _a === void 0 ? void 0 : _a.tagName) === parent;
+};
+const hasDynamicChildSlots$1 = (mutationList, slotNames) => {
+    return mutationList.some(({ type, addedNodes, removedNodes }) => type === "childList"
+        ? checkSlotInChildMutations$1(addedNodes, removedNodes, slotNames)
+        : false);
+};
+const renderDynamicChildSlots$1 = (mutationList, slotNames, ref) => {
+    if (hasDynamicChildSlots$1(mutationList, slotNames)) ;
+};
 
 var chevronIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M9.70687 6L8.29688 7.41L12.8769 12L8.29688 16.59L9.70687 18L15.7069 12L9.70687 6Z" fill="currentColor"/>
@@ -8165,6 +8186,9 @@ class Accordion {
         this.size = "medium";
         this.theme = "inherit";
     }
+    watchDisabledHandler() {
+        removeDisabledFalse$1(this.disabled, this.el);
+    }
     // Every time expanded is set via toggleExpanded or accordionGroup, animate to open or close
     handleExpandedWatch() {
         this.animateExpandedContent();
@@ -8177,6 +8201,9 @@ class Accordion {
             this.accordionBtnHeading.focus();
         }
     }
+    componentWillLoad() {
+        removeDisabledFalse$1(this.disabled, this.el);
+    }
     disconnectedCallback() {
         if (this.expandedContentEl) {
             this.expandedContentEl.removeEventListener("transitionend", (e) => this.setExpandedContentStyle(e, this.expandedContentEl), true);
@@ -8208,6 +8235,7 @@ class Accordion {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
+        "disabled": ["watchDisabledHandler"],
         "expanded": ["handleExpandedWatch"]
     }; }
     static get style() { return icAccordionCss; }
@@ -8382,11 +8410,6 @@ class Alert {
         this.dismissAction = () => {
             this.icDismiss.emit();
         };
-        this.hostMutationCallback = (mutationList) => {
-            if (mutationList.some(({ type, addedNodes, removedNodes }) => type === "childList"
-                ? checkSlotInChildMutations$1(addedNodes, removedNodes, "action")
-                : false)) ;
-        };
         this.alertTitleWrap = false;
         this.visible = true;
         this.announced = true;
@@ -8404,7 +8427,7 @@ class Alert {
     }
     componentDidLoad() {
         this.alertTitleShouldWrap();
-        this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);
+        this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots$1(mutationList, "action"));
         this.hostMutationObserver.observe(this.el, {
             childList: true,
         });
@@ -8421,7 +8444,7 @@ class Alert {
     render() {
         const { variant, heading, message, titleAbove, dismissible, announced, visible, showDefaultIcon, theme, } = this;
         return (visible && (hAsync(Host, { role: announced ? "alert" : null, class: {
-                [IcThemeForegroundEnum$1.Dark]: true,
+                [IcBrandForegroundEnum$1.Dark]: true,
                 [`ic-theme-${theme}`]: theme !== "inherit",
             } }, hAsync("div", { class: {
                 ["container"]: true,
@@ -8643,7 +8666,7 @@ class Badge {
             if (colorRGBA) {
                 const { r, g, b, a } = colorRGBA;
                 this.el.style.backgroundColor = `rgba(${r}, ${g}, ${b}, ${a})`;
-                this.foregroundColour = getThemeForegroundColor((r * 299 + g * 587 + b * 114) / 1000);
+                this.foregroundColour = getBrandForegroundAppearance((r * 299 + g * 587 + b * 114) / 1000);
             }
         };
         this.getLabel = () => this.maxNumber && Number(this.label) > this.maxNumber
@@ -9092,7 +9115,7 @@ var arrowDropdown$1 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="non
     <path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor"/>
 </svg>`;
 
-const icButtonCss = "/*!@html*/html.sc-ic-button{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-button{margin:0}/*!@main*/main.sc-ic-button{display:block}/*!@h1*/h1.sc-ic-button{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-button{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-button{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-button{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-button{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-button,strong.sc-ic-button{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-button,kbd.sc-ic-button,samp.sc-ic-button{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-button{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-button,sup.sc-ic-button{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-button{bottom:-0.25em}/*!@sup*/sup.sc-ic-button{top:-0.5em}/*!@img*/img.sc-ic-button{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-button,input.sc-ic-button,optgroup.sc-ic-button,select.sc-ic-button,textarea.sc-ic-button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-button,input.sc-ic-button{overflow:visible}/*!@button,\nselect*/button.sc-ic-button,select.sc-ic-button{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-button,[type=\"button\"].sc-ic-button,[type=\"reset\"].sc-ic-button,[type=\"submit\"].sc-ic-button{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-button::-moz-focus-inner,[type=\"button\"].sc-ic-button::-moz-focus-inner,[type=\"reset\"].sc-ic-button::-moz-focus-inner,[type=\"submit\"].sc-ic-button::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-button:-moz-focusring,[type=\"button\"].sc-ic-button:-moz-focusring,[type=\"reset\"].sc-ic-button:-moz-focusring,[type=\"submit\"].sc-ic-button:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-button{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-button{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-button{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-button{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-button,[type=\"radio\"].sc-ic-button{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-button::-webkit-inner-spin-button,[type=\"number\"].sc-ic-button::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-button{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-button::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-button::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-button{display:block}/*!@summary*/summary.sc-ic-button{display:list-item}/*!@template*/template.sc-ic-button{display:none}/*!@[hidden]*/[hidden].sc-ic-button{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-button,body.sc-ic-button,div.sc-ic-button,span.sc-ic-button,applet.sc-ic-button,object.sc-ic-button,iframe.sc-ic-button,h1.sc-ic-button,h2.sc-ic-button,h3.sc-ic-button,h4.sc-ic-button,h5.sc-ic-button,h6.sc-ic-button,p.sc-ic-button,blockquote.sc-ic-button,pre.sc-ic-button,a.sc-ic-button,abbr.sc-ic-button,acronym.sc-ic-button,address.sc-ic-button,big.sc-ic-button,cite.sc-ic-button,code.sc-ic-button,del.sc-ic-button,dfn.sc-ic-button,em.sc-ic-button,img.sc-ic-button,ins.sc-ic-button,kbd.sc-ic-button,q.sc-ic-button,s.sc-ic-button,samp.sc-ic-button,small.sc-ic-button,strike.sc-ic-button,strong.sc-ic-button,sub.sc-ic-button,sup.sc-ic-button,tt.sc-ic-button,var.sc-ic-button,b.sc-ic-button,u.sc-ic-button,i.sc-ic-button,center.sc-ic-button,dl.sc-ic-button,dt.sc-ic-button,dd.sc-ic-button,ol.sc-ic-button,ul.sc-ic-button,li.sc-ic-button,fieldset.sc-ic-button,form.sc-ic-button,label.sc-ic-button,legend.sc-ic-button,table.sc-ic-button,caption.sc-ic-button,tbody.sc-ic-button,tfoot.sc-ic-button,thead.sc-ic-button,tr.sc-ic-button,th.sc-ic-button,td.sc-ic-button,article.sc-ic-button,aside.sc-ic-button,canvas.sc-ic-button,details.sc-ic-button,embed.sc-ic-button,figure.sc-ic-button,figcaption.sc-ic-button,footer.sc-ic-button,header.sc-ic-button,hgroup.sc-ic-button,menu.sc-ic-button,nav.sc-ic-button,output.sc-ic-button,ruby.sc-ic-button,section.sc-ic-button,summary.sc-ic-button,time.sc-ic-button,mark.sc-ic-button,audio.sc-ic-button,video.sc-ic-button{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-button-h{display:inline-block;position:relative;--icon-width:100%;--icon-height:100%}/*!@.button,\n::slotted(a)*/.button.sc-ic-button,.sc-ic-button-s>a{font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:0.875rem;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:var(--min-width, 6.25rem);display:inline-flex;flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}/*!@:host(.with-badge) .button*/.with-badge.sc-ic-button-h .button.sc-ic-button{border-radius:0.2188rem}/*!@.button:hover,\n::slotted(a:hover)*/.button.sc-ic-button:hover,.sc-ic-button-s>a:hover{cursor:pointer}/*!@.button:focus,\n::slotted(a:focus)*/.button.sc-ic-button:focus,.sc-ic-button-s>a:focus{box-shadow:var(--ic-border-focus)}/*!@.button:focus-visible,\n::slotted(a:focus-visible)*/.button.sc-ic-button:focus-visible,.sc-ic-button-s>a:focus-visible{outline:var(--ic-hc-focus-outline)}/*!@:host(.ic-button-disabled),\n:host(.ic-button-disabled) .button,\n:host(.ic-button-disabled) ::slotted(a),\n:host(.ic-button-loading),\n:host(.ic-button-loading) .button*/.ic-button-disabled.sc-ic-button-h,.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-disabled .sc-ic-button-s>a,.ic-button-loading.sc-ic-button-h,.ic-button-loading.sc-ic-button-h .button.sc-ic-button{pointer-events:none}/*!@:host(.top-icon) .button*/.top-icon.sc-ic-button-h .button.sc-ic-button{flex-direction:column;--height:fit-content}/*!@:host(.top-icon) .button .icon-container*/.top-icon.sc-ic-button-h .button.sc-ic-button .icon-container.sc-ic-button{margin-right:0}/*!@:host(.ic-button-variant-primary) .button,\n:host(.ic-button-variant-icon-primary) .button*/.ic-button-variant-primary.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background)}/*!@:host(.ic-button-variant-primary) ::slotted(a),\n:host(.ic-button-variant-icon-primary) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-primary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary .sc-ic-button-s>a{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background) !important}/*!@:host(.ic-button-variant-primary) .button:hover,\n:host(.ic-button-variant-icon-primary) .button:hover*/.ic-button-variant-primary.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-primary-background-hover)}/*!@:host(.ic-button-variant-primary) ::slotted(a:hover),\n:host(.ic-button-variant-icon-primary) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-primary .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-primary .sc-ic-button-s>a:hover{background-color:var(--ic-button-primary-background-hover) !important}/*!@:host(.ic-button-variant-primary.ic-button-loading) .button,\n:host(.ic-button-variant-primary) .button:active,\n:host(.ic-button-variant-icon-primary.ic-button-loading) .button,\n:host(.ic-button-variant-icon-primary) .button:active*/.ic-button-variant-primary.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-primary.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-primary.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button:active{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-primary-background-pressed)}/*!@:host(.ic-button-variant-primary) ::slotted(a:active),\n:host(.ic-button-variant-icon-primary) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-primary .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-primary .sc-ic-button-s>a:active{background-color:var(--ic-button-primary-background-pressed) !important}/*!@:host(.ic-button-variant-primary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-primary.ic-button-disabled) .button*/.ic-button-variant-primary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{background:var(--ic-button-primary-background-disabled);color:var(--ic-button-primary-text-disabled)}/*!@:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-primary.ic-button-disabled) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-primary.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-disabled .sc-ic-button-s>a{background:var(--ic-button-primary-background-disabled) !important;color:var(--ic-button-primary-text-disabled) !important}/*!@:host(.ic-button-variant-primary.monochrome) .button,\n:host(.ic-button-variant-icon-primary.monochrome) .button*/.ic-button-variant-primary.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.monochrome.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-primary-text-monochrome);background-color:var(--ic-button-primary-background-monochrome)}/*!@:host(.ic-button-variant-primary.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-primary.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome .sc-ic-button-s>a{background-color:var(--ic-button-primary-background-monochrome) !important}/*!@:host(.ic-button-variant-primary.monochrome) .button:hover,\n:host(.ic-button-variant-icon-primary.monochrome) .button:hover*/.ic-button-variant-primary.monochrome.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-primary.monochrome.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-primary-background-hover-monochrome)}/*!@:host(.ic-button-variant-primary.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-primary.monochrome .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome .sc-ic-button-s>a:hover{background-color:var(\n    --ic-button-primary-background-hover-monochrome\n  ) !important}/*!@:host(.ic-button-variant-primary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-primary.monochrome) .button:active,\n:host(.ic-button-variant-icon-primary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-icon-primary.monochrome) .button:active*/.ic-button-variant-primary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-primary.monochrome.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-primary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.monochrome.sc-ic-button-h .button.sc-ic-button:active{background-color:var(--ic-button-primary-background-pressed-monochrome);--button-loading-inner-color:var(--ic-button-primary-text-monochrome);--button-loading-outer-color:var(--ic-button-primary-background-monochrome)}/*!@:host(.ic-button-variant-primary.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-primary.monochrome .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome .sc-ic-button-s>a:active{background-color:var(\n    --ic-button-primary-background-pressed-monochrome\n  ) !important}/*!@:host(.ic-button-variant-primary.ic-button-disabled.monochrome) .button,\n:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) .button*/.ic-button-variant-primary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-button-primary-background-disabled-monochrome);color:var(--ic-button-primary-text-disabled-monochrome)}/*!@:host(.ic-button-variant-primary.ic-button-disabled.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome)\n  ::slotted(a)*/.sc-ic-button-h.ic-button-variant-primary.ic-button-disabled.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-disabled.monochrome .sc-ic-button-s>a{background-color:var(\n    --ic-button-primary-background-disabled-monochrome\n  ) !important}/*!@:host(.ic-button-variant-secondary) .button,\n:host(.ic-button-variant-icon-secondary) .button*/.ic-button-variant-secondary.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button{border:var(--ic-border-width) solid var(--ic-button-secondary-border);color:var(--ic-button-secondary-text)}/*!@:host(.ic-button-variant-secondary) ::slotted(a),\n:host(.ic-button-variant-icon-secondary) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary .sc-ic-button-s>a{border:var(--ic-border-width) solid var(--ic-button-secondary-border) !important;color:var(--ic-button-secondary-text) !important}/*!@:host(.ic-button-variant-secondary) .button:hover,\n:host(.ic-button-variant-icon-secondary) .button:hover*/.ic-button-variant-secondary.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-secondary-background-hover-active);border-color:var(--ic-button-secondary-border-hover);color:var(--ic-button-secondary-text-hover-active)}/*!@:host(.ic-button-variant-secondary) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-secondary .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary .sc-ic-button-s>a:hover{background-color:var(\n    --ic-button-secondary-background-hover-active\n  ) !important}/*!@:host(.ic-button-variant-secondary) .button:active,\n:host(.ic-button-variant-icon-secondary) .button:active*/.ic-button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button:active{border-color:var(--ic-button-secondary-border-pressed);background-color:var(--ic-button-secondary-background-pressed-active);color:var(--ic-button-secondary-text-pressed-active)}/*!@:host(.ic-button-variant-secondary) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-secondary .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary .sc-ic-button-s>a:active{background-color:var(\n    --ic-button-secondary-background-pressed-active\n  ) !important}/*!@:host(.ic-button-variant-secondary.ic-button-loading) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-loading) .button*/.ic-button-variant-secondary.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.ic-button-loading.sc-ic-button-h .button.sc-ic-button{border-color:var(--ic-button-secondary-border-pressed);background-color:var(\n    --loading-button-background,\n    var(--ic-button-secondary-background-pressed-active)\n  ) !important;color:var(--ic-button-secondary-text-pressed-active);--button-loading-inner-color:var(--ic-button-secondary-text-pressed-active);--button-loading-outer-color:var(--ic-button-secondary-background-pressed)}/*!@:host(.ic-button-variant-secondary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button*/.ic-button-variant-secondary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{border-color:var(--ic-button-secondary-border-disabled);color:var(--ic-button-secondary-text-disabled);background:none}/*!@:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.ic-button-disabled .sc-ic-button-s>a{background:none !important}/*!@:host(.ic-button-variant-secondary.background) .button,\n:host(.ic-button-variant-icon-secondary.background) .button*/.ic-button-variant-secondary.background.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.background.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-button-secondary-background-non-transparent)}/*!@:host(.ic-button-variant-secondary.background) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.background) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.background .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background .sc-ic-button-s>a{background-color:var(\n    --ic-button-secondary-background-non-transparent\n  ) !important}/*!@:host(.ic-button-variant-secondary.background.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-secondary.background.ic-button-disabled) .button*/.ic-button-variant-secondary.background.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.background.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{background-color:var(\n    --ic-button-secondary-background-non-transparent-disabled\n  )}/*!@:host(.ic-button-variant-secondary.background.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.background.ic-button-disabled)\n  ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.background.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.ic-button-disabled .sc-ic-button-s>a{background-color:var(\n    --ic-button-secondary-background-non-transparent-disabled\n  ) !important}/*!@:host(.ic-button-variant-secondary.background) .button:hover,\n:host(.ic-button-variant-icon-secondary.background) .button:hover*/.ic-button-variant-secondary.background.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-secondary.background.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-secondary-background-non-transparent-hover)}/*!@:host(.ic-button-variant-secondary.background) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.background) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-secondary.background .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.background.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.background .sc-ic-button-s>a:hover{background-color:var(\n    --ic-button-secondary-background-non-transparent-hover\n  ) !important}/*!@:host(.ic-button-variant-secondary.background) .button:active,\n:host(.ic-button-variant-icon-secondary.background) .button:active*/.ic-button-variant-secondary.background.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-secondary.background.sc-ic-button-h .button.sc-ic-button:active{background-color:var(\n    --ic-button-secondary-background-non-transparent-active\n  )}/*!@:host(.ic-button-variant-secondary.background) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary.background) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-secondary.background .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.background.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.background .sc-ic-button-s>a:active{background-color:var(\n    --ic-button-secondary-background-non-transparent-active\n  ) !important}/*!@:host(.ic-button-variant-secondary.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.monochrome) .button*/.ic-button-variant-secondary.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.monochrome.sc-ic-button-h .button.sc-ic-button{background-color:none;border:var(--ic-border-width) solid\n    var(--ic-button-secondary-border-monochrome);color:var(--ic-button-secondary-text-monochrome)}/*!@:host(.ic-button-variant-secondary.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome .sc-ic-button-s>a{background-color:none !important}/*!@:host(.ic-button-variant-secondary.monochrome) .button:hover,\n:host(.ic-button-variant-icon-secondary.monochrome) .button:hover*/.ic-button-variant-secondary.monochrome.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-secondary.monochrome.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-secondary-background-hover-monochrome);border-color:var(--ic-button-secondary-border-hover-monochrome);color:var(--ic-button-secondary-text-hover-monochrome)}/*!@:host(.ic-button-variant-secondary.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-secondary.monochrome .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome .sc-ic-button-s>a:hover{background-color:var(\n    --ic-button-secondary-background-hover-monochrome\n  ) !important}/*!@:host(.ic-button-variant-secondary.monochrome) .button:active,\n:host(.ic-button-variant-icon-secondary.monochrome) .button:active*/.ic-button-variant-secondary.monochrome.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-secondary.monochrome.sc-ic-button-h .button.sc-ic-button:active{background-color:var(--ic-button-secondary-background-pressed-monochrome);border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome)}/*!@:host(.ic-button-variant-secondary.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-secondary.monochrome .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome .sc-ic-button-s>a:active{background-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important}/*!@:host(.ic-button-variant-secondary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-loading.monochrome) .button*/.ic-button-variant-secondary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button{background-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important;border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome);--button-loading-inner-color:var(\n    --ic-button-secondary-text-pressed-monochrome\n  );--button-loading-outer-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  )}/*!@:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) .button*/.ic-button-variant-secondary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button{background:none;border-color:var(--ic-button-secondary-border-disabled-monochrome);color:var(--ic-button-secondary-text-disabled-monochrome)}/*!@:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome)\n  ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.ic-button-disabled.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.ic-button-disabled.monochrome .sc-ic-button-s>a{background:none !important}/*!@:host(.ic-button-variant-secondary.background.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.background.monochrome) .button*/.ic-button-variant-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome\n  )}/*!@:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.background.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome .sc-ic-button-s>a{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome\n  ) !important}/*!@:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled)\n  .button,\n:host(\n    .ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled\n  )\n  .button*/.ic-button-variant-secondary.background.monochrome.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-disabled\n  )}/*!@:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled)\n  ::slotted(a),\n:host(\n    .ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled\n  )\n  ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.background.monochrome.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled .sc-ic-button-s>a{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-disabled\n  ) !important}/*!@:host(.ic-button-variant-secondary.background.monochrome) .button:hover,\n:host(.ic-button-variant-icon-secondary.background.monochrome) .button:hover*/.ic-button-variant-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-hover\n  )}/*!@:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.background.monochrome)\n  ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-secondary.background.monochrome .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome .sc-ic-button-s>a:hover{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-hover\n  ) !important}/*!@:host(.ic-button-variant-secondary.background.monochrome) .button:active,\n:host(.ic-button-variant-icon-secondary.background.monochrome) .button:active*/.ic-button-variant-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button:active{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-active\n  )}/*!@:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary.background.monochrome)\n  ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-secondary.background.monochrome .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome .sc-ic-button-s>a:active{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-active\n  ) !important}/*!@:host(.ic-button-variant-tertiary) .button,\n:host(.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-variant-tertiary) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary) ::slotted(a)*/.ic-button-variant-tertiary.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary .sc-ic-button-s>a{color:var(--ic-button-tertiary-text-active)}/*!@:host(.ic-button-variant-tertiary) .button:hover,\n:host(.ic-button-variant-icon-tertiary) .button:hover*/.ic-button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-tertiary-background-hover-active);color:var(--ic-button-tertiary-text-hover-active)}/*!@:host(.ic-button-variant-tertiary) ::slotted(a:hover),\n:host(.ic-button-variant-icon-tertiary) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-tertiary .sc-ic-button-s>a:hover{background-color:var(\n    --ic-button-tertiary-background-hover-active\n  ) !important}/*!@:host(.ic-button-variant-tertiary) .button:active,\n:host(.ic-button-variant-tertiary.ic-button-loading) .button,\n:host(.ic-button-variant-icon-tertiary) .button:active,\n:host(.ic-button-variant-icon-tertiary.ic-button-loading) .button*/.ic-button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-tertiary.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-tertiary.ic-button-loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-button-tertiary-background-pressed-active);color:var(--ic-button-tertiary-text-pressed-active);--button-loading-inner-color:var(--ic-button-tertiary-text-pressed-active);--button-loading-outer-color:var(--ic-button-tertiary-background-pressed)}/*!@:host(.ic-button-variant-tertiary) ::slotted(a:active),\n:host(.ic-button-variant-icon-tertiary) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-tertiary .sc-ic-button-s>a:active{background-color:var(\n    --ic-button-tertiary-background-pressed-active\n  ) !important}/*!@:host(.ic-button-variant-tertiary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button*/.ic-button-variant-tertiary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-tertiary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-tertiary-text-disabled);background:none}/*!@:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-tertiary.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.ic-button-disabled .sc-ic-button-s>a{background:none !important}/*!@:host(.ic-button-variant-tertiary.monochrome) .button,\n:host(.ic-button-variant-tertiary.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a)*/.ic-button-variant-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary.monochrome .sc-ic-button-s>a,.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome .sc-ic-button-s>a{color:var(--ic-button-tertiary-text-monochrome)}/*!@:host(.ic-button-variant-tertiary.monochrome) .button:hover,\n:host(.ic-button-variant-icon-tertiary.monochrome) .button:hover*/.ic-button-variant-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-tertiary-background-hover-monochrome);color:var(--ic-button-tertiary-text-hover-monochrome)}/*!@:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary.monochrome .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome .sc-ic-button-s>a:hover{background-color:var(\n    --ic-button-tertiary-background-hover-monochrome\n  ) !important}/*!@:host(.ic-button-variant-tertiary.monochrome) .button:active,\n:host(.ic-button-variant-tertiary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.monochrome) .button:active,\n:host(.ic-button-variant-icon-tertiary.ic-button-loading.monochrome) .button*/.ic-button-variant-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-tertiary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-tertiary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-button-tertiary-background-pressed-monochrome);color:var(--ic-button-tertiary-text-pressed-monochrome);--button-loading-inner-color:var(\n    --ic-button-tertiary-text-pressed-monochrome\n  );--button-loading-outer-color:var(\n    --ic-button-tertiary-background-pressed-monochrome\n  )}/*!@:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary.monochrome .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome .sc-ic-button-s>a:active{background-color:var(\n    --ic-button-tertiary-background-pressed-monochrome\n  ) !important}/*!@:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) .button*/.ic-button-variant-tertiary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-tertiary-text-disabled-monochrome);background:none}/*!@:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome)\n  ::slotted(a)*/.sc-ic-button-h.ic-button-variant-tertiary.ic-button-disabled.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome .sc-ic-button-s>a{background:none !important}/*!@:host(.ic-button-variant-destructive) .button,\n:host(.ic-button-variant-icon-destructive) .button*/.ic-button-variant-destructive.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-destructive-text);background-color:var(--ic-button-destructive-background);text-transform:uppercase}/*!@:host(.ic-button-variant-destructive) ::slotted(a),\n:host(.ic-button-variant-icon-destructive) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-destructive .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive .sc-ic-button-s>a{color:var(--ic-button-destructive-text) !important;background-color:var(--ic-button-destructive-background) !important;text-transform:uppercase !important}/*!@:host(.ic-button-variant-destructive) .button:hover,\n:host(.ic-button-variant-icon-destructive) .button:hover*/.ic-button-variant-destructive.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-destructive-background-hover)}/*!@:host(.ic-button-variant-destructive) ::slotted(a:hover),\n:host(.ic-button-variant-icon-destructive) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-destructive .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-destructive .sc-ic-button-s>a:hover{background-color:var(--ic-button-destructive-background-hover) !important}/*!@:host(.ic-button-variant-destructive) .button:active,\n:host(.ic-button-variant-destructive.ic-button-loading) .button,\n:host(.ic-button-variant-icon-destructive.ic-button-loading) .button*/.ic-button-variant-destructive.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-destructive.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-destructive.ic-button-loading.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-primary-text);background-color:var(--ic-button-destructive-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-destructive-background-pressed)}/*!@:host(.ic-button-variant-destructive) ::slotted(a:active),\n:host(.ic-button-variant-icon-destructive) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-destructive .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-destructive .sc-ic-button-s>a:active{background-color:var(--ic-button-destructive-background-pressed) !important}/*!@:host(.ic-button-variant-destructive.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button*/.ic-button-variant-destructive.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-destructive.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-button-destructive-background-disabled);color:var(--ic-button-destructive-text-disabled)}/*!@:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-destructive.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.ic-button-disabled .sc-ic-button-s>a{background-color:var(--ic-button-destructive-background-disabled) !important}/*!@:host(.ic-button-variant-icon) .button*/.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a{color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background) !important;min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon) .icon-container*/.ic-button-variant-icon.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.ic-button-variant-icon) .button:hover*/.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover{color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover)}/*!@:host(.ic-button-variant-icon) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a:hover{color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover) !important}/*!@:host(.ic-button-variant-icon) .button:active:not(:focus),\n:host(.ic-button-variant-icon.ic-button-loading) .button*/.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.ic-button-variant-icon.ic-button-loading.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-acti)}/*!@:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus))*/.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a:active:not(:focus){color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-acti) !important}/*!@:host(.ic-button-variant-icon.ic-button-disabled) .button*/.ic-button-variant-icon.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{color:var(--ic-architectural-300);background:none}/*!@:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-icon.ic-button-disabled .sc-ic-button-s>a{color:var(--ic-architectural-300);background:none !important}/*!@:host(.ic-button-variant-icon-primary) .button,\n:host(.ic-button-variant-icon-primary) ::slotted(a)*/.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary .sc-ic-button-s>a{min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon-primary) .icon-container*/.ic-button-variant-icon-primary.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.ic-button-variant-icon.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon.monochrome) ::slotted(svg)*/.sc-ic-button-h.ic-button-variant-icon.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon.monochrome.sc-ic-button-s>svg,.sc-ic-button-h.ic-button-variant-icon.monochrome .sc-ic-button-s>svg{color:var(--ic-button-icon-monochrome)}/*!@:host(.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-variant-icon-secondary) ::slotted(a)*/.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary .sc-ic-button-s>a{min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon-secondary) .icon-container*/.ic-button-variant-icon-secondary.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-variant-icon-tertiary) ::slotted(a)*/.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary .sc-ic-button-s>a{min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon-tertiary) .icon-container*/.ic-button-variant-icon-tertiary.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.ic-button-variant-icon-destructive) .button,\n:host(.ic-button-variant-icon-destructive) ::slotted(a)*/.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive .sc-ic-button-s>a{min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon-destructive) .icon-container*/.ic-button-variant-icon-destructive.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.ic-button-size-medium) .button*/.ic-button-size-medium.sc-ic-button-h .button.sc-ic-button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}/*!@:host(.ic-button-size-medium) ::slotted(a)*/.sc-ic-button-h.ic-button-size-medium .sc-ic-button-s>a{height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}/*!@:host(.ic-button-size-small) .button*/.ic-button-size-small.sc-ic-button-h .button.sc-ic-button{height:var(--height, var(--ic-space-xl));padding:var(--ic-space-xxs) var(--ic-space-md)}/*!@:host(.ic-button-size-small) ::slotted(a)*/.sc-ic-button-h.ic-button-size-small .sc-ic-button-s>a{height:var(--height, var(--ic-space-xl)) !important;padding:var(--ic-space-xxs) var(--ic-space-md) !important}/*!@:host(.ic-button-size-large) .button*/.ic-button-size-large.sc-ic-button-h .button.sc-ic-button{height:var(--height, var(--ic-space-xxl));padding:var(--ic-space-sm) var(--ic-space-md)}/*!@:host(.ic-button-size-large) ::slotted(a)*/.sc-ic-button-h.ic-button-size-large .sc-ic-button-s>a{height:var(--height, var(--ic-space-xxl)) !important;padding:var(--ic-space-sm) var(--ic-space-md) !important}/*!@:host(.ic-button-size-medium.ic-button-variant-icon) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-destructive) .button*/.ic-button-size-medium.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button,.ic-button-size-medium.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-medium.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-medium.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-medium.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button{height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}/*!@:host(.ic-button-size-medium.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-destructive) ::slotted(a)*/.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-primary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-secondary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-tertiary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-destructive .sc-ic-button-s>a{height:var(--height, var(--ic-space-xl)) !important;width:var(--ic-space-xl) !important;padding:0.375rem !important}/*!@:host(.ic-button-size-small.ic-button-variant-icon) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-destructive) .button*/.ic-button-size-small.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button,.ic-button-size-small.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-small.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-small.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-small.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button{height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}/*!@:host(.ic-button-size-small.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-destructive) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a)*/.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-primary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-secondary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-tertiary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-destructive .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a{height:var(--height, var(--ic-space-lg)) !important;width:var(--ic-space-lg) !important;padding:var(--ic-space-xxs) !important}/*!@:host(.ic-button-size-large.ic-button-variant-icon) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button*/.ic-button-size-large.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button,.ic-button-size-large.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-large.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-large.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-large.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button{height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}/*!@:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-destructive) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a)*/.ic-button-size-large.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-primary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-secondary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-tertiary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-destructive .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a{height:var(--height, 2.5rem) !important;width:2.5rem !important;padding:var(--ic-space-xs) !important}/*!@:host(.ic-button-full-width),\n:host(.ic-button-full-width) .button*/.ic-button-full-width.sc-ic-button-h,.ic-button-full-width.sc-ic-button-h .button.sc-ic-button{width:100%}/*!@:host(.ic-button-full-width) ::slotted(a)*/.sc-ic-button-h.ic-button-full-width .sc-ic-button-s>a{width:100% !important}/*!@div.loading-container*/div.loading-container.sc-ic-button{position:relative;align-items:center;width:100%}/*!@ic-loading-indicator*/ic-loading-indicator.sc-ic-button{--inner-color:var(--button-loading-inner-color);--outer-color:var(--button-loading-outer-color), transparent}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}/*!@div.icon-container*/div.icon-container.sc-ic-button{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center;margin-right:var(--ic-space-xs)}/*!@div.right-icon*/div.right-icon.sc-ic-button{margin-right:auto;margin-left:var(--ic-space-xs)}/*!@:host(.ic-button-full-width) .right-icon*/.ic-button-full-width.sc-ic-button-h .right-icon.sc-ic-button{margin-right:var(--ic-space-xs)}/*!@::slotted(:not(ic-badge))*/.sc-ic-button-s>:not(ic-badge){width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}/*!@:host(.ic-button-variant-icon) .button .icon-container*/.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button .icon-container.sc-ic-button{margin:0;pointer-events:none}/*!@:host(.search-submit-button) ::slotted(svg)*/.sc-ic-button-h.search-submit-button.sc-ic-button-s>svg,.search-submit-button .sc-ic-button-s>svg{--icon-height:1.25rem;--icon-width:1.25rem;color:var(--ic-atoms-input-search-button)}/*!@:host(.search-submit-button-small) ::slotted(svg)*/.sc-ic-button-h.search-submit-button-small .sc-ic-button-s>svg{--icon-height:1rem;--icon-width:1rem;color:var(--ic-atoms-input-search-button)}/*!@:host(.search-submit-button) .button:focus*/.search-submit-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.search-submit-button) .button:not(:active):focus*/.search-submit-button.sc-ic-button-h .button.sc-ic-button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}/*!@:host(.search-submit-button) .button:not(:active):focus ::slotted(svg)*/.sc-ic-button-h.search-submit-button .button:not(:active):focus .sc-ic-button-s>svg{color:var(--ic-button-primary-text)}/*!@:host(.search-submit-button)*/.search-submit-button.sc-ic-button-h{display:flex;align-items:center;margin:0 var(--ic-space-xxs)}/*!@:host(.ic-button-variant-icon) .button,\n:host(.ic-button-variant-icon) ::slotted(a)*/.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a{background-color:inherit;min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon) .icon-container*/.ic-button-variant-icon.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.button-variant-icon) .button,\n:host(.button-variant-icon) ::slotted(a)*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a{color:var(--button-default);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.button-variant-icon) .icon-container*/.button-variant-icon.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.button-variant-icon) .button:hover,\n:host(.button-variant-icon) ::slotted(a:hover)*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover{background-color:var(--button-default-background-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-icon) .button:active:not(:focus),\n:host(.button-variant-icon) ::slotted(a:active:not(:focus)),\n:host(.button-variant-icon.loading) .button*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:active:not(:focus),.button-variant-icon.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-icon.disabled) .button,\n:host(.button-variant-icon.disabled) ::slotted(a)*/.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a{color:var(--ic-architectural-300);background:none}/*!@:host(.clear-button)*/.clear-button.sc-ic-button-h{margin:0 var(--ic-space-xxs)}/*!@:host(.clear-button) .button:focus,\n:host(.calendar-button) .button:focus*/.clear-button.sc-ic-button-h .button.sc-ic-button:focus,.calendar-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.dismiss-icon) .button,\n:host(.clear-button) .button,\n:host(.dismiss-icon) ::slotted(a),\n:host(.clear-button) ::slotted(a)*/.dismiss-icon.sc-ic-button-h .button.sc-ic-button,.clear-button.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.dismiss-icon.sc-ic-button-s>a,.sc-ic-button-h.dismiss-icon .sc-ic-button-s>a,.sc-ic-button-h.clear-button.sc-ic-button-s>a,.clear-button .sc-ic-button-s>a{background-color:inherit;color:var(--ic-atoms-input-clear-button)}/*!@:host(.dismiss-icon) .button:hover,\n:host(.clear-button) .button:hover,\n:host(.dismiss-icon) ::slotted(a:hover),\n:host(.clear-button) ::slotted(a:hover)*/.dismiss-icon.sc-ic-button-h .button.sc-ic-button:hover,.clear-button.sc-ic-button-h .button.sc-ic-button:hover,.sc-ic-button-h.dismiss-icon.sc-ic-button-s>a,.sc-ic-button-h.dismiss-icon.sc-ic-button-s>a:hover,.sc-ic-button-h.dismiss-icon .sc-ic-button-s>a:hover,.sc-ic-button-h.clear-button.sc-ic-button-s>a,.sc-ic-button-h.clear-button.sc-ic-button-s>a:hover,.clear-button .sc-ic-button-s>a:hover{color:var(--ic-atoms-input-clear-button)}/*!@:host(.dismiss-icon),\n:host(.clear-button)*/.dismiss-icon.sc-ic-button-h,.clear-button.sc-ic-button-h{color:var(--ic-atoms-input-clear-button);margin:0 var(--ic-space-xxs)}/*!@:host(.dismiss-icon) .button:focus,\n:host(.clear-button) .button:focus,\n:host(.calendar-button) .button:focus*/.dismiss-icon.sc-ic-button-h .button.sc-ic-button:focus,.clear-button.sc-ic-button-h .button.sc-ic-button:focus,.calendar-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),\n:host(.clear-button) .button:not(:active):focus ::slotted(svg)*/.sc-ic-button-h.dismiss-icon .button:not(:active):focus .sc-ic-button-s>svg,.sc-ic-button-h.clear-button .button:not(:active):focus.sc-ic-button-s>svg,.sc-ic-button-h.clear-button .button:not(:active):focus .sc-ic-button-s>svg{background-color:var(--ic-atoms-input-clear-button-focus-inner);color:var(--ic-button-primary-text)}/*!@:host(.menu-close-button) ::slotted(svg)*/.sc-ic-button-h.menu-close-button .sc-ic-button-s>svg{--icon-height:0.875rem;--icon-width:0.875rem;color:var(--ic-top-navigation-icon-active)}/*!@:host(.popout-menu-button) .button*/.popout-menu-button.sc-ic-button-h .button.sc-ic-button{height:var(--height);justify-content:left;border-radius:0;white-space:pre-line;text-align:start}/*!@:host(.popout-menu-button) div.icon-container*/.popout-menu-button.sc-ic-button-h div.icon-container.sc-ic-button{flex:none}/*!@:host(.popout-menu-button) .button:focus*/.popout-menu-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}/*!@.ic-button-describedby*/.ic-button-describedby.sc-ic-button{display:none}/*!@:host .ic-tooltip*/.sc-ic-button-h .ic-tooltip.sc-ic-button{display:block}/*!@:host .arrow-dropdown*/.sc-ic-button-h .arrow-dropdown.sc-ic-button{margin-top:auto}/*!@:host .dropdown-expanded*/.sc-ic-button-h .dropdown-expanded.sc-ic-button{transform:rotate(180deg);margin-bottom:var(--ic-space-xxxs)}/*!@:host(.dropdown-no-icon) .button*/.dropdown-no-icon.sc-ic-button-h .button.sc-ic-button{padding-right:var(--ic-space-xs)}/*!@slot[name=\"router-item\"]::slotted(a)*/slot[name=\"router-item\"].sc-ic-button-s>a{pointer-events:all}/*!@::slotted(a)*/.sc-ic-button-s>a{font-size:0.875rem !important;border:none !important;vertical-align:middle !important}@media (forced-colors: active){/*!@.button,\n  ::slotted(a)*/.button.sc-ic-button,.sc-ic-button-s>a{border:0.125rem solid transparent !important}/*!@.search-submit-button ::slotted(a),\n  .ic-button-variant-icon ::slotted(a),\n  .clear-button ::slotted(a),\n  .search-submit-button ::slotted(svg),\n  .ic-button-variant-icon ::slotted(svg),\n  .clear-button ::slotted(svg)*/.search-submit-button .sc-ic-button-s>a,.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a,.clear-button.sc-ic-button-s>a,.clear-button .sc-ic-button-s>a,.search-submit-button.sc-ic-button-s>svg,.search-submit-button .sc-ic-button-s>svg,.ic-button-variant-icon.sc-ic-button-s>svg,.ic-button-variant-icon .sc-ic-button-s>svg,.clear-button.sc-ic-button-s>svg,.clear-button .sc-ic-button-s>svg{color:HighlightText}/*!@:host(.ic-button-variant-icon.monochrome) ::slotted(a),\n  :host(.ic-button-variant-icon.monochrome) ::slotted(svg)*/.sc-ic-button-h.ic-button-variant-icon.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon.monochrome.sc-ic-button-s>svg,.sc-ic-button-h.ic-button-variant-icon.monochrome .sc-ic-button-s>svg{color:white}/*!@:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),\n  :host(.clear-button) .button:not(:active):focus ::slotted(svg)*/.sc-ic-button-h.dismiss-icon .button:not(:active):focus .sc-ic-button-s>svg,.sc-ic-button-h.clear-button .button:not(:active):focus.sc-ic-button-s>svg,.sc-ic-button-h.clear-button .button:not(:active):focus .sc-ic-button-s>svg{color:white !important;background-color:inherit}}/*!@:host(.flip) ::slotted(svg)*/.sc-ic-button-h.flip .sc-ic-button-s>svg{transform:scaleX(-1)}";
+const icButtonCss = "/*!@html*/html.sc-ic-button{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-button{margin:0}/*!@main*/main.sc-ic-button{display:block}/*!@h1*/h1.sc-ic-button{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-button{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-button{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-button{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-button{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-button,strong.sc-ic-button{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-button,kbd.sc-ic-button,samp.sc-ic-button{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-button{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-button,sup.sc-ic-button{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-button{bottom:-0.25em}/*!@sup*/sup.sc-ic-button{top:-0.5em}/*!@img*/img.sc-ic-button{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-button,input.sc-ic-button,optgroup.sc-ic-button,select.sc-ic-button,textarea.sc-ic-button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-button,input.sc-ic-button{overflow:visible}/*!@button,\nselect*/button.sc-ic-button,select.sc-ic-button{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-button,[type=\"button\"].sc-ic-button,[type=\"reset\"].sc-ic-button,[type=\"submit\"].sc-ic-button{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-button::-moz-focus-inner,[type=\"button\"].sc-ic-button::-moz-focus-inner,[type=\"reset\"].sc-ic-button::-moz-focus-inner,[type=\"submit\"].sc-ic-button::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-button:-moz-focusring,[type=\"button\"].sc-ic-button:-moz-focusring,[type=\"reset\"].sc-ic-button:-moz-focusring,[type=\"submit\"].sc-ic-button:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-button{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-button{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-button{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-button{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-button,[type=\"radio\"].sc-ic-button{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-button::-webkit-inner-spin-button,[type=\"number\"].sc-ic-button::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-button{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-button::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-button::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-button{display:block}/*!@summary*/summary.sc-ic-button{display:list-item}/*!@template*/template.sc-ic-button{display:none}/*!@[hidden]*/[hidden].sc-ic-button{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-button,body.sc-ic-button,div.sc-ic-button,span.sc-ic-button,applet.sc-ic-button,object.sc-ic-button,iframe.sc-ic-button,h1.sc-ic-button,h2.sc-ic-button,h3.sc-ic-button,h4.sc-ic-button,h5.sc-ic-button,h6.sc-ic-button,p.sc-ic-button,blockquote.sc-ic-button,pre.sc-ic-button,a.sc-ic-button,abbr.sc-ic-button,acronym.sc-ic-button,address.sc-ic-button,big.sc-ic-button,cite.sc-ic-button,code.sc-ic-button,del.sc-ic-button,dfn.sc-ic-button,em.sc-ic-button,img.sc-ic-button,ins.sc-ic-button,kbd.sc-ic-button,q.sc-ic-button,s.sc-ic-button,samp.sc-ic-button,small.sc-ic-button,strike.sc-ic-button,strong.sc-ic-button,sub.sc-ic-button,sup.sc-ic-button,tt.sc-ic-button,var.sc-ic-button,b.sc-ic-button,u.sc-ic-button,i.sc-ic-button,center.sc-ic-button,dl.sc-ic-button,dt.sc-ic-button,dd.sc-ic-button,ol.sc-ic-button,ul.sc-ic-button,li.sc-ic-button,fieldset.sc-ic-button,form.sc-ic-button,label.sc-ic-button,legend.sc-ic-button,table.sc-ic-button,caption.sc-ic-button,tbody.sc-ic-button,tfoot.sc-ic-button,thead.sc-ic-button,tr.sc-ic-button,th.sc-ic-button,td.sc-ic-button,article.sc-ic-button,aside.sc-ic-button,canvas.sc-ic-button,details.sc-ic-button,embed.sc-ic-button,figure.sc-ic-button,figcaption.sc-ic-button,footer.sc-ic-button,header.sc-ic-button,hgroup.sc-ic-button,menu.sc-ic-button,nav.sc-ic-button,output.sc-ic-button,ruby.sc-ic-button,section.sc-ic-button,summary.sc-ic-button,time.sc-ic-button,mark.sc-ic-button,audio.sc-ic-button,video.sc-ic-button{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-button-h{display:inline-block;position:relative;--icon-width:100%;--icon-height:100%}/*!@.button,\n::slotted(a)*/.button.sc-ic-button,.sc-ic-button-s>a{font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:0.875rem;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:var(--min-width, 6.25rem);display:inline-flex;flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}/*!@:host(.with-badge) .button*/.with-badge.sc-ic-button-h .button.sc-ic-button{border-radius:0.2188rem}/*!@.button:hover,\n::slotted(a:hover)*/.button.sc-ic-button:hover,.sc-ic-button-s>a:hover{cursor:pointer}/*!@.button:focus,\n::slotted(a:focus)*/.button.sc-ic-button:focus,.sc-ic-button-s>a:focus{box-shadow:var(--ic-border-focus)}/*!@.button:focus-visible,\n::slotted(a:focus-visible)*/.button.sc-ic-button:focus-visible,.sc-ic-button-s>a:focus-visible{outline:var(--ic-hc-focus-outline)}/*!@:host(.ic-button-disabled),\n:host(.ic-button-disabled) .button,\n:host(.ic-button-disabled) ::slotted(a),\n:host(.ic-button-loading),\n:host(.ic-button-loading) .button*/.ic-button-disabled.sc-ic-button-h,.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-disabled .sc-ic-button-s>a,.ic-button-loading.sc-ic-button-h,.ic-button-loading.sc-ic-button-h .button.sc-ic-button{pointer-events:none}/*!@:host(.top-icon) .button*/.top-icon.sc-ic-button-h .button.sc-ic-button{flex-direction:column;--height:fit-content}/*!@:host(.top-icon) .button .icon-container*/.top-icon.sc-ic-button-h .button.sc-ic-button .icon-container.sc-ic-button{margin-right:0}/*!@:host(.ic-button-variant-primary) .button,\n:host(.ic-button-variant-icon-primary) .button*/.ic-button-variant-primary.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background)}/*!@:host(.ic-button-variant-primary) ::slotted(a),\n:host(.ic-button-variant-icon-primary) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-primary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary .sc-ic-button-s>a{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background) !important}/*!@:host(.ic-button-variant-primary) .button:hover,\n:host(.ic-button-variant-icon-primary) .button:hover*/.ic-button-variant-primary.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-primary-background-hover)}/*!@:host(.ic-button-variant-primary) ::slotted(a:hover),\n:host(.ic-button-variant-icon-primary) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-primary .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-primary .sc-ic-button-s>a:hover{background-color:var(--ic-button-primary-background-hover) !important}/*!@:host(.ic-button-variant-primary.ic-button-loading) .button,\n:host(.ic-button-variant-primary) .button:active,\n:host(.ic-button-variant-icon-primary.ic-button-loading) .button,\n:host(.ic-button-variant-icon-primary) .button:active*/.ic-button-variant-primary.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-primary.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-primary.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button:active{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-primary-background-pressed)}/*!@:host(.ic-button-variant-primary) ::slotted(a:active),\n:host(.ic-button-variant-icon-primary) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-primary .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-primary .sc-ic-button-s>a:active{background-color:var(--ic-button-primary-background-pressed) !important}/*!@:host(.ic-button-variant-primary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-primary.ic-button-disabled) .button*/.ic-button-variant-primary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{background:var(--ic-button-primary-background-disabled);color:var(--ic-button-primary-text-disabled)}/*!@:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-primary.ic-button-disabled) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-primary.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-disabled .sc-ic-button-s>a{background:var(--ic-button-primary-background-disabled) !important;color:var(--ic-button-primary-text-disabled) !important}/*!@:host(.ic-button-variant-primary.monochrome) .button,\n:host(.ic-button-variant-icon-primary.monochrome) .button*/.ic-button-variant-primary.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.monochrome.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-primary-text-monochrome);background-color:var(--ic-button-primary-background-monochrome)}/*!@:host(.ic-button-variant-primary.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-primary.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome .sc-ic-button-s>a{background-color:var(--ic-button-primary-background-monochrome) !important}/*!@:host(.ic-button-variant-primary.monochrome) .button:hover,\n:host(.ic-button-variant-icon-primary.monochrome) .button:hover*/.ic-button-variant-primary.monochrome.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-primary.monochrome.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-primary-background-hover-monochrome)}/*!@:host(.ic-button-variant-primary.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-primary.monochrome .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome .sc-ic-button-s>a:hover{background-color:var(\n    --ic-button-primary-background-hover-monochrome\n  ) !important}/*!@:host(.ic-button-variant-primary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-primary.monochrome) .button:active,\n:host(.ic-button-variant-icon-primary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-icon-primary.monochrome) .button:active*/.ic-button-variant-primary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-primary.monochrome.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-primary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.monochrome.sc-ic-button-h .button.sc-ic-button:active{background-color:var(--ic-button-primary-background-pressed-monochrome);--button-loading-inner-color:var(--ic-button-primary-text-monochrome);--button-loading-outer-color:var(--ic-button-primary-background-monochrome)}/*!@:host(.ic-button-variant-primary.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-primary.monochrome .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome .sc-ic-button-s>a:active{background-color:var(\n    --ic-button-primary-background-pressed-monochrome\n  ) !important}/*!@:host(.ic-button-variant-primary.ic-button-disabled.monochrome) .button,\n:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) .button*/.ic-button-variant-primary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-button-primary-background-disabled-monochrome);color:var(--ic-button-primary-text-disabled-monochrome)}/*!@:host(.ic-button-variant-primary.ic-button-disabled.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome)\n  ::slotted(a)*/.sc-ic-button-h.ic-button-variant-primary.ic-button-disabled.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-disabled.monochrome .sc-ic-button-s>a{background-color:var(\n    --ic-button-primary-background-disabled-monochrome\n  ) !important}/*!@:host(.ic-button-variant-secondary) .button,\n:host(.ic-button-variant-icon-secondary) .button*/.ic-button-variant-secondary.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button{border:var(--ic-border-width) solid var(--ic-button-secondary-border);color:var(--ic-button-secondary-text)}/*!@:host(.ic-button-variant-secondary) ::slotted(a),\n:host(.ic-button-variant-icon-secondary) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary .sc-ic-button-s>a{border:var(--ic-border-width) solid var(--ic-button-secondary-border) !important;color:var(--ic-button-secondary-text) !important}/*!@:host(.ic-button-variant-secondary) .button:hover,\n:host(.ic-button-variant-icon-secondary) .button:hover*/.ic-button-variant-secondary.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-secondary-background-hover-active);border-color:var(--ic-button-secondary-border-hover);color:var(--ic-button-secondary-text-hover-active)}/*!@:host(.ic-button-variant-secondary) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-secondary .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary .sc-ic-button-s>a:hover{background-color:var(\n    --ic-button-secondary-background-hover-active\n  ) !important}/*!@:host(.ic-button-variant-secondary) .button:active,\n:host(.ic-button-variant-icon-secondary) .button:active*/.ic-button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button:active{border-color:var(--ic-button-secondary-border-pressed);background-color:var(--ic-button-secondary-background-pressed-active);color:var(--ic-button-secondary-text-pressed-active)}/*!@:host(.ic-button-variant-secondary) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-secondary .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary .sc-ic-button-s>a:active{background-color:var(\n    --ic-button-secondary-background-pressed-active\n  ) !important}/*!@:host(.ic-button-variant-secondary.ic-button-loading) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-loading) .button*/.ic-button-variant-secondary.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.ic-button-loading.sc-ic-button-h .button.sc-ic-button{border-color:var(--ic-button-secondary-border-pressed);background-color:var(\n    --loading-button-background,\n    var(--ic-button-secondary-background-pressed-active)\n  ) !important;color:var(--ic-button-secondary-text-pressed-active);--button-loading-inner-color:var(--ic-button-secondary-text-pressed-active);--button-loading-outer-color:var(--ic-button-secondary-background-pressed)}/*!@:host(.ic-button-variant-secondary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button*/.ic-button-variant-secondary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{border-color:var(--ic-button-secondary-border-disabled);color:var(--ic-button-secondary-text-disabled);background:none}/*!@:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.ic-button-disabled .sc-ic-button-s>a{background:none !important}/*!@:host(.ic-button-variant-secondary.background) .button,\n:host(.ic-button-variant-icon-secondary.background) .button*/.ic-button-variant-secondary.background.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.background.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-button-secondary-background-non-transparent)}/*!@:host(.ic-button-variant-secondary.background) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.background) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.background .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background .sc-ic-button-s>a{background-color:var(\n    --ic-button-secondary-background-non-transparent\n  ) !important}/*!@:host(.ic-button-variant-secondary.background.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-secondary.background.ic-button-disabled) .button*/.ic-button-variant-secondary.background.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.background.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{background-color:var(\n    --ic-button-secondary-background-non-transparent-disabled\n  )}/*!@:host(.ic-button-variant-secondary.background.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.background.ic-button-disabled)\n  ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.background.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.ic-button-disabled .sc-ic-button-s>a{background-color:var(\n    --ic-button-secondary-background-non-transparent-disabled\n  ) !important}/*!@:host(.ic-button-variant-secondary.background) .button:hover,\n:host(.ic-button-variant-icon-secondary.background) .button:hover*/.ic-button-variant-secondary.background.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-secondary.background.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-secondary-background-non-transparent-hover)}/*!@:host(.ic-button-variant-secondary.background) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.background) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-secondary.background .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.background.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.background .sc-ic-button-s>a:hover{background-color:var(\n    --ic-button-secondary-background-non-transparent-hover\n  ) !important}/*!@:host(.ic-button-variant-secondary.background) .button:active,\n:host(.ic-button-variant-icon-secondary.background) .button:active*/.ic-button-variant-secondary.background.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-secondary.background.sc-ic-button-h .button.sc-ic-button:active{background-color:var(\n    --ic-button-secondary-background-non-transparent-active\n  )}/*!@:host(.ic-button-variant-secondary.background) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary.background) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-secondary.background .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.background.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.background .sc-ic-button-s>a:active{background-color:var(\n    --ic-button-secondary-background-non-transparent-active\n  ) !important}/*!@:host(.ic-button-variant-secondary.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.monochrome) .button*/.ic-button-variant-secondary.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.monochrome.sc-ic-button-h .button.sc-ic-button{background-color:none;border:var(--ic-border-width) solid\n    var(--ic-button-secondary-border-monochrome);color:var(--ic-button-secondary-text-monochrome)}/*!@:host(.ic-button-variant-secondary.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome .sc-ic-button-s>a{background-color:none !important}/*!@:host(.ic-button-variant-secondary.monochrome) .button:hover,\n:host(.ic-button-variant-icon-secondary.monochrome) .button:hover*/.ic-button-variant-secondary.monochrome.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-secondary.monochrome.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-secondary-background-hover-monochrome);border-color:var(--ic-button-secondary-border-hover-monochrome);color:var(--ic-button-secondary-text-hover-monochrome)}/*!@:host(.ic-button-variant-secondary.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-secondary.monochrome .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome .sc-ic-button-s>a:hover{background-color:var(\n    --ic-button-secondary-background-hover-monochrome\n  ) !important}/*!@:host(.ic-button-variant-secondary.monochrome) .button:active,\n:host(.ic-button-variant-icon-secondary.monochrome) .button:active*/.ic-button-variant-secondary.monochrome.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-secondary.monochrome.sc-ic-button-h .button.sc-ic-button:active{background-color:var(--ic-button-secondary-background-pressed-monochrome);border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome)}/*!@:host(.ic-button-variant-secondary.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-secondary.monochrome .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome .sc-ic-button-s>a:active{background-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important}/*!@:host(.ic-button-variant-secondary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-loading.monochrome) .button*/.ic-button-variant-secondary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button{background-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important;border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome);--button-loading-inner-color:var(\n    --ic-button-secondary-text-pressed-monochrome\n  );--button-loading-outer-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  )}/*!@:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) .button*/.ic-button-variant-secondary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button{background:none;border-color:var(--ic-button-secondary-border-disabled-monochrome);color:var(--ic-button-secondary-text-disabled-monochrome)}/*!@:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome)\n  ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.ic-button-disabled.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.ic-button-disabled.monochrome .sc-ic-button-s>a{background:none !important}/*!@:host(.ic-button-variant-secondary.background.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.background.monochrome) .button*/.ic-button-variant-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome\n  );color:var(--ic-button-primary-text)}/*!@:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.background.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome .sc-ic-button-s>a{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome\n  ) !important}/*!@:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled)\n  .button,\n:host(\n    .ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled\n  )\n  .button*/.ic-button-variant-secondary.background.monochrome.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-disabled\n  );color:var(--ic-button-secondary-text-disabled-monochrome)}/*!@:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled)\n  ::slotted(a),\n:host(\n    .ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled\n  )\n  ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.background.monochrome.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled .sc-ic-button-s>a{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-disabled\n  ) !important}/*!@:host(.ic-button-variant-secondary.background.monochrome) .button:hover,\n:host(.ic-button-variant-icon-secondary.background.monochrome) .button:hover*/.ic-button-variant-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-hover\n  )}/*!@:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.background.monochrome)\n  ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-secondary.background.monochrome .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome .sc-ic-button-s>a:hover{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-hover\n  ) !important}/*!@:host(.ic-button-variant-secondary.background.monochrome) .button:active,\n:host(.ic-button-variant-icon-secondary.background.monochrome) .button:active*/.ic-button-variant-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button:active{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-active\n  )}/*!@:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary.background.monochrome)\n  ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-secondary.background.monochrome .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome .sc-ic-button-s>a:active{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-active\n  ) !important}/*!@:host(.ic-button-variant-tertiary) .button,\n:host(.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-variant-tertiary) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary) ::slotted(a)*/.ic-button-variant-tertiary.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary .sc-ic-button-s>a{color:var(--ic-button-tertiary-text-active)}/*!@:host(.ic-button-variant-tertiary) .button:hover,\n:host(.ic-button-variant-icon-tertiary) .button:hover*/.ic-button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-tertiary-background-hover-active);color:var(--ic-button-tertiary-text-hover-active)}/*!@:host(.ic-button-variant-tertiary) ::slotted(a:hover),\n:host(.ic-button-variant-icon-tertiary) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-tertiary .sc-ic-button-s>a:hover{background-color:var(\n    --ic-button-tertiary-background-hover-active\n  ) !important}/*!@:host(.ic-button-variant-tertiary) .button:active,\n:host(.ic-button-variant-tertiary.ic-button-loading) .button,\n:host(.ic-button-variant-icon-tertiary) .button:active,\n:host(.ic-button-variant-icon-tertiary.ic-button-loading) .button*/.ic-button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-tertiary.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-tertiary.ic-button-loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-button-tertiary-background-pressed-active);color:var(--ic-button-tertiary-text-pressed-active);--button-loading-inner-color:var(--ic-button-tertiary-text-pressed-active);--button-loading-outer-color:var(--ic-button-tertiary-background-pressed)}/*!@:host(.ic-button-variant-tertiary) ::slotted(a:active),\n:host(.ic-button-variant-icon-tertiary) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-tertiary .sc-ic-button-s>a:active{background-color:var(\n    --ic-button-tertiary-background-pressed-active\n  ) !important}/*!@:host(.ic-button-variant-tertiary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button*/.ic-button-variant-tertiary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-tertiary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-tertiary-text-disabled);background:none}/*!@:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-tertiary.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.ic-button-disabled .sc-ic-button-s>a{background:none !important}/*!@:host(.ic-button-variant-tertiary.monochrome) .button,\n:host(.ic-button-variant-tertiary.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a)*/.ic-button-variant-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary.monochrome .sc-ic-button-s>a,.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome .sc-ic-button-s>a{color:var(--ic-button-tertiary-text-monochrome)}/*!@:host(.ic-button-variant-tertiary.monochrome) .button:hover,\n:host(.ic-button-variant-icon-tertiary.monochrome) .button:hover*/.ic-button-variant-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-tertiary-background-hover-monochrome);color:var(--ic-button-tertiary-text-hover-monochrome)}/*!@:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary.monochrome .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome .sc-ic-button-s>a:hover{background-color:var(\n    --ic-button-tertiary-background-hover-monochrome\n  ) !important}/*!@:host(.ic-button-variant-tertiary.monochrome) .button:active,\n:host(.ic-button-variant-tertiary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.monochrome) .button:active,\n:host(.ic-button-variant-icon-tertiary.ic-button-loading.monochrome) .button*/.ic-button-variant-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-tertiary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-tertiary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-button-tertiary-background-pressed-monochrome);color:var(--ic-button-tertiary-text-pressed-monochrome);--button-loading-inner-color:var(\n    --ic-button-tertiary-text-pressed-monochrome\n  );--button-loading-outer-color:var(\n    --ic-button-tertiary-background-pressed-monochrome\n  )}/*!@:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary.monochrome .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome .sc-ic-button-s>a:active{background-color:var(\n    --ic-button-tertiary-background-pressed-monochrome\n  ) !important}/*!@:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) .button*/.ic-button-variant-tertiary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-tertiary-text-disabled-monochrome);background:none}/*!@:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome)\n  ::slotted(a)*/.sc-ic-button-h.ic-button-variant-tertiary.ic-button-disabled.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome .sc-ic-button-s>a{background:none !important}/*!@:host(.ic-button-variant-destructive) .button,\n:host(.ic-button-variant-icon-destructive) .button*/.ic-button-variant-destructive.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-destructive-text);background-color:var(--ic-button-destructive-background);text-transform:uppercase}/*!@:host(.ic-button-variant-destructive) ::slotted(a),\n:host(.ic-button-variant-icon-destructive) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-destructive .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive .sc-ic-button-s>a{color:var(--ic-button-destructive-text) !important;background-color:var(--ic-button-destructive-background) !important;text-transform:uppercase !important}/*!@:host(.ic-button-variant-destructive) .button:hover,\n:host(.ic-button-variant-icon-destructive) .button:hover*/.ic-button-variant-destructive.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-destructive-background-hover)}/*!@:host(.ic-button-variant-destructive) ::slotted(a:hover),\n:host(.ic-button-variant-icon-destructive) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-destructive .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-destructive .sc-ic-button-s>a:hover{background-color:var(--ic-button-destructive-background-hover) !important}/*!@:host(.ic-button-variant-destructive) .button:active,\n:host(.ic-button-variant-destructive.ic-button-loading) .button,\n:host(.ic-button-variant-icon-destructive.ic-button-loading) .button*/.ic-button-variant-destructive.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-destructive.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-destructive.ic-button-loading.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-primary-text);background-color:var(--ic-button-destructive-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-destructive-background-pressed)}/*!@:host(.ic-button-variant-destructive) ::slotted(a:active),\n:host(.ic-button-variant-icon-destructive) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-destructive .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-destructive .sc-ic-button-s>a:active{background-color:var(--ic-button-destructive-background-pressed) !important}/*!@:host(.ic-button-variant-destructive.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button*/.ic-button-variant-destructive.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-destructive.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-button-destructive-background-disabled);color:var(--ic-button-destructive-text-disabled)}/*!@:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-destructive.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.ic-button-disabled .sc-ic-button-s>a{background-color:var(--ic-button-destructive-background-disabled) !important}/*!@:host(.ic-button-variant-icon) .button*/.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a{color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background) !important;min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon) .icon-container*/.ic-button-variant-icon.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.ic-button-variant-icon) .button:hover*/.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover{color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover)}/*!@:host(.ic-button-variant-icon) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a:hover{color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover) !important}/*!@:host(.ic-button-variant-icon) .button:active:not(:focus),\n:host(.ic-button-variant-icon.ic-button-loading) .button*/.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.ic-button-variant-icon.ic-button-loading.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-acti)}/*!@:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus))*/.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a:active:not(:focus){color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-acti) !important}/*!@:host(.ic-button-variant-icon.ic-button-disabled) .button*/.ic-button-variant-icon.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{color:var(--ic-architectural-300);background:none}/*!@:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-icon.ic-button-disabled .sc-ic-button-s>a{color:var(--ic-architectural-300);background:none !important}/*!@:host(.ic-button-variant-icon-primary) .button,\n:host(.ic-button-variant-icon-primary) ::slotted(a)*/.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary .sc-ic-button-s>a{min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon-primary) .icon-container*/.ic-button-variant-icon-primary.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.ic-button-variant-icon.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon.monochrome) ::slotted(svg)*/.sc-ic-button-h.ic-button-variant-icon.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon.monochrome.sc-ic-button-s>svg,.sc-ic-button-h.ic-button-variant-icon.monochrome .sc-ic-button-s>svg{color:var(--ic-button-icon-monochrome)}/*!@:host(.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-variant-icon-secondary) ::slotted(a)*/.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary .sc-ic-button-s>a{min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon-secondary) .icon-container*/.ic-button-variant-icon-secondary.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-variant-icon-tertiary) ::slotted(a)*/.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary .sc-ic-button-s>a{min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon-tertiary) .icon-container*/.ic-button-variant-icon-tertiary.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.ic-button-variant-icon-destructive) .button,\n:host(.ic-button-variant-icon-destructive) ::slotted(a)*/.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive .sc-ic-button-s>a{min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon-destructive) .icon-container*/.ic-button-variant-icon-destructive.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.ic-button-size-medium) .button*/.ic-button-size-medium.sc-ic-button-h .button.sc-ic-button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}/*!@:host(.ic-button-size-medium) ::slotted(a)*/.sc-ic-button-h.ic-button-size-medium .sc-ic-button-s>a{height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}/*!@:host(.ic-button-size-small) .button*/.ic-button-size-small.sc-ic-button-h .button.sc-ic-button{height:var(--height, var(--ic-space-xl));padding:var(--ic-space-xxs) var(--ic-space-md)}/*!@:host(.ic-button-size-small) ::slotted(a)*/.sc-ic-button-h.ic-button-size-small .sc-ic-button-s>a{height:var(--height, var(--ic-space-xl)) !important;padding:var(--ic-space-xxs) var(--ic-space-md) !important}/*!@:host(.ic-button-size-large) .button*/.ic-button-size-large.sc-ic-button-h .button.sc-ic-button{height:var(--height, var(--ic-space-xxl));padding:var(--ic-space-sm) var(--ic-space-md)}/*!@:host(.ic-button-size-large) ::slotted(a)*/.sc-ic-button-h.ic-button-size-large .sc-ic-button-s>a{height:var(--height, var(--ic-space-xxl)) !important;padding:var(--ic-space-sm) var(--ic-space-md) !important}/*!@:host(.ic-button-size-medium.ic-button-variant-icon) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-destructive) .button*/.ic-button-size-medium.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button,.ic-button-size-medium.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-medium.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-medium.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-medium.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button{height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}/*!@:host(.ic-button-size-medium.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-destructive) ::slotted(a)*/.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-primary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-secondary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-tertiary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-destructive .sc-ic-button-s>a{height:var(--height, var(--ic-space-xl)) !important;width:var(--ic-space-xl) !important;padding:0.375rem !important}/*!@:host(.ic-button-size-small.ic-button-variant-icon) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-destructive) .button*/.ic-button-size-small.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button,.ic-button-size-small.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-small.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-small.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-small.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button{height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}/*!@:host(.ic-button-size-small.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-destructive) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a)*/.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-primary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-secondary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-tertiary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-destructive .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a{height:var(--height, var(--ic-space-lg)) !important;width:var(--ic-space-lg) !important;padding:var(--ic-space-xxs) !important}/*!@:host(.ic-button-size-large.ic-button-variant-icon) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button*/.ic-button-size-large.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button,.ic-button-size-large.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-large.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-large.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-large.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button{height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}/*!@:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-destructive) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a)*/.ic-button-size-large.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-primary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-secondary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-tertiary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-destructive .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a{height:var(--height, 2.5rem) !important;width:2.5rem !important;padding:var(--ic-space-xs) !important}/*!@:host(.ic-button-full-width),\n:host(.ic-button-full-width) .button*/.ic-button-full-width.sc-ic-button-h,.ic-button-full-width.sc-ic-button-h .button.sc-ic-button{width:100%}/*!@:host(.ic-button-full-width) ::slotted(a)*/.sc-ic-button-h.ic-button-full-width .sc-ic-button-s>a{width:100% !important}/*!@div.loading-container*/div.loading-container.sc-ic-button{position:relative;align-items:center;width:100%}/*!@ic-loading-indicator*/ic-loading-indicator.sc-ic-button{--inner-color:var(--button-loading-inner-color);--outer-color:var(--button-loading-outer-color), transparent}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}/*!@div.icon-container*/div.icon-container.sc-ic-button{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center;margin-right:var(--ic-space-xs)}/*!@div.right-icon*/div.right-icon.sc-ic-button{margin-right:auto;margin-left:var(--ic-space-xs)}/*!@:host(.ic-button-full-width) .right-icon*/.ic-button-full-width.sc-ic-button-h .right-icon.sc-ic-button{margin-right:var(--ic-space-xs)}/*!@::slotted(:not(ic-badge))*/.sc-ic-button-s>:not(ic-badge){width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}/*!@:host(.ic-button-variant-icon) .button .icon-container*/.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button .icon-container.sc-ic-button{margin:0;pointer-events:none}/*!@:host(.search-submit-button) ::slotted(svg)*/.sc-ic-button-h.search-submit-button.sc-ic-button-s>svg,.search-submit-button .sc-ic-button-s>svg{--icon-height:1.25rem;--icon-width:1.25rem;color:var(--ic-atoms-input-search-button)}/*!@:host(.search-submit-button-small) ::slotted(svg)*/.sc-ic-button-h.search-submit-button-small .sc-ic-button-s>svg{--icon-height:1rem;--icon-width:1rem;color:var(--ic-atoms-input-search-button)}/*!@:host(.search-submit-button) .button:focus*/.search-submit-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.search-submit-button) .button:not(:active):focus*/.search-submit-button.sc-ic-button-h .button.sc-ic-button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}/*!@:host(.search-submit-button) .button:not(:active):focus ::slotted(svg)*/.sc-ic-button-h.search-submit-button .button:not(:active):focus .sc-ic-button-s>svg{color:var(--ic-button-primary-text)}/*!@:host(.search-submit-button)*/.search-submit-button.sc-ic-button-h{display:flex;align-items:center;margin:0 var(--ic-space-xxs)}/*!@:host(.ic-button-variant-icon) .button,\n:host(.ic-button-variant-icon) ::slotted(a)*/.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a{background-color:inherit;min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon) .icon-container*/.ic-button-variant-icon.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.button-variant-icon) .button,\n:host(.button-variant-icon) ::slotted(a)*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a{color:var(--button-default);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.button-variant-icon) .icon-container*/.button-variant-icon.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.button-variant-icon) .button:hover,\n:host(.button-variant-icon) ::slotted(a:hover)*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover{background-color:var(--button-default-background-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-icon) .button:active:not(:focus),\n:host(.button-variant-icon) ::slotted(a:active:not(:focus)),\n:host(.button-variant-icon.loading) .button*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:active:not(:focus),.button-variant-icon.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-icon.disabled) .button,\n:host(.button-variant-icon.disabled) ::slotted(a)*/.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a{color:var(--ic-architectural-300);background:none}/*!@:host(.clear-button)*/.clear-button.sc-ic-button-h{margin:0 var(--ic-space-xxs)}/*!@:host(.clear-button) .button:focus,\n:host(.calendar-button) .button:focus*/.clear-button.sc-ic-button-h .button.sc-ic-button:focus,.calendar-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.dismiss-icon) .button,\n:host(.clear-button) .button,\n:host(.dismiss-icon) ::slotted(a),\n:host(.clear-button) ::slotted(a)*/.dismiss-icon.sc-ic-button-h .button.sc-ic-button,.clear-button.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.dismiss-icon.sc-ic-button-s>a,.sc-ic-button-h.dismiss-icon .sc-ic-button-s>a,.sc-ic-button-h.clear-button.sc-ic-button-s>a,.clear-button .sc-ic-button-s>a{background-color:inherit;color:var(--ic-atoms-input-clear-button)}/*!@:host(.dismiss-icon) .button:hover,\n:host(.clear-button) .button:hover,\n:host(.dismiss-icon) ::slotted(a:hover),\n:host(.clear-button) ::slotted(a:hover)*/.dismiss-icon.sc-ic-button-h .button.sc-ic-button:hover,.clear-button.sc-ic-button-h .button.sc-ic-button:hover,.sc-ic-button-h.dismiss-icon.sc-ic-button-s>a,.sc-ic-button-h.dismiss-icon.sc-ic-button-s>a:hover,.sc-ic-button-h.dismiss-icon .sc-ic-button-s>a:hover,.sc-ic-button-h.clear-button.sc-ic-button-s>a,.sc-ic-button-h.clear-button.sc-ic-button-s>a:hover,.clear-button .sc-ic-button-s>a:hover{color:var(--ic-atoms-input-clear-button)}/*!@:host(.dismiss-icon),\n:host(.clear-button)*/.dismiss-icon.sc-ic-button-h,.clear-button.sc-ic-button-h{color:var(--ic-atoms-input-clear-button);margin:0 var(--ic-space-xxs)}/*!@:host(.dismiss-icon) .button:focus,\n:host(.clear-button) .button:focus,\n:host(.calendar-button) .button:focus*/.dismiss-icon.sc-ic-button-h .button.sc-ic-button:focus,.clear-button.sc-ic-button-h .button.sc-ic-button:focus,.calendar-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),\n:host(.clear-button) .button:not(:active):focus ::slotted(svg)*/.sc-ic-button-h.dismiss-icon .button:not(:active):focus .sc-ic-button-s>svg,.sc-ic-button-h.clear-button .button:not(:active):focus.sc-ic-button-s>svg,.sc-ic-button-h.clear-button .button:not(:active):focus .sc-ic-button-s>svg{background-color:var(--ic-atoms-input-clear-button-focus-inner);color:var(--ic-button-primary-text)}/*!@:host(.menu-close-button) ::slotted(svg)*/.sc-ic-button-h.menu-close-button .sc-ic-button-s>svg{--icon-height:0.875rem;--icon-width:0.875rem;color:var(--ic-top-navigation-icon-active)}/*!@:host(.popout-menu-button) .button*/.popout-menu-button.sc-ic-button-h .button.sc-ic-button{height:var(--height);justify-content:left;border-radius:0;white-space:pre-line;text-align:start}/*!@:host(.popout-menu-button) div.icon-container*/.popout-menu-button.sc-ic-button-h div.icon-container.sc-ic-button{flex:none}/*!@:host(.popout-menu-button) .button:focus*/.popout-menu-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}/*!@.ic-button-describedby*/.ic-button-describedby.sc-ic-button{display:none}/*!@:host .ic-tooltip*/.sc-ic-button-h .ic-tooltip.sc-ic-button{display:block}/*!@:host .arrow-dropdown*/.sc-ic-button-h .arrow-dropdown.sc-ic-button{margin-top:auto}/*!@:host .dropdown-expanded*/.sc-ic-button-h .dropdown-expanded.sc-ic-button{transform:rotate(180deg);margin-bottom:var(--ic-space-xxxs)}/*!@:host(.dropdown-no-icon) .button*/.dropdown-no-icon.sc-ic-button-h .button.sc-ic-button{padding-right:var(--ic-space-xs)}/*!@slot[name=\"router-item\"]::slotted(a)*/slot[name=\"router-item\"].sc-ic-button-s>a{pointer-events:all}/*!@::slotted(a)*/.sc-ic-button-s>a{font-size:0.875rem !important;border:none !important;vertical-align:middle !important}/*!@:host(#menu-button.ic-theme-light)*/#menu-button.ic-theme-light.sc-ic-button-h{--ic-button-secondary-background-hover-monochrome:var(\n    --ic-action-dark-bg-hover\n  );--ic-button-secondary-background-pressed-monochrome:var(\n    --ic-action-dark-bg-pressed\n  );--ic-button-secondary-text-hover-monochrome:var(--ic-action-dark-hover);--ic-button-secondary-text-pressed-monochrome:var(--ic-action-dark-pressed);--ic-button-secondary-border-hover-monochrome:var(\n    --ic-color-border-neutral-hover-dark\n  );--ic-button-secondary-border-pressed-monochrome:var(\n    --ic-color-border-neutral-pressed-dark\n  )}/*!@:host(#menu-button.ic-theme-dark)*/#menu-button.ic-theme-dark.sc-ic-button-h{--ic-button-secondary-background-hover-monochrome:var(\n    --ic-action-light-bg-hover\n  );--ic-button-secondary-background-pressed-monochrome:var(\n    --ic-action-light-bg-pressed\n  );--ic-button-secondary-text-hover-monochrome:var(--ic-action-light-hover);--ic-button-secondary-text-pressed-monochrome:var(--ic-action-light-pressed);--ic-button-secondary-border-hover-monochrome:var(\n    --ic-color-border-neutral-hover-light\n  );--ic-button-secondary-border-pressed-monochrome:var(\n    --ic-color-border-neutral-default\n  )}@media (forced-colors: active){/*!@.button,\n  ::slotted(a)*/.button.sc-ic-button,.sc-ic-button-s>a{border:0.125rem solid transparent !important}/*!@.search-submit-button ::slotted(a),\n  .ic-button-variant-icon ::slotted(a),\n  .clear-button ::slotted(a),\n  .search-submit-button ::slotted(svg),\n  .ic-button-variant-icon ::slotted(svg),\n  .clear-button ::slotted(svg)*/.search-submit-button .sc-ic-button-s>a,.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a,.clear-button.sc-ic-button-s>a,.clear-button .sc-ic-button-s>a,.search-submit-button.sc-ic-button-s>svg,.search-submit-button .sc-ic-button-s>svg,.ic-button-variant-icon.sc-ic-button-s>svg,.ic-button-variant-icon .sc-ic-button-s>svg,.clear-button.sc-ic-button-s>svg,.clear-button .sc-ic-button-s>svg{color:HighlightText}/*!@:host(.ic-button-variant-icon.monochrome) ::slotted(a),\n  :host(.ic-button-variant-icon.monochrome) ::slotted(svg)*/.sc-ic-button-h.ic-button-variant-icon.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon.monochrome.sc-ic-button-s>svg,.sc-ic-button-h.ic-button-variant-icon.monochrome .sc-ic-button-s>svg{color:white}/*!@:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),\n  :host(.clear-button) .button:not(:active):focus ::slotted(svg)*/.sc-ic-button-h.dismiss-icon .button:not(:active):focus .sc-ic-button-s>svg,.sc-ic-button-h.clear-button .button:not(:active):focus.sc-ic-button-s>svg,.sc-ic-button-h.clear-button .button:not(:active):focus .sc-ic-button-s>svg{color:white !important;background-color:inherit}}/*!@:host(.flip) ::slotted(svg)*/.sc-ic-button-h.flip .sc-ic-button-s>svg{transform:scaleX(-1)}";
 
 var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
@@ -9287,7 +9310,7 @@ class Button {
             }
         }
     }
-    themeChangeHandler({ detail }) {
+    brandChangeHandler({ detail }) {
         this.updateTheme(detail.mode);
     }
     /**
@@ -9316,10 +9339,13 @@ class Button {
         }
         return !!this.routerSlot;
     }
-    updateTheme(newTheme = null) {
-        const foregroundColor = getThemeFromContext$1(this.el, newTheme);
-        if (foregroundColor !== IcThemeForegroundEnum$1.Default) {
-            this.theme = foregroundColor;
+    updateTheme(mode = null) {
+        const foregroundColor = getBrandFromContext$1(this.el, mode);
+        if (foregroundColor !== IcBrandForegroundEnum$1.Default) {
+            this.theme =
+                foregroundColor === IcBrandForegroundEnum$1.Light
+                    ? IcBrandForegroundEnum$1.Dark
+                    : IcBrandForegroundEnum$1.Light;
             this.monochrome = true;
         }
     }
@@ -9438,12 +9464,19 @@ class Button {
             "title": [32],
             "setFocus": [64]
         },
-        "$listeners$": [[2, "click", "handleHostClick"], [4, "themeChange", "themeChangeHandler"]],
+        "$listeners$": [[2, "click", "handleHostClick"], [4, "brandChange", "brandChangeHandler"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": [["dropdownExpanded", "dropdown-expanded"]]
     }; }
 }
 
+const IC_DEVICE_SIZES = {
+    XS: 576,
+    S: 768,
+    M: 992,
+    L: 1200,
+    XL: 99999,
+};
 const IC_BLOCK_COLOR_COMPONENTS = [
     "ic-hero",
     "ic-top-navigation",
@@ -9462,12 +9495,12 @@ var IcInformationStatus;
     IcInformationStatus["Error"] = "error";
     IcInformationStatus["Success"] = "success";
 })(IcInformationStatus || (IcInformationStatus = {}));
-var IcThemeForegroundEnum;
-(function (IcThemeForegroundEnum) {
-    IcThemeForegroundEnum["Default"] = "default";
-    IcThemeForegroundEnum["Dark"] = "dark";
-    IcThemeForegroundEnum["Light"] = "light";
-})(IcThemeForegroundEnum || (IcThemeForegroundEnum = {}));
+var IcBrandForegroundEnum;
+(function (IcBrandForegroundEnum) {
+    IcBrandForegroundEnum["Default"] = "default";
+    IcBrandForegroundEnum["Dark"] = "dark";
+    IcBrandForegroundEnum["Light"] = "light";
+})(IcBrandForegroundEnum || (IcBrandForegroundEnum = {}));
 var IcDateInputMonths;
 (function (IcDateInputMonths) {
     IcDateInputMonths[IcDateInputMonths["January"] = 0] = "January";
@@ -9579,9 +9612,9 @@ const renderHiddenInput = (always, container, name, value, disabled) => {
  * are part of an IC component.
  *
  * ""
- * @returns IcThemeForeground depending on the context
+ * @returns IcBrandForeground depending on the context
  */
-const getThemeFromContext = (el, themeFromEvent = null) => {
+const getBrandFromContext = (el, brandFromEvent = null) => {
     var _a;
     const parentElement = el.parentElement || el.getRootNode().host.parentElement;
     const blockColorParent = parentElement.closest(IC_BLOCK_COLOR_COMPONENTS.join(","));
@@ -9590,22 +9623,23 @@ const getThemeFromContext = (el, themeFromEvent = null) => {
         const parentTag = blockColorParent.tagName.toLowerCase();
         const currentTag = el.tagName.toLowerCase();
         if ((_a = IC_BLOCK_COLOR_EXCEPTIONS[parentTag]) === null || _a === void 0 ? void 0 : _a.includes(currentTag)) {
-            return IcThemeForegroundEnum.Default;
+            return IcBrandForegroundEnum.Default;
         }
-        else if (themeFromEvent !== null &&
+        else if (brandFromEvent !== null &&
             !IC_FIXED_COLOR_COMPONENTS.includes(parentTag)) {
-            return themeFromEvent;
+            return brandFromEvent;
         }
-        else if (blockColorParent.classList.contains(IcThemeForegroundEnum.Dark)) {
-            return IcThemeForegroundEnum.Light;
+        else if (blockColorParent.classList.contains(IcBrandForegroundEnum.Dark)) {
+            return IcBrandForegroundEnum.Dark;
         }
-        return IcThemeForegroundEnum.Dark;
+        return IcBrandForegroundEnum.Light;
     }
-    return IcThemeForegroundEnum.Default;
+    return IcBrandForegroundEnum.Default;
 };
 const isEmptyString = (value) => value ? value.trim().length === 0 : true;
 // A helper function that checks if a prop has been defined
 const isPropDefined = (prop) => prop !== undefined ? prop : null;
+const deviceSizeMatches = (size) => window.matchMedia(`(max-width: ${size}px)`).matches;
 const getCssProperty = (cssVar) => getComputedStyle(document.documentElement).getPropertyValue(cssVar);
 const getSlotElements = (slot) => {
     const slotContent = slot.firstElementChild;
@@ -9684,7 +9718,9 @@ const capitalize = (text) => {
     return text.charAt(0).toUpperCase() + text.slice(1);
 };
 const checkSlotInChildMutations = (addedNodes, removedNodes, slotName) => {
-    const hasSlot = (nodeList) => Array.from(nodeList).some((node) => node.slot === slotName);
+    const hasSlot = (nodeList) => Array.from(nodeList).some((node) => Array.isArray(slotName)
+        ? slotName.some((name) => node.slot === name)
+        : node.slot === slotName);
     return hasSlot(addedNodes) || hasSlot(removedNodes);
 };
 const addDataToPosition = (dataObject, newKeys, newValue) => {
@@ -9703,8 +9739,14 @@ const addDataToPosition = (dataObject, newKeys, newValue) => {
     }
     return newData;
 };
+const hasDynamicChildSlots = (mutationList, slotNames) => mutationList.some(({ type, addedNodes, removedNodes }) => type === "childList"
+    ? checkSlotInChildMutations(addedNodes, removedNodes, slotNames)
+    : false);
+const renderDynamicChildSlots = (mutationList, slotNames, ref) => {
+    if (hasDynamicChildSlots(mutationList, slotNames)) ;
+};
 
-const icCardHorizontalCss = "/*!@html*/html.sc-ic-card-horizontal{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-card-horizontal{margin:0}/*!@main*/main.sc-ic-card-horizontal{display:block}/*!@h1*/h1.sc-ic-card-horizontal{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-card-horizontal{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-card-horizontal{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-card-horizontal{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-card-horizontal{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-card-horizontal,strong.sc-ic-card-horizontal{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-card-horizontal,kbd.sc-ic-card-horizontal,samp.sc-ic-card-horizontal{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-card-horizontal{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-card-horizontal,sup.sc-ic-card-horizontal{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-card-horizontal{bottom:-0.25em}/*!@sup*/sup.sc-ic-card-horizontal{top:-0.5em}/*!@img*/img.sc-ic-card-horizontal{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-card-horizontal,input.sc-ic-card-horizontal,optgroup.sc-ic-card-horizontal,select.sc-ic-card-horizontal,textarea.sc-ic-card-horizontal{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-card-horizontal,input.sc-ic-card-horizontal{overflow:visible}/*!@button,\nselect*/button.sc-ic-card-horizontal,select.sc-ic-card-horizontal{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-card-horizontal,[type=\"button\"].sc-ic-card-horizontal,[type=\"reset\"].sc-ic-card-horizontal,[type=\"submit\"].sc-ic-card-horizontal{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-card-horizontal::-moz-focus-inner,[type=\"button\"].sc-ic-card-horizontal::-moz-focus-inner,[type=\"reset\"].sc-ic-card-horizontal::-moz-focus-inner,[type=\"submit\"].sc-ic-card-horizontal::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-card-horizontal:-moz-focusring,[type=\"button\"].sc-ic-card-horizontal:-moz-focusring,[type=\"reset\"].sc-ic-card-horizontal:-moz-focusring,[type=\"submit\"].sc-ic-card-horizontal:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-card-horizontal{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-card-horizontal{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-card-horizontal{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-card-horizontal{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-card-horizontal,[type=\"radio\"].sc-ic-card-horizontal{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-card-horizontal::-webkit-inner-spin-button,[type=\"number\"].sc-ic-card-horizontal::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-card-horizontal{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-card-horizontal::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-card-horizontal::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-card-horizontal{display:block}/*!@summary*/summary.sc-ic-card-horizontal{display:list-item}/*!@template*/template.sc-ic-card-horizontal{display:none}/*!@[hidden]*/[hidden].sc-ic-card-horizontal{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-card-horizontal,body.sc-ic-card-horizontal,div.sc-ic-card-horizontal,span.sc-ic-card-horizontal,applet.sc-ic-card-horizontal,object.sc-ic-card-horizontal,iframe.sc-ic-card-horizontal,h1.sc-ic-card-horizontal,h2.sc-ic-card-horizontal,h3.sc-ic-card-horizontal,h4.sc-ic-card-horizontal,h5.sc-ic-card-horizontal,h6.sc-ic-card-horizontal,p.sc-ic-card-horizontal,blockquote.sc-ic-card-horizontal,pre.sc-ic-card-horizontal,a.sc-ic-card-horizontal,abbr.sc-ic-card-horizontal,acronym.sc-ic-card-horizontal,address.sc-ic-card-horizontal,big.sc-ic-card-horizontal,cite.sc-ic-card-horizontal,code.sc-ic-card-horizontal,del.sc-ic-card-horizontal,dfn.sc-ic-card-horizontal,em.sc-ic-card-horizontal,img.sc-ic-card-horizontal,ins.sc-ic-card-horizontal,kbd.sc-ic-card-horizontal,q.sc-ic-card-horizontal,s.sc-ic-card-horizontal,samp.sc-ic-card-horizontal,small.sc-ic-card-horizontal,strike.sc-ic-card-horizontal,strong.sc-ic-card-horizontal,sub.sc-ic-card-horizontal,sup.sc-ic-card-horizontal,tt.sc-ic-card-horizontal,var.sc-ic-card-horizontal,b.sc-ic-card-horizontal,u.sc-ic-card-horizontal,i.sc-ic-card-horizontal,center.sc-ic-card-horizontal,dl.sc-ic-card-horizontal,dt.sc-ic-card-horizontal,dd.sc-ic-card-horizontal,ol.sc-ic-card-horizontal,ul.sc-ic-card-horizontal,li.sc-ic-card-horizontal,fieldset.sc-ic-card-horizontal,form.sc-ic-card-horizontal,label.sc-ic-card-horizontal,legend.sc-ic-card-horizontal,table.sc-ic-card-horizontal,caption.sc-ic-card-horizontal,tbody.sc-ic-card-horizontal,tfoot.sc-ic-card-horizontal,thead.sc-ic-card-horizontal,tr.sc-ic-card-horizontal,th.sc-ic-card-horizontal,td.sc-ic-card-horizontal,article.sc-ic-card-horizontal,aside.sc-ic-card-horizontal,canvas.sc-ic-card-horizontal,details.sc-ic-card-horizontal,embed.sc-ic-card-horizontal,figure.sc-ic-card-horizontal,figcaption.sc-ic-card-horizontal,footer.sc-ic-card-horizontal,header.sc-ic-card-horizontal,hgroup.sc-ic-card-horizontal,menu.sc-ic-card-horizontal,nav.sc-ic-card-horizontal,output.sc-ic-card-horizontal,ruby.sc-ic-card-horizontal,section.sc-ic-card-horizontal,summary.sc-ic-card-horizontal,time.sc-ic-card-horizontal,mark.sc-ic-card-horizontal,audio.sc-ic-card-horizontal,video.sc-ic-card-horizontal{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-card-horizontal-h{display:flex;--card-max-width:548px;--image-size:114px;--message-max-lines:2}/*!@.card.small*/.card.small.sc-ic-card-horizontal{--card-max-width:360px}/*!@.card.large*/.card.large.sc-ic-card-horizontal{--card-max-width:720px;--image-size:142px;--message-max-lines:3}/*!@.card.extra-large*/.card.extra-large.sc-ic-card-horizontal{--card-max-width:1130px;--image-size:186px;--message-max-lines:5}/*!@a*/a.sc-ic-card-horizontal{text-decoration:none !important;color:var(--ic-card-text-primary) !important}/*!@button*/button.sc-ic-card-horizontal{border:none;background-color:transparent;outline:var(--ic-hc-focus-outline);padding:0}/*!@.card,\n.card.clickable*/.card.sc-ic-card-horizontal,.card.clickable.sc-ic-card-horizontal{display:flex;flex-direction:row;border:var(--ic-space-1px) solid var(--ic-card-border-primary);border-radius:var(--ic-border-radius);box-sizing:border-box;text-align:left;color:var(--ic-card-text-primary);transition:var(--ic-easing-transition-fast);position:relative;max-width:var(--card-max-width);height:-moz-fit-content;height:fit-content;width:var(--card-horizontal-width, -moz-fit-content);width:var(--card-horizontal-width, fit-content)}/*!@.dark.card,\n.dark.card.clickable*/.dark.card.sc-ic-card-horizontal,.dark.card.clickable.sc-ic-card-horizontal{border:var(--ic-border-width) solid\n    var(--ic-color-border-neutral-pressed-dark)}/*!@.card.clickable:hover*/.card.clickable.sc-ic-card-horizontal:hover{background-color:var(--ic-card-background-hover);border:var(--ic-space-1px) solid var(--ic-card-hover-border-color);cursor:pointer}/*!@.card.clickable:focus,\n.card.clickable.focussed*/.card.clickable.sc-ic-card-horizontal:focus,.card.clickable.focussed.sc-ic-card-horizontal{background-color:var(--ic-card-background-hover);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);border:var(--ic-space-1px) solid var(--ic-card-pressed-border-color)}/*!@.card.clickable:active*/.card.clickable.sc-ic-card-horizontal:active{background-color:var(--ic-card-background-pressed);box-shadow:var(--ic-border-focus)}/*!@.card.disabled*/.card.disabled.sc-ic-card-horizontal{border:var(--ic-space-1px) dashed var(--ic-card-disabled-border-color)}/*!@.card-header*/.card-header.sc-ic-card-horizontal{display:flex;align-items:center}/*!@.icon*/.icon.sc-ic-card-horizontal{display:flex;align-items:center;padding-right:var(--ic-space-xs)}/*!@.card ::slotted(svg)*/.card .sc-ic-card-horizontal-s>svg{fill:var(--ic-card-icon)}/*!@.card.disabled ::slotted(svg)*/.card.disabled .sc-ic-card-horizontal-s>svg{fill:var(--ic-card-disabled-text)}/*!@.card.clickable .card-title*/.card.clickable.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal{--ic-typography-color:var(--ic-card-clickable-text);color:var(--ic-card-clickable-text);text-decoration:underline;text-decoration-thickness:var(--ic-space-1px)}/*!@.card.clickable:hover .card-title,\n.card.clickable:focus .card-title,\n.card.clickable.focussed .card-title*/.card.clickable.sc-ic-card-horizontal:hover .card-title.sc-ic-card-horizontal,.card.clickable.sc-ic-card-horizontal:focus .card-title.sc-ic-card-horizontal,.card.clickable.focussed.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal{display:inline-block;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}/*!@.card.clickable:active .card-title*/.card.clickable.sc-ic-card-horizontal:active .card-title.sc-ic-card-horizontal{text-decoration:none}/*!@.card.disabled .card-title*/.card.disabled.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal{text-decoration:underline;text-decoration-thickness:var(--ic-space-1px);text-decoration-color:var(--ic-card-disabled-text);color:var(--ic-card-disabled-text);--ic-typography-color:var(--ic-card-disabled-text)}/*!@.card-message*/.card-message.sc-ic-card-horizontal{margin-top:var(--ic-space-xxxs);align-items:left}/*!@.card.disabled .card-message*/.card.disabled.sc-ic-card-horizontal .card-message.sc-ic-card-horizontal{--ic-typography-color:var(--ic-card-disabled-text)}/*!@.image*/.image.sc-ic-card-horizontal{display:flex;height:var(--image-size);width:var(--image-size);border-radius:var(--ic-border-radius)}/*!@.card-content*/.card-content.sc-ic-card-horizontal{display:flex;flex-direction:column;padding:var(--ic-space-md)}/*!@.card .card-title ::slotted([slot=\"heading\"]),\n.card .card-title ic-typography p*/.card .card-title .sc-ic-card-horizontal-s>[slot=\"heading\"],.card.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal ic-typography.sc-ic-card-horizontal p.sc-ic-card-horizontal{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(var(--card-max-width) - var(--ic-space-xl))}/*!@.card.with-icon .card-title ::slotted([slot=\"heading\"]),\n.card.with-icon .card-title ic-typography p*/.card.with-icon .card-title .sc-ic-card-horizontal-s>[slot=\"heading\"],.card.with-icon.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal ic-typography.sc-ic-card-horizontal p.sc-ic-card-horizontal{max-width:calc(var(--card-max-width) - (2 * var(--ic-space-xl)))}/*!@.card.with-image .card-title ::slotted([slot=\"heading\"]),\n.card.with-image .card-title ic-typography p*/.card.with-image .card-title .sc-ic-card-horizontal-s>[slot=\"heading\"],.card.with-image.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal ic-typography.sc-ic-card-horizontal p.sc-ic-card-horizontal{max-width:calc(\n    var(--card-max-width) - var(--image-size) - var(--ic-space-xl)\n  )}/*!@.card.with-image.with-icon .card-title ::slotted([slot=\"heading\"]),\n.card.with-image.with-icon .card-title ic-typography p*/.card.with-image.with-icon .card-title .sc-ic-card-horizontal-s>[slot=\"heading\"],.card.with-image.with-icon.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal ic-typography.sc-ic-card-horizontal p.sc-ic-card-horizontal{max-width:calc(\n    var(--card-max-width) - var(--image-size) - (2 * var(--ic-space-xl))\n  )}/*!@.card .card-message ::slotted([slot=\"message\"]),\n.card .card-message ic-typography*/.card .card-message .sc-ic-card-horizontal-s>[slot=\"message\"],.card.sc-ic-card-horizontal .card-message.sc-ic-card-horizontal ic-typography.sc-ic-card-horizontal{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--message-max-lines, initial);-webkit-line-clamp:var(--message-max-lines, initial);overflow:hidden}@media (forced-colors: active){/*!@.card ::slotted(svg)*/.card .sc-ic-card-horizontal-s>svg{fill:currentcolor}/*!@.card.disabled ::slotted(svg)*/.card.disabled .sc-ic-card-horizontal-s>svg{fill:GrayText !important}/*!@.card.disabled*/.card.disabled.sc-ic-card-horizontal{border-color:GrayText !important}/*!@.card.disabled .card-message,\n  .card.disabled .card-title*/.card.disabled.sc-ic-card-horizontal .card-message.sc-ic-card-horizontal,.card.disabled.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal{color:GrayText;--ic-typography-color:GrayText}}";
+const icCardHorizontalCss = "/*!@html*/html.sc-ic-card-horizontal{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-card-horizontal{margin:0}/*!@main*/main.sc-ic-card-horizontal{display:block}/*!@h1*/h1.sc-ic-card-horizontal{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-card-horizontal{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-card-horizontal{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-card-horizontal{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-card-horizontal{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-card-horizontal,strong.sc-ic-card-horizontal{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-card-horizontal,kbd.sc-ic-card-horizontal,samp.sc-ic-card-horizontal{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-card-horizontal{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-card-horizontal,sup.sc-ic-card-horizontal{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-card-horizontal{bottom:-0.25em}/*!@sup*/sup.sc-ic-card-horizontal{top:-0.5em}/*!@img*/img.sc-ic-card-horizontal{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-card-horizontal,input.sc-ic-card-horizontal,optgroup.sc-ic-card-horizontal,select.sc-ic-card-horizontal,textarea.sc-ic-card-horizontal{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-card-horizontal,input.sc-ic-card-horizontal{overflow:visible}/*!@button,\nselect*/button.sc-ic-card-horizontal,select.sc-ic-card-horizontal{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-card-horizontal,[type=\"button\"].sc-ic-card-horizontal,[type=\"reset\"].sc-ic-card-horizontal,[type=\"submit\"].sc-ic-card-horizontal{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-card-horizontal::-moz-focus-inner,[type=\"button\"].sc-ic-card-horizontal::-moz-focus-inner,[type=\"reset\"].sc-ic-card-horizontal::-moz-focus-inner,[type=\"submit\"].sc-ic-card-horizontal::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-card-horizontal:-moz-focusring,[type=\"button\"].sc-ic-card-horizontal:-moz-focusring,[type=\"reset\"].sc-ic-card-horizontal:-moz-focusring,[type=\"submit\"].sc-ic-card-horizontal:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-card-horizontal{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-card-horizontal{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-card-horizontal{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-card-horizontal{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-card-horizontal,[type=\"radio\"].sc-ic-card-horizontal{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-card-horizontal::-webkit-inner-spin-button,[type=\"number\"].sc-ic-card-horizontal::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-card-horizontal{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-card-horizontal::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-card-horizontal::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-card-horizontal{display:block}/*!@summary*/summary.sc-ic-card-horizontal{display:list-item}/*!@template*/template.sc-ic-card-horizontal{display:none}/*!@[hidden]*/[hidden].sc-ic-card-horizontal{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-card-horizontal,body.sc-ic-card-horizontal,div.sc-ic-card-horizontal,span.sc-ic-card-horizontal,applet.sc-ic-card-horizontal,object.sc-ic-card-horizontal,iframe.sc-ic-card-horizontal,h1.sc-ic-card-horizontal,h2.sc-ic-card-horizontal,h3.sc-ic-card-horizontal,h4.sc-ic-card-horizontal,h5.sc-ic-card-horizontal,h6.sc-ic-card-horizontal,p.sc-ic-card-horizontal,blockquote.sc-ic-card-horizontal,pre.sc-ic-card-horizontal,a.sc-ic-card-horizontal,abbr.sc-ic-card-horizontal,acronym.sc-ic-card-horizontal,address.sc-ic-card-horizontal,big.sc-ic-card-horizontal,cite.sc-ic-card-horizontal,code.sc-ic-card-horizontal,del.sc-ic-card-horizontal,dfn.sc-ic-card-horizontal,em.sc-ic-card-horizontal,img.sc-ic-card-horizontal,ins.sc-ic-card-horizontal,kbd.sc-ic-card-horizontal,q.sc-ic-card-horizontal,s.sc-ic-card-horizontal,samp.sc-ic-card-horizontal,small.sc-ic-card-horizontal,strike.sc-ic-card-horizontal,strong.sc-ic-card-horizontal,sub.sc-ic-card-horizontal,sup.sc-ic-card-horizontal,tt.sc-ic-card-horizontal,var.sc-ic-card-horizontal,b.sc-ic-card-horizontal,u.sc-ic-card-horizontal,i.sc-ic-card-horizontal,center.sc-ic-card-horizontal,dl.sc-ic-card-horizontal,dt.sc-ic-card-horizontal,dd.sc-ic-card-horizontal,ol.sc-ic-card-horizontal,ul.sc-ic-card-horizontal,li.sc-ic-card-horizontal,fieldset.sc-ic-card-horizontal,form.sc-ic-card-horizontal,label.sc-ic-card-horizontal,legend.sc-ic-card-horizontal,table.sc-ic-card-horizontal,caption.sc-ic-card-horizontal,tbody.sc-ic-card-horizontal,tfoot.sc-ic-card-horizontal,thead.sc-ic-card-horizontal,tr.sc-ic-card-horizontal,th.sc-ic-card-horizontal,td.sc-ic-card-horizontal,article.sc-ic-card-horizontal,aside.sc-ic-card-horizontal,canvas.sc-ic-card-horizontal,details.sc-ic-card-horizontal,embed.sc-ic-card-horizontal,figure.sc-ic-card-horizontal,figcaption.sc-ic-card-horizontal,footer.sc-ic-card-horizontal,header.sc-ic-card-horizontal,hgroup.sc-ic-card-horizontal,menu.sc-ic-card-horizontal,nav.sc-ic-card-horizontal,output.sc-ic-card-horizontal,ruby.sc-ic-card-horizontal,section.sc-ic-card-horizontal,summary.sc-ic-card-horizontal,time.sc-ic-card-horizontal,mark.sc-ic-card-horizontal,audio.sc-ic-card-horizontal,video.sc-ic-card-horizontal{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-card-horizontal-h{display:flex;--card-max-width:548px;--image-size:114px;--message-max-lines:2}/*!@.card.small*/.card.small.sc-ic-card-horizontal{--card-max-width:360px}/*!@.card.large*/.card.large.sc-ic-card-horizontal{--card-max-width:720px;--image-size:142px;--message-max-lines:3}/*!@.card.extra-large*/.card.extra-large.sc-ic-card-horizontal{--card-max-width:1130px;--image-size:186px;--message-max-lines:5}/*!@a*/a.sc-ic-card-horizontal{text-decoration:none !important;color:var(--ic-card-text-primary) !important}/*!@button*/button.sc-ic-card-horizontal{border:none;background-color:transparent;outline:var(--ic-hc-focus-outline);padding:0}/*!@.card,\n.card.clickable*/.card.sc-ic-card-horizontal,.card.clickable.sc-ic-card-horizontal{display:flex;flex-direction:row;border:var(--ic-space-1px) solid var(--ic-card-border-primary);border-radius:var(--ic-border-radius);box-sizing:border-box;text-align:left;color:var(--ic-card-text-primary);transition:var(--ic-easing-transition-fast);position:relative;max-width:var(--card-max-width);height:-moz-fit-content;height:fit-content;width:var(--card-horizontal-width, -moz-fit-content);width:var(--card-horizontal-width, fit-content)}/*!@.dark.card,\n.dark.card.clickable*/.dark.card.sc-ic-card-horizontal,.dark.card.clickable.sc-ic-card-horizontal{border:var(--ic-border-width) solid\n    var(--ic-color-border-neutral-pressed-dark)}/*!@.card.clickable:hover*/.card.clickable.sc-ic-card-horizontal:hover{background-color:var(--ic-card-background-hover);border:var(--ic-space-1px) solid var(--ic-card-hover-border-color);cursor:pointer}/*!@.card.clickable:focus,\n.card.clickable.focussed*/.card.clickable.sc-ic-card-horizontal:focus,.card.clickable.focussed.sc-ic-card-horizontal{background-color:var(--ic-card-background-hover);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);border:var(--ic-space-1px) solid var(--ic-card-pressed-border-color)}/*!@.card.clickable:active*/.card.clickable.sc-ic-card-horizontal:active{background-color:var(--ic-card-background-pressed);box-shadow:var(--ic-border-focus)}/*!@.card.disabled*/.card.disabled.sc-ic-card-horizontal{border:var(--ic-space-1px) dashed var(--ic-card-disabled-border-color)}/*!@.card-header*/.card-header.sc-ic-card-horizontal{display:flex;align-items:center}/*!@.icon*/.icon.sc-ic-card-horizontal{display:flex;align-items:center;padding-right:var(--ic-space-xs)}/*!@.card ::slotted(svg)*/.card .sc-ic-card-horizontal-s>svg{fill:var(--ic-card-icon)}/*!@.card.disabled ::slotted(svg)*/.card.disabled .sc-ic-card-horizontal-s>svg{fill:var(--ic-card-disabled-text)}/*!@.card.clickable .card-title*/.card.clickable.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal{--ic-typography-color:var(--ic-card-clickable-text);color:var(--ic-card-clickable-text);text-decoration:underline;text-decoration-thickness:var(--ic-space-1px)}/*!@.card.clickable:hover .card-title,\n.card.clickable:focus .card-title,\n.card.clickable.focussed .card-title*/.card.clickable.sc-ic-card-horizontal:hover .card-title.sc-ic-card-horizontal,.card.clickable.sc-ic-card-horizontal:focus .card-title.sc-ic-card-horizontal,.card.clickable.focussed.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal{display:inline-block;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}/*!@.card.clickable:active .card-title*/.card.clickable.sc-ic-card-horizontal:active .card-title.sc-ic-card-horizontal{text-decoration:none}/*!@.card.disabled .card-title*/.card.disabled.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal{text-decoration:underline;text-decoration-thickness:var(--ic-space-1px);text-decoration-color:var(--ic-card-disabled-text);color:var(--ic-card-disabled-text);--ic-typography-color:var(--ic-card-disabled-text)}/*!@.card-message*/.card-message.sc-ic-card-horizontal{margin-top:var(--ic-space-xxxs);align-items:left}/*!@.card.disabled .card-message*/.card.disabled.sc-ic-card-horizontal .card-message.sc-ic-card-horizontal{--ic-typography-color:var(--ic-card-disabled-text)}/*!@.image*/.image.sc-ic-card-horizontal{display:flex;border-radius:var(--ic-border-radius)}/*!@.image ::slotted([slot=\"image\"])*/.image .sc-ic-card-horizontal-s>[slot=\"image\"]{height:var(--image-size);width:var(--image-size)}/*!@.card-content*/.card-content.sc-ic-card-horizontal{display:flex;flex-direction:column;padding:var(--ic-space-md)}/*!@.card .card-title ::slotted([slot=\"heading\"]),\n.card .card-title ic-typography p*/.card .card-title .sc-ic-card-horizontal-s>[slot=\"heading\"],.card.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal ic-typography.sc-ic-card-horizontal p.sc-ic-card-horizontal{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(var(--card-max-width) - var(--ic-space-xl))}/*!@.card.with-icon .card-title ::slotted([slot=\"heading\"]),\n.card.with-icon .card-title ic-typography p*/.card.with-icon .card-title .sc-ic-card-horizontal-s>[slot=\"heading\"],.card.with-icon.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal ic-typography.sc-ic-card-horizontal p.sc-ic-card-horizontal{max-width:calc(var(--card-max-width) - (2 * var(--ic-space-xl)))}/*!@.card.with-image .card-title ::slotted([slot=\"heading\"]),\n.card.with-image .card-title ic-typography p*/.card.with-image .card-title .sc-ic-card-horizontal-s>[slot=\"heading\"],.card.with-image.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal ic-typography.sc-ic-card-horizontal p.sc-ic-card-horizontal{max-width:calc(\n    var(--card-max-width) - var(--image-size) - var(--ic-space-xl)\n  )}/*!@.card.with-image.with-icon .card-title ::slotted([slot=\"heading\"]),\n.card.with-image.with-icon .card-title ic-typography p*/.card.with-image.with-icon .card-title .sc-ic-card-horizontal-s>[slot=\"heading\"],.card.with-image.with-icon.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal ic-typography.sc-ic-card-horizontal p.sc-ic-card-horizontal{max-width:calc(\n    var(--card-max-width) - var(--image-size) - (2 * var(--ic-space-xl))\n  )}/*!@.card .card-message ::slotted([slot=\"message\"]),\n.card .card-message ic-typography*/.card .card-message .sc-ic-card-horizontal-s>[slot=\"message\"],.card.sc-ic-card-horizontal .card-message.sc-ic-card-horizontal ic-typography.sc-ic-card-horizontal{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--message-max-lines, initial);-webkit-line-clamp:var(--message-max-lines, initial);overflow:hidden}@media (forced-colors: active){/*!@.card ::slotted(svg)*/.card .sc-ic-card-horizontal-s>svg{fill:currentcolor}/*!@.card.disabled ::slotted(svg)*/.card.disabled .sc-ic-card-horizontal-s>svg{fill:GrayText !important}/*!@.card.disabled*/.card.disabled.sc-ic-card-horizontal{border-color:GrayText !important}/*!@.card.disabled .card-message,\n  .card.disabled .card-title*/.card.disabled.sc-ic-card-horizontal .card-message.sc-ic-card-horizontal,.card.disabled.sc-ic-card-horizontal .card-title.sc-ic-card-horizontal{color:GrayText;--ic-typography-color:GrayText}}";
 
 /**
  * @slot heading - Content will be placed at the top of the horizontal card to the right of the icon.
@@ -9717,10 +9759,6 @@ class Card {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.hostMutationObserver = null;
-        this.hostMutationCallback = (mutationList) => {
-            if (mutationList.some(({ type, addedNodes, removedNodes }) => type === "childList" &&
-                checkSlotInChildMutations(addedNodes, removedNodes, "image"))) ;
-        };
         this.parentFocussed = () => {
             this.isFocussed = true;
         };
@@ -9743,6 +9781,9 @@ class Card {
         this.target = undefined;
         this.theme = "inherit";
     }
+    watchDisabledHandler() {
+        removeDisabledFalse(this.disabled, this.el);
+    }
     disconnectedCallback() {
         var _a;
         if (this.parentIsAnchorTag) {
@@ -9766,7 +9807,7 @@ class Card {
         !isSlotUsed(this.el, "heading") &&
             onComponentRequiredPropUndefined([{ prop: this.heading, propName: "heading" }], "Card");
         this.updateTheme();
-        this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);
+        this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots(mutationList, "image"));
         this.hostMutationObserver.observe(this.el, {
             childList: true,
         });
@@ -9776,7 +9817,7 @@ class Card {
             event.stopImmediatePropagation();
         }
     }
-    themeChangeHandler(ev) {
+    brandChangeHandler(ev) {
         this.updateTheme(ev.detail.mode);
     }
     /**
@@ -9790,10 +9831,13 @@ class Card {
             this.el.shadowRoot.querySelector("button").focus();
         }
     }
-    updateTheme(newTheme = null) {
-        const foregroundColor = getThemeFromContext(this.el, newTheme);
-        if (foregroundColor !== IcThemeForegroundEnum.Default) {
-            this.theme = foregroundColor;
+    updateTheme(mode = null) {
+        const foregroundColor = getBrandFromContext(this.el, mode);
+        if (foregroundColor !== IcBrandForegroundEnum.Default) {
+            this.theme =
+                foregroundColor === IcBrandForegroundEnum.Light
+                    ? IcBrandForegroundEnum.Dark
+                    : IcBrandForegroundEnum.Light;
         }
     }
     render() {
@@ -9815,13 +9859,16 @@ class Card {
                 clickable: clickable && !disabled,
                 disabled,
                 focussed: isFocussed,
-                dark: appearance === IcThemeForegroundEnum.Dark,
+                dark: appearance === IcBrandForegroundEnum.Dark,
                 [`${size}`]: true,
                 "with-icon": isSlotUsed(this.el, "icon"),
                 "with-image": isSlotUsed(this.el, "image"),
             }, tabindex: clickable && !parentIsAnchorTag ? 0 : null, "aria-disabled": disabled ? "true" : null, disabled: disabled ? true : null }, attrs), isSlotUsed(this.el, "image") && (hAsync("div", { class: "image" }, hAsync("slot", { name: "image" }))), hAsync("div", { class: "card-content" }, hAsync("div", { class: "card-header" }, isSlotUsed(this.el, "icon") && (hAsync("div", { class: "icon" }, hAsync("slot", { name: "icon" }))), hAsync("div", { class: "card-title" }, hAsync("slot", { name: "heading" }, hAsync("ic-typography", { variant: "h4" }, hAsync("p", null, heading))))), (message || isSlotUsed(this.el, "message")) && (hAsync("div", { class: "card-message" }, message && (hAsync("ic-typography", { variant: "body" }, message)), isSlotUsed(this.el, "message") && hAsync("slot", { name: "message" })))), isSlotUsed(this.el, "badge") && hAsync("slot", { name: "badge" }))));
     }
     get el() { return getElement(this); }
+    static get watchers() { return {
+        "disabled": ["watchDisabledHandler"]
+    }; }
     static get style() { return icCardHorizontalCss; }
     static get cmpMeta() { return {
         "$flags$": 9,
@@ -9844,7 +9891,7 @@ class Card {
             "parentIsAnchorTag": [32],
             "setFocus": [64]
         },
-        "$listeners$": [[2, "click", "handleHostClick"], [4, "themeChange", "themeChangeHandler"]],
+        "$listeners$": [[2, "click", "handleHostClick"], [4, "brandChange", "brandChangeHandler"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
@@ -9878,21 +9925,6 @@ class CardVertical {
         this.toggleExpanded = () => {
             this.areaExpanded = !this.areaExpanded;
         };
-        this.hostMutationCallback = (mutationList) => {
-            if (mutationList.some(({ type, addedNodes, removedNodes }) => type === "childList"
-                ? checkSlotInChildMutations$1(addedNodes, removedNodes, [
-                    "message",
-                    "adornment",
-                    "expanded-content",
-                    "image-top",
-                    "image-mid",
-                    "icon",
-                    "interaction-button",
-                    "badge",
-                    "interaction-controls",
-                ])
-                : false)) ;
-        };
         this.areaExpanded = false;
         this.isFocussed = false;
         this.monochrome = false;
@@ -9912,6 +9944,9 @@ class CardVertical {
         this.target = undefined;
         this.theme = "inherit";
     }
+    watchDisabledHandler() {
+        removeDisabledFalse$1(this.disabled, this.el);
+    }
     disconnectedCallback() {
         var _a;
         if (this.parentIsAnchorTag) {
@@ -9935,7 +9970,17 @@ class CardVertical {
         !isSlotUsed$1(this.el, "heading") &&
             onComponentRequiredPropUndefined$1([{ prop: this.heading, propName: "heading" }], "Card");
         this.updateTheme();
-        this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);
+        this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots$1(mutationList, [
+            "message",
+            "adornment",
+            "expanded-content",
+            "image-top",
+            "image-mid",
+            "icon",
+            "interaction-button",
+            "badge",
+            "interaction-controls",
+        ]));
         this.hostMutationObserver.observe(this.el, {
             childList: true,
         });
@@ -9945,7 +9990,7 @@ class CardVertical {
             event.stopImmediatePropagation();
         }
     }
-    themeChangeHandler(ev) {
+    brandChangeHandler(ev) {
         this.updateTheme(ev.detail.mode);
     }
     /**
@@ -9959,11 +10004,14 @@ class CardVertical {
             this.el.shadowRoot.querySelector("button").focus();
         }
     }
-    updateTheme(newTheme = null) {
-        const foregroundColor = getThemeFromContext$1(this.el, newTheme);
-        if (foregroundColor !== IcThemeForegroundEnum$1.Default) {
+    updateTheme(mode = null) {
+        const foregroundColor = getBrandFromContext$1(this.el, mode);
+        if (foregroundColor !== IcBrandForegroundEnum$1.Default) {
             this.monochrome = true;
-            this.theme = foregroundColor;
+            this.theme =
+                foregroundColor === IcBrandForegroundEnum$1.Light
+                    ? IcBrandForegroundEnum$1.Dark
+                    : IcBrandForegroundEnum$1.Light;
         }
     }
     render() {
@@ -9995,6 +10043,9 @@ class CardVertical {
             }, "aria-label": "Toggle expandable area", "aria-expanded": `${this.areaExpanded}`, "aria-controls": this.areaExpanded ? "expanded-content-area" : null, onClick: this.toggleExpanded, innerHTML: chevronIcon }))))), isSlotUsed$1(this.el, "expanded-content") && this.areaExpanded && (hAsync("div", { class: "expanded-content", id: "expanded-content-area" }, hAsync("slot", { name: "expanded-content" }))), isSlotUsed$1(this.el, "badge") && hAsync("slot", { name: "badge" }))));
     }
     get el() { return getElement(this); }
+    static get watchers() { return {
+        "disabled": ["watchDisabledHandler"]
+    }; }
     static get style() { return icCardVerticalCss; }
     static get cmpMeta() { return {
         "$flags$": 9,
@@ -10020,7 +10071,7 @@ class CardVertical {
             "parentIsAnchorTag": [32],
             "setFocus": [64]
         },
-        "$listeners$": [[2, "click", "handleHostClick"], [4, "themeChange", "themeChangeHandler"]],
+        "$listeners$": [[2, "click", "handleHostClick"], [4, "brandChange", "brandChangeHandler"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
@@ -10063,6 +10114,9 @@ class Checkbox {
         this.value = undefined;
         this.hideLabel = false;
     }
+    watchDisabledHandler() {
+        removeDisabledFalse$1(this.disabled, this.el);
+    }
     watchIndeterminateHandler() {
         this.displayIndeterminate = this.nativeIndeterminateBehaviour
             ? this.indeterminate
@@ -10133,6 +10187,7 @@ class Checkbox {
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
     static get watchers() { return {
+        "disabled": ["watchDisabledHandler"],
         "indeterminate": ["watchIndeterminateHandler"]
     }; }
     static get style() { return icCheckboxCss; }
@@ -10183,6 +10238,9 @@ class CheckboxGroup {
         this.validationStatus = "";
         this.validationText = "";
     }
+    watchDisabledHandler() {
+        removeDisabledFalse$1(this.disabled, this.el);
+    }
     labelNameHandler(newValue, oldValue, propName) {
         Array.from(this.el.querySelectorAll(this.checkboxSelector)).forEach((checkbox) => {
             if (propName === "label")
@@ -10242,6 +10300,7 @@ class CheckboxGroup {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
+        "disabled": ["watchDisabledHandler"],
         "label": ["labelNameHandler"],
         "name": ["labelNameHandler"],
         "theme": ["watchThemeHandler"]
@@ -10318,10 +10377,14 @@ class Chip {
         this.theme = "inherit";
         this.transparentBackground = true;
         this.variant = "filled";
+        this.dismissLabel = "Dismiss";
     }
     customColorHandler() {
         this.setChipColour();
     }
+    watchDisabledHandler() {
+        removeDisabledFalse$1(this.disabled, this.el);
+    }
     componentWillLoad() {
         removeDisabledFalse$1(this.disabled, this.el);
         this.customColorHandler();
@@ -10345,7 +10408,7 @@ class Chip {
         (_a = this.el.shadowRoot.querySelector("button")) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        const { label, variant, size, dismissible, visible, disabled, hovered, theme, customColorClass, } = this;
+        const { label, variant, size, dismissible, visible, disabled, hovered, theme, customColorClass, dismissLabel, } = this;
         return (hAsync(Host, { class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 [`${customColorClass}`]: variant === "filled" && customColorClass !== "",
@@ -10357,12 +10420,13 @@ class Chip {
                 dismissible,
                 hovered,
                 "non-transparent": this.variant === "outlined" && !this.transparentBackground,
-            } }, isSlotUsed$1(this.el, "icon") && (hAsync("div", { class: "icon" }, hAsync("slot", { name: "icon" }))), hAsync("ic-typography", { variant: "label", "apply-vertical-margins": false, class: { label: true, "in-ag-grid": this.inAGGrid } }, hAsync("span", null, label)), dismissible && (hAsync("ic-tooltip", { label: "Dismiss", target: "dismiss-icon", class: { "tooltip-disabled": disabled } }, hAsync("button", { id: "dismiss-icon", class: "dismiss-icon", "aria-label": `Dismiss ${label} chip`, disabled: disabled, tabindex: disabled ? -1 : 0, onClick: this.dismissAction, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, innerHTML: dismissIcon }))), isSlotUsed$1(this.el, "badge") && hAsync("slot", { name: "badge" })))));
+            } }, isSlotUsed$1(this.el, "icon") && (hAsync("div", { class: "icon" }, hAsync("slot", { name: "icon" }))), hAsync("ic-typography", { variant: "label", "apply-vertical-margins": false, class: { label: true, "in-ag-grid": this.inAGGrid } }, hAsync("span", null, label)), dismissible && (hAsync("ic-tooltip", { label: dismissLabel, target: "dismiss-icon", class: { "tooltip-disabled": disabled } }, hAsync("button", { id: "dismiss-icon", class: "dismiss-icon", "aria-label": `${dismissLabel} ${label} chip`, disabled: disabled, tabindex: disabled ? -1 : 0, onClick: this.dismissAction, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, innerHTML: dismissIcon }))), isSlotUsed$1(this.el, "badge") && hAsync("slot", { name: "badge" })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "customColor": ["customColorHandler"]
+        "customColor": ["customColorHandler"],
+        "disabled": ["watchDisabledHandler"]
     }; }
     static get style() { return icChipCss; }
     static get cmpMeta() { return {
@@ -10377,6 +10441,7 @@ class Chip {
             "theme": [1],
             "transparentBackground": [4, "transparent-background"],
             "variant": [1],
+            "dismissLabel": [1, "dismiss-label"],
             "customColorClass": [32],
             "hovered": [32],
             "visible": [32],
@@ -10582,7 +10647,7 @@ var descendingIcon = `<svg focusable="false" aria-hidden="true" viewBox="0 0 24
     <path d="M16.01 11H4v2h12.01v3L20 12l-3.99-4z"></path>
 </svg>`;
 
-const icDataTableCss = "/*!@:host*/.sc-ic-data-table-h{position:relative;display:inline-flex;max-height:100%;width:var(--table-width, 100%);height:100%;min-width:var(--table-min-width);max-width:var(--table-max-width)}/*!@tbody*/tbody.sc-ic-data-table{vertical-align:top}/*!@.table-container*/.table-container.sc-ic-data-table{position:relative;height:calc(100% - var(--ic-space-xxxs));display:flex;flex-direction:column;width:100%}/*!@.cell-container*/.cell-container.sc-ic-data-table{display:flex;min-height:1.5rem;overflow-y:hidden;height:var(--row-height);--ic-typography-color:var(--ic-data-table-text-default-emphasis)}/*!@.truncation-show-hide*/.truncation-show-hide.sc-ic-data-table{overflow:visible;display:block}/*!@.cell-icon.truncation-show-hide*/.cell-icon.truncation-show-hide.sc-ic-data-table{display:flex}/*!@.cell-container:not(.data-type-element, .truncation-show-hide)*/.cell-container.sc-ic-data-table:not(.data-type-element,.truncation-show-hide).sc-ic-data-table{overflow-x:hidden}/*!@ic-loading-indicator*/ic-loading-indicator.sc-ic-data-table{position:sticky;top:20px}/*!@.table-row-container*/.table-row-container.sc-ic-data-table{position:relative;height:100%;overflow:auto;transition:var(--ic-easing-transition-fast);overflow-anchor:none}/*!@:host([show-pagination=\"true\"]) .table-row-container*/[show-pagination=\"true\"].sc-ic-data-table-h .table-row-container.sc-ic-data-table{height:calc(100% - 3.5625rem)}/*!@table*/table.sc-ic-data-table{table-layout:var(--table-layout, \"fixed\");border-spacing:0;width:100%;height:var(--table-height, auto)}/*!@.table-row-container:focus*/.table-row-container.sc-ic-data-table:focus{outline:none;box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast);z-index:1}/*!@:host([embedded=\"true\"]) .table-row-container*/[embedded=\"true\"].sc-ic-data-table-h .table-row-container.sc-ic-data-table{border:var(--ic-space-1px) solid var(--ic-data-table-border)}/*!@.column-header-inner-container*/.column-header-inner-container.sc-ic-data-table{padding:var(--ic-space-xs);box-sizing:border-box}/*!@.column-header-inner-container ic-tooltip*/.column-header-inner-container.sc-ic-data-table ic-tooltip.sc-ic-data-table{pointer-events:none}/*!@.column-header-inner-container ic-tooltip.show-trunc-tooltip*/.column-header-inner-container.sc-ic-data-table ic-tooltip.show-trunc-tooltip.sc-ic-data-table{pointer-events:auto}/*!@.column-header-inner-container ic-tooltip .column-header-text*/.column-header-inner-container.sc-ic-data-table ic-tooltip.sc-ic-data-table .column-header-text.sc-ic-data-table{--ic-line-clamp:1}/*!@.column-header-sticky*/.column-header-sticky.sc-ic-data-table{position:sticky;top:0;z-index:1}/*!@.column-header-overlay*/.column-header-overlay.sc-ic-data-table{position:sticky;top:0;z-index:1;box-shadow:0 0.375rem var(--ic-space-xs) calc(var(--ic-space-xxs * -1))\n    rgb(0 0 0 / 20%)}/*!@.row-header-sticky*/.row-header-sticky.sc-ic-data-table{position:sticky;left:0}/*!@.column-header,\n.table-row*/.column-header.sc-ic-data-table,.table-row.sc-ic-data-table{box-sizing:border-box}/*!@.table-row-selected*/.table-row-selected.sc-ic-data-table{background-color:var(--ic-data-table-cell-background-selected) !important}/*!@.table-row:hover*/.table-row.sc-ic-data-table:hover{background-color:var(--ic-data-table-cell-background-hover) !important}/*!@.table-row-selected:hover*/.table-row-selected.sc-ic-data-table:hover{background-color:var(\n    --ic-data-table-cell-background-selected-hover\n  ) !important}/*!@.sort-button*/.sort-button.sc-ic-data-table{margin-left:auto}/*!@.sort-button:hover*/.sort-button.sc-ic-data-table:hover{background-color:var(--ic-data-table-icon-button-background-hover)}/*!@.sort-button:active*/.sort-button.sc-ic-data-table:active{background-color:var(--ic-data-table-icon-button-background-pressed)}/*!@.sort-button svg*/.sort-button.sc-ic-data-table svg.sc-ic-data-table{color:var(--ic-data-table-sort-toggle-icon)}/*!@.sort-button-unsorted svg*/.sort-button-unsorted.sc-ic-data-table svg.sc-ic-data-table{color:var(--ic-data-table-sort-toggle-icon-default)}/*!@.table-density-dense .column-header-inner-container,\ntd.table-density-dense*/.table-density-dense.sc-ic-data-table .column-header-inner-container.sc-ic-data-table,td.table-density-dense.sc-ic-data-table{padding:var(--ic-space-xxs) var(--ic-space-xs) !important}/*!@.text-dense*/.text-dense.sc-ic-data-table{font-size:var(--ic-font-size-label)}/*!@.table-density-spacious .column-header-inner-container,\ntd.table-density-spacious*/.table-density-spacious.sc-ic-data-table .column-header-inner-container.sc-ic-data-table,td.table-density-spacious.sc-ic-data-table{padding:0.625rem var(--ic-space-xs) !important}/*!@.text-spacious*/.text-spacious.sc-ic-data-table{font-size:1.125rem}/*!@.column-header-text*/.column-header-text.sc-ic-data-table{font-weight:var(--ic-font-weight-bold)}/*!@.dummy-column-header-text*/.dummy-column-header-text.sc-ic-data-table{white-space:nowrap;overflow:hidden;height:0;width:-moz-fit-content;width:fit-content}/*!@.row-header,\n.column-header*/.row-header.sc-ic-data-table,.column-header.sc-ic-data-table{text-align:left;padding:var(--ic-space-xs);background-color:var(--ic-data-table-header-background);border-right:var(--ic-space-1px) solid var(--ic-data-table-header-keyline);border-bottom:var(--ic-space-1px) solid var(--ic-data-table-header-keyline);color:var(--ic-data-table-header-text)}/*!@.column-header*/.column-header.sc-ic-data-table{padding:0;width:var(--column-width);min-width:var(--column-min-width, 4rem);max-width:var(--column-max-width)}/*!@.column-header:last-child*/.column-header.sc-ic-data-table:last-child{border-right:none}/*!@.scrollable .column-header:last-child*/.scrollable.sc-ic-data-table .column-header.sc-ic-data-table:last-child{border-right:var(--ic-space-1px) solid var(--ic-data-table-header-keyline) !important}/*!@:host([embedded=\"true\"]) tr:last-child .table-cell,\n:host([embedded=\"true\"]) tr:last-child .row-header*/[embedded=\"true\"].sc-ic-data-table-h tr.sc-ic-data-table:last-child .table-cell.sc-ic-data-table,[embedded=\"true\"].sc-ic-data-table-h tr.sc-ic-data-table:last-child .row-header.sc-ic-data-table{border-bottom:none}/*!@.column-header-alignment-left,\n.row-header-alignment-left,\n.cell-alignment-left*/.column-header-alignment-left.sc-ic-data-table,.row-header-alignment-left.sc-ic-data-table,.cell-alignment-left.sc-ic-data-table{text-align:left !important;justify-content:start !important}/*!@.column-header-alignment-right,\n.row-header-alignment-right,\n.cell-alignment-right*/.column-header-alignment-right.sc-ic-data-table,.row-header-alignment-right.sc-ic-data-table,.cell-alignment-right.sc-ic-data-table{text-align:right !important;justify-content:end !important}/*!@.cell-alignment-right.truncation-tooltip ic-tooltip ic-typography*/.cell-alignment-right.truncation-tooltip.sc-ic-data-table ic-tooltip.sc-ic-data-table ic-typography.sc-ic-data-table{padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}/*!@.cell-alignment-right.truncation-show-hide ic-typography*/.cell-alignment-right.truncation-show-hide.sc-ic-data-table ic-typography.sc-ic-data-table{--ellipsis-padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}/*!@.column-header-alignment-center,\n.row-header-alignment-center,\n.cell-alignment-center*/.column-header-alignment-center.sc-ic-data-table,.row-header-alignment-center.sc-ic-data-table,.cell-alignment-center.sc-ic-data-table{text-align:center !important;justify-content:center !important}/*!@.table-row*/.table-row.sc-ic-data-table{background-color:var(--ic-data-table-cell-background)}/*!@.table-row:nth-child(even)*/.table-row.sc-ic-data-table:nth-child(even){background-color:var(--ic-data-table-cell-background-stripe)}/*!@.table-cell*/.table-cell.sc-ic-data-table{padding:var(--ic-space-xs);border-bottom:solid var(--ic-data-table-cell-keyline) var(--ic-space-1px);overflow:hidden;box-sizing:border-box;max-width:var(--column-max-width);min-width:var(--column-min-width)}/*!@.table-cell.with-overflow*/.table-cell.with-overflow.sc-ic-data-table{overflow:visible}/*!@.data-type-string,\n.data-type-address*/.data-type-string.sc-ic-data-table,.data-type-address.sc-ic-data-table{text-align:left;vertical-align:top}/*!@.data-type-number,\n.data-type-date*/.data-type-number.sc-ic-data-table,.data-type-date.sc-ic-data-table{text-align:right;justify-content:end;vertical-align:top}/*!@.cell-alignment-top*/.cell-alignment-top.sc-ic-data-table{vertical-align:top;align-items:flex-start}/*!@.cell-alignment-middle*/.cell-alignment-middle.sc-ic-data-table{vertical-align:middle;align-items:center}/*!@.cell-alignment-bottom*/.cell-alignment-bottom.sc-ic-data-table{vertical-align:bottom;align-items:flex-end}/*!@.cell-emphasis-low ic-typography*/.cell-emphasis-low.sc-ic-data-table ic-typography.sc-ic-data-table{--ic-typography-color:var(--ic-data-table-text-low-emphasis)}/*!@.cell-emphasis-high ic-typography*/.cell-emphasis-high.sc-ic-data-table ic-typography.sc-ic-data-table{--ic-typography-color:var(--ic-data-table-text-high-emphasis);font-weight:var(--ic-font-weight-bold)}/*!@.pagination-container*/.pagination-container.sc-ic-data-table{background-color:var(--ic-data-table-pagination-bar-background-color);border-top:var(--ic-space-1px) solid\n    var(--ic-data-table-pagination-bar-keyline)}/*!@.screen-reader-sort-text,\n.table-caption*/.screen-reader-sort-text.sc-ic-data-table,.table-caption.sc-ic-data-table{position:absolute;left:-100rem}/*!@.table-cell,\n.column-header,\n.row-header*/.table-cell.sc-ic-data-table,.column-header.sc-ic-data-table,.row-header.sc-ic-data-table{word-wrap:break-word;white-space:pre-wrap}/*!@.loading-empty*/.loading-empty.sc-ic-data-table{padding:var(--ic-space-xl) var(--ic-space-xxl);margin-top:var(--ic-space-xl)}/*!@.updating-state*/.updating-state.sc-ic-data-table{padding:0;border-bottom:var(--ic-space-1px) solid var(--ic-data-table-header-keyline)}/*!@.updating-state-headers*/.updating-state-headers.sc-ic-data-table{border-bottom:none}/*!@.loading*/.loading.sc-ic-data-table{position:absolute;left:calc(50% - 5.9741rem);opacity:0;transition:opacity var(--ic-transition-duration-slow)}/*!@.loading.show-background*/.loading.show-background.sc-ic-data-table{background-color:var(--ic-data-table-overlay-background);border:var(--ic-space-1px) solid var(--ic-data-table-overlay-border)}/*!@.loading.show*/.loading.show.sc-ic-data-table{opacity:1}/*!@.icon,\n::slotted(svg)*/.icon.sc-ic-data-table,.sc-ic-data-table-s>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);margin-right:var(--ic-space-xxs)}/*!@.column-header .icon > svg,\n.column-header ::slotted(svg)*/.column-header.sc-ic-data-table .icon.sc-ic-data-table>svg.sc-ic-data-table,.column-header.sc-ic-data-table-s>svg,.column-header .sc-ic-data-table-s>svg{fill:var(--ic-data-table-icon)}/*!@.table-cell .icon > svg,\n.table-cell ::slotted(svg)*/.table-cell.sc-ic-data-table .icon.sc-ic-data-table>svg.sc-ic-data-table,.table-cell.sc-ic-data-table-s>svg,.table-cell .sc-ic-data-table-s>svg{fill:var(--ic-data-table-icon-default-emphasis)}/*!@.cell-emphasis-high .icon > svg,\n.cell-emphasis-high ::slotted(svg)*/.cell-emphasis-high.sc-ic-data-table .icon.sc-ic-data-table>svg.sc-ic-data-table,.cell-emphasis-high.sc-ic-data-table-s>svg,.cell-emphasis-high .sc-ic-data-table-s>svg{fill:var(--ic-data-table-icon-high-emphasis)}/*!@.cell-emphasis-low .icon > svg,\n.cell-emphasis-low ::slotted(svg)*/.cell-emphasis-low.sc-ic-data-table .icon.sc-ic-data-table>svg.sc-ic-data-table,.cell-emphasis-low.sc-ic-data-table-s>svg,.cell-emphasis-low .sc-ic-data-table-s>svg{fill:var(--ic-data-table-icon-low-emphasis)}/*!@.column-header-alignment-right > .icon,\n.row-header-alignment-right > .icon,\n.cell-alignment-right > .icon,\n.column-header-alignment-right > ::slotted(svg),\n.row-header-alignment-right > ::slotted(svg),\n.cell-alignment-right > ::slotted(svg)*/.column-header-alignment-right.sc-ic-data-table>.icon.sc-ic-data-table,.row-header-alignment-right.sc-ic-data-table>.icon.sc-ic-data-table,.cell-alignment-right.sc-ic-data-table>.icon.sc-ic-data-table,.column-header-alignment-right>.sc-ic-data-table-s>svg,.row-header-alignment-right>.sc-ic-data-table-s>svg,.cell-alignment-right>.sc-ic-data-table-s>svg{margin-right:auto}/*!@.column-header-alignment-center > ic-typography,\n.row-header-alignment-right > ic-typography,\n.cell-alignment-center > ic-typography*/.column-header-alignment-center.sc-ic-data-table>ic-typography.sc-ic-data-table,.row-header-alignment-right.sc-ic-data-table>ic-typography.sc-ic-data-table,.cell-alignment-center.sc-ic-data-table>ic-typography.sc-ic-data-table{flex:1}/*!@.icon > svg*/.icon.sc-ic-data-table>svg.sc-ic-data-table{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}/*!@.truncation-tooltip ic-typography*/.truncation-tooltip.sc-ic-data-table ic-typography.sc-ic-data-table{display:-webkit-box;-webkit-line-clamp:var(--ic-line-clamp, 0);-webkit-box-orient:vertical;overflow:hidden}/*!@.truncation-tooltip ic-typography,\n.truncation-show-hide ic-typography*/.truncation-tooltip.sc-ic-data-table ic-typography.sc-ic-data-table,.truncation-show-hide.sc-ic-data-table ic-typography.sc-ic-data-table{white-space:normal}/*!@.ic-tooltip-overflow*/.ic-tooltip-overflow.sc-ic-data-table{overflow:hidden;width:100%}@media screen and (min-width: 577px){/*!@.column-header-inner-container*/.column-header-inner-container.sc-ic-data-table{display:flex;align-items:center}}";
+const icDataTableCss = "/*!@:host*/.sc-ic-data-table-h{position:relative;display:inline-flex;max-height:100%;width:var(--table-width, 100%);height:100%;min-width:var(--table-min-width);max-width:var(--table-max-width)}/*!@tbody*/tbody.sc-ic-data-table{vertical-align:top}/*!@.table-container*/.table-container.sc-ic-data-table{position:relative;height:calc(100% - var(--ic-space-xxxs));display:flex;flex-direction:column;width:100%}/*!@.cell-container*/.cell-container.sc-ic-data-table{display:flex;min-height:1.5rem;overflow-y:hidden;height:var(--row-height);--ic-typography-color:var(--ic-data-table-text-default-emphasis)}/*!@.truncation-show-hide*/.truncation-show-hide.sc-ic-data-table{display:block}/*!@.cell-icon.truncation-show-hide*/.cell-icon.truncation-show-hide.sc-ic-data-table{display:flex}/*!@.cell-container:not(.data-type-element, .truncation-show-hide)*/.cell-container.sc-ic-data-table:not(.data-type-element,.truncation-show-hide).sc-ic-data-table{overflow-x:hidden}/*!@ic-loading-indicator*/ic-loading-indicator.sc-ic-data-table{position:sticky;top:20px}/*!@.table-row-container*/.table-row-container.sc-ic-data-table{position:relative;height:100%;overflow:auto;transition:var(--ic-easing-transition-fast);overflow-anchor:none}/*!@:host([show-pagination=\"true\"]) .table-row-container*/[show-pagination=\"true\"].sc-ic-data-table-h .table-row-container.sc-ic-data-table{height:calc(100% - 3.5625rem)}/*!@table*/table.sc-ic-data-table{table-layout:var(--table-layout, \"fixed\");border-spacing:0;width:100%;height:var(--table-height, auto)}/*!@.table-row-container:focus*/.table-row-container.sc-ic-data-table:focus{outline:none;box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast);z-index:1}/*!@:host([embedded=\"true\"]) .table-row-container*/[embedded=\"true\"].sc-ic-data-table-h .table-row-container.sc-ic-data-table{border:var(--ic-space-1px) solid var(--ic-data-table-border)}/*!@.column-header-inner-container*/.column-header-inner-container.sc-ic-data-table{padding:var(--ic-space-xs);box-sizing:border-box}/*!@.column-header-inner-container ic-tooltip*/.column-header-inner-container.sc-ic-data-table ic-tooltip.sc-ic-data-table{pointer-events:none}/*!@.column-header-inner-container ic-tooltip.show-trunc-tooltip*/.column-header-inner-container.sc-ic-data-table ic-tooltip.show-trunc-tooltip.sc-ic-data-table{pointer-events:auto}/*!@.column-header-inner-container ic-tooltip .column-header-text*/.column-header-inner-container.sc-ic-data-table ic-tooltip.sc-ic-data-table .column-header-text.sc-ic-data-table{--ic-line-clamp:1}/*!@.column-header-sticky*/.column-header-sticky.sc-ic-data-table{position:sticky;top:0;z-index:1}/*!@.column-header-overlay*/.column-header-overlay.sc-ic-data-table{position:sticky;top:0;z-index:1;box-shadow:0 0.375rem var(--ic-space-xs) calc(var(--ic-space-xxs * -1))\n    rgb(0 0 0 / 20%)}/*!@.row-header-sticky*/.row-header-sticky.sc-ic-data-table{position:sticky;left:0}/*!@.column-header,\n.table-row*/.column-header.sc-ic-data-table,.table-row.sc-ic-data-table{box-sizing:border-box}/*!@.table-row-selected*/.table-row-selected.sc-ic-data-table{background-color:var(--ic-data-table-cell-background-selected) !important}/*!@.table-row:hover*/.table-row.sc-ic-data-table:hover{background-color:var(--ic-data-table-cell-background-hover) !important}/*!@.table-row-selected:hover*/.table-row-selected.sc-ic-data-table:hover{background-color:var(\n    --ic-data-table-cell-background-selected-hover\n  ) !important}/*!@.sort-button*/.sort-button.sc-ic-data-table{margin-left:auto}/*!@.sort-button:hover*/.sort-button.sc-ic-data-table:hover{background-color:var(--ic-data-table-icon-button-background-hover)}/*!@.sort-button:active*/.sort-button.sc-ic-data-table:active{background-color:var(--ic-data-table-icon-button-background-pressed)}/*!@.sort-button svg*/.sort-button.sc-ic-data-table svg.sc-ic-data-table{color:var(--ic-data-table-sort-toggle-icon)}/*!@.sort-button-unsorted svg*/.sort-button-unsorted.sc-ic-data-table svg.sc-ic-data-table{color:var(--ic-data-table-sort-toggle-icon-default)}/*!@.table-density-dense .column-header-inner-container,\ntd.table-density-dense*/.table-density-dense.sc-ic-data-table .column-header-inner-container.sc-ic-data-table,td.table-density-dense.sc-ic-data-table{padding:var(--ic-space-xxs) var(--ic-space-xs) !important}/*!@.text-dense*/.text-dense.sc-ic-data-table{font-size:var(--ic-font-size-label)}/*!@.table-density-spacious .column-header-inner-container,\ntd.table-density-spacious*/.table-density-spacious.sc-ic-data-table .column-header-inner-container.sc-ic-data-table,td.table-density-spacious.sc-ic-data-table{padding:0.625rem var(--ic-space-xs) !important}/*!@.text-spacious*/.text-spacious.sc-ic-data-table{font-size:1.125rem}/*!@.column-header-text*/.column-header-text.sc-ic-data-table{font-weight:var(--ic-font-weight-bold)}/*!@.dummy-column-header-text*/.dummy-column-header-text.sc-ic-data-table{white-space:nowrap;overflow:hidden;height:0;width:-moz-fit-content;width:fit-content}/*!@.row-header,\n.column-header*/.row-header.sc-ic-data-table,.column-header.sc-ic-data-table{text-align:left;padding:var(--ic-space-xs);background-color:var(--ic-data-table-header-background);border-right:var(--ic-space-1px) solid var(--ic-data-table-header-keyline);border-bottom:var(--ic-space-1px) solid var(--ic-data-table-header-keyline);color:var(--ic-data-table-header-text)}/*!@.column-header*/.column-header.sc-ic-data-table{padding:0;width:var(--column-width);min-width:var(--column-min-width, 4rem);max-width:var(--column-max-width)}/*!@.column-header:last-child*/.column-header.sc-ic-data-table:last-child{border-right:none}/*!@.scrollable .column-header:last-child*/.scrollable.sc-ic-data-table .column-header.sc-ic-data-table:last-child{border-right:var(--ic-space-1px) solid var(--ic-data-table-header-keyline) !important}/*!@:host([embedded=\"true\"]) tr:last-child .table-cell,\n:host([embedded=\"true\"]) tr:last-child .row-header*/[embedded=\"true\"].sc-ic-data-table-h tr.sc-ic-data-table:last-child .table-cell.sc-ic-data-table,[embedded=\"true\"].sc-ic-data-table-h tr.sc-ic-data-table:last-child .row-header.sc-ic-data-table{border-bottom:none}/*!@.column-header-alignment-left,\n.row-header-alignment-left,\n.cell-alignment-left*/.column-header-alignment-left.sc-ic-data-table,.row-header-alignment-left.sc-ic-data-table,.cell-alignment-left.sc-ic-data-table{text-align:left !important;justify-content:start !important}/*!@.column-header-alignment-right,\n.row-header-alignment-right,\n.cell-alignment-right*/.column-header-alignment-right.sc-ic-data-table,.row-header-alignment-right.sc-ic-data-table,.cell-alignment-right.sc-ic-data-table{text-align:right !important;justify-content:end !important}/*!@.cell-alignment-right.truncation-tooltip ic-tooltip ic-typography*/.cell-alignment-right.truncation-tooltip.sc-ic-data-table ic-tooltip.sc-ic-data-table ic-typography.sc-ic-data-table{padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}/*!@.cell-alignment-right.truncation-show-hide ic-typography*/.cell-alignment-right.truncation-show-hide.sc-ic-data-table ic-typography.sc-ic-data-table{--ellipsis-padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}/*!@.column-header-alignment-center,\n.row-header-alignment-center,\n.cell-alignment-center*/.column-header-alignment-center.sc-ic-data-table,.row-header-alignment-center.sc-ic-data-table,.cell-alignment-center.sc-ic-data-table{text-align:center !important;justify-content:center !important}/*!@.table-row*/.table-row.sc-ic-data-table{background-color:var(--ic-data-table-cell-background)}/*!@.table-row:nth-child(even)*/.table-row.sc-ic-data-table:nth-child(even){background-color:var(--ic-data-table-cell-background-stripe)}/*!@.table-cell*/.table-cell.sc-ic-data-table{padding:var(--ic-space-xs);border-bottom:solid var(--ic-data-table-cell-keyline) var(--ic-space-1px);overflow:hidden;box-sizing:border-box;max-width:var(--column-max-width);min-width:var(--column-min-width)}/*!@.table-cell.with-overflow*/.table-cell.with-overflow.sc-ic-data-table{overflow:visible}/*!@.data-type-string,\n.data-type-address*/.data-type-string.sc-ic-data-table,.data-type-address.sc-ic-data-table{text-align:left;vertical-align:top}/*!@.data-type-number,\n.data-type-date*/.data-type-number.sc-ic-data-table,.data-type-date.sc-ic-data-table{text-align:right;justify-content:end;vertical-align:top}/*!@.cell-alignment-top*/.cell-alignment-top.sc-ic-data-table{vertical-align:top;align-items:flex-start}/*!@.cell-alignment-middle*/.cell-alignment-middle.sc-ic-data-table{vertical-align:middle;align-items:center}/*!@.cell-alignment-bottom*/.cell-alignment-bottom.sc-ic-data-table{vertical-align:bottom;align-items:flex-end}/*!@.cell-emphasis-low ic-typography*/.cell-emphasis-low.sc-ic-data-table ic-typography.sc-ic-data-table{--ic-typography-color:var(--ic-data-table-text-low-emphasis)}/*!@.cell-emphasis-high ic-typography*/.cell-emphasis-high.sc-ic-data-table ic-typography.sc-ic-data-table{--ic-typography-color:var(--ic-data-table-text-high-emphasis);font-weight:var(--ic-font-weight-bold)}/*!@.pagination-container*/.pagination-container.sc-ic-data-table{background-color:var(--ic-data-table-pagination-bar-background-color);border-top:var(--ic-space-1px) solid\n    var(--ic-data-table-pagination-bar-keyline)}/*!@.screen-reader-sort-text,\n.table-caption*/.screen-reader-sort-text.sc-ic-data-table,.table-caption.sc-ic-data-table{position:absolute;left:-100rem}/*!@.table-cell,\n.column-header,\n.row-header*/.table-cell.sc-ic-data-table,.column-header.sc-ic-data-table,.row-header.sc-ic-data-table{word-wrap:break-word;white-space:pre-wrap}/*!@.loading-empty*/.loading-empty.sc-ic-data-table{padding:var(--ic-space-xl) var(--ic-space-xxl);margin-top:var(--ic-space-xl)}/*!@.updating-state*/.updating-state.sc-ic-data-table{padding:0;border-bottom:var(--ic-space-1px) solid var(--ic-data-table-header-keyline)}/*!@.updating-state-headers*/.updating-state-headers.sc-ic-data-table{border-bottom:none}/*!@.loading*/.loading.sc-ic-data-table{position:absolute;left:calc(50% - 5.9741rem);opacity:0;transition:opacity var(--ic-transition-duration-slow);z-index:calc(var(--ic-z-index-dialog) - 1)}/*!@.loading.show-background*/.loading.show-background.sc-ic-data-table{background-color:var(--ic-data-table-overlay-background);border:var(--ic-space-1px) solid var(--ic-data-table-overlay-border)}/*!@.loading.show*/.loading.show.sc-ic-data-table{opacity:1}/*!@.icon,\n::slotted(svg)*/.icon.sc-ic-data-table,.sc-ic-data-table-s>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);margin-right:var(--ic-space-xxs)}/*!@.column-header .icon > svg,\n.column-header ::slotted(svg)*/.column-header.sc-ic-data-table .icon.sc-ic-data-table>svg.sc-ic-data-table,.column-header.sc-ic-data-table-s>svg,.column-header .sc-ic-data-table-s>svg{fill:var(--ic-data-table-icon)}/*!@.table-cell .icon > svg,\n.table-cell ::slotted(svg)*/.table-cell.sc-ic-data-table .icon.sc-ic-data-table>svg.sc-ic-data-table,.table-cell.sc-ic-data-table-s>svg,.table-cell .sc-ic-data-table-s>svg{fill:var(--ic-data-table-icon-default-emphasis)}/*!@.cell-emphasis-high .icon > svg,\n.cell-emphasis-high ::slotted(svg)*/.cell-emphasis-high.sc-ic-data-table .icon.sc-ic-data-table>svg.sc-ic-data-table,.cell-emphasis-high.sc-ic-data-table-s>svg,.cell-emphasis-high .sc-ic-data-table-s>svg{fill:var(--ic-data-table-icon-high-emphasis)}/*!@.cell-emphasis-low .icon > svg,\n.cell-emphasis-low ::slotted(svg)*/.cell-emphasis-low.sc-ic-data-table .icon.sc-ic-data-table>svg.sc-ic-data-table,.cell-emphasis-low.sc-ic-data-table-s>svg,.cell-emphasis-low .sc-ic-data-table-s>svg{fill:var(--ic-data-table-icon-low-emphasis)}/*!@.column-header-alignment-right > .icon,\n.row-header-alignment-right > .icon,\n.cell-alignment-right > .icon,\n.column-header-alignment-right > ::slotted(svg),\n.row-header-alignment-right > ::slotted(svg),\n.cell-alignment-right > ::slotted(svg)*/.column-header-alignment-right.sc-ic-data-table>.icon.sc-ic-data-table,.row-header-alignment-right.sc-ic-data-table>.icon.sc-ic-data-table,.cell-alignment-right.sc-ic-data-table>.icon.sc-ic-data-table,.column-header-alignment-right>.sc-ic-data-table-s>svg,.row-header-alignment-right>.sc-ic-data-table-s>svg,.cell-alignment-right>.sc-ic-data-table-s>svg{margin-right:auto}/*!@.column-header-alignment-center > ic-typography,\n.column-header-alignment-center > .cell-text-wrapper,\n.row-header-alignment-right > ic-typography,\n.row-header-alignment-right > .cell-text-wrapper,\n.cell-alignment-center > ic-typography,\n.cell-alignment-center > .cell-text-wrapper*/.column-header-alignment-center.sc-ic-data-table>ic-typography.sc-ic-data-table,.column-header-alignment-center.sc-ic-data-table>.cell-text-wrapper.sc-ic-data-table,.row-header-alignment-right.sc-ic-data-table>ic-typography.sc-ic-data-table,.row-header-alignment-right.sc-ic-data-table>.cell-text-wrapper.sc-ic-data-table,.cell-alignment-center.sc-ic-data-table>ic-typography.sc-ic-data-table,.cell-alignment-center.sc-ic-data-table>.cell-text-wrapper.sc-ic-data-table{flex:1}/*!@.icon > svg*/.icon.sc-ic-data-table>svg.sc-ic-data-table{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}/*!@.truncation-tooltip ic-typography*/.truncation-tooltip.sc-ic-data-table ic-typography.sc-ic-data-table{display:-webkit-box;-webkit-line-clamp:var(--ic-line-clamp, 0);-webkit-box-orient:vertical;overflow:hidden}/*!@.truncation-tooltip ic-typography,\n.truncation-show-hide ic-typography*/.truncation-tooltip.sc-ic-data-table ic-typography.sc-ic-data-table,.truncation-show-hide.sc-ic-data-table ic-typography.sc-ic-data-table{white-space:normal}/*!@.ic-tooltip-overflow*/.ic-tooltip-overflow.sc-ic-data-table{overflow:hidden;width:100%}/*!@.action-element*/.action-element.sc-ic-data-table{display:flex;justify-content:right}/*!@.cell-grid-wrapper*/.cell-grid-wrapper.sc-ic-data-table{display:grid;grid-template-columns:auto auto}/*!@.loading-overlay*/.loading-overlay.sc-ic-data-table{visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--ic-data-table-loading-indicator-overlay-background);z-index:calc(var(--ic-z-index-dialog) - 2);opacity:0;transition:opacity var(--ic-transition-duration-slow)}/*!@.loading-overlay.show*/.loading-overlay.show.sc-ic-data-table{visibility:visible;opacity:0.6}/*!@.sr-only*/.sr-only.sc-ic-data-table{position:absolute;left:-9999px}@media (prefers-reduced-motion: reduce){/*!@.loading-overlay*/.loading-overlay.sc-ic-data-table{transition:none}}/*!@.cell-text-wrapper*/.cell-text-wrapper.sc-ic-data-table{overflow:hidden}/*!@.cell-text-wrapper > ic-typography*/.cell-text-wrapper.sc-ic-data-table>ic-typography.sc-ic-data-table{margin-left:2px}/*!@.cell-text-no-wrap*/.cell-text-no-wrap.sc-ic-data-table{word-wrap:initial}/*!@.cell-container-with-description*/.cell-container-with-description.sc-ic-data-table{display:flex;flex-direction:row}/*!@.cell-description*/.cell-description.sc-ic-data-table{display:flex;flex-direction:row;margin-top:var(--ic-space-xxs);word-break:break-all}/*!@.cell-description-text*/.cell-description-text.sc-ic-data-table{color:var(--ic-color-secondary-text)}/*!@.cell-description-icon*/.cell-description-icon.sc-ic-data-table{padding-right:var(--ic-space-xs)}/*!@.cell-description-icon > svg*/.cell-description-icon.sc-ic-data-table>svg.sc-ic-data-table{height:calc(var(--ic-space-lg) - var(--ic-space-xxs));width:calc(var(--ic-space-lg) - var(--ic-space-xxs));display:flex}@media screen and (min-width: 577px){/*!@.column-header-inner-container*/.column-header-inner-container.sc-ic-data-table{display:flex;align-items:center}}@media screen and (max-width: 577px){/*!@.cell-icon*/.cell-icon.sc-ic-data-table{flex-wrap:wrap}/*!@.cell-description-icon*/.cell-description-icon.sc-ic-data-table{padding-right:0}}";
 
 /**
  * @slot empty-state - Content is slotted below the table header when there is no data and the table is not loading.
@@ -10595,6 +10660,7 @@ class DataTable {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.icRowHeightChange = createEvent(this, "icRowHeightChange", 7);
+        this.icSelectedRowChange = createEvent(this, "icSelectedRowChange", 7);
         this.icSortChange = createEvent(this, "icSortChange", 7);
         this.DENSITY_HEIGHT_MULTIPLIER = {
             dense: 0.8,
@@ -10626,6 +10692,7 @@ class DataTable {
         this.itemsPerPageChange = false;
         this.DATA_ROW_HEIGHT_STRING = "data-row-height";
         this.ROW_HEIGHT_CSS_VARIABLE = "--row-height";
+        this.LINE_CLAMP_CSS_VARIABLE = "--ic-line-clamp";
         this.DEFAULT_LINE_HEIGHT = 24;
         this.densityUpdate = false;
         this.truncationPatternUpdated = false;
@@ -10633,6 +10700,10 @@ class DataTable {
         this.headerResizeObserver = null;
         this.IC_TOOLTIP_STRING = "ic-tooltip";
         this.SHOW_TRUNC_TOOLTIP_STRING = "show-trunc-tooltip";
+        this.CELL_DESCRIPTION_STRING = ".cell-description";
+        this.CELL_CONTAINER_WITH_DESCRIPTION_STRING = "cell-container-with-description";
+        this.CELL_TEXT_WRAPPER_STRING = ".cell-text-wrapper";
+        this.IC_TYPOGRAPHY_STRING = "ic-typography";
         this.runHeaderResizeObserver = () => {
             this.headerResizeObserver = new ResizeObserver(() => {
                 this.headerResizeCallback();
@@ -10646,7 +10717,7 @@ class DataTable {
                     const headers = this.el.shadowRoot.querySelectorAll("th.column-header");
                     headers.forEach((header) => {
                         const tooltip = header.querySelector(this.IC_TOOLTIP_STRING);
-                        const typographyEls = header.querySelectorAll("ic-typography");
+                        const typographyEls = header.querySelectorAll(this.IC_TYPOGRAPHY_STRING);
                         if (tooltip && typographyEls && typographyEls.length === 2) {
                             tooltip.classList.remove(this.SHOW_TRUNC_TOOLTIP_STRING);
                             if (typographyEls[1].clientWidth > typographyEls[0].clientWidth) {
@@ -10714,8 +10785,9 @@ class DataTable {
             }
             else {
                 if (this.truncationPattern === this.TOOLTIP_STRING && tooltip) {
-                    typographyEl.setAttribute("style", `--ic-line-clamp: 0`);
-                    cellContainer.appendChild(typographyEl);
+                    typographyEl.setAttribute("style", `${this.LINE_CLAMP_CSS_VARIABLE}: 0`);
+                    const cellTextWrapper = cellContainer.querySelector(this.CELL_TEXT_WRAPPER_STRING);
+                    cellTextWrapper.prepend(typographyEl);
                     tooltip.remove();
                 }
                 if (this.truncationPattern === this.SHOW_HIDE_STRING &&
@@ -10791,7 +10863,7 @@ class DataTable {
                 this.timerStarted = null;
             }, this.minimumLoadingDisplayDuration);
         };
-        this.isObject = (value) => typeof value === "object";
+        this.isObject = (value) => value !== undefined && value !== null && typeof value === "object";
         this.notDefaultDensity = () => this.density !== "default";
         this.getCellContent = (cell, dataType) => {
             switch (dataType) {
@@ -10857,6 +10929,56 @@ class DataTable {
             }
             return {};
         };
+        this.adjustWidthForActionElement = () => {
+            const elements = this.el.shadowRoot.querySelectorAll(".action-element");
+            elements.forEach((element) => {
+                const width = element.firstChild.getBoundingClientRect()
+                    .width;
+                const gridWrapper = element.closest(".cell-grid-wrapper");
+                gridWrapper.style.gridTemplateColumns = `auto calc(${width}px + var(--ic-space-xs))`;
+            });
+        };
+        this.createCellContent = (columnProps, cell, cellSlotName, rowOptions, rowAlignment, hasIcon, currentRowHeight, cellValue, rowEmphasis) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+            return (hAsync("div", { innerHTML: (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) === "element" &&
+                    !isSlotUsed(this.el, cellSlotName)
+                    ? cell
+                    : null, class: Object.assign(Object.assign({ "cell-container": (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) !== "element", [`cell-alignment-${((_a = columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnAlignment) === null || _a === void 0 ? void 0 : _a.vertical) ||
+                        ((_b = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _b === void 0 ? void 0 : _b.vertical) ||
+                        rowAlignment ||
+                        this.getCellAlignment(cell, "vertical")}`]: !!((_c = columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnAlignment) === null || _c === void 0 ? void 0 : _c.vertical) ||
+                        !!((_d = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _d === void 0 ? void 0 : _d.vertical) ||
+                        !!rowAlignment ||
+                        !!this.getCellAlignment(cell, "vertical"), [`cell-alignment-${((_e = columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnAlignment) === null || _e === void 0 ? void 0 : _e.horizontal) ||
+                        ((_f = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _f === void 0 ? void 0 : _f.horizontal) ||
+                        this.getCellAlignment(cell, "horizontal")}`]: !!((_g = columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnAlignment) === null || _g === void 0 ? void 0 : _g.horizontal) ||
+                        !!((_h = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _h === void 0 ? void 0 : _h.horizontal) ||
+                        !!this.getCellAlignment(cell, "horizontal"), [`data-type-${columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType}`]: true, [this.TEXT_WRAP_STRING]: (columnProps === null || columnProps === void 0 ? void 0 : columnProps.textWrap) ||
+                        (rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.textWrap) ||
+                        !!this.getCellOptions(cell, "textWrap"), ["cell-icon"]: hasIcon || !!((_j = columnProps === null || columnProps === void 0 ? void 0 : columnProps.icon) === null || _j === void 0 ? void 0 : _j.icon), [`cell-emphasis-${(this.isObject(cell) && cellValue("emphasis")) ||
+                        (columnProps === null || columnProps === void 0 ? void 0 : columnProps.emphasis) ||
+                        rowEmphasis}`]: (this.isObject(cell) && !!cellValue("emphasis")) ||
+                        !!(columnProps === null || columnProps === void 0 ? void 0 : columnProps.emphasis) ||
+                        !!rowEmphasis }, this.setTruncationClass()), { [this.CELL_CONTAINER_WITH_DESCRIPTION_STRING]: this.isObject(cell) && Object.keys(cell).includes("description") }), style: Object.assign(Object.assign({}, this.getRowHeight(currentRowHeight, columnProps, rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.textWrap, cell)), this.getColumnWidth(columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnWidth)), "data-row-height": this.truncationPattern || currentRowHeight
+                    ? this.setRowHeight(currentRowHeight)
+                    : null }, isSlotUsed(this.el, cellSlotName) ? (hAsync("slot", { name: cellSlotName })) : (hAsync(Fragment, null, isSlotUsed(this.el, `${cellSlotName}-icon`) ? (hAsync("slot", { name: `${cellSlotName}-icon` })) : ((hasIcon || ((_k = columnProps === null || columnProps === void 0 ? void 0 : columnProps.icon) === null || _k === void 0 ? void 0 : _k.onAllCells)) &&
+                (cellValue("icon") || ((_l = columnProps === null || columnProps === void 0 ? void 0 : columnProps.icon) === null || _l === void 0 ? void 0 : _l.icon)) && (hAsync("span", { class: "icon", innerHTML: cellValue("icon") || ((_m = columnProps === null || columnProps === void 0 ? void 0 : columnProps.icon) === null || _m === void 0 ? void 0 : _m.icon) }))), (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) !== "element" &&
+                !isSlotUsed(this.el, cellSlotName) && (hAsync("div", { class: {
+                    "cell-text-wrapper": true,
+                    "cell-text-no-wrap": !this.truncationPattern,
+                } }, hAsync("ic-typography", { variant: "body", class: {
+                    [`cell-emphasis-${(this.isObject(cell) && cellValue("emphasis")) ||
+                        (columnProps === null || columnProps === void 0 ? void 0 : columnProps.emphasis) ||
+                        rowEmphasis}`]: (this.isObject(cell) && !!cellValue("emphasis")) ||
+                        !!(columnProps === null || columnProps === void 0 ? void 0 : columnProps.emphasis) ||
+                        !!rowEmphasis,
+                    [`text-${this.density}`]: this.notDefaultDensity(),
+                } }, this.isObject(cell) && (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) !== "date" ? (Object.keys(cell).includes("href") ? (hAsync("ic-link", { href: cellValue("href"), theme: this.theme, target: cellValue("target") || undefined, rel: cellValue("rel") || undefined }, cellValue("data"))) : (cellValue("data"))) : (this.getCellContent(cell, columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType))), this.isObject(cell) &&
+                Object.keys(cell).includes("description") && (hAsync("div", { class: {
+                    ["cell-description"]: true,
+                    [`data-type-${columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType}`]: true,
+                } }, ((_o = cellValue("description")) === null || _o === void 0 ? void 0 : _o.icon) && (hAsync("span", { class: "cell-description-icon", innerHTML: cellValue("description").icon })), hAsync("ic-typography", { variant: "caption", class: "cell-description-text" }, (_q = (_p = cellValue("description")) === null || _p === void 0 ? void 0 : _p.data) !== null && _q !== void 0 ? _q : cellValue("description"))))))))));
+        };
         this.createCells = (row, rowIndex) => {
             var _a;
             const rowValues = Object.values(row);
@@ -10874,7 +10996,6 @@ class DataTable {
                 ? variableRowHeightVal !== "auto" && variableRowHeightVal
                 : this.globalRowHeight !== "auto" && this.globalRowHeight;
             return rowValues.map((cell, index) => {
-                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
                 const columnProps = this.columns[index];
                 const cellSlotName = `${columnProps === null || columnProps === void 0 ? void 0 : columnProps.key}-${rowIndex}`;
                 const hasIcon = this.isObject(cell) && Object.keys(cell).includes("icon");
@@ -10891,67 +11012,47 @@ class DataTable {
                             ["table-cell"]: true,
                             [`table-density-${this.density}`]: this.notDefaultDensity(),
                             ["with-overflow"]: (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) === "element",
-                        }, style: Object.assign({}, this.getColumnWidth(columnProps.columnWidth)) }, hAsync("div", { innerHTML: (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) === "element" &&
-                            !isSlotUsed(this.el, cellSlotName)
-                            ? cell
-                            : null, class: Object.assign({ "cell-container": (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) !== "element", [`cell-alignment-${((_a = columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnAlignment) === null || _a === void 0 ? void 0 : _a.vertical) ||
-                                ((_b = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _b === void 0 ? void 0 : _b.vertical) ||
-                                rowAlignment ||
-                                this.getCellAlignment(cell, "vertical")}`]: !!((_c = columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnAlignment) === null || _c === void 0 ? void 0 : _c.vertical) ||
-                                !!((_d = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _d === void 0 ? void 0 : _d.vertical) ||
-                                !!rowAlignment ||
-                                !!this.getCellAlignment(cell, "vertical"), [`cell-alignment-${((_e = columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnAlignment) === null || _e === void 0 ? void 0 : _e.horizontal) ||
-                                ((_f = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _f === void 0 ? void 0 : _f.horizontal) ||
-                                this.getCellAlignment(cell, "horizontal")}`]: !!((_g = columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnAlignment) === null || _g === void 0 ? void 0 : _g.horizontal) ||
-                                !!((_h = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _h === void 0 ? void 0 : _h.horizontal) ||
-                                !!this.getCellAlignment(cell, "horizontal"), [`data-type-${columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType}`]: true, [this.TEXT_WRAP_STRING]: (columnProps === null || columnProps === void 0 ? void 0 : columnProps.textWrap) ||
-                                (rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.textWrap) ||
-                                !!this.getCellOptions(cell, "textWrap"), ["cell-icon"]: hasIcon || !!((_j = columnProps === null || columnProps === void 0 ? void 0 : columnProps.icon) === null || _j === void 0 ? void 0 : _j.icon), [`cell-emphasis-${(this.isObject(cell) && cellValue("emphasis")) ||
-                                (columnProps === null || columnProps === void 0 ? void 0 : columnProps.emphasis) ||
-                                rowEmphasis}`]: (this.isObject(cell) && !!cellValue("emphasis")) ||
-                                !!(columnProps === null || columnProps === void 0 ? void 0 : columnProps.emphasis) ||
-                                !!rowEmphasis }, this.setTruncationClass()), style: Object.assign(Object.assign({}, this.getRowHeight(currentRowHeight, columnProps, rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.textWrap, cell)), this.getColumnWidth(columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnWidth)), "data-row-height": this.truncationPattern || currentRowHeight
-                            ? this.setRowHeight(currentRowHeight)
-                            : null }, isSlotUsed(this.el, cellSlotName) ? (hAsync("slot", { name: cellSlotName })) : (hAsync(Fragment, null, isSlotUsed(this.el, `${cellSlotName}-icon`) ? (hAsync("slot", { name: `${cellSlotName}-icon` })) : ((hasIcon || ((_k = columnProps === null || columnProps === void 0 ? void 0 : columnProps.icon) === null || _k === void 0 ? void 0 : _k.onAllCells)) &&
-                        (cellValue("icon") || ((_l = columnProps === null || columnProps === void 0 ? void 0 : columnProps.icon) === null || _l === void 0 ? void 0 : _l.icon)) && (hAsync("span", { class: "icon", innerHTML: cellValue("icon") || ((_m = columnProps === null || columnProps === void 0 ? void 0 : columnProps.icon) === null || _m === void 0 ? void 0 : _m.icon) }))), (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) !== "element" &&
-                        !isSlotUsed(this.el, cellSlotName) && (hAsync("ic-typography", { variant: "body", class: {
-                            [`text-${this.density}`]: this.notDefaultDensity(),
-                        } }, this.isObject(cell) &&
-                        (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) !== "date" ? (Object.keys(cell).includes("href") ? (hAsync("ic-link", { href: cellValue("href"), theme: this.theme }, cellValue("data"))) : (cellValue("data"))) : (this.getCellContent(cell, columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType)))))))));
+                        }, style: Object.assign({}, this.getColumnWidth(columnProps.columnWidth)) }, this.isObject(cell) &&
+                        Object.keys(cell).includes("actionElement") ? (hAsync("div", { class: "cell-grid-wrapper" }, this.createCellContent(columnProps, cell, cellSlotName, rowOptions, rowAlignment, hasIcon, currentRowHeight, cellValue, rowEmphasis), hAsync("span", { class: "action-element", innerHTML: cellValue("actionElement"),
+                        // eslint-disable-next-line react/jsx-no-bind
+                        onClick: cell.actionOnClick
+                            ? () => this.handleClick(cell.actionOnClick)
+                            : undefined }))) : (this.createCellContent(columnProps, cell, cellSlotName, rowOptions, rowAlignment, hasIcon, currentRowHeight, cellValue, rowEmphasis))));
                 }
             });
         };
-        this.createColumnHeaders = () => {
-            return this.columns.map(({ cellAlignment, colspan, icon, key, title, columnWidth }, index) => (hAsync("th", { scope: "col", class: {
-                    ["column-header"]: true,
-                    [`table-density-${this.density}`]: this.notDefaultDensity(),
-                    ["updating-state-headers"]: this.updating && !this.loading,
-                }, style: Object.assign({}, this.getColumnWidth(columnWidth)), colSpan: colspan }, hAsync("div", { class: {
-                    "column-header-inner-container": true,
-                    "truncation-tooltip": this.columnHeaderTruncation,
-                    [`column-header-alignment-${cellAlignment}`]: !!cellAlignment,
-                } }, isSlotUsed(this.el, `${key}-column-icon`) ? (hAsync("slot", { name: `${key}-column-icon` })) : (icon &&
-                !icon.hideOnHeader && (hAsync("span", { class: "icon", innerHTML: icon.icon }))), this.columnHeaderTruncation ? (hAsync("ic-tooltip", { label: title, target: `column-header-${index}` }, hAsync("ic-typography", { id: `column-header-${index}`, variant: "body", class: {
-                    ["column-header-text"]: true,
-                    [`text-${this.density}`]: this.notDefaultDensity(),
-                } }, title))) : (hAsync("ic-typography", { variant: "body", class: {
-                    ["column-header-text"]: true,
-                    [`text-${this.density}`]: this.notDefaultDensity(),
-                } }, title)), this.sortable && (hAsync("ic-button", { variant: "icon", id: `sort-button-${key}`, "aria-label": this.getSortButtonLabel(key),
-                // eslint-disable-next-line react/jsx-no-bind
-                onClick: () => this.sortRows(key), innerHTML: this.SORT_ICONS[this.sortedColumn === key
-                    ? this.sortedColumnOrder
-                    : "unsorted"], class: {
-                    ["sort-button"]: true,
-                    ["sort-button-unsorted"]: this.sortedColumn !== key ||
-                        this.sortedColumnOrder === "unsorted",
-                } }))), this.columnHeaderTruncation && (hAsync("ic-typography", { variant: "body", "aria-hidden": "true", class: {
-                    ["column-header-text"]: true,
-                    ["dummy-column-header-text"]: this.columnHeaderTruncation,
-                    [`text-${this.density}`]: this.notDefaultDensity(),
-                } }, title)))));
-        };
+        this.createColumnHeaders = () => (this.columns || []).map(({ cellAlignment, colspan, icon, key, title, columnWidth }, index) => (hAsync("th", { scope: "col", class: {
+                ["column-header"]: true,
+                [`table-density-${this.density}`]: this.notDefaultDensity(),
+                ["updating-state-headers"]: this.updating && !this.loading,
+            }, style: Object.assign({}, this.getColumnWidth(columnWidth)), colSpan: colspan }, hAsync("div", { class: {
+                "column-header-inner-container": true,
+                "truncation-tooltip": this.columnHeaderTruncation,
+                [`column-header-alignment-${cellAlignment}`]: !!cellAlignment,
+            } }, isSlotUsed(this.el, `${key}-column-icon`) ? (hAsync("slot", { name: `${key}-column-icon` })) : (icon &&
+            !icon.hideOnHeader && (hAsync("span", { class: "icon", innerHTML: icon.icon }))), this.columnHeaderTruncation ? (hAsync("ic-tooltip", { label: title, target: `column-header-${index}` }, hAsync("ic-typography", { id: `column-header-${index}`, variant: "body", class: {
+                ["column-header-text"]: true,
+                [`text-${this.density}`]: this.notDefaultDensity(),
+            } }, title))) : (hAsync("ic-typography", { variant: "body", class: {
+                ["column-header-text"]: true,
+                [`text-${this.density}`]: this.notDefaultDensity(),
+            } }, title)), this.sortable && (hAsync("ic-button", { variant: "icon", id: `sort-button-${key}`, "aria-label": this.getSortButtonLabel(key),
+            // eslint-disable-next-line react/jsx-no-bind
+            onClick: () => this.sortRows(key), innerHTML: this.SORT_ICONS[this.sortedColumn === key
+                ? this.sortedColumnOrder
+                : "unsorted"], class: {
+                ["sort-button"]: true,
+                ["sort-button-unsorted"]: this.sortedColumn !== key ||
+                    this.sortedColumnOrder === "unsorted",
+            } }))), this.columnHeaderTruncation && (hAsync("ic-typography", { variant: "body", "aria-hidden": "true", class: {
+                ["column-header-text"]: true,
+                ["dummy-column-header-text"]: this.columnHeaderTruncation,
+                [`text-${this.density}`]: this.notDefaultDensity(),
+            } }, title)))));
         this.onRowClick = (row) => {
+            if (!this.loading && !this.updating) {
+                this.icSelectedRowChange.emit(this.selectedRow !== row ? row : null);
+            }
             this.selectedRow =
                 this.selectedRow !== row && !this.loading && !this.updating && row;
         };
@@ -10982,7 +11083,7 @@ class DataTable {
                     // eslint-disable-next-line react/jsx-no-bind
                     onClick: () => this.onRowClick(row), class: {
                         ["table-row"]: true,
-                        ["table-row-selected"]: this.selectedRow === row,
+                        ["table-row-selected"]: this.highlightSelectedRow && this.selectedRow === row,
                     }
                 }, this.createCells(row, index)));
             });
@@ -11052,7 +11153,8 @@ class DataTable {
             });
         };
         this.getTypographyElements = () => {
-            return Array.from(this.el.shadowRoot.querySelectorAll("ic-typography:not(.column-header-text)"));
+            // Filter out column headers and cell descriptions
+            return Array.from(this.el.shadowRoot.querySelectorAll("ic-typography:not(.column-header-text,.cell-description-text)"));
         };
         this.getTooltip = (typographyEl) => {
             return typographyEl.closest(this.TOOLTIP);
@@ -11063,7 +11165,7 @@ class DataTable {
                 const cellContainer = this.getCellContainer(typographyEl);
                 if (typographyEl.closest(this.TEXT_WRAP_CLASS)) {
                     this.removeTooltip(cellContainer, typographyEl, tooltip);
-                    typographyEl.setAttribute("style", `--ic-line-clamp: 0`);
+                    typographyEl.setAttribute("style", `${this.LINE_CLAMP_CSS_VARIABLE}: 0`);
                     return;
                 }
                 this.regenerateTooltip(cellContainer, typographyEl, tooltip, removeTooltipOnly);
@@ -11072,6 +11174,56 @@ class DataTable {
         this.updateScrollOffset = () => {
             this.scrollOffset = this.el.shadowRoot.querySelector(".table-row-container").scrollTop;
         };
+        this.updateRowHeightForDescriptions = (rowHeight, cellContainer) => {
+            cellContainer.setAttribute("data-row-height", rowHeight.toString());
+            cellContainer.setAttribute("style", `${this.ROW_HEIGHT_CSS_VARIABLE}: ${rowHeight}px`);
+        };
+        // Method to update the row heights on cells with descriptions and tooltip truncation
+        this.updateCellHeightsWithDescriptions = () => {
+            const descriptions = this.el.shadowRoot.querySelectorAll(this.CELL_DESCRIPTION_STRING);
+            descriptions.forEach((description) => {
+                const cellContainer = description.closest(`.${this.CELL_CONTAINER_WITH_DESCRIPTION_STRING}`);
+                const typography = cellContainer.querySelector(this.IC_TYPOGRAPHY_STRING);
+                const descriptionMarginTop = window
+                    .getComputedStyle(description)
+                    .getPropertyValue("margin-top");
+                const descriptionHeight = description.clientHeight + parseInt(descriptionMarginTop, 10);
+                if (this.globalRowHeight && this.globalRowHeight !== "auto") {
+                    if (!typography.textContent &&
+                        descriptionHeight + this.DEFAULT_LINE_HEIGHT > this.globalRowHeight) {
+                        this.updateRowHeightForDescriptions(descriptionHeight, cellContainer);
+                    }
+                    else if (this.truncationPattern === this.TOOLTIP_STRING) {
+                        if (descriptionHeight + this.DEFAULT_LINE_HEIGHT >
+                            this.globalRowHeight) {
+                            const cellIcon = cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.querySelector(".icon");
+                            if (deviceSizeMatches(IC_DEVICE_SIZES.XS) && cellIcon) {
+                                // recalculate descriptionHeight as when a word break occurs this value changes
+                                // Additional spacing given for 300-400% zoom
+                                this.updateRowHeightForDescriptions(descriptionHeight +
+                                    this.DEFAULT_LINE_HEIGHT +
+                                    cellIcon.clientHeight, cellContainer);
+                            }
+                            else {
+                                this.updateRowHeightForDescriptions(descriptionHeight + this.DEFAULT_LINE_HEIGHT, cellContainer);
+                            }
+                        }
+                        this.addLineClampCSS(typography, cellContainer);
+                        // Additional case for show/hide truncation for when a description is present, but the text
+                        // isn't overflowing the cell to trigger the show more button to appear.
+                    }
+                    else if (this.truncationPattern === this.SHOW_HIDE_STRING &&
+                        descriptionHeight + this.DEFAULT_LINE_HEIGHT > this.globalRowHeight &&
+                        typography.style.getPropertyValue("--truncation-max-lines") !==
+                            "initial") {
+                        this.updateRowHeightForDescriptions(descriptionHeight + this.DEFAULT_LINE_HEIGHT, cellContainer);
+                        if (descriptionHeight) {
+                            this.createShowHideTruncation(typography, cellContainer, descriptionHeight);
+                        }
+                    }
+                }
+            });
+        };
         this.setTableDimensions = () => {
             let tableHostDimensions = {};
             if (this.width) {
@@ -11088,22 +11240,79 @@ class DataTable {
             }
             return tableHostDimensions;
         };
+        this.fixCellTooltip = (element) => {
+            var _a;
+            const tooltipEl = (element.tagName === "IC-TOOLTIP"
+                ? element
+                : (_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(this.IC_TOOLTIP_STRING));
+            if (tooltipEl) {
+                tooltipEl.setExternalPopperProps({
+                    strategy: "fixed",
+                });
+            }
+        };
         this.fixCellTooltips = () => {
             const elements = this.el.shadowRoot.querySelectorAll(".data-type-element");
             elements.forEach((element) => {
                 const slotElements = getSlotElements(element);
-                slotElements.forEach((slottedEl) => {
-                    var _a;
-                    const tooltipEl = (slottedEl.tagName === "IC-TOOLTIP"
-                        ? slottedEl
-                        : (_a = slottedEl.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(this.IC_TOOLTIP_STRING));
-                    if (tooltipEl) {
-                        tooltipEl.setExternalPopperProps({
-                            strategy: "fixed",
-                        });
-                    }
+                slotElements === null || slotElements === void 0 ? void 0 : slotElements.forEach((slottedEl) => {
+                    this.fixCellTooltip(slottedEl);
                 });
             });
+            const actionElements = this.el.shadowRoot.querySelectorAll(".action-element");
+            actionElements === null || actionElements === void 0 ? void 0 : actionElements.forEach((actionElementSpan) => {
+                const actionElement = actionElementSpan.firstChild;
+                if (actionElement) {
+                    this.fixCellTooltip(actionElement);
+                }
+            });
+        };
+        this.handleClick = (callback) => callback();
+        this.renderTableBody = (data, loading, overlay) => {
+            if (!(data === null || data === void 0 ? void 0 : data.length))
+                return;
+            if (overlay && loading) {
+                return hAsync("tbody", null, this.createRows());
+            }
+            else if (loading && !overlay) {
+                return null;
+            }
+            else {
+                return hAsync("tbody", null, this.createRows());
+            }
+        };
+        this.renderLoadingIndicator = (isLoading, loadingOptions) => {
+            if (!isLoading)
+                return null;
+            return (hAsync(Fragment, null, hAsync("div", { class: "loading-overlay", ref: (el) => (this.loadingOverlay = el) }), hAsync("ic-loading-indicator", { theme: this.theme, monochrome: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.monochrome, class: {
+                    "loading-empty": isLoading,
+                    loading: true,
+                    "show-background": loadingOptions.showBackground || loadingOptions.overlay,
+                }, description: loadingOptions.description || "Loading table data", label: loadingOptions.label || "Loading...", labelDuration: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.labelDuration, max: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.max, min: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.min, progress: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.progress, ref: (el) => (this.loadingIndicator = el) })));
+        };
+        this.renderAriaLiveLoading = () => {
+            var _a, _b;
+            if (this.loading) {
+                return ((_a = this.loadingOptions) === null || _a === void 0 ? void 0 : _a.label) || "Loading...";
+            }
+            else if (this.updating) {
+                return ((_b = this.updatingOptions) === null || _b === void 0 ? void 0 : _b.description) || "Updating table data";
+            }
+            else {
+                return "";
+            }
+        };
+        this.renderEmptyState = (data, loading, overlay) => {
+            const emptyStateEl = isSlotUsed(this.el, "empty-state") ? (hAsync("slot", { name: "empty-state" })) : (hAsync("ic-empty-state", { aligned: "center", heading: "No Data", class: "loading-empty" }));
+            if (loading && !(data === null || data === void 0 ? void 0 : data.length) && overlay) {
+                return emptyStateEl;
+            }
+            else if (!loading && !(data === null || data === void 0 ? void 0 : data.length)) {
+                return emptyStateEl;
+            }
+            else {
+                return null;
+            }
         };
         this.fromRow = 0;
         this.previousRowsPerPage = undefined;
@@ -11124,6 +11333,7 @@ class DataTable {
         this.embedded = false;
         this.globalRowHeight = "auto";
         this.height = undefined;
+        this.highlightSelectedRow = true;
         this.hideColumnHeaders = false;
         this.loading = false;
         this.loadingOptions = undefined;
@@ -11146,6 +11356,7 @@ class DataTable {
             hideRangeLabel: false,
             hideAllFromItemsPerPage: false,
             monochrome: false,
+            setToFirstPageOnPaginationChange: false,
         };
         this.showPagination = false;
         this.sortable = false;
@@ -11183,13 +11394,13 @@ class DataTable {
         (_b = this.headerResizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
     }
     componentWillLoad() {
-        var _a;
+        var _a, _b;
         this.rowsPerPage = Number(this.paginationBarOptions.itemsPerPageOptions[0].value);
         this.previousRowsPerPage = this.rowsPerPage;
         this.toRow = this.rowsPerPage;
         this.sortedColumn = this.sortOptions.defaultColumn;
         this.sortedColumnOrder = this.sortOptions.sortOrders[0];
-        this.loadingOptions = Object.assign(Object.assign({}, this.loadingOptions), { showBackground: ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 });
+        this.loadingOptions = Object.assign(Object.assign({}, this.loadingOptions), { showBackground: ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 || !!((_b = this.loadingOptions) === null || _b === void 0 ? void 0 : _b.overlay) });
         this.initialLoad = true;
         this.previousItemsPerPage = this.rowsPerPage;
     }
@@ -11220,6 +11431,7 @@ class DataTable {
         if (this.globalRowHeight !== "auto") {
             this.updateSetRowHeight();
         }
+        window.addEventListener("resize", this.updateCellHeightsWithDescriptions);
     }
     componentDidUpdate() {
         // truncation updates invoked here once new/updated data has
@@ -11231,6 +11443,8 @@ class DataTable {
     }
     componentDidRender() {
         this.fixCellTooltips();
+        this.updateCellHeightsWithDescriptions();
+        this.adjustWidthForActionElement();
     }
     truncateUpdatedData() {
         if (this.dataUpdated) {
@@ -11288,7 +11502,7 @@ class DataTable {
                     cellContainer.style.height = null;
                     if (this.truncationPattern === this.TOOLTIP_STRING) {
                         this.removeTooltip(cellContainer, typographyEl, tooltipEl);
-                        typographyEl.setAttribute("style", `--ic-line-clamp: 0`);
+                        typographyEl.setAttribute("style", `${this.LINE_CLAMP_CSS_VARIABLE}: 0`);
                     }
                     else if (this.truncationPattern === this.SHOW_HIDE_STRING) {
                         this.resetShowHideTruncation(typographyEl);
@@ -11299,7 +11513,8 @@ class DataTable {
                     parseFloat(cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING));
                 // If the set row height is bigger than the cell container even
                 // with textWrap, set the row height
-                if (!((_a = cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.style) === null || _a === void 0 ? void 0 : _a.height) &&
+                if (!cellContainer.classList.contains(this.CELL_CONTAINER_WITH_DESCRIPTION_STRING) &&
+                    !((_a = cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.style) === null || _a === void 0 ? void 0 : _a.height) &&
                     rowHeight > cellContainer.clientHeight &&
                     !cellContainer.classList.contains(this.TEXT_WRAP_STRING)) {
                     cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING));
@@ -11332,7 +11547,7 @@ class DataTable {
                 const newRows = Array.from(allRows).slice(this.previousItemsPerPage);
                 newRows.forEach((row) => {
                     row
-                        .querySelectorAll("ic-typography")
+                        .querySelectorAll(this.IC_TYPOGRAPHY_STRING)
                         .forEach((typographyEl) => {
                         const cellContainer = this.getCellContainer(typographyEl);
                         const tooltipEl = this.getTooltip(typographyEl);
@@ -11394,9 +11609,17 @@ class DataTable {
             }
         }
     }
-    createShowHideTruncation(typographyEl, cellContainer) {
+    createShowHideTruncation(typographyEl, cellContainer, descriptionHeight) {
         typographyEl.checkMaxLines(typographyEl.scrollHeight);
         typographyEl.setAttribute("max-lines", `${Math.floor((cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight) / this.DEFAULT_LINE_HEIGHT)}`);
+        if (cellContainer.classList.contains(this.CELL_CONTAINER_WITH_DESCRIPTION_STRING) &&
+            descriptionHeight) {
+            typographyEl.setAttribute("max-lines", `${Math.floor(((cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight) - descriptionHeight) /
+                this.DEFAULT_LINE_HEIGHT)}`);
+        }
+        else {
+            typographyEl.setAttribute("max-lines", `${Math.floor((cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight) / this.DEFAULT_LINE_HEIGHT)}`);
+        }
         typographyEl.setShowHideExpanded(false);
         cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, null);
     }
@@ -11503,7 +11726,8 @@ class DataTable {
         this.truncationPatternUpdated = true;
     }
     async dataHandler(newData) {
-        this.loadingOptions = Object.assign(Object.assign({}, this.loadingOptions), { showBackground: (newData === null || newData === void 0 ? void 0 : newData.length) > 0 });
+        var _a;
+        this.loadingOptions = Object.assign(Object.assign({}, this.loadingOptions), { showBackground: (newData === null || newData === void 0 ? void 0 : newData.length) > 0 || !!((_a = this.loadingOptions) === null || _a === void 0 ? void 0 : _a.overlay) });
         if (this.loading) {
             !this.hasLoadedForOneSecond
                 ? setTimeout(() => (this.loading = false), this.minimumLoadingDisplayDuration -
@@ -11530,7 +11754,7 @@ class DataTable {
                 typographyEl.setShowHideExpanded(false);
                 cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, null);
             }
-            else {
+            else if (!cellContainer.classList.contains(this.CELL_CONTAINER_WITH_DESCRIPTION_STRING)) {
                 typographyEl.resetTruncation().then(() => {
                     if (!typographyEl.closest(this.TEXT_WRAP_CLASS)) {
                         cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING));
@@ -11566,8 +11790,11 @@ class DataTable {
         this.variableRowHeight = null;
     }
     showLoadingIndicator() {
-        var _a;
-        (_a = this.loadingIndicator) === null || _a === void 0 ? void 0 : _a.classList.add("show");
+        var _a, _b, _c;
+        if ((_a = this.loadingOptions) === null || _a === void 0 ? void 0 : _a.overlay) {
+            (_b = this.loadingOverlay) === null || _b === void 0 ? void 0 : _b.classList.add("show");
+        }
+        (_c = this.loadingIndicator) === null || _c === void 0 ? void 0 : _c.classList.add("show");
     }
     getRowOptions(rowKeys, rowValues) {
         const rowOptionsIndex = rowKeys.indexOf("rowOptions");
@@ -11596,20 +11823,40 @@ class DataTable {
         if ((typographyEl === null || typographyEl === void 0 ? void 0 : typographyEl.scrollHeight) > (cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight) &&
             this.truncationPattern === this.TOOLTIP_STRING) {
             if (!typographyEl.getAttribute("style") ||
-                typographyEl.style.cssText.includes("--ic-line-clamp: 0;")) {
+                typographyEl.style.cssText.includes(`${this.LINE_CLAMP_CSS_VARIABLE}: 0;`)) {
                 this.addLineClampCSS(typographyEl, cellContainer);
             }
             this.createTruncationTooltip(typographyEl, cellContainer);
         }
     }
     removeTooltip(cellContainer, typographyEl, tooltip) {
-        cellContainer.appendChild(typographyEl);
+        const cellTextWrapper = cellContainer.querySelector(this.CELL_TEXT_WRAPPER_STRING);
+        cellTextWrapper.prepend(typographyEl);
         if (tooltip) {
             tooltip.remove();
         }
     }
     addLineClampCSS(typographyEl, cellContainer) {
-        typographyEl.setAttribute("style", `--ic-line-clamp: ${this.getLines(cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight)}`);
+        var _a, _b;
+        const descriptionCellHeight = (_a = cellContainer.querySelector(this.CELL_DESCRIPTION_STRING)) === null || _a === void 0 ? void 0 : _a.clientHeight;
+        if (cellContainer.classList.contains(this.CELL_CONTAINER_WITH_DESCRIPTION_STRING) &&
+            (cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight) > descriptionCellHeight) {
+            let iconHeight;
+            if (deviceSizeMatches(IC_DEVICE_SIZES.XS)) {
+                const cellIcon = cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.querySelector(".icon");
+                iconHeight = cellIcon ? cellIcon.clientHeight : 0;
+            }
+            else {
+                iconHeight = 0;
+            }
+            const height = (cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight) -
+                ((_b = cellContainer.querySelector(this.CELL_DESCRIPTION_STRING)) === null || _b === void 0 ? void 0 : _b.clientHeight) -
+                iconHeight;
+            typographyEl.setAttribute("style", `${this.LINE_CLAMP_CSS_VARIABLE}: ${this.getLines(height || 0)}`);
+        }
+        else {
+            typographyEl.setAttribute("style", `${this.LINE_CLAMP_CSS_VARIABLE}: ${this.getLines(cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight)}`);
+        }
     }
     createTruncationTooltip(typographyEl, cellContainer) {
         const tooltipEl = document.createElement(this.IC_TOOLTIP_STRING);
@@ -11620,12 +11867,13 @@ class DataTable {
             // This might need reverting back to absolute if the tooltip doesn't dynamically position itself correctly
             strategy: "fixed",
         });
-        cellContainer.appendChild(tooltipEl);
-        tooltipEl.appendChild(typographyEl);
+        const cellTextWrapper = cellContainer.querySelector(this.CELL_TEXT_WRAPPER_STRING);
+        cellTextWrapper.prepend(tooltipEl);
+        tooltipEl.prepend(typographyEl);
     }
     render() {
         var _a;
-        const { caption, createColumnHeaders, createRows, createUpdatingIndicator, data, hideColumnHeaders, loading, loadingOptions, paginationBarOptions, scrollable, scrollOffset, showPagination, sortable, sortedColumnOrder, sortedColumn, stickyColumnHeaders, updateScrollOffset, updating, theme, } = this;
+        const { caption, createColumnHeaders, createUpdatingIndicator, data, hideColumnHeaders, loading, loadingOptions, paginationBarOptions, scrollable, scrollOffset, showPagination, sortable, sortedColumnOrder, sortedColumn, stickyColumnHeaders, updateScrollOffset, updating, theme, } = this;
         return (hAsync(Host, { style: Object.assign({}, this.setTableDimensions()), class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync("div", { class: "table-container" }, isSlotUsed(this.el, "title-bar") && hAsync("slot", { name: "title-bar" }), hAsync("div", { class: {
                 ["table-row-container"]: true,
                 scrollable,
@@ -11636,13 +11884,7 @@ class DataTable {
                 ["column-header-overlay"]: stickyColumnHeaders && scrollOffset !== 0,
             } }, hAsync("tr", null, createColumnHeaders()))), updating &&
             !loading &&
-            (hideColumnHeaders ? (hAsync("thead", null, createUpdatingIndicator())) : (createUpdatingIndicator())), (data === null || data === void 0 ? void 0 : data.length) > 0 && !loading && hAsync("tbody", null, createRows())), !(data === null || data === void 0 ? void 0 : data.length) &&
-            !loading &&
-            (isSlotUsed(this.el, "empty-state") ? (hAsync("slot", { name: "empty-state" })) : (hAsync("ic-empty-state", { aligned: "center", heading: "No Data", class: "loading-empty" })))), loading && (hAsync("ic-loading-indicator", { theme: theme, monochrome: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.monochrome, class: {
-                "loading-empty": loading,
-                loading: true,
-                "show-background": loadingOptions.showBackground,
-            }, description: loadingOptions.description || "Loading table data", label: loadingOptions.label || "Loading...", labelDuration: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.labelDuration, max: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.max, min: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.min, progress: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.progress, ref: (el) => (this.loadingIndicator = el) })), (showPagination || isSlotUsed(this.el, "pagination-bar")) && (hAsync("div", { class: "pagination-container" }, isSlotUsed(this.el, "pagination-bar") ? (hAsync("slot", { name: "pagination-bar" })) : (hAsync("ic-pagination-bar", { totalItems: (_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : 0, type: paginationBarOptions.type, rangeLabelType: paginationBarOptions.rangeLabelType, showItemsPerPageControl: paginationBarOptions.showItemsPerPageControl, showGoToPageControl: paginationBarOptions.showGoToPageControl, itemsPerPageOptions: paginationBarOptions.itemsPerPageOptions, alignment: paginationBarOptions.alignment, theme: theme, monochrome: paginationBarOptions.monochrome, itemLabel: paginationBarOptions.itemLabel, pageLabel: paginationBarOptions.pageLabel, hideRangeLabel: paginationBarOptions.hideRangeLabel, hideAllFromItemsPerPage: paginationBarOptions.hideAllFromItemsPerPage })))), sortable && (hAsync("div", { class: "screen-reader-sort-text", "aria-live": "polite" }, sortedColumnOrder !== "unsorted" && sortedColumn
+            (hideColumnHeaders ? (hAsync("thead", null, createUpdatingIndicator())) : (createUpdatingIndicator())), this.renderTableBody(data, loading, loadingOptions.overlay)), this.renderEmptyState(data, loading, loadingOptions.overlay)), hAsync("div", { "aria-live": "assertive", class: "sr-only" }, this.renderAriaLiveLoading()), this.renderLoadingIndicator(loading, loadingOptions), (showPagination || isSlotUsed(this.el, "pagination-bar")) && (hAsync("div", { class: "pagination-container" }, isSlotUsed(this.el, "pagination-bar") ? (hAsync("slot", { name: "pagination-bar" })) : (hAsync("ic-pagination-bar", { totalItems: (_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : 0, type: paginationBarOptions.type, rangeLabelType: paginationBarOptions.rangeLabelType, showItemsPerPageControl: paginationBarOptions.showItemsPerPageControl, showGoToPageControl: paginationBarOptions.showGoToPageControl, itemsPerPageOptions: paginationBarOptions.itemsPerPageOptions, alignment: paginationBarOptions.alignment, theme: theme, monochrome: paginationBarOptions.monochrome, itemLabel: paginationBarOptions.itemLabel, pageLabel: paginationBarOptions.pageLabel, hideRangeLabel: paginationBarOptions.hideRangeLabel, hideAllFromItemsPerPage: paginationBarOptions.hideAllFromItemsPerPage, setToFirstPageOnPaginationChange: paginationBarOptions.setToFirstPageOnPaginationChange })))), sortable && (hAsync("div", { class: "screen-reader-sort-text", "aria-live": "polite" }, sortedColumnOrder !== "unsorted" && sortedColumn
             ? `${sortedColumn} sorted ${sortedColumnOrder}`
             : "table unsorted")))));
     }
@@ -11669,6 +11911,7 @@ class DataTable {
             "embedded": [4],
             "globalRowHeight": [1032, "global-row-height"],
             "height": [1],
+            "highlightSelectedRow": [4, "highlight-selected-row"],
             "hideColumnHeaders": [4, "hide-column-headers"],
             "loading": [1028],
             "loadingOptions": [16],
@@ -11915,7 +12158,7 @@ var Calendar = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" v
   <path d="M16.6667 2.50004H15.8334V0.833374H14.1667V2.50004H5.83342V0.833374H4.16675V2.50004H3.33341C2.41675 2.50004 1.66675 3.25004 1.66675 4.16671V17.5C1.66675 18.4167 2.41675 19.1667 3.33341 19.1667H16.6667C17.5834 19.1667 18.3334 18.4167 18.3334 17.5V4.16671C18.3334 3.25004 17.5834 2.50004 16.6667 2.50004ZM16.6667 17.5H3.33341V6.66671H16.6667V17.5Z" fill="currentColor"/>
 </svg>`;
 
-const icDateInputCss = "/*!@html*/html.sc-ic-date-input{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-date-input{margin:0}/*!@main*/main.sc-ic-date-input{display:block}/*!@h1*/h1.sc-ic-date-input{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-date-input{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-date-input{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-date-input{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-date-input{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-date-input,strong.sc-ic-date-input{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-date-input,kbd.sc-ic-date-input,samp.sc-ic-date-input{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-date-input{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-date-input,sup.sc-ic-date-input{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-date-input{bottom:-0.25em}/*!@sup*/sup.sc-ic-date-input{top:-0.5em}/*!@img*/img.sc-ic-date-input{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-date-input,input.sc-ic-date-input,optgroup.sc-ic-date-input,select.sc-ic-date-input,textarea.sc-ic-date-input{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-date-input,input.sc-ic-date-input{overflow:visible}/*!@button,\nselect*/button.sc-ic-date-input,select.sc-ic-date-input{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-date-input,[type=\"button\"].sc-ic-date-input,[type=\"reset\"].sc-ic-date-input,[type=\"submit\"].sc-ic-date-input{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-date-input::-moz-focus-inner,[type=\"button\"].sc-ic-date-input::-moz-focus-inner,[type=\"reset\"].sc-ic-date-input::-moz-focus-inner,[type=\"submit\"].sc-ic-date-input::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-date-input:-moz-focusring,[type=\"button\"].sc-ic-date-input:-moz-focusring,[type=\"reset\"].sc-ic-date-input:-moz-focusring,[type=\"submit\"].sc-ic-date-input:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-date-input{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-date-input{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-date-input{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-date-input{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-date-input,[type=\"radio\"].sc-ic-date-input{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-date-input::-webkit-inner-spin-button,[type=\"number\"].sc-ic-date-input::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-date-input{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-date-input::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-date-input::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-date-input{display:block}/*!@summary*/summary.sc-ic-date-input{display:list-item}/*!@template*/template.sc-ic-date-input{display:none}/*!@[hidden]*/[hidden].sc-ic-date-input{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-date-input,body.sc-ic-date-input,div.sc-ic-date-input,span.sc-ic-date-input,applet.sc-ic-date-input,object.sc-ic-date-input,iframe.sc-ic-date-input,h1.sc-ic-date-input,h2.sc-ic-date-input,h3.sc-ic-date-input,h4.sc-ic-date-input,h5.sc-ic-date-input,h6.sc-ic-date-input,p.sc-ic-date-input,blockquote.sc-ic-date-input,pre.sc-ic-date-input,a.sc-ic-date-input,abbr.sc-ic-date-input,acronym.sc-ic-date-input,address.sc-ic-date-input,big.sc-ic-date-input,cite.sc-ic-date-input,code.sc-ic-date-input,del.sc-ic-date-input,dfn.sc-ic-date-input,em.sc-ic-date-input,img.sc-ic-date-input,ins.sc-ic-date-input,kbd.sc-ic-date-input,q.sc-ic-date-input,s.sc-ic-date-input,samp.sc-ic-date-input,small.sc-ic-date-input,strike.sc-ic-date-input,strong.sc-ic-date-input,sub.sc-ic-date-input,sup.sc-ic-date-input,tt.sc-ic-date-input,var.sc-ic-date-input,b.sc-ic-date-input,u.sc-ic-date-input,i.sc-ic-date-input,center.sc-ic-date-input,dl.sc-ic-date-input,dt.sc-ic-date-input,dd.sc-ic-date-input,ol.sc-ic-date-input,ul.sc-ic-date-input,li.sc-ic-date-input,fieldset.sc-ic-date-input,form.sc-ic-date-input,label.sc-ic-date-input,legend.sc-ic-date-input,table.sc-ic-date-input,caption.sc-ic-date-input,tbody.sc-ic-date-input,tfoot.sc-ic-date-input,thead.sc-ic-date-input,tr.sc-ic-date-input,th.sc-ic-date-input,td.sc-ic-date-input,article.sc-ic-date-input,aside.sc-ic-date-input,canvas.sc-ic-date-input,details.sc-ic-date-input,embed.sc-ic-date-input,figure.sc-ic-date-input,figcaption.sc-ic-date-input,footer.sc-ic-date-input,header.sc-ic-date-input,hgroup.sc-ic-date-input,menu.sc-ic-date-input,nav.sc-ic-date-input,output.sc-ic-date-input,ruby.sc-ic-date-input,section.sc-ic-date-input,summary.sc-ic-date-input,time.sc-ic-date-input,mark.sc-ic-date-input,audio.sc-ic-date-input,video.sc-ic-date-input{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-date-input-h{--ic-input-label-helpertext-padding:var(--ic-space-xxs);--input-bg-color:var(--ic-date-input-bg);--ic-input-label-text-color:var(--ic-date-input-label);--ic-input-label-helper-text-color:var(--ic-date-input-subtitle);--border-color:var(--ic-date-input-border);--border-color-disabled:var(--ic-date-input-border-disabled);--border-color-hover:var(--ic-date-input-border-default-hover);--border-color-pressed:var(--ic-date-input-border-default-pressed);--border-error-color:var(--ic-date-input-border-error);--border-error-color-hover:var(--ic-date-input-border-error-hover);--border-error-color-pressed:var(--ic-date-input-border-error-pressed);--border-success-color:var(--ic-date-input-border-success);--border-success-color-hover:var(--ic-date-input-border-success-hover);--border-success-color-pressed:var(--ic-date-input-border-success-pressed);--border-warning-color:var(--ic-date-input-border-warning);--border-warning-color-hover:var(--ic-date-input-border-warning-hover);--border-warning-color-pressed:var(--ic-date-input-border-warning-pressed)}/*!@:host(.ic-date-input-disabled)*/.ic-date-input-disabled.sc-ic-date-input-h{--ic-input-label-text-color:var(--ic-date-input-label-disabled);--ic-input-label-helper-text-color:var(--ic-date-input-subtitle-disabled)}/*!@input*/input.sc-ic-date-input{border:0;height:100%;padding:0;outline:none;background:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;color:var(--ic-date-input-text-filled);caret-color:var(--ic-date-input-typing-cursor)}/*!@input::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button*/input.sc-ic-date-input::-webkit-outer-spin-button,input.sc-ic-date-input::-webkit-inner-spin-button{-webkit-appearance:none}/*!@input:-webkit-autofill*/input.sc-ic-date-input:-webkit-autofill{box-shadow:0 0 0 var(--ic-space-sm) var(--ic-architectural-white) inset}/*!@input::-moz-placeholder*/input.sc-ic-date-input::-moz-placeholder{color:var(--ic-date-input-text-placeholder)}/*!@input::placeholder*/input.sc-ic-date-input::placeholder{color:var(--ic-date-input-text-placeholder)}/*!@ic-input-component-container*/ic-input-component-container.sc-ic-date-input{cursor:text}/*!@ic-input-component-container .focus-indicator*/ic-input-component-container.sc-ic-date-input .focus-indicator.sc-ic-date-input{padding:var(--ic-space-xxxs) var(--ic-space-xs);align-items:center}/*!@.date-inputs*/.date-inputs.sc-ic-date-input{color:var(--ic-date-input-text-placeholder)}/*!@.day-input*/.day-input.sc-ic-date-input{width:1.438rem}/*!@.month-input*/.month-input.sc-ic-date-input{width:1.813rem}/*!@.year-input,\n.year-input.fit-to-value*/.year-input.sc-ic-date-input,.year-input.fit-to-value.sc-ic-date-input{width:2.313rem}/*!@.fit-to-value*/.fit-to-value.sc-ic-date-input{width:1.25rem}/*!@.sr-only*/.sr-only.sc-ic-date-input{position:absolute;left:-9999px}/*!@.input-container*/.input-container.sc-ic-date-input{width:100%;display:flex;justify-content:space-between;align-items:center;position:relative}/*!@.action-buttons*/.action-buttons.sc-ic-date-input{display:flex;align-items:center}/*!@.show-calendar-button-wrapper*/.show-calendar-button-wrapper.sc-ic-date-input{display:flex;justify-content:center;align-items:center}/*!@.clear-button,\n.calendar-button*/.clear-button.sc-ic-date-input,.calendar-button.sc-ic-date-input{border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition);margin:0}/*!@.clear-button.hidden*/.clear-button.hidden.sc-ic-date-input{display:none}/*!@.clear-button:focus,\n.calendar-button:focus,\n.clear-button:active,\n.calendar-button:active*/.clear-button.sc-ic-date-input:focus,.calendar-button.sc-ic-date-input:focus,.clear-button.sc-ic-date-input:active,.calendar-button.sc-ic-date-input:active{background-color:var(--ic-color-focus-inner) !important;box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer) !important;border-radius:0.25rem}/*!@.calendar-button:focus,\n.calendar-button:active*/.calendar-button.sc-ic-date-input:focus,.calendar-button.sc-ic-date-input:active{--ic-button-tertiary-text-active:var(--ic-atoms-input-clear-button-focus);--ic-button-tertiary-text-hover-active:var(\n    --ic-atoms-input-clear-button-focus\n  );--ic-button-tertiary-text-pressed-active:var(\n    --ic-atoms-input-clear-button-focus\n  )}/*!@.clear-button:focus,\n.calendar-button:focus,\n.clear-button:active *,\n.calendar-button:active **/.clear-button.sc-ic-date-input:focus,.calendar-button.sc-ic-date-input:focus,.clear-button.sc-ic-date-input:active *.sc-ic-date-input,.calendar-button.sc-ic-date-input:active *.sc-ic-date-input{fill:var(--ic-architectural-white)}/*!@.clear-button svg*/.clear-button.sc-ic-date-input svg.sc-ic-date-input{color:var(--ic-date-input-clear-icon)}/*!@.divider*/.divider.sc-ic-date-input{margin:0 var(--ic-space-xxs);width:var(--ic-space-1px);background-color:var(--ic-atoms-input-divider);border-radius:var(--ic-space-1px)}/*!@.divider.small*/.divider.small.sc-ic-date-input{height:var(--ic-space-md)}/*!@.divider.medium*/.divider.medium.sc-ic-date-input{height:calc(var(--ic-space-sm) + var(--ic-space-xs))}/*!@.divider.large*/.divider.large.sc-ic-date-input{height:var(--ic-space-lg)}/*!@ic-input-validation*/ic-input-validation.sc-ic-date-input{--ic-input-validation-status-text-color:var(--ic-date-input-status-text);--ic-input-validation-error:var(--ic-date-input-icon-error);--ic-input-validation-warning-icon-color:var(--ic-date-input-icon-warning);--ic-input-validation-success-icon-color:var(--ic-date-input-icon-success)}";
+const icDateInputCss = "/*!@html*/html.sc-ic-date-input{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-date-input{margin:0}/*!@main*/main.sc-ic-date-input{display:block}/*!@h1*/h1.sc-ic-date-input{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-date-input{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-date-input{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-date-input{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-date-input{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-date-input,strong.sc-ic-date-input{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-date-input,kbd.sc-ic-date-input,samp.sc-ic-date-input{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-date-input{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-date-input,sup.sc-ic-date-input{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-date-input{bottom:-0.25em}/*!@sup*/sup.sc-ic-date-input{top:-0.5em}/*!@img*/img.sc-ic-date-input{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-date-input,input.sc-ic-date-input,optgroup.sc-ic-date-input,select.sc-ic-date-input,textarea.sc-ic-date-input{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-date-input,input.sc-ic-date-input{overflow:visible}/*!@button,\nselect*/button.sc-ic-date-input,select.sc-ic-date-input{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-date-input,[type=\"button\"].sc-ic-date-input,[type=\"reset\"].sc-ic-date-input,[type=\"submit\"].sc-ic-date-input{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-date-input::-moz-focus-inner,[type=\"button\"].sc-ic-date-input::-moz-focus-inner,[type=\"reset\"].sc-ic-date-input::-moz-focus-inner,[type=\"submit\"].sc-ic-date-input::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-date-input:-moz-focusring,[type=\"button\"].sc-ic-date-input:-moz-focusring,[type=\"reset\"].sc-ic-date-input:-moz-focusring,[type=\"submit\"].sc-ic-date-input:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-date-input{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-date-input{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-date-input{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-date-input{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-date-input,[type=\"radio\"].sc-ic-date-input{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-date-input::-webkit-inner-spin-button,[type=\"number\"].sc-ic-date-input::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-date-input{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-date-input::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-date-input::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-date-input{display:block}/*!@summary*/summary.sc-ic-date-input{display:list-item}/*!@template*/template.sc-ic-date-input{display:none}/*!@[hidden]*/[hidden].sc-ic-date-input{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-date-input,body.sc-ic-date-input,div.sc-ic-date-input,span.sc-ic-date-input,applet.sc-ic-date-input,object.sc-ic-date-input,iframe.sc-ic-date-input,h1.sc-ic-date-input,h2.sc-ic-date-input,h3.sc-ic-date-input,h4.sc-ic-date-input,h5.sc-ic-date-input,h6.sc-ic-date-input,p.sc-ic-date-input,blockquote.sc-ic-date-input,pre.sc-ic-date-input,a.sc-ic-date-input,abbr.sc-ic-date-input,acronym.sc-ic-date-input,address.sc-ic-date-input,big.sc-ic-date-input,cite.sc-ic-date-input,code.sc-ic-date-input,del.sc-ic-date-input,dfn.sc-ic-date-input,em.sc-ic-date-input,img.sc-ic-date-input,ins.sc-ic-date-input,kbd.sc-ic-date-input,q.sc-ic-date-input,s.sc-ic-date-input,samp.sc-ic-date-input,small.sc-ic-date-input,strike.sc-ic-date-input,strong.sc-ic-date-input,sub.sc-ic-date-input,sup.sc-ic-date-input,tt.sc-ic-date-input,var.sc-ic-date-input,b.sc-ic-date-input,u.sc-ic-date-input,i.sc-ic-date-input,center.sc-ic-date-input,dl.sc-ic-date-input,dt.sc-ic-date-input,dd.sc-ic-date-input,ol.sc-ic-date-input,ul.sc-ic-date-input,li.sc-ic-date-input,fieldset.sc-ic-date-input,form.sc-ic-date-input,label.sc-ic-date-input,legend.sc-ic-date-input,table.sc-ic-date-input,caption.sc-ic-date-input,tbody.sc-ic-date-input,tfoot.sc-ic-date-input,thead.sc-ic-date-input,tr.sc-ic-date-input,th.sc-ic-date-input,td.sc-ic-date-input,article.sc-ic-date-input,aside.sc-ic-date-input,canvas.sc-ic-date-input,details.sc-ic-date-input,embed.sc-ic-date-input,figure.sc-ic-date-input,figcaption.sc-ic-date-input,footer.sc-ic-date-input,header.sc-ic-date-input,hgroup.sc-ic-date-input,menu.sc-ic-date-input,nav.sc-ic-date-input,output.sc-ic-date-input,ruby.sc-ic-date-input,section.sc-ic-date-input,summary.sc-ic-date-input,time.sc-ic-date-input,mark.sc-ic-date-input,audio.sc-ic-date-input,video.sc-ic-date-input{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-date-input-h{--ic-input-label-helpertext-padding:var(--ic-space-xxs);--input-bg-color:var(--ic-date-input-bg);--ic-input-label-text-color:var(--ic-date-input-label);--ic-input-label-helper-text-color:var(--ic-date-input-subtitle);--border-color:var(--ic-date-input-border);--border-color-disabled:var(--ic-date-input-border-disabled);--border-color-hover:var(--ic-date-input-border-default-hover);--border-color-pressed:var(--ic-date-input-border-default-pressed);--border-error-color:var(--ic-date-input-border-error);--border-error-color-hover:var(--ic-date-input-border-error-hover);--border-error-color-pressed:var(--ic-date-input-border-error-pressed);--border-success-color:var(--ic-date-input-border-success);--border-success-color-hover:var(--ic-date-input-border-success-hover);--border-success-color-pressed:var(--ic-date-input-border-success-pressed);--border-warning-color:var(--ic-date-input-border-warning);--border-warning-color-hover:var(--ic-date-input-border-warning-hover);--border-warning-color-pressed:var(--ic-date-input-border-warning-pressed)}/*!@:host(.ic-date-input-disabled)*/.ic-date-input-disabled.sc-ic-date-input-h{--ic-input-label-text-color:var(--ic-date-input-label-disabled);--ic-input-label-helper-text-color:var(--ic-date-input-subtitle-disabled)}/*!@input*/input.sc-ic-date-input{border:0;height:100%;padding:0;outline:none;background:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;color:var(--ic-date-input-text-filled);caret-color:var(--ic-date-input-typing-cursor)}/*!@input::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button*/input.sc-ic-date-input::-webkit-outer-spin-button,input.sc-ic-date-input::-webkit-inner-spin-button{-webkit-appearance:none}/*!@input:-webkit-autofill*/input.sc-ic-date-input:-webkit-autofill{box-shadow:0 0 0 var(--ic-space-sm) var(--ic-color-background-primary) inset;-webkit-text-fill-color:var(--ic-date-input-text-filled) !important}/*!@input::-moz-placeholder*/input.sc-ic-date-input::-moz-placeholder{color:var(--ic-date-input-text-placeholder)}/*!@input::placeholder*/input.sc-ic-date-input::placeholder{color:var(--ic-date-input-text-placeholder)}/*!@ic-input-component-container*/ic-input-component-container.sc-ic-date-input{cursor:text}/*!@ic-input-component-container .focus-indicator*/ic-input-component-container.sc-ic-date-input .focus-indicator.sc-ic-date-input{padding:var(--ic-space-xxxs) var(--ic-space-xs);align-items:center}/*!@.date-inputs*/.date-inputs.sc-ic-date-input{color:var(--ic-date-input-text-placeholder)}/*!@.day-input*/.day-input.sc-ic-date-input{width:1.438rem}/*!@.month-input*/.month-input.sc-ic-date-input{width:1.813rem}/*!@.year-input,\n.year-input.fit-to-value*/.year-input.sc-ic-date-input,.year-input.fit-to-value.sc-ic-date-input{width:2.313rem}/*!@.fit-to-value*/.fit-to-value.sc-ic-date-input{width:1.25rem}/*!@.sr-only*/.sr-only.sc-ic-date-input{position:absolute;left:-9999px}/*!@.input-container*/.input-container.sc-ic-date-input{width:100%;display:flex;justify-content:space-between;align-items:center;position:relative}/*!@.action-buttons*/.action-buttons.sc-ic-date-input{display:flex;align-items:center}/*!@.show-calendar-button-wrapper*/.show-calendar-button-wrapper.sc-ic-date-input{display:flex;justify-content:center;align-items:center}/*!@.clear-button,\n.calendar-button*/.clear-button.sc-ic-date-input,.calendar-button.sc-ic-date-input{border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition);margin:0}/*!@.clear-button.hidden*/.clear-button.hidden.sc-ic-date-input{display:none}/*!@.clear-button:focus,\n.calendar-button:focus,\n.clear-button:active,\n.calendar-button:active*/.clear-button.sc-ic-date-input:focus,.calendar-button.sc-ic-date-input:focus,.clear-button.sc-ic-date-input:active,.calendar-button.sc-ic-date-input:active{background-color:var(--ic-color-focus-inner) !important;box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer) !important;border-radius:0.25rem}/*!@.calendar-button:focus,\n.calendar-button:active*/.calendar-button.sc-ic-date-input:focus,.calendar-button.sc-ic-date-input:active{--ic-button-tertiary-text-active:var(--ic-atoms-input-clear-button-focus);--ic-button-tertiary-text-hover-active:var(\n    --ic-atoms-input-clear-button-focus\n  );--ic-button-tertiary-text-pressed-active:var(\n    --ic-atoms-input-clear-button-focus\n  )}/*!@.clear-button:focus,\n.calendar-button:focus,\n.clear-button:active *,\n.calendar-button:active **/.clear-button.sc-ic-date-input:focus,.calendar-button.sc-ic-date-input:focus,.clear-button.sc-ic-date-input:active *.sc-ic-date-input,.calendar-button.sc-ic-date-input:active *.sc-ic-date-input{fill:var(--ic-architectural-white)}/*!@.clear-button svg*/.clear-button.sc-ic-date-input svg.sc-ic-date-input{color:var(--ic-date-input-clear-icon)}/*!@.divider*/.divider.sc-ic-date-input{margin:0 var(--ic-space-xxs);width:var(--ic-space-1px);background-color:var(--ic-atoms-input-divider);border-radius:var(--ic-space-1px)}/*!@.divider.small*/.divider.small.sc-ic-date-input{height:var(--ic-space-md)}/*!@.divider.medium*/.divider.medium.sc-ic-date-input{height:calc(var(--ic-space-sm) + var(--ic-space-xs))}/*!@.divider.large*/.divider.large.sc-ic-date-input{height:var(--ic-space-lg)}/*!@ic-input-validation*/ic-input-validation.sc-ic-date-input{--ic-input-validation-status-text-color:var(--ic-date-input-status-text);--ic-input-validation-error:var(--ic-date-input-icon-error);--ic-input-validation-warning-icon-color:var(--ic-date-input-icon-warning);--ic-input-validation-success-icon-color:var(--ic-date-input-icon-success)}";
 
 let inputIds$4 = 0;
 class DateInput {
@@ -12745,6 +12988,9 @@ class DateInput {
         this.validationStatus = "";
         this.validationText = "";
     }
+    watchDisabledHandler() {
+        removeDisabledFalse(this.disabled, this.el);
+    }
     watchDisableFutureHandler() {
         this.watchMaxHandler();
     }
@@ -12805,6 +13051,7 @@ class DateInput {
         this.assistiveHintId = `${this.inputId}-assistive-hint`;
         this.selectedDateInfoId = `${this.inputId}-selected-date-info`;
         addFormResetListener(this.el, this.handleFormReset);
+        removeDisabledFalse(this.disabled, this.el);
     }
     componentDidLoad() {
         this.setInputsInOrder();
@@ -12998,6 +13245,7 @@ class DateInput {
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
     static get watchers() { return {
+        "disabled": ["watchDisabledHandler"],
         "disableFuture": ["watchDisableFutureHandler"],
         "disablePast": ["watchDisablePastHandler"],
         "max": ["watchMaxHandler"],
@@ -13912,6 +14160,9 @@ class DatePicker {
         this.validationText = "";
         this.value = "";
     }
+    watchDisabledHandler() {
+        removeDisabledFalse(this.disabled, this.el);
+    }
     watchDisableFutureHandler() {
         this.watchMaxHandler();
     }
@@ -14024,6 +14275,7 @@ class DatePicker {
         this.watchStartOfWeekHandler();
         this.watchMaxHandler();
         this.watchMinHandler();
+        removeDisabledFalse(this.disabled, this.el);
     }
     componentWillRender() {
         this.dateInputProps = this.setDateInputProps();
@@ -14102,6 +14354,7 @@ class DatePicker {
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
     static get watchers() { return {
+        "disabled": ["watchDisabledHandler"],
         "disableFuture": ["watchDisableFutureHandler"],
         "disablePast": ["watchDisablePastHandler"],
         "max": ["watchMaxHandler"],
@@ -14503,7 +14756,7 @@ const icDividerCss = ".ic-divider-horizontal.sc-ic-divider-h{display:flex;width:
 class Divider {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.foregroundColor = getThemeForegroundColor();
+        this.foregroundColor = getBrandForegroundAppearance();
         this.borderStyle = "solid";
         this.label = undefined;
         this.labelPlacement = "center";
@@ -14512,7 +14765,7 @@ class Divider {
         this.theme = "inherit";
         this.weight = "thin";
     }
-    themeChangeHandler(ev) {
+    brandChangeHandler(ev) {
         this.foregroundColor = ev.detail.mode;
     }
     updateMonochromeState() {
@@ -14592,7 +14845,7 @@ class Divider {
             "weight": [1],
             "foregroundColor": [32]
         },
-        "$listeners$": [[4, "themeChange", "themeChangeHandler"]],
+        "$listeners$": [[4, "brandChange", "brandChangeHandler"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
@@ -14611,14 +14864,6 @@ class EmptyState {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.hostMutationObserver = null;
-        this.hostMutationCallback = (mutationList) => {
-            if (mutationList.some(({ type, addedNodes, removedNodes }) => type === "childList"
-                ? checkSlotInChildMutations$1(addedNodes, removedNodes, [
-                    "image",
-                    "actions",
-                ])
-                : false)) ;
-        };
         this.aligned = "left";
         this.body = undefined;
         this.maxLines = undefined;
@@ -14633,7 +14878,7 @@ class EmptyState {
     componentDidLoad() {
         !isSlotUsed$1(this.el, "heading") &&
             onComponentRequiredPropUndefined$1([{ prop: this.heading, propName: "heading" }], "Empty State");
-        this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);
+        this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots$1(mutationList, ["image", "actions"]));
         this.hostMutationObserver.observe(this.el, {
             childList: true,
         });
@@ -14664,7 +14909,7 @@ class EmptyState {
     }; }
 }
 
-const icFooterCss = "/*!@html*/html.sc-ic-footer{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-footer{margin:0}/*!@main*/main.sc-ic-footer{display:block}/*!@h1*/h1.sc-ic-footer{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-footer{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-footer{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-footer{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-footer{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-footer,strong.sc-ic-footer{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-footer,kbd.sc-ic-footer,samp.sc-ic-footer{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-footer{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-footer,sup.sc-ic-footer{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-footer{bottom:-0.25em}/*!@sup*/sup.sc-ic-footer{top:-0.5em}/*!@img*/img.sc-ic-footer{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-footer,input.sc-ic-footer,optgroup.sc-ic-footer,select.sc-ic-footer,textarea.sc-ic-footer{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-footer,input.sc-ic-footer{overflow:visible}/*!@button,\nselect*/button.sc-ic-footer,select.sc-ic-footer{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-footer,[type=\"button\"].sc-ic-footer,[type=\"reset\"].sc-ic-footer,[type=\"submit\"].sc-ic-footer{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-footer::-moz-focus-inner,[type=\"button\"].sc-ic-footer::-moz-focus-inner,[type=\"reset\"].sc-ic-footer::-moz-focus-inner,[type=\"submit\"].sc-ic-footer::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-footer:-moz-focusring,[type=\"button\"].sc-ic-footer:-moz-focusring,[type=\"reset\"].sc-ic-footer:-moz-focusring,[type=\"submit\"].sc-ic-footer:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-footer{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-footer{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-footer{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-footer{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-footer,[type=\"radio\"].sc-ic-footer{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-footer::-webkit-inner-spin-button,[type=\"number\"].sc-ic-footer::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-footer{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-footer::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-footer::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-footer{display:block}/*!@summary*/summary.sc-ic-footer{display:list-item}/*!@template*/template.sc-ic-footer{display:none}/*!@[hidden]*/[hidden].sc-ic-footer{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-footer,body.sc-ic-footer,div.sc-ic-footer,span.sc-ic-footer,applet.sc-ic-footer,object.sc-ic-footer,iframe.sc-ic-footer,h1.sc-ic-footer,h2.sc-ic-footer,h3.sc-ic-footer,h4.sc-ic-footer,h5.sc-ic-footer,h6.sc-ic-footer,p.sc-ic-footer,blockquote.sc-ic-footer,pre.sc-ic-footer,a.sc-ic-footer,abbr.sc-ic-footer,acronym.sc-ic-footer,address.sc-ic-footer,big.sc-ic-footer,cite.sc-ic-footer,code.sc-ic-footer,del.sc-ic-footer,dfn.sc-ic-footer,em.sc-ic-footer,img.sc-ic-footer,ins.sc-ic-footer,kbd.sc-ic-footer,q.sc-ic-footer,s.sc-ic-footer,samp.sc-ic-footer,small.sc-ic-footer,strike.sc-ic-footer,strong.sc-ic-footer,sub.sc-ic-footer,sup.sc-ic-footer,tt.sc-ic-footer,var.sc-ic-footer,b.sc-ic-footer,u.sc-ic-footer,i.sc-ic-footer,center.sc-ic-footer,dl.sc-ic-footer,dt.sc-ic-footer,dd.sc-ic-footer,ol.sc-ic-footer,ul.sc-ic-footer,li.sc-ic-footer,fieldset.sc-ic-footer,form.sc-ic-footer,label.sc-ic-footer,legend.sc-ic-footer,table.sc-ic-footer,caption.sc-ic-footer,tbody.sc-ic-footer,tfoot.sc-ic-footer,thead.sc-ic-footer,tr.sc-ic-footer,th.sc-ic-footer,td.sc-ic-footer,article.sc-ic-footer,aside.sc-ic-footer,canvas.sc-ic-footer,details.sc-ic-footer,embed.sc-ic-footer,figure.sc-ic-footer,figcaption.sc-ic-footer,footer.sc-ic-footer,header.sc-ic-footer,hgroup.sc-ic-footer,menu.sc-ic-footer,nav.sc-ic-footer,output.sc-ic-footer,ruby.sc-ic-footer,section.sc-ic-footer,summary.sc-ic-footer,time.sc-ic-footer,mark.sc-ic-footer,audio.sc-ic-footer,video.sc-ic-footer{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-footer-h{display:block;--footer-compliance-padding:1rem 0}/*!@:host(.ic-footer-sparse)*/.ic-footer-sparse.sc-ic-footer-h{--footer-links-padding:1.5rem 0;--footer-logo-margin-bottom:calc(var(--ic-space-md) + var(--ic-space-xxs));--footer-link-inner-flex-direction:row}/*!@:host(.ic-footer-small)*/.ic-footer-small.sc-ic-footer-h{--footer-links-padding:0 0;--footer-logo-margin-bottom:var(--ic-space-md);--footer-link-inner-flex-direction:column}/*!@:host(.ic-footer-foreground-dark)*/.ic-footer-foreground-dark.sc-ic-footer-h{--ic-footer-background:var(--ic-theme-secondary-light);--ic-footer-bottom-background:var(--ic-theme-tertiary-light);--ic-footer-keyline:var(--ic-state-layer-darken-20);--ic-footer-text:var(--ic-color-text-primary-light);--ic-footer-link:var(--ic-color-text-primary-light);--ic-footer-icon:var(--ic-color-icon-neutral);--ic-footer-chevron-icon:var(--ic-color-icon-neutral);--ic-footer-logo:var(--ic-color-icon-neutral);--ic-footer-hover:var(--ic-architectural-700-state-layer-10);--ic-footer-pressed:var(--ic-architectural-700-state-layer-20)}/*!@:host(.ic-footer-small.ic-footer-ungrouped)*/.ic-footer-small.ic-footer-ungrouped.sc-ic-footer-h{--footer-links-padding:var(--ic-space-md) 0 0 0}/*!@footer*/footer.sc-ic-footer{display:flex;flex-direction:column;width:100%}/*!@.footer-description*/.footer-description.sc-ic-footer{background-color:var(--ic-footer-background);color:var(--ic-footer-text);--ic-typography-color:var(--ic-footer-text);border-bottom:var(--ic-space-1px) solid var(--ic-footer-keyline)}/*!@.footer-description-inner*/.footer-description-inner.sc-ic-footer{padding:1rem 0}/*!@.footer-links*/.footer-links.sc-ic-footer{padding:var(--footer-links-padding);background-color:var(--ic-footer-background);color:var(--ic-footer-link);--ic-typography-color:var(--ic-footer-link)}/*!@.footer-links-inner*/.footer-links-inner.sc-ic-footer{display:flex;flex-direction:var(--footer-link-inner-flex-direction)}/*!@.footer-compliance*/.footer-compliance.sc-ic-footer{background-color:var(--ic-footer-bottom-background);color:var(--ic-footer-text);--ic-typography-color:var(--ic-footer-text)}/*!@.footer-compliance-inner*/.footer-compliance-inner.sc-ic-footer{padding:var(--footer-compliance-padding)}/*!@.footer-logo*/.footer-logo.sc-ic-footer{margin-bottom:var(--footer-logo-margin-bottom);display:flex;gap:var(--ic-space-xxl)}/*!@.footer-logo > ::slotted()*/.footer-logo>.sc-ic-footer-h{margin-right:var(--ic-space-md)}/*!@.footer-caption*/.footer-caption.sc-ic-footer{margin-bottom:var(--ic-space-md)}/*!@.classification-spacing*/.classification-spacing.sc-ic-footer{margin-bottom:var(--ic-space-lg)}@media (forced-colors: active){/*!@footer*/footer.sc-ic-footer{border-top:var(--ic-border-hc)}}";
+const icFooterCss = "/*!@html*/html.sc-ic-footer{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-footer{margin:0}/*!@main*/main.sc-ic-footer{display:block}/*!@h1*/h1.sc-ic-footer{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-footer{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-footer{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-footer{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-footer{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-footer,strong.sc-ic-footer{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-footer,kbd.sc-ic-footer,samp.sc-ic-footer{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-footer{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-footer,sup.sc-ic-footer{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-footer{bottom:-0.25em}/*!@sup*/sup.sc-ic-footer{top:-0.5em}/*!@img*/img.sc-ic-footer{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-footer,input.sc-ic-footer,optgroup.sc-ic-footer,select.sc-ic-footer,textarea.sc-ic-footer{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-footer,input.sc-ic-footer{overflow:visible}/*!@button,\nselect*/button.sc-ic-footer,select.sc-ic-footer{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-footer,[type=\"button\"].sc-ic-footer,[type=\"reset\"].sc-ic-footer,[type=\"submit\"].sc-ic-footer{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-footer::-moz-focus-inner,[type=\"button\"].sc-ic-footer::-moz-focus-inner,[type=\"reset\"].sc-ic-footer::-moz-focus-inner,[type=\"submit\"].sc-ic-footer::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-footer:-moz-focusring,[type=\"button\"].sc-ic-footer:-moz-focusring,[type=\"reset\"].sc-ic-footer:-moz-focusring,[type=\"submit\"].sc-ic-footer:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-footer{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-footer{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-footer{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-footer{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-footer,[type=\"radio\"].sc-ic-footer{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-footer::-webkit-inner-spin-button,[type=\"number\"].sc-ic-footer::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-footer{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-footer::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-footer::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-footer{display:block}/*!@summary*/summary.sc-ic-footer{display:list-item}/*!@template*/template.sc-ic-footer{display:none}/*!@[hidden]*/[hidden].sc-ic-footer{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-footer,body.sc-ic-footer,div.sc-ic-footer,span.sc-ic-footer,applet.sc-ic-footer,object.sc-ic-footer,iframe.sc-ic-footer,h1.sc-ic-footer,h2.sc-ic-footer,h3.sc-ic-footer,h4.sc-ic-footer,h5.sc-ic-footer,h6.sc-ic-footer,p.sc-ic-footer,blockquote.sc-ic-footer,pre.sc-ic-footer,a.sc-ic-footer,abbr.sc-ic-footer,acronym.sc-ic-footer,address.sc-ic-footer,big.sc-ic-footer,cite.sc-ic-footer,code.sc-ic-footer,del.sc-ic-footer,dfn.sc-ic-footer,em.sc-ic-footer,img.sc-ic-footer,ins.sc-ic-footer,kbd.sc-ic-footer,q.sc-ic-footer,s.sc-ic-footer,samp.sc-ic-footer,small.sc-ic-footer,strike.sc-ic-footer,strong.sc-ic-footer,sub.sc-ic-footer,sup.sc-ic-footer,tt.sc-ic-footer,var.sc-ic-footer,b.sc-ic-footer,u.sc-ic-footer,i.sc-ic-footer,center.sc-ic-footer,dl.sc-ic-footer,dt.sc-ic-footer,dd.sc-ic-footer,ol.sc-ic-footer,ul.sc-ic-footer,li.sc-ic-footer,fieldset.sc-ic-footer,form.sc-ic-footer,label.sc-ic-footer,legend.sc-ic-footer,table.sc-ic-footer,caption.sc-ic-footer,tbody.sc-ic-footer,tfoot.sc-ic-footer,thead.sc-ic-footer,tr.sc-ic-footer,th.sc-ic-footer,td.sc-ic-footer,article.sc-ic-footer,aside.sc-ic-footer,canvas.sc-ic-footer,details.sc-ic-footer,embed.sc-ic-footer,figure.sc-ic-footer,figcaption.sc-ic-footer,footer.sc-ic-footer,header.sc-ic-footer,hgroup.sc-ic-footer,menu.sc-ic-footer,nav.sc-ic-footer,output.sc-ic-footer,ruby.sc-ic-footer,section.sc-ic-footer,summary.sc-ic-footer,time.sc-ic-footer,mark.sc-ic-footer,audio.sc-ic-footer,video.sc-ic-footer{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-footer-h{display:block;--footer-compliance-padding:1rem 0}/*!@:host(.ic-footer-sparse)*/.ic-footer-sparse.sc-ic-footer-h{--footer-links-padding:1.5rem 0;--footer-logo-margin-bottom:calc(var(--ic-space-md) + var(--ic-space-xxs));--footer-link-inner-flex-direction:row}/*!@:host(.ic-footer-small)*/.ic-footer-small.sc-ic-footer-h{--footer-links-padding:0 0;--footer-logo-margin-bottom:var(--ic-space-md);--footer-link-inner-flex-direction:column}/*!@:host(.ic-footer-foreground-dark)*/.ic-footer-foreground-dark.sc-ic-footer-h{--ic-footer-background:var(--ic-brand-color-secondary-light);--ic-footer-bottom-background:var(--ic-brand-color-tertiary-light);--ic-footer-keyline:var(--ic-state-layer-darken-20);--ic-footer-text:var(--ic-color-text-primary-light);--ic-footer-link:var(--ic-color-text-primary-light);--ic-footer-icon:var(--ic-color-icon-neutral);--ic-footer-chevron-icon:var(--ic-color-icon-neutral);--ic-footer-logo:var(--ic-color-icon-neutral);--ic-footer-hover:var(--ic-architectural-700-state-layer-10);--ic-footer-pressed:var(--ic-architectural-700-state-layer-20)}/*!@:host(.ic-footer-small.ic-footer-ungrouped)*/.ic-footer-small.ic-footer-ungrouped.sc-ic-footer-h{--footer-links-padding:var(--ic-space-md) 0 0 0}/*!@footer*/footer.sc-ic-footer{display:flex;flex-direction:column;width:100%}/*!@.footer-description*/.footer-description.sc-ic-footer{background-color:var(--ic-footer-background);color:var(--ic-footer-text);--ic-typography-color:var(--ic-footer-text);border-bottom:var(--ic-space-1px) solid var(--ic-footer-keyline)}/*!@.footer-description-inner*/.footer-description-inner.sc-ic-footer{padding:1rem 0}/*!@.footer-links*/.footer-links.sc-ic-footer{padding:var(--footer-links-padding);background-color:var(--ic-footer-background);color:var(--ic-footer-link);--ic-typography-color:var(--ic-footer-link)}/*!@.footer-links-inner*/.footer-links-inner.sc-ic-footer{display:flex;flex-direction:var(--footer-link-inner-flex-direction)}/*!@.footer-compliance*/.footer-compliance.sc-ic-footer{background-color:var(--ic-footer-bottom-background);color:var(--ic-footer-text);--ic-typography-color:var(--ic-footer-text)}/*!@.footer-compliance-inner*/.footer-compliance-inner.sc-ic-footer{padding:var(--footer-compliance-padding)}/*!@.footer-logo*/.footer-logo.sc-ic-footer{margin-bottom:var(--footer-logo-margin-bottom);display:flex;gap:var(--ic-space-xxl)}/*!@.footer-logo > ::slotted()*/.footer-logo>.sc-ic-footer-h{margin-right:var(--ic-space-md)}/*!@.footer-caption*/.footer-caption.sc-ic-footer{margin-bottom:var(--ic-space-md)}/*!@.classification-spacing*/.classification-spacing.sc-ic-footer{margin-bottom:var(--ic-space-lg)}@media (forced-colors: active){/*!@footer*/footer.sc-ic-footer{border-top:var(--ic-border-hc)}}";
 
 /**
  * @slot description - Content will be rendered at the top of the footer.
@@ -14677,6 +14922,7 @@ class Footer {
         registerInstance(this, hostRef);
         this.footerResized = createEvent(this, "footerResized", 7);
         this.resizeObserver = null;
+        this.hostMutationObserver = null;
         this.resizeObserverCallback = (currSize) => {
             if (currSize !== this.deviceSize) {
                 this.deviceSize = currSize;
@@ -14690,8 +14936,8 @@ class Footer {
             });
             this.resizeObserver.observe(this.footerEl);
         };
-        this.deviceSize = IC_DEVICE_SIZES.XL;
-        this.foregroundColor = getThemeForegroundColor();
+        this.deviceSize = IC_DEVICE_SIZES$1.XL;
+        this.foregroundColor = getBrandForegroundAppearance();
         this.aligned = "left";
         this.breakpoint = "medium";
         this.caption = undefined;
@@ -14700,53 +14946,62 @@ class Footer {
         this.groupLinks = false;
     }
     disconnectedCallback() {
+        var _a;
         if (this.resizeObserver !== null) {
             this.resizeObserver.disconnect();
         }
+        (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     componentWillLoad() {
         this.deviceSize = getCurrentDeviceSize();
     }
     componentDidLoad() {
         checkResizeObserver$1(this.runResizeObserver);
+        this.hostMutationObserver = new MutationObserver((mutationList) => {
+            return renderDynamicChildSlots$1(mutationList, "link");
+        });
+        this.hostMutationObserver.observe(this.el, {
+            childList: true,
+        });
     }
-    themeChangeHandler(ev) {
-        const theme = ev.detail;
-        this.foregroundColor = theme.mode;
+    brandChangeHandler(ev) {
+        this.foregroundColor = ev.detail.mode;
     }
     isSmall() {
         const bp = this.breakpoint;
         return bp === "extra small"
-            ? this.deviceSize < IC_DEVICE_SIZES.XS
+            ? this.deviceSize < IC_DEVICE_SIZES$1.XS
             : bp === "small"
-                ? this.deviceSize < IC_DEVICE_SIZES.S
+                ? this.deviceSize < IC_DEVICE_SIZES$1.S
                 : bp === "medium"
-                    ? this.deviceSize < IC_DEVICE_SIZES.M
+                    ? this.deviceSize < IC_DEVICE_SIZES$1.M
                     : bp === "large"
-                        ? this.deviceSize < IC_DEVICE_SIZES.L
+                        ? this.deviceSize < IC_DEVICE_SIZES$1.L
                         : bp === "extra large"
-                            ? this.deviceSize < IC_DEVICE_SIZES.XL
+                            ? this.deviceSize < IC_DEVICE_SIZES$1.XL
                             : false;
     }
     render() {
-        const { aligned, caption, copyright, description, groupLinks, foregroundColor, } = this;
+        const { aligned, caption, copyright, description, deviceSize, el, foregroundColor, groupLinks, } = this;
         const small = this.isSmall();
+        const showComplianceSection = isSlotUsed$1(el, "logo") ||
+            isSlotUsed$1(el, "caption") ||
+            caption ||
+            copyright;
         return (hAsync(Host, { class: {
                 ["ic-footer"]: true,
                 [`ic-footer-${small ? "small" : "sparse"}`]: true,
                 [`ic-footer-${groupLinks ? "grouped" : "ungrouped"}`]: true,
                 [`ic-footer-foreground-${foregroundColor}`]: true,
                 // Slots will be able to infer their own color
-                [`ic-footer-${IcThemeForegroundEnum$1.Dark}`]: foregroundColor === IcThemeForegroundEnum$1.Dark,
-                [`ic-footer-${IcThemeForegroundEnum$1.Light}`]: foregroundColor === IcThemeForegroundEnum$1.Light,
-            } }, hAsync("footer", { ref: (footerEl) => (this.footerEl = footerEl) }, (isSlotUsed$1(this.el, "description") || description) && (hAsync("div", { class: "footer-description" }, hAsync("ic-section-container", { aligned: aligned, fullHeight: true }, hAsync("div", { class: "footer-description-inner" }, hAsync("ic-typography", { variant: "body" }, hAsync("slot", { name: "description" }, description)))))), isSlotUsed$1(this.el, "link") && (hAsync("div", { class: "footer-links" }, groupLinks && small ? (hAsync("div", { class: "footer-links-inner", role: "list" }, hAsync("slot", { name: "link" }))) : (hAsync("ic-section-container", { fullHeight: true, aligned: aligned }, hAsync("div", { class: "footer-links-inner", role: "list" }, hAsync("slot", { name: "link" })))))), hAsync("div", { class: "footer-compliance" }, hAsync("ic-section-container", { aligned: aligned, fullHeight: true }, hAsync("div", { class: "footer-compliance-inner" }, isSlotUsed$1(this.el, "logo") && (hAsync("div", { class: "footer-logo" }, hAsync("slot", { name: "logo" }))), (isSlotUsed$1(this.el, "caption") || caption) && (hAsync("div", { class: "footer-caption" }, hAsync("ic-typography", { variant: this.deviceSize <= IC_DEVICE_SIZES.M
-                ? "caption"
-                : "body" }, hAsync("slot", { name: "caption" }, caption)))), copyright && (hAsync("div", { class: {
+                [`ic-footer-${IcBrandForegroundEnum$1.Dark}`]: foregroundColor === IcBrandForegroundEnum$1.Dark,
+                [`ic-footer-${IcBrandForegroundEnum$1.Light}`]: foregroundColor === IcBrandForegroundEnum$1.Light,
+            } }, hAsync("footer", { ref: (footerEl) => (this.footerEl = footerEl) }, (isSlotUsed$1(el, "description") || description) && (hAsync("div", { class: "footer-description" }, hAsync("ic-section-container", { aligned: aligned, fullHeight: true }, hAsync("div", { class: "footer-description-inner" }, hAsync("ic-typography", { variant: "body" }, hAsync("slot", { name: "description" }, description)))))), isSlotUsed$1(el, "link") && (hAsync("div", { class: "footer-links" }, groupLinks && small ? (hAsync("div", { class: "footer-links-inner", role: "list" }, hAsync("slot", { name: "link" }))) : (hAsync("ic-section-container", { fullHeight: true, aligned: aligned }, hAsync("div", { class: "footer-links-inner", role: "list" }, hAsync("slot", { name: "link" })))))), showComplianceSection && (hAsync("div", { class: "footer-compliance" }, hAsync("ic-section-container", { aligned: aligned, fullHeight: true }, hAsync("div", { class: "footer-compliance-inner" }, isSlotUsed$1(el, "logo") && (hAsync("div", { class: "footer-logo" }, hAsync("slot", { name: "logo" }))), (isSlotUsed$1(el, "caption") || caption) && (hAsync("div", { class: "footer-caption" }, hAsync("ic-typography", { variant: deviceSize <= IC_DEVICE_SIZES$1.M ? "caption" : "body" }, hAsync("slot", { name: "caption" }, caption)))), copyright && (hAsync("div", { class: {
                 ["footer-copyright"]: true,
                 ["classification-spacing"]: hasClassificationBanner(),
-            } }, hAsync("ic-typography", { variant: this.deviceSize <= IC_DEVICE_SIZES.M
+            } }, hAsync("ic-typography", { variant: deviceSize <= IC_DEVICE_SIZES$1.M
                 ? "caption-uppercase"
-                : "label-uppercase" }, "\u00A9 Crown Copyright")))))))));
+                : "label-uppercase" }, "\u00A9 Crown Copyright"))))))))));
     }
     get el() { return getElement(this); }
     static get style() { return icFooterCss; }
@@ -14763,7 +15018,7 @@ class Footer {
             "deviceSize": [32],
             "foregroundColor": [32]
         },
-        "$listeners$": [[4, "themeChange", "themeChangeHandler"]],
+        "$listeners$": [[4, "brandChange", "brandChangeHandler"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
@@ -14776,7 +15031,7 @@ class FooterLink {
         registerInstance(this, hostRef);
         this.deviceSize = DEVICE_SIZES.XL;
         this.footerConfig = { small: false, grouped: false };
-        this.foregroundColor = getThemeForegroundColor();
+        this.foregroundColor = getBrandForegroundAppearance();
         this.download = false;
         this.href = null;
         this.hreflang = undefined;
@@ -14790,9 +15045,8 @@ class FooterLink {
     footerResizeHandler() {
         this.footerConfig = this.inferConfig(this.el);
     }
-    footerThemeChangeHandler(ev) {
-        const theme = ev.detail;
-        this.foregroundColor = theme.mode;
+    footerBrandChangeHandler(ev) {
+        this.foregroundColor = ev.detail.mode;
     }
     inferConfig(e) {
         if (e.parentElement !== null) {
@@ -14836,7 +15090,7 @@ class FooterLink {
             "footerConfig": [32],
             "foregroundColor": [32]
         },
-        "$listeners$": [[4, "footerResized", "footerResizeHandler"], [4, "themeChange", "footerThemeChangeHandler"]],
+        "$listeners$": [[4, "footerResized", "footerResizeHandler"], [4, "brandChange", "footerBrandChangeHandler"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
@@ -14857,7 +15111,7 @@ class FooterLinkGroup {
         };
         this.expanded = false;
         this.deviceSize = DEVICE_SIZES.XL;
-        this.dropdownIconStyle = getThemeForegroundColor();
+        this.dropdownIconStyle = getBrandForegroundAppearance();
         this.small = false;
         this.label = undefined;
     }
@@ -14870,9 +15124,8 @@ class FooterLinkGroup {
     footerResizeHandler() {
         this.small = this.isSmall(this.el);
     }
-    footerThemeChangeHandler(ev) {
-        const theme = ev.detail;
-        this.dropdownIconStyle = theme.mode;
+    footerBrandChangeHandler(ev) {
+        this.dropdownIconStyle = ev.detail.mode;
     }
     isSmall(e) {
         if (e.parentElement !== null) {
@@ -14910,13 +15163,13 @@ class FooterLinkGroup {
             "dropdownIconStyle": [32],
             "small": [32]
         },
-        "$listeners$": [[4, "footerResized", "footerResizeHandler"], [4, "themeChange", "footerThemeChangeHandler"]],
+        "$listeners$": [[4, "footerResized", "footerResizeHandler"], [4, "brandChange", "footerBrandChangeHandler"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
 }
 
-const icHeroCss = "/*!@html*/html.sc-ic-hero{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-hero{margin:0}/*!@main*/main.sc-ic-hero{display:block}/*!@h1*/h1.sc-ic-hero{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-hero{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-hero{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-hero{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-hero{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-hero,strong.sc-ic-hero{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-hero,kbd.sc-ic-hero,samp.sc-ic-hero{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-hero{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-hero,sup.sc-ic-hero{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-hero{bottom:-0.25em}/*!@sup*/sup.sc-ic-hero{top:-0.5em}/*!@img*/img.sc-ic-hero{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-hero,input.sc-ic-hero,optgroup.sc-ic-hero,select.sc-ic-hero,textarea.sc-ic-hero{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-hero,input.sc-ic-hero{overflow:visible}/*!@button,\nselect*/button.sc-ic-hero,select.sc-ic-hero{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-hero,[type=\"button\"].sc-ic-hero,[type=\"reset\"].sc-ic-hero,[type=\"submit\"].sc-ic-hero{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-hero::-moz-focus-inner,[type=\"button\"].sc-ic-hero::-moz-focus-inner,[type=\"reset\"].sc-ic-hero::-moz-focus-inner,[type=\"submit\"].sc-ic-hero::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-hero:-moz-focusring,[type=\"button\"].sc-ic-hero:-moz-focusring,[type=\"reset\"].sc-ic-hero:-moz-focusring,[type=\"submit\"].sc-ic-hero:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-hero{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-hero{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-hero{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-hero{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-hero,[type=\"radio\"].sc-ic-hero{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-hero::-webkit-inner-spin-button,[type=\"number\"].sc-ic-hero::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-hero{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-hero::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-hero::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-hero{display:block}/*!@summary*/summary.sc-ic-hero{display:list-item}/*!@template*/template.sc-ic-hero{display:none}/*!@[hidden]*/[hidden].sc-ic-hero{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-hero,body.sc-ic-hero,div.sc-ic-hero,span.sc-ic-hero,applet.sc-ic-hero,object.sc-ic-hero,iframe.sc-ic-hero,h1.sc-ic-hero,h2.sc-ic-hero,h3.sc-ic-hero,h4.sc-ic-hero,h5.sc-ic-hero,h6.sc-ic-hero,p.sc-ic-hero,blockquote.sc-ic-hero,pre.sc-ic-hero,a.sc-ic-hero,abbr.sc-ic-hero,acronym.sc-ic-hero,address.sc-ic-hero,big.sc-ic-hero,cite.sc-ic-hero,code.sc-ic-hero,del.sc-ic-hero,dfn.sc-ic-hero,em.sc-ic-hero,img.sc-ic-hero,ins.sc-ic-hero,kbd.sc-ic-hero,q.sc-ic-hero,s.sc-ic-hero,samp.sc-ic-hero,small.sc-ic-hero,strike.sc-ic-hero,strong.sc-ic-hero,sub.sc-ic-hero,sup.sc-ic-hero,tt.sc-ic-hero,var.sc-ic-hero,b.sc-ic-hero,u.sc-ic-hero,i.sc-ic-hero,center.sc-ic-hero,dl.sc-ic-hero,dt.sc-ic-hero,dd.sc-ic-hero,ol.sc-ic-hero,ul.sc-ic-hero,li.sc-ic-hero,fieldset.sc-ic-hero,form.sc-ic-hero,label.sc-ic-hero,legend.sc-ic-hero,table.sc-ic-hero,caption.sc-ic-hero,tbody.sc-ic-hero,tfoot.sc-ic-hero,thead.sc-ic-hero,tr.sc-ic-hero,th.sc-ic-hero,td.sc-ic-hero,article.sc-ic-hero,aside.sc-ic-hero,canvas.sc-ic-hero,details.sc-ic-hero,embed.sc-ic-hero,figure.sc-ic-hero,figcaption.sc-ic-hero,footer.sc-ic-hero,header.sc-ic-hero,hgroup.sc-ic-hero,menu.sc-ic-hero,nav.sc-ic-hero,output.sc-ic-hero,ruby.sc-ic-hero,section.sc-ic-hero,summary.sc-ic-hero,time.sc-ic-hero,mark.sc-ic-hero,audio.sc-ic-hero,video.sc-ic-hero{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-hero-h{display:block;background-color:var(--ic-theme-tertiary);--hero-heading-bottom-margin:var(--ic-space-md);--hero-keyline:var(--ic-hero-keyline)}/*!@:host(.ic-hero-dark)*/.ic-hero-dark.sc-ic-hero-h{background-color:var(--ic-theme-secondary);--ic-hero-heading:var(--ic-color-text-primary-light);--ic-hero-body:var(--ic-color-text-primary-light);--ic-hero-secondary-heading:var(--ic-color-text-primary-light);--hero-keyline:var(--ic-color-text-primary)}/*!@.heading*/.heading.sc-ic-hero{--ic-typography-color:var(--ic-hero-heading)}/*!@.subheading*/.subheading.sc-ic-hero{--ic-typography-color:var(--ic-hero-body)}/*!@.secondary-container*/.secondary-container.sc-ic-hero{--ic-typography-color:var(--ic-hero-secondary-heading);display:flex;flex-direction:column;justify-content:center;border-left:var(--ic-space-xxxs) solid var(--hero-keyline)}/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-repeat:no-repeat;background-position:right -6.25rem;background-size:auto calc(100% + 6.25rem);box-shadow:var(--ic-elevation-inset)}@media (prefers-reduced-motion){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-position:right -6.25rem !important}}/*!@ic-typography.heading-bottom-spacing*/ic-typography.heading-bottom-spacing.sc-ic-hero{margin-bottom:var(--hero-heading-bottom-margin)}/*!@.section-container*/.section-container.sc-ic-hero{display:flex;align-items:center;height:100%}/*!@.left-container*/.left-container.sc-ic-hero{padding:var(--ic-space-xl) 0}/*!@.left-container:not(.left-container-full-width)*/.left-container.sc-ic-hero:not(.left-container-full-width){flex-basis:50%}/*!@.left-container-full-width*/.left-container-full-width.sc-ic-hero{width:100%}/*!@.right-container*/.right-container.sc-ic-hero{flex-basis:50%}/*!@.interaction-container*/.interaction-container.sc-ic-hero{display:flex;gap:var(--ic-space-md);margin-top:var(--ic-space-lg);flex-wrap:wrap}/*!@.secondary-subheading*/.secondary-subheading.sc-ic-hero{margin-top:var(--ic-space-xxs)}/*!@:host([content-aligned=\"left\"]) .left-container,\n:host([content-aligned=\"left\"]) .interaction-container*/[content-aligned=\"left\"].sc-ic-hero-h .left-container.sc-ic-hero,[content-aligned=\"left\"].sc-ic-hero-h .interaction-container.sc-ic-hero{justify-content:flex-start;text-align:left}/*!@:host([content-aligned=\"center\"]) .left-container,\n:host([content-aligned=\"center\"]) .interaction-container*/[content-aligned=\"center\"].sc-ic-hero-h .left-container.sc-ic-hero,[content-aligned=\"center\"].sc-ic-hero-h .interaction-container.sc-ic-hero{justify-content:center;text-align:center}@media (min-width: 992px){/*!@.left-container-full-width*/.left-container-full-width.sc-ic-hero{width:66.6%}}@media (min-width: 1044px){/*!@:host,\n  .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:13rem}/*!@:host(.ic-hero-small),\n  :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:10.813rem}/*!@.left-container:not(.left-container-full-width)*/.left-container.sc-ic-hero:not(.left-container-full-width){flex-basis:66.6%}/*!@.left-container*/.left-container.sc-ic-hero{min-height:9rem}/*!@.right-container*/.right-container.sc-ic-hero{flex-basis:33.3%;margin-left:3.125rem}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:9rem}/*!@.secondary-heading,\n  .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:3.938rem}}@media (min-width: 801px) and (max-width: 1043px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n  .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:16rem}/*!@:host(.ic-hero-small),\n  :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:15rem}/*!@:host(.secondary-heading),\n  :host(.secondary-heading) .section-container*/.secondary-heading.sc-ic-hero-h,.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero{min-height:14rem}/*!@.left-container*/.left-container.sc-ic-hero{min-height:10rem}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:10rem}/*!@.secondary-heading,\n  .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:5.922rem}/*!@.right-container*/.right-container.sc-ic-hero{margin-left:3.125rem}}@media (min-width: 641px) and (max-width: 800px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n  .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:16rem}/*!@:host(.ic-hero-small),\n  :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:15rem}/*!@:host(.secondary-heading),\n  :host(.secondary-heading) .section-container*/.secondary-heading.sc-ic-hero-h,.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero{min-height:14rem}/*!@.left-container*/.left-container.sc-ic-hero{min-height:10rem}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:10rem}/*!@.secondary-heading,\n  .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:2.125rem}/*!@.right-container*/.right-container.sc-ic-hero{margin-left:3.125rem}}@media (min-width: 481px) and (max-width: 640px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n  .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:13rem}/*!@:host(.ic-hero-small),\n  :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:10.813rem}/*!@:host(.secondary-heading),\n  :host(.secondary-heading) .section-container*/.secondary-heading.sc-ic-hero-h,.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero{min-height:17.5rem}/*!@:host(.secondary-heading) .section-container,\n  :host(.ic-hero-small) .section-container,\n  .section-container*/.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero,.section-container.sc-ic-hero{flex-direction:column;align-items:flex-start}/*!@.left-container*/.left-container.sc-ic-hero{height:-moz-fit-content;height:fit-content}/*!@.secondary-container*/.secondary-container.sc-ic-hero{height:-moz-fit-content;height:fit-content;border:none}/*!@.right-container*/.right-container.sc-ic-hero{margin-bottom:2.5rem}}@media (max-width: 480px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n  .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:12rem}/*!@:host,\n  .right-container*/.sc-ic-hero-h,.right-container.sc-ic-hero{margin-bottom:var(--ic-space-md)}/*!@:host(.ic-hero-small),\n  :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:10.813rem}/*!@:host(.secondary-heading),\n  :host(.secondary-heading) .section-container*/.secondary-heading.sc-ic-hero-h,.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero{min-height:16.5rem}/*!@:host(.secondary-heading) .section-container,\n  :host(.ic-hero-small) .section-container,\n  .section-container*/.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero,.section-container.sc-ic-hero{flex-direction:column;align-items:flex-start}/*!@.left-container*/.left-container.sc-ic-hero{height:-moz-fit-content;height:fit-content}/*!@.secondary-container*/.secondary-container.sc-ic-hero{height:-moz-fit-content;height:fit-content;border:none}}";
+const icHeroCss = "/*!@html*/html.sc-ic-hero{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-hero{margin:0}/*!@main*/main.sc-ic-hero{display:block}/*!@h1*/h1.sc-ic-hero{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-hero{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-hero{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-hero{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-hero{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-hero,strong.sc-ic-hero{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-hero,kbd.sc-ic-hero,samp.sc-ic-hero{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-hero{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-hero,sup.sc-ic-hero{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-hero{bottom:-0.25em}/*!@sup*/sup.sc-ic-hero{top:-0.5em}/*!@img*/img.sc-ic-hero{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-hero,input.sc-ic-hero,optgroup.sc-ic-hero,select.sc-ic-hero,textarea.sc-ic-hero{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-hero,input.sc-ic-hero{overflow:visible}/*!@button,\nselect*/button.sc-ic-hero,select.sc-ic-hero{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-hero,[type=\"button\"].sc-ic-hero,[type=\"reset\"].sc-ic-hero,[type=\"submit\"].sc-ic-hero{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-hero::-moz-focus-inner,[type=\"button\"].sc-ic-hero::-moz-focus-inner,[type=\"reset\"].sc-ic-hero::-moz-focus-inner,[type=\"submit\"].sc-ic-hero::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-hero:-moz-focusring,[type=\"button\"].sc-ic-hero:-moz-focusring,[type=\"reset\"].sc-ic-hero:-moz-focusring,[type=\"submit\"].sc-ic-hero:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-hero{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-hero{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-hero{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-hero{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-hero,[type=\"radio\"].sc-ic-hero{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-hero::-webkit-inner-spin-button,[type=\"number\"].sc-ic-hero::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-hero{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-hero::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-hero::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-hero{display:block}/*!@summary*/summary.sc-ic-hero{display:list-item}/*!@template*/template.sc-ic-hero{display:none}/*!@[hidden]*/[hidden].sc-ic-hero{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-hero,body.sc-ic-hero,div.sc-ic-hero,span.sc-ic-hero,applet.sc-ic-hero,object.sc-ic-hero,iframe.sc-ic-hero,h1.sc-ic-hero,h2.sc-ic-hero,h3.sc-ic-hero,h4.sc-ic-hero,h5.sc-ic-hero,h6.sc-ic-hero,p.sc-ic-hero,blockquote.sc-ic-hero,pre.sc-ic-hero,a.sc-ic-hero,abbr.sc-ic-hero,acronym.sc-ic-hero,address.sc-ic-hero,big.sc-ic-hero,cite.sc-ic-hero,code.sc-ic-hero,del.sc-ic-hero,dfn.sc-ic-hero,em.sc-ic-hero,img.sc-ic-hero,ins.sc-ic-hero,kbd.sc-ic-hero,q.sc-ic-hero,s.sc-ic-hero,samp.sc-ic-hero,small.sc-ic-hero,strike.sc-ic-hero,strong.sc-ic-hero,sub.sc-ic-hero,sup.sc-ic-hero,tt.sc-ic-hero,var.sc-ic-hero,b.sc-ic-hero,u.sc-ic-hero,i.sc-ic-hero,center.sc-ic-hero,dl.sc-ic-hero,dt.sc-ic-hero,dd.sc-ic-hero,ol.sc-ic-hero,ul.sc-ic-hero,li.sc-ic-hero,fieldset.sc-ic-hero,form.sc-ic-hero,label.sc-ic-hero,legend.sc-ic-hero,table.sc-ic-hero,caption.sc-ic-hero,tbody.sc-ic-hero,tfoot.sc-ic-hero,thead.sc-ic-hero,tr.sc-ic-hero,th.sc-ic-hero,td.sc-ic-hero,article.sc-ic-hero,aside.sc-ic-hero,canvas.sc-ic-hero,details.sc-ic-hero,embed.sc-ic-hero,figure.sc-ic-hero,figcaption.sc-ic-hero,footer.sc-ic-hero,header.sc-ic-hero,hgroup.sc-ic-hero,menu.sc-ic-hero,nav.sc-ic-hero,output.sc-ic-hero,ruby.sc-ic-hero,section.sc-ic-hero,summary.sc-ic-hero,time.sc-ic-hero,mark.sc-ic-hero,audio.sc-ic-hero,video.sc-ic-hero{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-hero-h{display:block;background-color:var(--ic-brand-color-tertiary);--hero-heading-bottom-margin:var(--ic-space-md);--hero-keyline:var(--ic-hero-keyline)}/*!@:host(.ic-hero-dark)*/.ic-hero-dark.sc-ic-hero-h{background-color:var(--ic-brand-color-secondary);--ic-hero-heading:var(--ic-color-text-primary-light);--ic-hero-body:var(--ic-color-text-primary-light);--ic-hero-secondary-heading:var(--ic-color-text-primary-light);--hero-keyline:var(--ic-brand-text-color)}/*!@.heading*/.heading.sc-ic-hero{--ic-typography-color:var(--ic-hero-heading)}/*!@.subheading*/.subheading.sc-ic-hero{--ic-typography-color:var(--ic-hero-body)}/*!@.secondary-container*/.secondary-container.sc-ic-hero{--ic-typography-color:var(--ic-hero-secondary-heading);display:flex;flex-direction:column;justify-content:center;border-left:var(--ic-space-xxxs) solid var(--hero-keyline)}/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-repeat:no-repeat;background-position:right -6.25rem;background-size:auto calc(100% + 6.25rem);box-shadow:var(--ic-elevation-inset)}@media (prefers-reduced-motion){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-position:right -6.25rem !important}}/*!@ic-typography.heading-bottom-spacing*/ic-typography.heading-bottom-spacing.sc-ic-hero{margin-bottom:var(--hero-heading-bottom-margin)}/*!@.section-container*/.section-container.sc-ic-hero{display:flex;align-items:center;height:100%}/*!@.left-container*/.left-container.sc-ic-hero{padding:var(--ic-space-xl) 0}/*!@.left-container:not(.left-container-full-width)*/.left-container.sc-ic-hero:not(.left-container-full-width){flex-basis:50%}/*!@.left-container-full-width*/.left-container-full-width.sc-ic-hero{width:100%}/*!@.right-container*/.right-container.sc-ic-hero{flex-basis:50%}/*!@.interaction-container*/.interaction-container.sc-ic-hero{display:flex;gap:var(--ic-space-md);margin-top:var(--ic-space-lg);flex-wrap:wrap}/*!@.secondary-subheading*/.secondary-subheading.sc-ic-hero{margin-top:var(--ic-space-xxs)}/*!@:host([content-aligned=\"left\"]) .left-container,\n:host([content-aligned=\"left\"]) .interaction-container*/[content-aligned=\"left\"].sc-ic-hero-h .left-container.sc-ic-hero,[content-aligned=\"left\"].sc-ic-hero-h .interaction-container.sc-ic-hero{justify-content:flex-start;text-align:left}/*!@:host([content-aligned=\"center\"]) .left-container,\n:host([content-aligned=\"center\"]) .interaction-container*/[content-aligned=\"center\"].sc-ic-hero-h .left-container.sc-ic-hero,[content-aligned=\"center\"].sc-ic-hero-h .interaction-container.sc-ic-hero{justify-content:center;text-align:center}@media (min-width: 992px){/*!@.left-container-full-width*/.left-container-full-width.sc-ic-hero{width:66.6%}}@media (min-width: 1044px){/*!@:host,\n  .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:13rem}/*!@:host(.ic-hero-small),\n  :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:10.813rem}/*!@.left-container:not(.left-container-full-width)*/.left-container.sc-ic-hero:not(.left-container-full-width){flex-basis:66.6%}/*!@.left-container*/.left-container.sc-ic-hero{min-height:9rem}/*!@.right-container*/.right-container.sc-ic-hero{flex-basis:33.3%;margin-left:3.125rem}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:9rem}/*!@.secondary-heading,\n  .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:3.938rem}}@media (min-width: 801px) and (max-width: 1043px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n  .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:16rem}/*!@:host(.ic-hero-small),\n  :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:15rem}/*!@:host(.secondary-heading),\n  :host(.secondary-heading) .section-container*/.secondary-heading.sc-ic-hero-h,.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero{min-height:14rem}/*!@.left-container*/.left-container.sc-ic-hero{min-height:10rem}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:10rem}/*!@.secondary-heading,\n  .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:5.922rem}/*!@.right-container*/.right-container.sc-ic-hero{margin-left:3.125rem}}@media (min-width: 641px) and (max-width: 800px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n  .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:16rem}/*!@:host(.ic-hero-small),\n  :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:15rem}/*!@:host(.secondary-heading),\n  :host(.secondary-heading) .section-container*/.secondary-heading.sc-ic-hero-h,.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero{min-height:14rem}/*!@.left-container*/.left-container.sc-ic-hero{min-height:10rem}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:10rem}/*!@.secondary-heading,\n  .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:2.125rem}/*!@.right-container*/.right-container.sc-ic-hero{margin-left:3.125rem}}@media (min-width: 481px) and (max-width: 640px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n  .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:13rem}/*!@:host(.ic-hero-small),\n  :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:10.813rem}/*!@:host(.secondary-heading),\n  :host(.secondary-heading) .section-container*/.secondary-heading.sc-ic-hero-h,.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero{min-height:17.5rem}/*!@:host(.secondary-heading) .section-container,\n  :host(.ic-hero-small) .section-container,\n  .section-container*/.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero,.section-container.sc-ic-hero{flex-direction:column;align-items:flex-start}/*!@.left-container*/.left-container.sc-ic-hero{height:-moz-fit-content;height:fit-content}/*!@.secondary-container*/.secondary-container.sc-ic-hero{height:-moz-fit-content;height:fit-content;border:none}/*!@.right-container*/.right-container.sc-ic-hero{margin-bottom:2.5rem}}@media (max-width: 480px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n  .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:12rem}/*!@:host,\n  .right-container*/.sc-ic-hero-h,.right-container.sc-ic-hero{margin-bottom:var(--ic-space-md)}/*!@:host(.ic-hero-small),\n  :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:10.813rem}/*!@:host(.secondary-heading),\n  :host(.secondary-heading) .section-container*/.secondary-heading.sc-ic-hero-h,.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero{min-height:16.5rem}/*!@:host(.secondary-heading) .section-container,\n  :host(.ic-hero-small) .section-container,\n  .section-container*/.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero,.section-container.sc-ic-hero{flex-direction:column;align-items:flex-start}/*!@.left-container*/.left-container.sc-ic-hero{height:-moz-fit-content;height:fit-content}/*!@.secondary-container*/.secondary-container.sc-ic-hero{height:-moz-fit-content;height:fit-content;border:none}}";
 
 /**
  * @slot heading - Content will be rendered in the title area, in place of the heading.
@@ -14928,12 +15181,7 @@ class Hero {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.hostMutationObserver = null;
-        this.hostMutationCallback = (mutationList) => {
-            if (mutationList.some(({ type, addedNodes, removedNodes }) => type === "childList"
-                ? checkSlotInChildMutations$1(addedNodes, removedNodes, "secondary")
-                : false)) ;
-        };
-        this.foregroundColor = getThemeForegroundColor();
+        this.foregroundColor = getBrandForegroundAppearance();
         this.rightContent = false;
         this.leftContentFullWidth = !this.rightContent && this.secondaryHeading === undefined;
         this.scrollFactor = "right -100px";
@@ -14957,7 +15205,7 @@ class Hero {
     componentDidLoad() {
         !isSlotUsed$1(this.el, "heading") &&
             onComponentRequiredPropUndefined$1([{ prop: this.heading, propName: "heading" }], "Hero");
-        this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);
+        this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots$1(mutationList, "secondary"));
         this.hostMutationObserver.observe(this.el, {
             childList: true,
         });
@@ -14965,9 +15213,8 @@ class Hero {
     componentWillRender() {
         this.rightContent = slotHasContent(this.el, "secondary");
     }
-    themeChangeHandler(ev) {
-        const theme = ev.detail;
-        this.foregroundColor = theme.mode;
+    brandChangeHandler(ev) {
+        this.foregroundColor = ev.detail.mode;
     }
     doScroll() {
         if (this.disableBackgroundParallax) {
@@ -14988,7 +15235,7 @@ class Hero {
             };
         }
         return (hAsync(Host, { class: {
-                [`ic-hero-${IcThemeForegroundEnum$1.Dark}`]: foregroundColor === IcThemeForegroundEnum$1.Dark,
+                [`ic-hero-${IcBrandForegroundEnum$1.Dark}`]: foregroundColor === IcBrandForegroundEnum$1.Dark,
                 ["has-background-image"]: backgroundImage !== undefined,
                 ["ic-hero-small"]: size === "small",
                 ["secondary-heading"]: !!secondaryHeading,
@@ -15019,7 +15266,7 @@ class Hero {
             "leftContentFullWidth": [32],
             "scrollFactor": [32]
         },
-        "$listeners$": [[4, "themeChange", "themeChangeHandler"], [5, "scroll", "doScroll"]],
+        "$listeners$": [[4, "brandChange", "brandChangeHandler"], [5, "scroll", "doScroll"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
@@ -15178,8 +15425,8 @@ class HorizontalScroll {
         const { firstItemVisible, lastItemVisible, itemOverflow } = this;
         return (hAsync(Host, { class: {
                 ["ic-horizontal-scroll-visible"]: itemOverflow,
-                ["ic-horizontal-scroll-dark"]: this.appearance === IcThemeForegroundEnum$1.Dark,
-                ["ic-horizontal-scroll-light"]: this.appearance === IcThemeForegroundEnum$1.Light,
+                ["ic-horizontal-scroll-dark"]: this.appearance === IcBrandForegroundEnum$1.Dark,
+                ["ic-horizontal-scroll-light"]: this.appearance === IcBrandForegroundEnum$1.Light,
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
             } }, hAsync("div", { "aria-hidden": "true", class: {
                 ["scroll-container-left"]: true,
@@ -15224,11 +15471,6 @@ const icInputComponentContainerCss = "ic-input-component-container{display:flex;
 class InputComponentContainer {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.hostMutationCallback = (mutationList) => {
-            if (mutationList.some(({ type, addedNodes, removedNodes }) => type === "childList"
-                ? checkSlotInChildMutations$1(addedNodes, removedNodes, "left-icon")
-                : false)) ;
-        };
         this.disabled = false;
         this.fullWidth = false;
         this.multiLine = false;
@@ -15237,8 +15479,14 @@ class InputComponentContainer {
         this.validationInline = false;
         this.validationStatus = "";
     }
+    watchDisabledHandler() {
+        removeDisabledFalse$1(this.disabled, this.el);
+    }
+    componentWillLoad() {
+        removeDisabledFalse$1(this.disabled, this.el);
+    }
     componentDidLoad() {
-        this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);
+        this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots$1(mutationList, "left-icon"));
         this.hostMutationObserver.observe(this.el, { childList: true });
     }
     render() {
@@ -15250,10 +15498,13 @@ class InputComponentContainer {
                 "ic-input-component-container-readonly": readonly,
                 "ic-input-component-container-multiline": multiLine,
                 "ic-input-component-container-full-width": fullWidth,
-            }, "aria-disabled": disabled && `${disabled}` }, hAsync("div", { class: "focus-indicator" }, slotHasContent(this.el, "left-icon") && (hAsync("div", { class: "icon-container" }, hAsync("slot", { name: "left-icon" }))), hAsync("slot", null), validationInline &&
+            }, "aria-disabled": disabled ? "true" : null }, hAsync("div", { class: "focus-indicator" }, slotHasContent(this.el, "left-icon") && (hAsync("div", { class: "icon-container" }, hAsync("slot", { name: "left-icon" }))), hAsync("slot", null), validationInline &&
             validationStatus === IcInformationStatus$1.Success && (hAsync("span", { class: "inline-success", innerHTML: successIcon })))));
     }
     get el() { return getElement(this); }
+    static get watchers() { return {
+        "disabled": ["watchDisabledHandler"]
+    }; }
     static get style() { return icInputComponentContainerCss; }
     static get cmpMeta() { return {
         "$flags$": 4,
@@ -15453,7 +15704,7 @@ class Link {
         var _a;
         (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
-    themeChangeHandler({ detail }) {
+    brandChangeHandler({ detail }) {
         this.updateTheme(detail.mode);
     }
     /**
@@ -15463,11 +15714,14 @@ class Link {
         var _a;
         (_a = this.el.shadowRoot.querySelector("a")) === null || _a === void 0 ? void 0 : _a.focus();
     }
-    updateTheme(newTheme = null) {
-        const theme = getThemeFromContext$1(this.el, newTheme);
-        if (theme !== IcThemeForegroundEnum$1.Default) {
+    updateTheme(mode = null) {
+        const theme = getBrandFromContext$1(this.el, mode);
+        if (theme !== IcBrandForegroundEnum$1.Default) {
             this.monochrome = true;
-            this.theme = theme;
+            this.theme =
+                theme === IcBrandForegroundEnum$1.Light
+                    ? IcBrandForegroundEnum$1.Dark
+                    : IcBrandForegroundEnum$1.Light;
         }
     }
     hasRouterSlot() {
@@ -15504,7 +15758,7 @@ class Link {
             "theme": [1025],
             "setFocus": [64]
         },
-        "$listeners$": [[4, "themeChange", "themeChangeHandler"]],
+        "$listeners$": [[4, "brandChange", "brandChangeHandler"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
@@ -17522,12 +17776,13 @@ var checkIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2
 </svg>
 `;
 
-const icMenuCss = "html.sc-ic-menu{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu{margin:0}main.sc-ic-menu{display:block}h1.sc-ic-menu{font-size:2em;margin:0.67em 0}hr.sc-ic-menu{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu{background-color:transparent}abbr[title].sc-ic-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu,strong.sc-ic-menu{font-weight:bolder}code.sc-ic-menu,kbd.sc-ic-menu,samp.sc-ic-menu{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu{font-size:80%}sub.sc-ic-menu,sup.sc-ic-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu{bottom:-0.25em}sup.sc-ic-menu{top:-0.5em}img.sc-ic-menu{border-style:none}button.sc-ic-menu,input.sc-ic-menu,optgroup.sc-ic-menu,select.sc-ic-menu,textarea.sc-ic-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu,input.sc-ic-menu{overflow:visible}button.sc-ic-menu,select.sc-ic-menu{text-transform:none}button.sc-ic-menu,[type=\"button\"].sc-ic-menu,[type=\"reset\"].sc-ic-menu,[type=\"submit\"].sc-ic-menu{-webkit-appearance:button}button.sc-ic-menu::-moz-focus-inner,[type=\"button\"].sc-ic-menu::-moz-focus-inner,[type=\"reset\"].sc-ic-menu::-moz-focus-inner,[type=\"submit\"].sc-ic-menu::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu:-moz-focusring,[type=\"button\"].sc-ic-menu:-moz-focusring,[type=\"reset\"].sc-ic-menu:-moz-focusring,[type=\"submit\"].sc-ic-menu:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu{vertical-align:baseline}textarea.sc-ic-menu{overflow:auto}[type=\"checkbox\"].sc-ic-menu,[type=\"radio\"].sc-ic-menu{box-sizing:border-box;padding:0}[type=\"number\"].sc-ic-menu::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu::-webkit-outer-spin-button{height:auto}[type=\"search\"].sc-ic-menu{-webkit-appearance:textfield;outline-offset:-2px}[type=\"search\"].sc-ic-menu::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu{display:block}summary.sc-ic-menu{display:list-item}template.sc-ic-menu{display:none}[hidden].sc-ic-menu{display:none}html.sc-ic-menu,body.sc-ic-menu,div.sc-ic-menu,span.sc-ic-menu,applet.sc-ic-menu,object.sc-ic-menu,iframe.sc-ic-menu,h1.sc-ic-menu,h2.sc-ic-menu,h3.sc-ic-menu,h4.sc-ic-menu,h5.sc-ic-menu,h6.sc-ic-menu,p.sc-ic-menu,blockquote.sc-ic-menu,pre.sc-ic-menu,a.sc-ic-menu,abbr.sc-ic-menu,acronym.sc-ic-menu,address.sc-ic-menu,big.sc-ic-menu,cite.sc-ic-menu,code.sc-ic-menu,del.sc-ic-menu,dfn.sc-ic-menu,em.sc-ic-menu,img.sc-ic-menu,ins.sc-ic-menu,kbd.sc-ic-menu,q.sc-ic-menu,s.sc-ic-menu,samp.sc-ic-menu,small.sc-ic-menu,strike.sc-ic-menu,strong.sc-ic-menu,sub.sc-ic-menu,sup.sc-ic-menu,tt.sc-ic-menu,var.sc-ic-menu,b.sc-ic-menu,u.sc-ic-menu,i.sc-ic-menu,center.sc-ic-menu,dl.sc-ic-menu,dt.sc-ic-menu,dd.sc-ic-menu,ol.sc-ic-menu,ul.sc-ic-menu,li.sc-ic-menu,fieldset.sc-ic-menu,form.sc-ic-menu,label.sc-ic-menu,legend.sc-ic-menu,table.sc-ic-menu,caption.sc-ic-menu,tbody.sc-ic-menu,tfoot.sc-ic-menu,thead.sc-ic-menu,tr.sc-ic-menu,th.sc-ic-menu,td.sc-ic-menu,article.sc-ic-menu,aside.sc-ic-menu,canvas.sc-ic-menu,details.sc-ic-menu,embed.sc-ic-menu,figure.sc-ic-menu,figcaption.sc-ic-menu,footer.sc-ic-menu,header.sc-ic-menu,hgroup.sc-ic-menu,menu.sc-ic-menu,nav.sc-ic-menu,output.sc-ic-menu,ruby.sc-ic-menu,section.sc-ic-menu,summary.sc-ic-menu,time.sc-ic-menu,mark.sc-ic-menu,audio.sc-ic-menu,video.sc-ic-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-h{max-height:0;width:var(--menu-width, var(--input-width, 20rem));color:var(--menu-item-text-color, var(--ic-menu-list-option-text-color));--ic-typography-color:var(\n    --menu-item-text-color,\n    var(--ic-menu-list-option-text-color)\n  );background-color:var(\n    --menu-bg-color,\n    var(--ic-menu-list-option-background-color)\n  );position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:var(--ic-border-radius)}.ic-menu-open.sc-ic-menu-h:not(.ic-menu-no-focus):focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}.ic-select-select-all-focused.sc-ic-menu-h{box-shadow:var(--ic-elevation-overlay) !important}#retry-button.sc-ic-menu::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu #retry-button.sc-ic-menu::part(button){height:var(--ic-space-md)}.on-dialog.sc-ic-menu-h{inset:auto !important}.menu.sc-ic-menu{text-decoration:none;list-style-type:none;border-radius:1px;background-color:var(\n    --menu-bg-color,\n    var(--ic-menu-list-option-background-color)\n  );visibility:hidden;max-height:0;overflow-y:hidden}.menu.sc-ic-menu:has(+.option-bar).sc-ic-menu{border-radius:0 0 1px 1px}.menu-scroll.sc-ic-menu{overflow-y:auto}.menu.sc-ic-menu:focus-visible{outline:none}.ic-menu-open.sc-ic-menu-h{max-height:none;display:flex;flex-direction:column-reverse;border:var(--ic-border-width) solid\n    var(--menu-border-color, var(--ic-menu-border-color));transition:box-shadow var(--ic-easing-transition-fast)}.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{visibility:visible;max-height:calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs))}.ic-menu-open.sc-ic-menu-h .option-bar.sc-ic-menu{visibility:visible}.ic-menu-open.sc-ic-menu-h .select-all-button.sc-ic-menu{display:block}.ic-menu-full-width.sc-ic-menu-h{width:100%}.option.sc-ic-menu{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));cursor:pointer;display:flex;align-items:center}.loading-option.sc-ic-menu p.sc-ic-menu{margin-bottom:0 !important}.option.sc-ic-menu:not(.loading-option){justify-content:space-between}.ic-menu-small.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px))}.ic-menu-large.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))}.option.sc-ic-menu:last-child{border-radius:0 0 1px 1px}.sc-ic-menu:not(.menu:has(+.option-bar)).sc-ic-menu .option.sc-ic-menu:first-child{border-radius:1px 1px 0 0}.option.sc-ic-menu:not(.disabled-option):hover{background-color:var(--ic-menu-list-option-hover-background-color)}.option.sc-ic-menu:not(.disabled-option):active{background-color:var(--ic-menu-list-option-pressed-background-color)}.option.sc-ic-menu:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu:not(.disabled-option) .option-description.sc-ic-menu{--ic-typography-color:var(\n    --menu-item-desc-text-color,\n    var(--ic-menu-list-option-description-text-color)\n  )}.option.sc-ic-menu .option-label.sc-ic-menu{display:flex;flex-direction:row;align-items:top}.option.sc-ic-menu .option-label.sc-ic-menu ic-typography.sc-ic-menu{max-width:100%;word-wrap:break-word}.option.sc-ic-menu .option-element.sc-ic-menu{margin-top:var(--ic-space-xxs)}.option.sc-ic-menu .option-icon.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);margin-top:var(--ic-space-xxs);margin-right:var(--ic-space-xxxs)}.option-text-container.sc-ic-menu{pointer-events:none;width:100%}.option-text-container.show-check-icon.sc-ic-menu{width:calc(var(--ic-space-lg) * 10 + var(--ic-space-xl))}.option.loading-option.sc-ic-menu .option-text-container.sc-ic-menu{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs));color:var(--ic-menu-loading-list-option-text-color);--ic-typography-color:var(--ic-menu-loading-list-option-text-color)}.error-icon-svg.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-atoms-status-icon-error);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu{display:flex}.check-icon.sc-ic-menu{height:var(--ic-space-lg);min-width:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-xs);pointer-events:none}.focused-option.sc-ic-menu .check-icon.sc-ic-menu *.sc-ic-menu{fill:currentcolor}.option-group-title.sc-ic-menu{padding:var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xs);--ic-typography-color:var(--ic-menu-option-group-label-text-color)}.ic-menu-small.sc-ic-menu-h .option-group-title.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xxs)}.last-recommended-option.sc-ic-menu{border-bottom:var(--ic-menu-last-recommended-option-border)}.disabled-option.sc-ic-menu{color:var(--ic-atoms-list-option-text-disabled-light);--ic-typography-color:var(--ic-atoms-list-option-text-disabled-light);cursor:default;pointer-events:none}.focused-option.sc-ic-menu,.focused-option.sc-ic-menu .option-description.sc-ic-menu{background-color:var(--ic-color-focus-inner) !important;color:var(--ic-atoms-list-option-text-focused-light) !important;--ic-typography-color:var(\n    --ic-atoms-list-option-text-focused-light\n  ) !important}.no-results.sc-ic-menu-h li.sc-ic-menu{cursor:no-drop}.no-results.sc-ic-menu-h li.sc-ic-menu:hover{background-color:transparent}.option-bar.sc-ic-menu{padding:var(--ic-space-xxs) var(--ic-space-xs);display:flex;align-items:center;justify-content:space-between;background-color:var(--ic-menu-option-bar-background-color);visibility:hidden;border-bottom:var(--ic-border-width) solid\n    var(--ic-menu-option-bar-divider-color);border-radius:1px 1px 0 0}.option-bar.sc-ic-menu p.sc-ic-menu{margin-bottom:0 !important}.ic-menu-large.sc-ic-menu-h .option-bar.sc-ic-menu{padding:var(--ic-space-xs)}.select-all-button.sc-ic-menu{display:none}.select-all-button.sc-ic-menu:focus{z-index:calc(var(--ic-z-index-menu) + 1)}@media (forced-colors: active){.focused-option.sc-ic-menu:focus{outline:none;border:0.125rem solid transparent}}";
+const icMenuCss = "html.sc-ic-menu{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu{margin:0}main.sc-ic-menu{display:block}h1.sc-ic-menu{font-size:2em;margin:0.67em 0}hr.sc-ic-menu{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu{background-color:transparent}abbr[title].sc-ic-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu,strong.sc-ic-menu{font-weight:bolder}code.sc-ic-menu,kbd.sc-ic-menu,samp.sc-ic-menu{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu{font-size:80%}sub.sc-ic-menu,sup.sc-ic-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu{bottom:-0.25em}sup.sc-ic-menu{top:-0.5em}img.sc-ic-menu{border-style:none}button.sc-ic-menu,input.sc-ic-menu,optgroup.sc-ic-menu,select.sc-ic-menu,textarea.sc-ic-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu,input.sc-ic-menu{overflow:visible}button.sc-ic-menu,select.sc-ic-menu{text-transform:none}button.sc-ic-menu,[type=\"button\"].sc-ic-menu,[type=\"reset\"].sc-ic-menu,[type=\"submit\"].sc-ic-menu{-webkit-appearance:button}button.sc-ic-menu::-moz-focus-inner,[type=\"button\"].sc-ic-menu::-moz-focus-inner,[type=\"reset\"].sc-ic-menu::-moz-focus-inner,[type=\"submit\"].sc-ic-menu::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu:-moz-focusring,[type=\"button\"].sc-ic-menu:-moz-focusring,[type=\"reset\"].sc-ic-menu:-moz-focusring,[type=\"submit\"].sc-ic-menu:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu{vertical-align:baseline}textarea.sc-ic-menu{overflow:auto}[type=\"checkbox\"].sc-ic-menu,[type=\"radio\"].sc-ic-menu{box-sizing:border-box;padding:0}[type=\"number\"].sc-ic-menu::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu::-webkit-outer-spin-button{height:auto}[type=\"search\"].sc-ic-menu{-webkit-appearance:textfield;outline-offset:-2px}[type=\"search\"].sc-ic-menu::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu{display:block}summary.sc-ic-menu{display:list-item}template.sc-ic-menu{display:none}[hidden].sc-ic-menu{display:none}html.sc-ic-menu,body.sc-ic-menu,div.sc-ic-menu,span.sc-ic-menu,applet.sc-ic-menu,object.sc-ic-menu,iframe.sc-ic-menu,h1.sc-ic-menu,h2.sc-ic-menu,h3.sc-ic-menu,h4.sc-ic-menu,h5.sc-ic-menu,h6.sc-ic-menu,p.sc-ic-menu,blockquote.sc-ic-menu,pre.sc-ic-menu,a.sc-ic-menu,abbr.sc-ic-menu,acronym.sc-ic-menu,address.sc-ic-menu,big.sc-ic-menu,cite.sc-ic-menu,code.sc-ic-menu,del.sc-ic-menu,dfn.sc-ic-menu,em.sc-ic-menu,img.sc-ic-menu,ins.sc-ic-menu,kbd.sc-ic-menu,q.sc-ic-menu,s.sc-ic-menu,samp.sc-ic-menu,small.sc-ic-menu,strike.sc-ic-menu,strong.sc-ic-menu,sub.sc-ic-menu,sup.sc-ic-menu,tt.sc-ic-menu,var.sc-ic-menu,b.sc-ic-menu,u.sc-ic-menu,i.sc-ic-menu,center.sc-ic-menu,dl.sc-ic-menu,dt.sc-ic-menu,dd.sc-ic-menu,ol.sc-ic-menu,ul.sc-ic-menu,li.sc-ic-menu,fieldset.sc-ic-menu,form.sc-ic-menu,label.sc-ic-menu,legend.sc-ic-menu,table.sc-ic-menu,caption.sc-ic-menu,tbody.sc-ic-menu,tfoot.sc-ic-menu,thead.sc-ic-menu,tr.sc-ic-menu,th.sc-ic-menu,td.sc-ic-menu,article.sc-ic-menu,aside.sc-ic-menu,canvas.sc-ic-menu,details.sc-ic-menu,embed.sc-ic-menu,figure.sc-ic-menu,figcaption.sc-ic-menu,footer.sc-ic-menu,header.sc-ic-menu,hgroup.sc-ic-menu,menu.sc-ic-menu,nav.sc-ic-menu,output.sc-ic-menu,ruby.sc-ic-menu,section.sc-ic-menu,summary.sc-ic-menu,time.sc-ic-menu,mark.sc-ic-menu,audio.sc-ic-menu,video.sc-ic-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-h{max-height:0;width:var(--menu-width, var(--input-width, 20rem));color:var(--menu-item-text-color, var(--ic-menu-list-option-text-color));--ic-typography-color:var(\n    --menu-item-text-color,\n    var(--ic-menu-list-option-text-color)\n  );background-color:var(\n    --menu-bg-color,\n    var(--ic-menu-list-option-background-color)\n  );position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:var(--ic-border-radius)}.ic-menu-open.sc-ic-menu-h:not(.ic-menu-no-focus):focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}.ic-select-select-all-focused.sc-ic-menu-h{box-shadow:var(--ic-elevation-overlay) !important}#retry-button.sc-ic-menu::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu #retry-button.sc-ic-menu::part(button){height:var(--ic-space-md)}.on-dialog.sc-ic-menu-h{inset:auto !important}.menu.sc-ic-menu{text-decoration:none;list-style-type:none;border-radius:1px;background-color:var(\n    --menu-bg-color,\n    var(--ic-menu-list-option-background-color)\n  );visibility:hidden;max-height:0;overflow-y:hidden}.menu.sc-ic-menu:has(+.option-bar).sc-ic-menu{border-radius:0 0 1px 1px}.menu-scroll.sc-ic-menu{overflow-y:auto}.menu.sc-ic-menu:focus-visible{outline:none}.ic-menu-open.sc-ic-menu-h{max-height:none;display:flex;flex-direction:column-reverse;border:var(--ic-border-width) solid\n    var(--menu-border-color, var(--ic-menu-border-color));transition:box-shadow var(--ic-easing-transition-fast)}.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{visibility:visible;max-height:calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs))}.ic-menu-open.sc-ic-menu-h .option-bar.sc-ic-menu{visibility:visible}.ic-menu-open.sc-ic-menu-h .select-all-button.sc-ic-menu{display:block}.ic-menu-full-width.sc-ic-menu-h{width:100%}.option.sc-ic-menu{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));cursor:pointer;display:flex;align-items:center}.loading-option.sc-ic-menu p.sc-ic-menu{margin-bottom:0 !important}.option.sc-ic-menu:not(.loading-option){justify-content:space-between}.ic-menu-small.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px))}.ic-menu-large.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))}.option.sc-ic-menu:last-child{border-radius:0 0 1px 1px}.sc-ic-menu:not(.menu:has(+.option-bar)).sc-ic-menu .option.sc-ic-menu:first-child{border-radius:1px 1px 0 0}.option.sc-ic-menu:not(.disabled-option):hover{background-color:var(--ic-menu-list-option-hover-background-color)}.option.sc-ic-menu:not(.disabled-option):active{background-color:var(--ic-menu-list-option-pressed-background-color)}.option.sc-ic-menu:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu:not(.disabled-option) .option-description.sc-ic-menu{--ic-typography-color:var(\n    --menu-item-desc-text-color,\n    var(--ic-menu-list-option-description-text-color)\n  )}.option.sc-ic-menu .option-label.sc-ic-menu{display:flex;flex-direction:row;align-items:top}.option.sc-ic-menu .option-label.sc-ic-menu ic-typography.sc-ic-menu{max-width:100%;word-wrap:break-word}.option.sc-ic-menu .option-element.sc-ic-menu{margin-top:var(--ic-space-xxs)}.option.sc-ic-menu .option-icon.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);margin-top:var(--ic-space-xxs);margin-right:var(--ic-space-xxxs)}.option-text-container.sc-ic-menu{pointer-events:none;width:100%}.option-text-container.show-check-icon.sc-ic-menu{width:calc(var(--ic-space-lg) * 10 + var(--ic-space-xl))}.option.loading-option.sc-ic-menu .option-text-container.sc-ic-menu{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs));color:var(--ic-menu-loading-list-option-text-color);--ic-typography-color:var(--ic-menu-loading-list-option-text-color)}.error-icon-svg.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-atoms-status-icon-error);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu{display:flex}.check-icon.sc-ic-menu{height:var(--ic-space-lg);min-width:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-xs);pointer-events:none}.focused-option.sc-ic-menu .check-icon.sc-ic-menu *.sc-ic-menu{fill:currentcolor}.option-group-title.sc-ic-menu{padding:var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xs);--ic-typography-color:var(--ic-menu-option-group-label-text-color)}.ic-menu-small.sc-ic-menu-h .option-group-title.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xxs)}.last-recommended-option.sc-ic-menu{border-bottom:var(--ic-menu-last-recommended-option-border)}.disabled-option.sc-ic-menu{color:var(--ic-atoms-list-option-text-disabled-light);--ic-typography-color:var(--ic-atoms-list-option-text-disabled-light);cursor:default;pointer-events:none}.focused-option.sc-ic-menu,.focused-option.sc-ic-menu .option-description.sc-ic-menu{background-color:var(--ic-color-focus-inner) !important;color:var(--ic-atoms-list-option-text-focused-light) !important;--ic-typography-color:var(\n    --ic-atoms-list-option-text-focused-light\n  ) !important}.no-results.sc-ic-menu-h li.sc-ic-menu{cursor:no-drop}.no-results.sc-ic-menu-h li.sc-ic-menu:hover{background-color:transparent}.option-bar.sc-ic-menu{padding:var(--ic-space-xxs) var(--ic-space-xs);display:flex;align-items:center;justify-content:space-between;background-color:var(--ic-menu-option-bar-background-color);visibility:hidden;border-bottom:var(--ic-border-width) solid\n    var(--ic-menu-option-bar-divider-color);border-radius:1px 1px 0 0}.option-bar.sc-ic-menu p.sc-ic-menu{margin-bottom:0 !important}.ic-menu-large.sc-ic-menu-h .option-bar.sc-ic-menu{padding:var(--ic-space-xs)}.select-all-button.sc-ic-menu{display:none}.select-all-button.sc-ic-menu:focus{z-index:calc(var(--ic-z-index-menu) + 1)}@media (forced-colors: active){.focused-option.sc-ic-menu:focus{outline:none;border:0.125rem solid transparent}.disabled-option.sc-ic-menu{color:GrayText;--ic-typography-color:GrayText}}";
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 class Menu {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.icClear = createEvent(this, "icClear", 7);
         this.menuKeyPress = createEvent(this, "menuKeyPress", 7);
         this.menuOptionId = createEvent(this, "menuOptionId", 7);
         this.menuOptionSelect = createEvent(this, "menuOptionSelect", 7);
@@ -17538,6 +17793,7 @@ class Menu {
         this.ungroupedOptionsSet = createEvent(this, "ungroupedOptionsSet", 7);
         this.ACTIVE_DESCENDANT = "aria-activedescendant";
         this.CLEAR_BUTTON_ID = "clear-button";
+        this.SEARCH_BAR_TAG = "IC-SEARCH-BAR";
         this.disabledOptionSelected = false;
         this.hasPreviouslyBlurred = false;
         this.hasTimedOut = false;
@@ -17602,7 +17858,7 @@ class Menu {
             }
         };
         this.getParentEl = (parent) => {
-            if (parent.tagName === "IC-SEARCH-BAR") {
+            if (parent.tagName === this.SEARCH_BAR_TAG) {
                 this.isSearchBar = true;
             }
             else if (parent.tagName === "IC-SELECT") {
@@ -17854,7 +18110,7 @@ class Menu {
                         // Otherwise, if a different OS, checks Ctrl key
                         if ((isMacDevice() && event.metaKey) ||
                             (!isMacDevice() && event.ctrlKey)) {
-                            this.emitSelectAll();
+                            this.emitSelectAllEvents();
                             this.lastOptionFocused = null;
                             this.lastOptionSelected = null;
                         }
@@ -17980,7 +18236,7 @@ class Menu {
         this.handleSelectAllClick = () => {
             this.keyboardNav = false;
             this.menu.focus();
-            this.emitSelectAll();
+            this.emitSelectAllEvents();
             this.lastOptionFocused = null;
             this.lastOptionSelected = null;
         };
@@ -18051,13 +18307,17 @@ class Menu {
                     ? this.lastOptionSelected
                     : null;
         };
-        this.emitSelectAll = () => {
-            var _a;
+        this.emitSelectAllEvents = () => {
+            var _a, _b;
             // Select all if there is either no value or not all options are selected
             // 'true' means select all, 'false' means clear all
             this.menuOptionSelectAll.emit({
                 select: !this.value || !(((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) === this.ungroupedOptions.length),
             });
+            // Emit clear event if all options are selected
+            if (((_b = this.value) === null || _b === void 0 ? void 0 : _b.length) === this.ungroupedOptions.length) {
+                this.icClear.emit();
+            }
         };
         this.emitMenuKeyPress = (isNavKey, key) => {
             this.menuKeyPress.emit({ isNavKey: isNavKey, key: key });
@@ -18202,7 +18462,7 @@ class Menu {
             const showCheckIcon = !!option[this.valueField] &&
                 !!this.value &&
                 selected &&
-                this.parentEl.tagName !== "IC-SEARCH-BAR";
+                this.parentEl.tagName !== this.SEARCH_BAR_TAG;
             return (hAsync(Fragment, null, option.loading && hAsync("ic-loading-indicator", { size: "icon" }), hAsync("div", { class: {
                     "option-text-container": true,
                     "show-check-icon": showCheckIcon,
@@ -18236,7 +18496,7 @@ class Menu {
         this.menuOptions = undefined;
         this.activationType = "automatic";
         this.anchorEl = undefined;
-        this.autoFocusOnSelected = true;
+        this.autofocusOnSelected = true;
         this.closeOnSelect = true;
         this.fullWidth = false;
         this.inputEl = undefined;
@@ -18307,7 +18567,7 @@ class Menu {
             if (this.value &&
                 this.keyboardNav &&
                 inputValueInOptions &&
-                this.autoFocusOnSelected &&
+                this.autofocusOnSelected &&
                 !this.isSearchableSelect) {
                 this.scrollToSelected(this.menu);
             }
@@ -18323,8 +18583,7 @@ class Menu {
                     highlightedEl.focus();
                 }
             }
-            else if (this.inputEl.tagName !== "IC-TEXT-FIELD" &&
-                this.inputEl.tagName !== "INPUT") {
+            else if (this.inputEl.tagName !== "INPUT") {
                 this.menu.focus();
             }
         }
@@ -18410,16 +18669,24 @@ class Menu {
         this.focusFromSearchKeypress = true;
     }
     render() {
-        const { inputLabel, options, menuId, value, fullWidth, hasTimedOut, isLoading, size, open, inputEl, keyboardNav, } = this;
+        const { inputLabel, options, menuId, value, fullWidth, hasTimedOut, isLoading, size, open, inputEl, keyboardNav, parentEl, SEARCH_BAR_TAG, } = this;
         const selectAllButtonText = `${(value === null || value === void 0 ? void 0 : value.length) === this.ungroupedOptions.length ? "Clear" : "Select"} all`;
         const hasNoResults = this.host.classList.contains("no-results");
         return (hAsync(Host, { class: {
                 "ic-menu-full-width": fullWidth,
-                "ic-menu-no-focus": (inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) === "INPUT" || hasTimedOut || isLoading,
+                "ic-menu-no-focus": ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) === "INPUT" &&
+                    (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) !== SEARCH_BAR_TAG) ||
+                    hasTimedOut ||
+                    isLoading,
                 [`ic-menu-${size}`]: true,
                 "ic-menu-open": open && options.length !== 0,
                 "ic-menu-multiple": this.isMultiSelect,
-            } }, options.length !== 0 && (hAsync("ul", { id: menuId, class: "menu", role: "listbox", "aria-label": `${inputLabel} pop-up`, "aria-multiselectable": this.isMultiSelect ? "true" : "false", tabindex: open && !keyboardNav && (inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) !== "INPUT" ? "0" : "-1", ref: (el) => (this.menu = el), onKeyDown: this.handleMenuKeyDown, onKeyUp: this.handleMenuKeyUp, onBlur: this.handleBlur }, this.getSortedOptions(options).map((option, index) => {
+            } }, options.length !== 0 && (hAsync("ul", { id: menuId, class: "menu", role: "listbox", "aria-label": `${inputLabel} pop-up`, "aria-multiselectable": this.isMultiSelect ? "true" : "false", tabindex: open &&
+                !keyboardNav &&
+                ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) !== "INPUT" ||
+                    (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) === SEARCH_BAR_TAG)
+                ? "0"
+                : "-1", ref: (el) => (this.menu = el), onKeyDown: this.handleMenuKeyDown, onKeyUp: this.handleMenuKeyUp, onBlur: this.handleBlur }, this.getSortedOptions(options).map((option, index) => {
             if (option.children) {
                 if (option.children.length > 0) {
                     return (hAsync("div", null, hAsync("ic-typography", { class: "option-group-title", role: "presentation", variant: "subtitle-small" }, hAsync("p", null, option[this.labelField])), option.children.map((childOption) => childOption.label &&
@@ -18456,7 +18723,7 @@ class Menu {
         "$members$": {
             "activationType": [1, "activation-type"],
             "anchorEl": [16],
-            "autoFocusOnSelected": [4, "auto-focus-on-selected"],
+            "autofocusOnSelected": [4, "autofocus-on-selected"],
             "closeOnSelect": [4, "close-on-select"],
             "fullWidth": [4, "full-width"],
             "inputEl": [16],
@@ -18577,6 +18844,9 @@ class MenuItem {
         this.target = undefined;
         this.variant = "default";
     }
+    watchDisabledHandler() {
+        removeDisabledFalse$1(this.disabled, this.el);
+    }
     componentWillLoad() {
         // This ensures that trigger menu items are always set to the default variant
         if (isPropDefined$1(this.submenuTriggerFor) && this.variant !== "default") {
@@ -18613,6 +18883,9 @@ class MenuItem {
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
+    static get watchers() { return {
+        "disabled": ["watchDisabledHandler"]
+    }; }
     static get style() { return icMenuItemCss; }
     static get cmpMeta() { return {
         "$flags$": 25,
@@ -18658,7 +18931,7 @@ class NavigationButton {
                 }
             });
         };
-        this.initialAppearance = getThemeForegroundColor();
+        this.initialAppearance = getBrandForegroundAppearance();
         this.mode = "navbar";
         this.download = false;
         this.href = undefined;
@@ -18693,9 +18966,8 @@ class NavigationButton {
     navBarMenuCloseHandler() {
         this.mode = "navbar";
     }
-    themeChangeHandler(ev) {
-        const theme = ev.detail;
-        this.initialAppearance = theme.mode;
+    brandChangeHandler(ev) {
+        this.initialAppearance = ev.detail.mode;
     }
     /**
      * Sets focus on the native `button`.
@@ -18717,7 +18989,7 @@ class NavigationButton {
         if (this.mode === "menu") {
             label = this.label;
             variant = "tertiary";
-            appearance = IcThemeForegroundEnum$1.Default;
+            appearance = IcBrandForegroundEnum$1.Default;
             size = "medium";
             fullWidth = true;
             className = "popout-menu-button";
@@ -18738,7 +19010,7 @@ class NavigationButton {
         return (hAsync(Host, { class: {
                 ["in-side-menu"]: this.mode === "menu",
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
-            } }, hAsync("ic-button", Object.assign({ class: className, "aria-label": variant == "icon" ? this.label : null, ref: (el) => (this.buttonEl = el) }, buttonProps, this.inheritedAttributes, { monochrome: this.mode !== "menu", theme: getThemeForegroundColor() == "light" ? "light" : "dark" }), label, hAsync("slot", { slot: "left-icon", name: "icon" }), isSlotUsed$1(this.el, "badge") && variant === "icon" && (hAsync("slot", { name: "badge" })))));
+            } }, hAsync("ic-button", Object.assign({ class: className, "aria-label": variant == "icon" ? this.label : null, ref: (el) => (this.buttonEl = el) }, buttonProps, this.inheritedAttributes, { monochrome: this.mode !== "menu", theme: getBrandForegroundAppearance() == "light" ? "light" : "dark" }), label, hAsync("slot", { slot: "left-icon", name: "icon" }), isSlotUsed$1(this.el, "badge") && variant === "icon" && (hAsync("slot", { name: "badge" })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -18759,13 +19031,13 @@ class NavigationButton {
             "mode": [32],
             "setFocus": [64]
         },
-        "$listeners$": [[4, "icNavigationMenuOpened", "navBarMenuOpenHandler"], [4, "icNavigationMenuClosed", "navBarMenuCloseHandler"], [4, "themeChange", "themeChangeHandler"]],
+        "$listeners$": [[4, "icNavigationMenuOpened", "navBarMenuOpenHandler"], [4, "icNavigationMenuClosed", "navBarMenuCloseHandler"], [4, "brandChange", "brandChangeHandler"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
 }
 
-const icNavigationGroupCss = "/*!@html*/html.sc-ic-navigation-group{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-navigation-group{margin:0}/*!@main*/main.sc-ic-navigation-group{display:block}/*!@h1*/h1.sc-ic-navigation-group{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-navigation-group{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-navigation-group{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-navigation-group{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-navigation-group{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-navigation-group,strong.sc-ic-navigation-group{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-navigation-group,kbd.sc-ic-navigation-group,samp.sc-ic-navigation-group{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-navigation-group{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-navigation-group,sup.sc-ic-navigation-group{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-navigation-group{bottom:-0.25em}/*!@sup*/sup.sc-ic-navigation-group{top:-0.5em}/*!@img*/img.sc-ic-navigation-group{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-navigation-group,input.sc-ic-navigation-group,optgroup.sc-ic-navigation-group,select.sc-ic-navigation-group,textarea.sc-ic-navigation-group{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-navigation-group,input.sc-ic-navigation-group{overflow:visible}/*!@button,\nselect*/button.sc-ic-navigation-group,select.sc-ic-navigation-group{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-navigation-group,[type=\"button\"].sc-ic-navigation-group,[type=\"reset\"].sc-ic-navigation-group,[type=\"submit\"].sc-ic-navigation-group{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-navigation-group::-moz-focus-inner,[type=\"button\"].sc-ic-navigation-group::-moz-focus-inner,[type=\"reset\"].sc-ic-navigation-group::-moz-focus-inner,[type=\"submit\"].sc-ic-navigation-group::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-navigation-group:-moz-focusring,[type=\"button\"].sc-ic-navigation-group:-moz-focusring,[type=\"reset\"].sc-ic-navigation-group:-moz-focusring,[type=\"submit\"].sc-ic-navigation-group:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-navigation-group{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-navigation-group{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-navigation-group{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-navigation-group{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-navigation-group,[type=\"radio\"].sc-ic-navigation-group{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-navigation-group::-webkit-inner-spin-button,[type=\"number\"].sc-ic-navigation-group::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-navigation-group{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-navigation-group::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-navigation-group::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-navigation-group{display:block}/*!@summary*/summary.sc-ic-navigation-group{display:list-item}/*!@template*/template.sc-ic-navigation-group{display:none}/*!@[hidden]*/[hidden].sc-ic-navigation-group{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-navigation-group,body.sc-ic-navigation-group,div.sc-ic-navigation-group,span.sc-ic-navigation-group,applet.sc-ic-navigation-group,object.sc-ic-navigation-group,iframe.sc-ic-navigation-group,h1.sc-ic-navigation-group,h2.sc-ic-navigation-group,h3.sc-ic-navigation-group,h4.sc-ic-navigation-group,h5.sc-ic-navigation-group,h6.sc-ic-navigation-group,p.sc-ic-navigation-group,blockquote.sc-ic-navigation-group,pre.sc-ic-navigation-group,a.sc-ic-navigation-group,abbr.sc-ic-navigation-group,acronym.sc-ic-navigation-group,address.sc-ic-navigation-group,big.sc-ic-navigation-group,cite.sc-ic-navigation-group,code.sc-ic-navigation-group,del.sc-ic-navigation-group,dfn.sc-ic-navigation-group,em.sc-ic-navigation-group,img.sc-ic-navigation-group,ins.sc-ic-navigation-group,kbd.sc-ic-navigation-group,q.sc-ic-navigation-group,s.sc-ic-navigation-group,samp.sc-ic-navigation-group,small.sc-ic-navigation-group,strike.sc-ic-navigation-group,strong.sc-ic-navigation-group,sub.sc-ic-navigation-group,sup.sc-ic-navigation-group,tt.sc-ic-navigation-group,var.sc-ic-navigation-group,b.sc-ic-navigation-group,u.sc-ic-navigation-group,i.sc-ic-navigation-group,center.sc-ic-navigation-group,dl.sc-ic-navigation-group,dt.sc-ic-navigation-group,dd.sc-ic-navigation-group,ol.sc-ic-navigation-group,ul.sc-ic-navigation-group,li.sc-ic-navigation-group,fieldset.sc-ic-navigation-group,form.sc-ic-navigation-group,label.sc-ic-navigation-group,legend.sc-ic-navigation-group,table.sc-ic-navigation-group,caption.sc-ic-navigation-group,tbody.sc-ic-navigation-group,tfoot.sc-ic-navigation-group,thead.sc-ic-navigation-group,tr.sc-ic-navigation-group,th.sc-ic-navigation-group,td.sc-ic-navigation-group,article.sc-ic-navigation-group,aside.sc-ic-navigation-group,canvas.sc-ic-navigation-group,details.sc-ic-navigation-group,embed.sc-ic-navigation-group,figure.sc-ic-navigation-group,figcaption.sc-ic-navigation-group,footer.sc-ic-navigation-group,header.sc-ic-navigation-group,hgroup.sc-ic-navigation-group,menu.sc-ic-navigation-group,nav.sc-ic-navigation-group,output.sc-ic-navigation-group,ruby.sc-ic-navigation-group,section.sc-ic-navigation-group,summary.sc-ic-navigation-group,time.sc-ic-navigation-group,mark.sc-ic-navigation-group,audio.sc-ic-navigation-group,video.sc-ic-navigation-group{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-navigation-group-h{display:block;--ic-typography-color:currentcolor}/*!@:host(.in-side-menu)*/.in-side-menu.sc-ic-navigation-group-h{border-bottom:var(--ic-border-width) solid\n    var(--ic-divider-background-monochrome);padding:var(--ic-space-md) 0}/*!@:host .navigation-group*/.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:100%;width:-moz-fit-content;width:fit-content;color:var(--ic-theme-text);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);transition:var(--ic-easing-transition-slow);position:relative;background:none;border:none;white-space:nowrap}/*!@:host(.in-side-menu) .navigation-group*/.in-side-menu.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:2.5rem;width:100%;text-align:left}/*!@:host(.in-side-menu) .navigation-group .ic-typography-label*/.in-side-menu.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group .ic-typography-label.sc-ic-navigation-group{width:11.875rem}/*!@:host(.in-side-menu) .navigation-group-side-menu*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group{color:var(--ic-top-navigation-nav-group-link);justify-content:flex-start;padding:0 var(--ic-space-md) 0 var(--ic-space-md)}/*!@:host(.in-side-menu) .navigation-group-side-menu-collapsed,\n:host(.in-side-menu) .navigation-group-side-menu-expanded*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group{color:var(--ic-top-navigation-nav-group-link);justify-content:flex-start;padding-left:var(--ic-space-md)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group{margin-bottom:var(--ic-space-xs)}/*!@:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group::after,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group::after{border-style:solid;border-width:0.125em 0.125em 0 0;content:\"\";display:inline-block;height:0.45em;left:0.75em;position:relative;top:-0.1em;transform:rotate(135deg);vertical-align:top;width:0.45em}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded::after*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group::after{top:0.15em;transform:rotate(-45deg)}/*!@:host .navigation-group:hover,\n:host .navigation-group:active,\n:host .selected*/.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:hover,.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:active,.sc-ic-navigation-group-h .selected.sc-ic-navigation-group{background-color:var(--ic-architectural-20);color:var(--ic-color-text-primary-light);outline:none;cursor:pointer}/*!@:host(:not(.in-side-menu)) .navigation-group:focus*/.sc-ic-navigation-group-h:not(.in-side-menu) .navigation-group.sc-ic-navigation-group:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);z-index:var(--ic-z-index-navigation-item);transition:box-shadow var(--ic-easing-transition-fast)}/*!@:host(.in-side-menu) .navigation-group-side-menu:hover,\n:host(.in-side-menu) .navigation-group-side-menu:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:hover,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:focus{background-color:var(--ic-top-navigation-nav-group-hover);color:var(--ic-top-navigation-nav-group-link);cursor:auto;box-shadow:none;outline:none}/*!@:host(.in-side-menu) .navigation-group-side-menu:active*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:active{background-color:var(--ic-top-navigation-nav-group-pressed);color:var(--ic-top-navigation-nav-group-link)}/*!@:host(.in-side-menu) .navigation-group-side-menu:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:focus{outline:var(--ic-hc-focus-outline)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus)*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:hover:not(:focus),.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover);color:var(--ic-action-default);cursor:pointer}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus)*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:active:not(:focus),.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:active:not(:focus){background-color:var(--ic-action-dark-bg-pressed);color:var(--ic-action-default)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:focus,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:focus{color:var(--ic-action-default);box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline)}/*!@:host .navigation-group-dropdown*/.sc-ic-navigation-group-h .navigation-group-dropdown.sc-ic-navigation-group{background-color:var(--ic-top-navigation-menu-background);border-bottom:var(--ic-space-1px) solid var(--ic-top-navigation-menu-border);position:absolute;left:0;right:0;padding:var(--ic-space-xs) var(--ic-space-md);box-shadow:0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);z-index:calc(var(--ic-z-index-navigation-item) - 1)}/*!@:host .navigation-group-dropdown-items-list*/.sc-ic-navigation-group-h .navigation-group-dropdown-items-list.sc-ic-navigation-group{list-style:none;display:flex;flex-flow:column wrap;align-content:flex-start;padding-left:var(--ic-space-md);max-height:16.5rem}/*!@:host .chevron-toggle-icon-wrapper*/.sc-ic-navigation-group-h .chevron-toggle-icon-wrapper.sc-ic-navigation-group{display:flex;align-items:center}/*!@:host .chevron-toggle-icon-wrapper svg*/.sc-ic-navigation-group-h .chevron-toggle-icon-wrapper.sc-ic-navigation-group svg.sc-ic-navigation-group{transform:rotate(90deg);height:var(--ic-space-lg);width:var(--ic-space-lg)}/*!@:host .chevron-toggle-icon-closed svg*/.sc-ic-navigation-group-h .chevron-toggle-icon-closed.sc-ic-navigation-group svg.sc-ic-navigation-group{transform:rotate(-90deg)}/*!@:host(.ic-navigation-group-expanded) .grouped-links-wrapper*/.ic-navigation-group-expanded.sc-ic-navigation-group-h .grouped-links-wrapper.sc-ic-navigation-group{height:var(--navigation-child-items-height, auto) !important;transition:var(--ic-easing-transition-slow);overflow:hidden}/*!@:host(.ic-navigation-group-side-nav) .link,\n:host(.ic-navigation-group-side-nav) ::slotted(a)*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .link.sc-ic-navigation-group,.sc-ic-navigation-group-h.ic-navigation-group-side-nav.sc-ic-navigation-group-s>a,.sc-ic-navigation-group-h.ic-navigation-group-side-nav .sc-ic-navigation-group-s>a{height:var(--navigation-child-items-height, auto)}/*!@:host(.ic-navigation-group-collapsed) .grouped-links-wrapper*/.ic-navigation-group-collapsed.sc-ic-navigation-group-h .grouped-links-wrapper.sc-ic-navigation-group{height:0;transition:var(--ic-easing-transition-slow);overflow:hidden}/*!@:host(.ic-navigation-group-side-nav) .navigation-group*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:var(--navigation-group-height);width:var(--navigation-group-width);justify-content:var(--navigation-group-justify-content);padding-right:var(--navigation-group-expand-toggle-padding)}/*!@:host(.ic-navigation-group-side-nav) .navigation-group:hover,\n:host(.ic-navigation-group-side-nav) .navigation-group:active,\n:host(.ic-navigation-group-side-nav) .selected*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:hover,.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:active,.ic-navigation-group-side-nav.sc-ic-navigation-group-h .selected.sc-ic-navigation-group{background-color:var(--navigation-group-hover);color:var(--navigation-group-text-hover)}/*!@:host(.ic-navigation-group-side-nav) .navigation-group:focus*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background:none}/*!@:host(.ic-navigation-group-side-nav) .ic-typography-caption*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .ic-typography-caption.sc-ic-navigation-group{position:var(--navigation-group-title-position);left:var(--navigation-group-title-position-left);white-space:nowrap}";
+const icNavigationGroupCss = "/*!@html*/html.sc-ic-navigation-group{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-navigation-group{margin:0}/*!@main*/main.sc-ic-navigation-group{display:block}/*!@h1*/h1.sc-ic-navigation-group{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-navigation-group{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-navigation-group{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-navigation-group{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-navigation-group{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-navigation-group,strong.sc-ic-navigation-group{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-navigation-group,kbd.sc-ic-navigation-group,samp.sc-ic-navigation-group{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-navigation-group{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-navigation-group,sup.sc-ic-navigation-group{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-navigation-group{bottom:-0.25em}/*!@sup*/sup.sc-ic-navigation-group{top:-0.5em}/*!@img*/img.sc-ic-navigation-group{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-navigation-group,input.sc-ic-navigation-group,optgroup.sc-ic-navigation-group,select.sc-ic-navigation-group,textarea.sc-ic-navigation-group{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-navigation-group,input.sc-ic-navigation-group{overflow:visible}/*!@button,\nselect*/button.sc-ic-navigation-group,select.sc-ic-navigation-group{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-navigation-group,[type=\"button\"].sc-ic-navigation-group,[type=\"reset\"].sc-ic-navigation-group,[type=\"submit\"].sc-ic-navigation-group{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-navigation-group::-moz-focus-inner,[type=\"button\"].sc-ic-navigation-group::-moz-focus-inner,[type=\"reset\"].sc-ic-navigation-group::-moz-focus-inner,[type=\"submit\"].sc-ic-navigation-group::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-navigation-group:-moz-focusring,[type=\"button\"].sc-ic-navigation-group:-moz-focusring,[type=\"reset\"].sc-ic-navigation-group:-moz-focusring,[type=\"submit\"].sc-ic-navigation-group:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-navigation-group{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-navigation-group{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-navigation-group{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-navigation-group{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-navigation-group,[type=\"radio\"].sc-ic-navigation-group{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-navigation-group::-webkit-inner-spin-button,[type=\"number\"].sc-ic-navigation-group::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-navigation-group{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-navigation-group::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-navigation-group::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-navigation-group{display:block}/*!@summary*/summary.sc-ic-navigation-group{display:list-item}/*!@template*/template.sc-ic-navigation-group{display:none}/*!@[hidden]*/[hidden].sc-ic-navigation-group{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-navigation-group,body.sc-ic-navigation-group,div.sc-ic-navigation-group,span.sc-ic-navigation-group,applet.sc-ic-navigation-group,object.sc-ic-navigation-group,iframe.sc-ic-navigation-group,h1.sc-ic-navigation-group,h2.sc-ic-navigation-group,h3.sc-ic-navigation-group,h4.sc-ic-navigation-group,h5.sc-ic-navigation-group,h6.sc-ic-navigation-group,p.sc-ic-navigation-group,blockquote.sc-ic-navigation-group,pre.sc-ic-navigation-group,a.sc-ic-navigation-group,abbr.sc-ic-navigation-group,acronym.sc-ic-navigation-group,address.sc-ic-navigation-group,big.sc-ic-navigation-group,cite.sc-ic-navigation-group,code.sc-ic-navigation-group,del.sc-ic-navigation-group,dfn.sc-ic-navigation-group,em.sc-ic-navigation-group,img.sc-ic-navigation-group,ins.sc-ic-navigation-group,kbd.sc-ic-navigation-group,q.sc-ic-navigation-group,s.sc-ic-navigation-group,samp.sc-ic-navigation-group,small.sc-ic-navigation-group,strike.sc-ic-navigation-group,strong.sc-ic-navigation-group,sub.sc-ic-navigation-group,sup.sc-ic-navigation-group,tt.sc-ic-navigation-group,var.sc-ic-navigation-group,b.sc-ic-navigation-group,u.sc-ic-navigation-group,i.sc-ic-navigation-group,center.sc-ic-navigation-group,dl.sc-ic-navigation-group,dt.sc-ic-navigation-group,dd.sc-ic-navigation-group,ol.sc-ic-navigation-group,ul.sc-ic-navigation-group,li.sc-ic-navigation-group,fieldset.sc-ic-navigation-group,form.sc-ic-navigation-group,label.sc-ic-navigation-group,legend.sc-ic-navigation-group,table.sc-ic-navigation-group,caption.sc-ic-navigation-group,tbody.sc-ic-navigation-group,tfoot.sc-ic-navigation-group,thead.sc-ic-navigation-group,tr.sc-ic-navigation-group,th.sc-ic-navigation-group,td.sc-ic-navigation-group,article.sc-ic-navigation-group,aside.sc-ic-navigation-group,canvas.sc-ic-navigation-group,details.sc-ic-navigation-group,embed.sc-ic-navigation-group,figure.sc-ic-navigation-group,figcaption.sc-ic-navigation-group,footer.sc-ic-navigation-group,header.sc-ic-navigation-group,hgroup.sc-ic-navigation-group,menu.sc-ic-navigation-group,nav.sc-ic-navigation-group,output.sc-ic-navigation-group,ruby.sc-ic-navigation-group,section.sc-ic-navigation-group,summary.sc-ic-navigation-group,time.sc-ic-navigation-group,mark.sc-ic-navigation-group,audio.sc-ic-navigation-group,video.sc-ic-navigation-group{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-navigation-group-h{display:block;--ic-typography-color:currentcolor}/*!@:host(.in-side-menu)*/.in-side-menu.sc-ic-navigation-group-h{border-bottom:var(--ic-border-width) solid\n    var(--ic-divider-background-monochrome);padding:var(--ic-space-md) 0}/*!@:host .navigation-group*/.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:100%;width:-moz-fit-content;width:fit-content;color:var(--ic-brand-text-color);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);transition:var(--ic-easing-transition-slow);position:relative;background:none;border:none;white-space:nowrap}/*!@:host(.in-side-menu) .navigation-group*/.in-side-menu.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:2.5rem;width:100%;text-align:left}/*!@:host(.in-side-menu) .navigation-group .ic-typography-label*/.in-side-menu.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group .ic-typography-label.sc-ic-navigation-group{width:11.875rem}/*!@:host(.in-side-menu) .navigation-group-side-menu*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group{color:var(--ic-top-navigation-nav-group-link);justify-content:flex-start;padding:0 var(--ic-space-md) 0 var(--ic-space-md)}/*!@:host(.in-side-menu) .navigation-group-side-menu-collapsed,\n:host(.in-side-menu) .navigation-group-side-menu-expanded*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group{color:var(--ic-top-navigation-nav-group-link);justify-content:flex-start;padding-left:var(--ic-space-md)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group{margin-bottom:var(--ic-space-xs)}/*!@:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group::after,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group::after{border-style:solid;border-width:0.125em 0.125em 0 0;content:\"\";display:inline-block;height:0.45em;left:0.75em;position:relative;top:-0.1em;transform:rotate(135deg);vertical-align:top;width:0.45em}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded::after*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group::after{top:0.15em;transform:rotate(-45deg)}/*!@:host .navigation-group:hover,\n:host .navigation-group:active,\n:host .selected*/.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:hover,.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:active,.sc-ic-navigation-group-h .selected.sc-ic-navigation-group{background-color:var(--ic-architectural-20);color:var(--ic-color-text-primary-light);outline:none;cursor:pointer}/*!@:host(:not(.in-side-menu)) .navigation-group:focus*/.sc-ic-navigation-group-h:not(.in-side-menu) .navigation-group.sc-ic-navigation-group:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);z-index:var(--ic-z-index-navigation-item);transition:box-shadow var(--ic-easing-transition-fast)}/*!@:host(.in-side-menu) .navigation-group-side-menu:hover,\n:host(.in-side-menu) .navigation-group-side-menu:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:hover,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:focus{background-color:var(--ic-top-navigation-nav-group-hover);color:var(--ic-top-navigation-nav-group-link);cursor:auto;box-shadow:none;outline:none}/*!@:host(.in-side-menu) .navigation-group-side-menu:active*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:active{background-color:var(--ic-top-navigation-nav-group-pressed);color:var(--ic-top-navigation-nav-group-link)}/*!@:host(.in-side-menu) .navigation-group-side-menu:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:focus{outline:var(--ic-hc-focus-outline)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus)*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:hover:not(:focus),.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover);color:var(--ic-action-default);cursor:pointer}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus)*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:active:not(:focus),.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:active:not(:focus){background-color:var(--ic-action-dark-bg-pressed);color:var(--ic-action-default)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:focus,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:focus{color:var(--ic-action-default);box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline)}/*!@:host .navigation-group-dropdown*/.sc-ic-navigation-group-h .navigation-group-dropdown.sc-ic-navigation-group{background-color:var(--ic-top-navigation-menu-background);border-bottom:var(--ic-space-1px) solid var(--ic-top-navigation-menu-border);position:absolute;left:0;right:0;padding:var(--ic-space-xs) var(--ic-space-md);box-shadow:0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);z-index:calc(var(--ic-z-index-navigation-item) - 1)}/*!@:host .navigation-group-dropdown-items-list*/.sc-ic-navigation-group-h .navigation-group-dropdown-items-list.sc-ic-navigation-group{list-style:none;display:flex;flex-flow:column wrap;align-content:flex-start;padding-left:var(--ic-space-md);max-height:16.5rem}/*!@:host .chevron-toggle-icon-wrapper*/.sc-ic-navigation-group-h .chevron-toggle-icon-wrapper.sc-ic-navigation-group{display:flex;align-items:center}/*!@:host .chevron-toggle-icon-wrapper svg*/.sc-ic-navigation-group-h .chevron-toggle-icon-wrapper.sc-ic-navigation-group svg.sc-ic-navigation-group{transform:rotate(90deg);height:var(--ic-space-lg);width:var(--ic-space-lg)}/*!@:host .chevron-toggle-icon-closed svg*/.sc-ic-navigation-group-h .chevron-toggle-icon-closed.sc-ic-navigation-group svg.sc-ic-navigation-group{transform:rotate(-90deg)}/*!@:host(.ic-navigation-group-expanded) .grouped-links-wrapper*/.ic-navigation-group-expanded.sc-ic-navigation-group-h .grouped-links-wrapper.sc-ic-navigation-group{height:var(--navigation-child-items-height, auto) !important;transition:var(--ic-easing-transition-slow);overflow:hidden}/*!@:host(.ic-navigation-group-side-nav) .link,\n:host(.ic-navigation-group-side-nav) ::slotted(a)*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .link.sc-ic-navigation-group,.sc-ic-navigation-group-h.ic-navigation-group-side-nav.sc-ic-navigation-group-s>a,.sc-ic-navigation-group-h.ic-navigation-group-side-nav .sc-ic-navigation-group-s>a{height:var(--navigation-child-items-height, auto)}/*!@:host(.ic-navigation-group-collapsed) .grouped-links-wrapper*/.ic-navigation-group-collapsed.sc-ic-navigation-group-h .grouped-links-wrapper.sc-ic-navigation-group{height:0;transition:var(--ic-easing-transition-slow);overflow:hidden}/*!@:host(.ic-navigation-group-side-nav) .navigation-group*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:var(--navigation-group-height);width:var(--navigation-group-width);justify-content:var(--navigation-group-justify-content);padding-right:var(--navigation-group-expand-toggle-padding)}/*!@:host(.ic-navigation-group-side-nav) .navigation-group:hover,\n:host(.ic-navigation-group-side-nav) .navigation-group:active,\n:host(.ic-navigation-group-side-nav) .selected*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:hover,.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:active,.ic-navigation-group-side-nav.sc-ic-navigation-group-h .selected.sc-ic-navigation-group{background-color:var(--navigation-group-hover);color:var(--navigation-group-text-hover)}/*!@:host(.ic-navigation-group-side-nav) .navigation-group:focus*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background:none}/*!@:host(.ic-navigation-group-side-nav) .ic-typography-caption*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .ic-typography-caption.sc-ic-navigation-group{position:var(--navigation-group-title-position);left:var(--navigation-group-title-position-left);white-space:nowrap}";
 
 class NavigationGroup {
     constructor(hostRef) {
@@ -18967,7 +19239,7 @@ class NavigationGroup {
         this.deviceSize = DEVICE_SIZES.XL;
         this.dropdownOpen = false;
         this.expanded = true;
-        this.focusStyle = getThemeForegroundColor();
+        this.focusStyle = getBrandForegroundAppearance();
         this.inTopNavSideMenu = false;
         this.navigationType = undefined;
         this.parentEl = undefined;
@@ -19013,9 +19285,8 @@ class NavigationGroup {
     navItemClickHandler() {
         this.hideDropdown();
     }
-    themeChangeHandler(ev) {
-        const theme = ev.detail;
-        this.focusStyle = theme.mode;
+    brandChangeHandler(ev) {
+        this.focusStyle = ev.detail.mode;
     }
     /**
      * Sets focus on the nav item.
@@ -19083,13 +19354,13 @@ class NavigationGroup {
             "parentEl": [32],
             "setFocus": [64]
         },
-        "$listeners$": [[0, "childBlur", "childBlurHandler"], [0, "navItemClicked", "navItemClickHandler"], [4, "themeChange", "themeChangeHandler"]],
+        "$listeners$": [[0, "childBlur", "childBlurHandler"], [0, "navItemClicked", "navItemClickHandler"], [4, "brandChange", "brandChangeHandler"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
 }
 
-const icNavigationItemCss = "/*!@html*/html.sc-ic-navigation-item{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-navigation-item{margin:0}/*!@main*/main.sc-ic-navigation-item{display:block}/*!@h1*/h1.sc-ic-navigation-item{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-navigation-item{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-navigation-item{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-navigation-item{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-navigation-item{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-navigation-item,strong.sc-ic-navigation-item{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-navigation-item,kbd.sc-ic-navigation-item,samp.sc-ic-navigation-item{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-navigation-item{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-navigation-item,sup.sc-ic-navigation-item{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-navigation-item{bottom:-0.25em}/*!@sup*/sup.sc-ic-navigation-item{top:-0.5em}/*!@img*/img.sc-ic-navigation-item{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-navigation-item,input.sc-ic-navigation-item,optgroup.sc-ic-navigation-item,select.sc-ic-navigation-item,textarea.sc-ic-navigation-item{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-navigation-item,input.sc-ic-navigation-item{overflow:visible}/*!@button,\nselect*/button.sc-ic-navigation-item,select.sc-ic-navigation-item{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-navigation-item,[type=\"button\"].sc-ic-navigation-item,[type=\"reset\"].sc-ic-navigation-item,[type=\"submit\"].sc-ic-navigation-item{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-navigation-item::-moz-focus-inner,[type=\"button\"].sc-ic-navigation-item::-moz-focus-inner,[type=\"reset\"].sc-ic-navigation-item::-moz-focus-inner,[type=\"submit\"].sc-ic-navigation-item::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-navigation-item:-moz-focusring,[type=\"button\"].sc-ic-navigation-item:-moz-focusring,[type=\"reset\"].sc-ic-navigation-item:-moz-focusring,[type=\"submit\"].sc-ic-navigation-item:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-navigation-item{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-navigation-item{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-navigation-item{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-navigation-item{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-navigation-item,[type=\"radio\"].sc-ic-navigation-item{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-navigation-item::-webkit-inner-spin-button,[type=\"number\"].sc-ic-navigation-item::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-navigation-item{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-navigation-item::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-navigation-item::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-navigation-item{display:block}/*!@summary*/summary.sc-ic-navigation-item{display:list-item}/*!@template*/template.sc-ic-navigation-item{display:none}/*!@[hidden]*/[hidden].sc-ic-navigation-item{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-navigation-item,body.sc-ic-navigation-item,div.sc-ic-navigation-item,span.sc-ic-navigation-item,applet.sc-ic-navigation-item,object.sc-ic-navigation-item,iframe.sc-ic-navigation-item,h1.sc-ic-navigation-item,h2.sc-ic-navigation-item,h3.sc-ic-navigation-item,h4.sc-ic-navigation-item,h5.sc-ic-navigation-item,h6.sc-ic-navigation-item,p.sc-ic-navigation-item,blockquote.sc-ic-navigation-item,pre.sc-ic-navigation-item,a.sc-ic-navigation-item,abbr.sc-ic-navigation-item,acronym.sc-ic-navigation-item,address.sc-ic-navigation-item,big.sc-ic-navigation-item,cite.sc-ic-navigation-item,code.sc-ic-navigation-item,del.sc-ic-navigation-item,dfn.sc-ic-navigation-item,em.sc-ic-navigation-item,img.sc-ic-navigation-item,ins.sc-ic-navigation-item,kbd.sc-ic-navigation-item,q.sc-ic-navigation-item,s.sc-ic-navigation-item,samp.sc-ic-navigation-item,small.sc-ic-navigation-item,strike.sc-ic-navigation-item,strong.sc-ic-navigation-item,sub.sc-ic-navigation-item,sup.sc-ic-navigation-item,tt.sc-ic-navigation-item,var.sc-ic-navigation-item,b.sc-ic-navigation-item,u.sc-ic-navigation-item,i.sc-ic-navigation-item,center.sc-ic-navigation-item,dl.sc-ic-navigation-item,dt.sc-ic-navigation-item,dd.sc-ic-navigation-item,ol.sc-ic-navigation-item,ul.sc-ic-navigation-item,li.sc-ic-navigation-item,fieldset.sc-ic-navigation-item,form.sc-ic-navigation-item,label.sc-ic-navigation-item,legend.sc-ic-navigation-item,table.sc-ic-navigation-item,caption.sc-ic-navigation-item,tbody.sc-ic-navigation-item,tfoot.sc-ic-navigation-item,thead.sc-ic-navigation-item,tr.sc-ic-navigation-item,th.sc-ic-navigation-item,td.sc-ic-navigation-item,article.sc-ic-navigation-item,aside.sc-ic-navigation-item,canvas.sc-ic-navigation-item,details.sc-ic-navigation-item,embed.sc-ic-navigation-item,figure.sc-ic-navigation-item,figcaption.sc-ic-navigation-item,footer.sc-ic-navigation-item,header.sc-ic-navigation-item,hgroup.sc-ic-navigation-item,menu.sc-ic-navigation-item,nav.sc-ic-navigation-item,output.sc-ic-navigation-item,ruby.sc-ic-navigation-item,section.sc-ic-navigation-item,summary.sc-ic-navigation-item,time.sc-ic-navigation-item,mark.sc-ic-navigation-item,audio.sc-ic-navigation-item,video.sc-ic-navigation-item{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-navigation-item-h{display:block;--navigation-link-colour:var(--ic-theme-text)}/*!@:host(:focus-within)*/.sc-ic-navigation-item-h:focus-within{z-index:var(--ic-z-index-navigation-item)}/*!@svg*/svg.sc-ic-navigation-item{width:var(--ic-space-xl);fill:var(--ic-theme-text)}/*!@.svg*/.svg.sc-ic-navigation-item{margin-left:auto}/*!@.chevron-container svg,\n.chevron-container .svg*/.chevron-container.sc-ic-navigation-item svg.sc-ic-navigation-item,.chevron-container.sc-ic-navigation-item .svg.sc-ic-navigation-item{width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@.chevron-container*/.chevron-container.sc-ic-navigation-item{flex-grow:1}/*!@:host(.expandable.navigation-item) .link,\n:host(.expandable.navigation-item) ::slotted(a)*/.expandable.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.expandable.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.expandable.navigation-item .sc-ic-navigation-item-s>a{padding-right:0}/*!@:host(.navigation-item) .link,\n:host(.navigation-item) ::slotted(a)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a{height:calc(100% - var(--ic-space-xxs));width:-moz-fit-content;width:fit-content;color:var(--navigation-link-colour);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative;white-space:nowrap}/*!@:host(.navigation-item) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a{height:100%;font:var(--ic-font-label) !important;letter-spacing:var(--ic-font-letter-spacing-0pt025) !important;padding:0 var(--ic-space-md) !important}/*!@:host(.navigation-item-selected) .link::after,\n:host(.navigation-item-selected) ::slotted(a.active)::after,\n:host(.navigation-item-top-nav) ::slotted(a.active)::after*/.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item-selected.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-selected .sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav .sc-ic-navigation-item-s>a.active::after{content:\"\";height:0.25rem;width:100%;position:absolute;bottom:0;background-color:var(--ic-top-navigation-theme)}/*!@:host(.navigation-item-selected.navigation-item-page-header)\n  ::slotted(a.active)::after,\n:host(.navigation-item-selected.navigation-item-page-header) .link::after,\n:host(.navigation-item.navigation-item-page-header) ::slotted(a.active)::after,\n:host(.navigation-item-top-nav-child) ::slotted(a.active)::after*/.sc-ic-navigation-item-h.navigation-item-selected.navigation-item-page-header .sc-ic-navigation-item-s>a.active::after,.navigation-item-selected.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item.navigation-item-page-header.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item.navigation-item-page-header .sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active::after{content:none}/*!@:host(.navigation-item-side-menu-selected) .link,\n:host(.navigation-item-side-menu) ::slotted(a.active),\n:host(.navigation-item-top-nav-child) ::slotted(a.active)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active{box-shadow:none}/*!@:host(.navigation-item) .link:hover:not(:focus)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-theme-hover);cursor:pointer}/*!@:host(\n    .navigation-item:not(\n        .navigation-item-page-header,\n        .navigation-item-side-menu\n      )\n  )\n  ::slotted(a:hover:not(:focus))*/.sc-ic-navigation-item-h.navigation-item:not(.navigation-item-page-header .sc-ic-navigation-item-s>a:hover:not(:focus),.sc-ic-navigation-item-h.navigation-item-side-menu) .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-theme-hover) !important}/*!@:host(\n    .navigation-item:not(\n        .navigation-item-top-nav-child,\n        .navigation-item-side-menu,\n        .navigation-item-top-nav-child-selected\n          .navigation-item-side-menu-selected\n      )\n  )\n  .focus-indicator:focus-within*/.navigation-item.sc-ic-navigation-item-h:not(.navigation-item-top-nav-child.sc-ic-navigation-item .focus-indicator.sc-ic-navigation-item:focus-within,.navigation-item-side-menu.sc-ic-navigation-item-h .focus-indicator.sc-ic-navigation-item:focus-within,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .navigation-item-side-menu-selected.sc-ic-navigation-item).sc-ic-navigation-item .focus-indicator.sc-ic-navigation-item:focus-within{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius)}/*!@:host(.navigation-item) .link:focus,\n:host(.navigation-item) ::slotted(a:focus)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item-selected) .link:focus,\n:host(.navigation-item) ::slotted(a.active:focus)*/.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item-selected.dark) .link:focus,\n:host(.navigation-item.dark) ::slotted(a.active:focus)*/.navigation-item-selected.dark.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item.dark.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item.dark .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item) .link:active:not(:focus),\n:host(.navigation-item) ::slotted(a:active:not(:focus))*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus),.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a:active:not(:focus){background-color:var(--ic-theme-active)}/*!@:host(.navigation-item-side-menu) .link,\n:host(.navigation-item-side-menu) ::slotted(a)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a{min-height:2.5rem;height:auto;width:100%;box-sizing:border-box;color:var(--ic-top-navigation-nav-item);--ic-typography-color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;text-decoration:none;text-wrap:wrap;white-space:normal;transition:box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-side-menu) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a{font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important;transition:box-shadow var(--ic-easing-transition-fast),\n    background-color var(--ic-easing-transition-fast)}/*!@:host(.navigation-item-side-menu) .link:hover:not(:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover)}/*!@:host(.navigation-item-side-menu) ::slotted(a:hover:not(:focus))*/.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover) !important}/*!@:host(.navigation-item-side-menu) .focus-indicator:focus-within*/.navigation-item-side-menu.sc-ic-navigation-item-h .focus-indicator.sc-ic-navigation-item:focus-within{box-shadow:none}/*!@:host(.navigation-item-side-menu) .link:focus,\n:host(.navigation-item-side-menu) ::slotted(a:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-inset) !important;width:auto;border-radius:var(--ic-border-radius-inset) !important}/*!@:host(.navigation-item-side-menu-selected) .link,\n:host(.navigation-item-side-menu-selected) ::slotted(a)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu-selected.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu-selected .sc-ic-navigation-item-s>a{transition:box-shadow var(--ic-easing-transition-slow),\n    background-color var(--ic-easing-transition-slow)}/*!@:host(.navigation-item-side-menu-selected) .link:focus,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus{margin-left:var(--ic-space-xs) !important;padding-left:var(--ic-space-xs) !important}/*!@:host(.navigation-item-top-nav-child) .link,\n:host(.navigation-item-top-nav-child) ::slotted(a)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{height:2.5rem;width:-moz-fit-content;width:fit-content;min-width:9.063rem;color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;padding:0 var(--ic-space-md) !important;text-decoration:none;position:relative;transition:box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-slow)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important}/*!@:host(.navigation-item-top-nav-child) .link:hover:not(:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover) !important}/*!@:host(.navigation-item-top-nav-child) ::slotted(a:hover):not(:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover) !important}/*!@:host(.navigation-item-top-nav-child) .link:focus,\n:host(.navigation-item-top-nav-child) ::slotted(a:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:focus{z-index:1;outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius-inset);box-shadow:var(--ic-border-focus-inset);transition:border-radius 0s, box-shadow var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}/*!@:host(.navigation-item-side-menu) .link:active:not(:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus){background-color:var(--ic-top-navigation-nav-item-pressed)}/*!@:host(.navigation-item-top-nav-child) .link:active:not(:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active:not(:focus){outline:var(--ic-hc-focus-outline);background-color:var(--ic-top-navigation-nav-item-pressed)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus),\n:host(.navigation-item-side-menu) ::slotted(a:active):not(:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:active:not(:focus){background-color:var(--ic-top-navigation-nav-item-pressed) !important}/*!@:host(.navigation-item-side-menu-selected) *,\n:host(.navigation-item-top-nav-child-selected) *,\n:host(.navigation-item-side-menu) ::slotted(a.active),\n:host(.navigation-item-top-nav-child) ::slotted(a.active)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h *.sc-ic-navigation-item,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h *.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active{font-weight:700 !important}/*!@:host(.navigation-item-top-nav-child) ::slotted(a.active)::before,\n:host(.navigation-item-top-nav-child-selected) .link::before,\n:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu) ::slotted(a.active)::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active::before,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before{content:\"\";position:absolute;left:0;width:var(--ic-space-xs);height:inherit;min-height:2.5rem;background-color:var(--ic-top-navigation-nav-item-banner);transition:left 0s}/*!@:host(.navigation-item-top-nav-child-selected) .link::before,\n:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before*/.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before{margin-top:0.25rem}/*!@:host(.navigation-item-top-nav-child-selected) .link:focus*/.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus{margin-left:var(--ic-space-xs);margin-right:calc(-1 * var(--ic-space-xs));padding-left:var(--ic-space-xs) !important}/*!@:host(.navigation-item-top-nav-child-selected) .link:focus::before*/.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before{left:calc(-1 * var(--ic-space-xs));z-index:1}/*!@:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu) ::slotted(a.active)::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before{z-index:1}/*!@:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before,\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)::before*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus::before{left:calc(-1 * var(--ic-space-xs))}/*!@:host(.navigation-item-side-menu-selected) .link::after*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after{display:none}/*!@:host(.navigation-item-side-nav-collapsed) .link*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h .link.sc-ic-navigation-item{height:100%}/*!@:host(.navigation-item-side-nav-collapsed) ::slotted(svg),\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(svg)*/.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed .sc-ic-navigation-item-s>svg,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-s>svg,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>svg{margin:auto;pointer-events:none}/*!@:host(.navigation-item-side-nav-collapsed) .icon,\n:host(.navigation-item-side-nav-collapsed-with-label) .icon,\n:host(.navigation-item-side-nav-collapsed-with-label) ic-typography*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h .icon.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .icon.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h ic-typography.sc-ic-navigation-item{align-items:center;padding:0;margin:auto 0;width:-moz-fit-content;width:fit-content;pointer-events:none}/*!@:host(.navigation-item-side-nav-collapsed-with-label) ic-typography*/.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h ic-typography.sc-ic-navigation-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}/*!@:host(.navigation-item-side-nav-collapsed-with-label) .link,\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(a)*/.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;padding:var(--ic-space-xs) !important;gap:var(--ic-space-xxs)}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n  .link,\n:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n  ::slotted(a)*/.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{height:auto !important;gap:0;width:auto;padding:var(--ic-space-xs) !important}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n  ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:block;text-align:center}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n  .link\n  ic-typography*/.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item{opacity:1;min-width:-moz-min-content;min-width:min-content}/*!@:host(.navigation-item-side-nav-collapsed) svg,\n:host(.navigation-item-side-nav-collapsed-with-label) svg*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h svg.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h svg.sc-ic-navigation-item{display:none}/*!@::slotted(svg)*/.sc-ic-navigation-item-s>svg{fill:var(--ic-theme-text);height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}/*!@.icon*/.icon.sc-ic-navigation-item{height:1.5rem;width:var(--ic-space-xxl);margin-left:calc(-1 * var(--ic-space-md));flex:0 1 0%;position:relative}/*!@.icon > ::slotted(*)*/.icon>.sc-ic-navigation-item-s>*{margin-left:var(--ic-space-md) !important}/*!@:host(.navigation-item-side-nav-collapsed) .icon > ::slotted(*)*/.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed .icon>.sc-ic-navigation-item-s>*{margin:auto !important}/*!@:host(.navigation-item-side-nav) .link,\n:host(.navigation-item-side-nav) ::slotted(a)*/.navigation-item-side-nav.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a{height:var(--navigation-item-height, 4rem);min-height:var(--navigation-item-min-height);width:var(--navigation-item-width, auto);justify-content:var(--navigation-item-justify-content);display:flex;gap:var(--ic-space-xs);box-sizing:border-box;color:var(--navigation-item-child-color) !important;text-decoration:none !important;white-space:nowrap;padding:0 var(--ic-space-md);text-wrap:wrap}/*!@:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{height:var(--navigation-item-child-height);width:var(--navigation-group-width);color:var(--navigation-item-child-color) !important;display:flex;gap:0.625rem;box-sizing:border-box;min-width:0;transition:box-shadow var(--ic-easing-transition-fast);text-decoration:none !important;white-space:nowrap}/*!@:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:focus,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n  ::slotted(a:focus)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-dark)}/*!@:host(.navigation-item-side-nav.navigation-item-side-menu) .link:active*/.navigation-item-side-nav.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active{background-color:var(--navigation-item-child-active)}/*!@:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:active,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n  ::slotted(a:active)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active{background-color:var(--navigation-item-child-active)}/*!@:host(.navigation-item-side-nav) a.link ic-typography,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n  a.link\n  ic-typography,\n:host(.navigation-item-side-nav) div.link ic-typography,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n  div.link\n  ic-typography,\n.navigation-item-side-nav-slotted-text*/.navigation-item-side-nav.sc-ic-navigation-item-h a.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h a.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav.sc-ic-navigation-item-h div.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h div.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav-slotted-text.sc-ic-navigation-item{opacity:var(--navigation-item-label-opacity);transition:opacity var(--ic-easing-transition-slow);white-space:wrap;text-overflow:ellipsis;overflow:hidden}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a.active)*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item .sc-ic-navigation-item-s>a.active{box-shadow:inset 0.313rem 0 0 var(--ic-theme-text)}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link::before,\n:host(.navigation-item-side-nav) ::slotted(a.active)::before*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active::before{content:\"\";display:block;position:absolute;inset:0 0 0 0.313rem;border-radius:0.688rem !important;transition:var(--ic-easing-transition-slow)}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link:focus::before,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus)::before*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active:focus::before{box-shadow:var(--ic-border-focus-inset)}/*!@:host(\n    :not(\n        .navigation-item-side-nav-collapsed\n      ).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label\n  )\n  .link*/.sc-ic-navigation-item-h:not(.navigation-item-side-nav-collapsed.sc-ic-navigation-item).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item .link.sc-ic-navigation-item{opacity:var(--navigation-item-label-opacity);height:auto}/*!@:host(\n    .navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label\n  )\n  .link,\n:host(\n    .navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label\n  )\n  ::slotted(a)*/.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{min-width:var(--navigation-group-item-min-width);padding:var(--ic-space-xs) !important;height:auto;gap:0}/*!@:host(\n    .navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label\n  )\n  ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:block}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link::after,\n:host(.navigation-item-side-nav) ::slotted(a.active)::after*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active::after{display:none}/*!@:host(.navigation-item-side-nav.navigation-item) .link:focus,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a:focus)*/.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link:focus,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus)*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active:focus{margin:0 auto;box-shadow:inset 0.313rem 0 0 var(--ic-theme-text);border-radius:0}/*!@:host(.navigation-item-side-nav.navigation-item) .link:hover:not(:focus)*/.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-theme-hover) !important}/*!@:host(.navigation-item-page-header).link,\n:host(.navigation-item-page-header) a,\n:host(.navigation-item-page-header) ::slotted(a)*/.navigation-item-page-header.link.sc-ic-navigation-item-h,.navigation-item-page-header.sc-ic-navigation-item-h a.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a{height:2.5rem !important;color:var(--ic-color-text-primary) !important;transition:all var(--ic-easing-transition-fast) !important;box-shadow:rgba(23 89 188 / 0%) !important}/*!@:host(.navigation-item-page-header.navigation-item-selected) .link::after,\n:host(.navigation-item-page-header) ::slotted(a.active)::after*/.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active::after{content:\" \" !important;position:absolute;bottom:0;left:0;right:0;height:var(--ic-space-xxs);background-color:var(--ic-action-default) !important}/*!@:host(.navigation-item-page-header) .link:hover,\n:host(.navigation-item-page-header) ::slotted(.link:hover),\n:host(.navigation-item-page-header) ::slotted(a:hover),\n:host(.navigation-item-page-header) .link:hover:not(:focus)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>.link:hover,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>.link:hover,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a:hover,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:hover,.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-action-default-bg-hover) !important;cursor:pointer}/*!@:host(.navigation-item-page-header) .link:focus,\n:host(.navigation-item-page-header) ::slotted(a:focus)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus)}/*!@:host(.navigation-item-page-header) .link:active,\n:host(.navigation-item-page-header) ::slotted(a:active)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a:active,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:active{background-color:var(--ic-action-default-bg-pressed) !important}/*!@:host(.navigation-item-page-header.navigation-item-selected) .link:focus::after,\n:host(.navigation-item-page-header) ::slotted(a.active:focus)::after*/.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::after,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a.active:focus::after,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active:focus::after{border-bottom-left-radius:var(--ic-border-radius);border-bottom-right-radius:var(--ic-border-radius)}/*!@:host(.navigation-item-page-header.navigation-item-selected.with-transition)\n  .link,\n:host(.navigation-item-page-header.navigation-item-selected.with-transition)\n  ::slotted(a.active)*/.navigation-item-page-header.navigation-item-selected.with-transition.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-page-header.navigation-item-selected.with-transition .sc-ic-navigation-item-s>a.active{transition:all var(--ic-easing-transition-fast),\n    border-color var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-page-header) ::slotted(a.active)::before,\n:host(.navigation-item-page-header) ::slotted(a.active:focus)::before,\n:host(.navigation-item-page-header.navigation-item-selected)\n  .link:focus::before*/.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active:focus::before,.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before{display:none}/*!@.open-in-new-icon*/.open-in-new-icon.sc-ic-navigation-item{flex:1}/*!@.open-in-new-icon svg*/.open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{margin-top:var(--ic-space-xxs);padding-left:var(--ic-space-xxs)}/*!@:host(.navigation-item-side-nav) .open-in-new-icon*/.navigation-item-side-nav.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item{margin-left:calc(-1 * var(--ic-space-xs))}/*!@:host(.navigation-item-top-nav) .open-in-new-icon svg,\n:host(.navigation-item-page-header) .open-in-new-icon svg,\n:host(.navigation-item-side-nav) .open-in-new-icon svg*/.navigation-item-top-nav.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-page-header.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-side-nav.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{height:0.875rem;width:0.875rem}/*!@:host(.navigation-item-side-menu) .open-in-new-icon svg,\n:host(.navigation-item-top-nav-child) .open-in-new-icon svg*/.navigation-item-side-menu.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-top-nav-child.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{height:var(--ic-space-md);width:var(--ic-space-md)}/*!@:host(.navigation-item-page-header) .open-in-new-icon svg,\n:host(.navigation-item-top-nav-child) .open-in-new-icon svg,\n:host(.navigation-item-side-menu) .open-in-new-icon svg*/.navigation-item-page-header.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-top-nav-child.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-side-menu.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{fill:var(--ic-color-text-primary)}@media (forced-colors: active){/*!@.open-in-new-icon svg*/.open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{fill:currentcolor}}";
+const icNavigationItemCss = "/*!@html*/html.sc-ic-navigation-item{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-navigation-item{margin:0}/*!@main*/main.sc-ic-navigation-item{display:block}/*!@h1*/h1.sc-ic-navigation-item{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-navigation-item{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-navigation-item{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-navigation-item{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-navigation-item{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-navigation-item,strong.sc-ic-navigation-item{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-navigation-item,kbd.sc-ic-navigation-item,samp.sc-ic-navigation-item{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-navigation-item{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-navigation-item,sup.sc-ic-navigation-item{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-navigation-item{bottom:-0.25em}/*!@sup*/sup.sc-ic-navigation-item{top:-0.5em}/*!@img*/img.sc-ic-navigation-item{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-navigation-item,input.sc-ic-navigation-item,optgroup.sc-ic-navigation-item,select.sc-ic-navigation-item,textarea.sc-ic-navigation-item{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-navigation-item,input.sc-ic-navigation-item{overflow:visible}/*!@button,\nselect*/button.sc-ic-navigation-item,select.sc-ic-navigation-item{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-navigation-item,[type=\"button\"].sc-ic-navigation-item,[type=\"reset\"].sc-ic-navigation-item,[type=\"submit\"].sc-ic-navigation-item{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-navigation-item::-moz-focus-inner,[type=\"button\"].sc-ic-navigation-item::-moz-focus-inner,[type=\"reset\"].sc-ic-navigation-item::-moz-focus-inner,[type=\"submit\"].sc-ic-navigation-item::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-navigation-item:-moz-focusring,[type=\"button\"].sc-ic-navigation-item:-moz-focusring,[type=\"reset\"].sc-ic-navigation-item:-moz-focusring,[type=\"submit\"].sc-ic-navigation-item:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-navigation-item{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-navigation-item{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-navigation-item{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-navigation-item{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-navigation-item,[type=\"radio\"].sc-ic-navigation-item{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-navigation-item::-webkit-inner-spin-button,[type=\"number\"].sc-ic-navigation-item::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-navigation-item{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-navigation-item::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-navigation-item::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-navigation-item{display:block}/*!@summary*/summary.sc-ic-navigation-item{display:list-item}/*!@template*/template.sc-ic-navigation-item{display:none}/*!@[hidden]*/[hidden].sc-ic-navigation-item{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-navigation-item,body.sc-ic-navigation-item,div.sc-ic-navigation-item,span.sc-ic-navigation-item,applet.sc-ic-navigation-item,object.sc-ic-navigation-item,iframe.sc-ic-navigation-item,h1.sc-ic-navigation-item,h2.sc-ic-navigation-item,h3.sc-ic-navigation-item,h4.sc-ic-navigation-item,h5.sc-ic-navigation-item,h6.sc-ic-navigation-item,p.sc-ic-navigation-item,blockquote.sc-ic-navigation-item,pre.sc-ic-navigation-item,a.sc-ic-navigation-item,abbr.sc-ic-navigation-item,acronym.sc-ic-navigation-item,address.sc-ic-navigation-item,big.sc-ic-navigation-item,cite.sc-ic-navigation-item,code.sc-ic-navigation-item,del.sc-ic-navigation-item,dfn.sc-ic-navigation-item,em.sc-ic-navigation-item,img.sc-ic-navigation-item,ins.sc-ic-navigation-item,kbd.sc-ic-navigation-item,q.sc-ic-navigation-item,s.sc-ic-navigation-item,samp.sc-ic-navigation-item,small.sc-ic-navigation-item,strike.sc-ic-navigation-item,strong.sc-ic-navigation-item,sub.sc-ic-navigation-item,sup.sc-ic-navigation-item,tt.sc-ic-navigation-item,var.sc-ic-navigation-item,b.sc-ic-navigation-item,u.sc-ic-navigation-item,i.sc-ic-navigation-item,center.sc-ic-navigation-item,dl.sc-ic-navigation-item,dt.sc-ic-navigation-item,dd.sc-ic-navigation-item,ol.sc-ic-navigation-item,ul.sc-ic-navigation-item,li.sc-ic-navigation-item,fieldset.sc-ic-navigation-item,form.sc-ic-navigation-item,label.sc-ic-navigation-item,legend.sc-ic-navigation-item,table.sc-ic-navigation-item,caption.sc-ic-navigation-item,tbody.sc-ic-navigation-item,tfoot.sc-ic-navigation-item,thead.sc-ic-navigation-item,tr.sc-ic-navigation-item,th.sc-ic-navigation-item,td.sc-ic-navigation-item,article.sc-ic-navigation-item,aside.sc-ic-navigation-item,canvas.sc-ic-navigation-item,details.sc-ic-navigation-item,embed.sc-ic-navigation-item,figure.sc-ic-navigation-item,figcaption.sc-ic-navigation-item,footer.sc-ic-navigation-item,header.sc-ic-navigation-item,hgroup.sc-ic-navigation-item,menu.sc-ic-navigation-item,nav.sc-ic-navigation-item,output.sc-ic-navigation-item,ruby.sc-ic-navigation-item,section.sc-ic-navigation-item,summary.sc-ic-navigation-item,time.sc-ic-navigation-item,mark.sc-ic-navigation-item,audio.sc-ic-navigation-item,video.sc-ic-navigation-item{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-navigation-item-h{display:block;--navigation-link-colour:var(--ic-brand-text-color)}/*!@:host(:focus-within)*/.sc-ic-navigation-item-h:focus-within{z-index:var(--ic-z-index-navigation-item)}/*!@svg*/svg.sc-ic-navigation-item{width:var(--ic-space-xl);fill:var(--ic-brand-text-color)}/*!@.svg*/.svg.sc-ic-navigation-item{margin-left:auto}/*!@.chevron-container svg,\n.chevron-container .svg*/.chevron-container.sc-ic-navigation-item svg.sc-ic-navigation-item,.chevron-container.sc-ic-navigation-item .svg.sc-ic-navigation-item{width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@.chevron-container*/.chevron-container.sc-ic-navigation-item{flex-grow:1}/*!@:host(.expandable.navigation-item) .link,\n:host(.expandable.navigation-item) ::slotted(a)*/.expandable.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.expandable.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.expandable.navigation-item .sc-ic-navigation-item-s>a{padding-right:0}/*!@:host(.navigation-item) .link,\n:host(.navigation-item) ::slotted(a)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a{height:calc(100% - var(--ic-space-xxs));width:-moz-fit-content;width:fit-content;color:var(--navigation-link-colour);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative;white-space:nowrap}/*!@:host(.navigation-item) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a{height:100%;font:var(--ic-font-label) !important;letter-spacing:var(--ic-font-letter-spacing-0pt025) !important;padding:0 var(--ic-space-md) !important}/*!@:host(.navigation-item-selected) .link::after,\n:host(.navigation-item-selected) ::slotted(a.active)::after,\n:host(.navigation-item-top-nav) ::slotted(a.active)::after*/.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item-selected.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-selected .sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav .sc-ic-navigation-item-s>a.active::after{content:\"\";height:0.25rem;width:100%;position:absolute;bottom:0;background-color:var(--ic-top-navigation-theme)}/*!@:host(.navigation-item-selected.navigation-item-page-header)\n  ::slotted(a.active)::after,\n:host(.navigation-item-selected.navigation-item-page-header) .link::after,\n:host(.navigation-item.navigation-item-page-header) ::slotted(a.active)::after,\n:host(.navigation-item-top-nav-child) ::slotted(a.active)::after*/.sc-ic-navigation-item-h.navigation-item-selected.navigation-item-page-header .sc-ic-navigation-item-s>a.active::after,.navigation-item-selected.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item.navigation-item-page-header.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item.navigation-item-page-header .sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active::after{content:none}/*!@:host(.navigation-item-side-menu-selected) .link,\n:host(.navigation-item-side-menu) ::slotted(a.active),\n:host(.navigation-item-top-nav-child) ::slotted(a.active)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active{box-shadow:none}/*!@:host(.navigation-item) .link:hover:not(:focus)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-brand-hover);cursor:pointer}/*!@:host(\n    .navigation-item:not(\n        .navigation-item-page-header,\n        .navigation-item-side-menu\n      )\n  )\n  ::slotted(a:hover:not(:focus))*/.sc-ic-navigation-item-h.navigation-item:not(.navigation-item-page-header .sc-ic-navigation-item-s>a:hover:not(:focus),.sc-ic-navigation-item-h.navigation-item-side-menu) .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-brand-hover) !important}/*!@:host(\n    .navigation-item:not(\n        .navigation-item-top-nav-child,\n        .navigation-item-side-menu,\n        .navigation-item-top-nav-child-selected\n          .navigation-item-side-menu-selected\n      )\n  )\n  .focus-indicator:focus-within*/.navigation-item.sc-ic-navigation-item-h:not(.navigation-item-top-nav-child.sc-ic-navigation-item .focus-indicator.sc-ic-navigation-item:focus-within,.navigation-item-side-menu.sc-ic-navigation-item-h .focus-indicator.sc-ic-navigation-item:focus-within,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .navigation-item-side-menu-selected.sc-ic-navigation-item).sc-ic-navigation-item .focus-indicator.sc-ic-navigation-item:focus-within{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius)}/*!@:host(.navigation-item) .link:focus,\n:host(.navigation-item) ::slotted(a:focus)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item-selected) .link:focus,\n:host(.navigation-item) ::slotted(a.active:focus)*/.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item-selected.dark) .link:focus,\n:host(.navigation-item.dark) ::slotted(a.active:focus)*/.navigation-item-selected.dark.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item.dark.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item.dark .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item) .link:active:not(:focus),\n:host(.navigation-item) ::slotted(a:active:not(:focus))*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus),.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a:active:not(:focus){background-color:var(--ic-brand-active)}/*!@:host(.navigation-item-side-menu) .link,\n:host(.navigation-item-side-menu) ::slotted(a)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a{min-height:2.5rem;height:auto;width:100%;box-sizing:border-box;color:var(--ic-top-navigation-nav-item);--ic-typography-color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;text-decoration:none;text-wrap:wrap;white-space:normal;transition:box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-side-menu) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a{font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important;transition:box-shadow var(--ic-easing-transition-fast),\n    background-color var(--ic-easing-transition-fast)}/*!@:host(.navigation-item-side-menu) .link:hover:not(:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover)}/*!@:host(.navigation-item-side-menu) ::slotted(a:hover:not(:focus))*/.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover) !important}/*!@:host(.navigation-item-side-menu) .focus-indicator:focus-within*/.navigation-item-side-menu.sc-ic-navigation-item-h .focus-indicator.sc-ic-navigation-item:focus-within{box-shadow:none}/*!@:host(.navigation-item-side-menu) .link:focus,\n:host(.navigation-item-side-menu) ::slotted(a:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-inset) !important;width:auto;border-radius:var(--ic-border-radius-inset) !important}/*!@:host(.navigation-item-side-menu-selected) .link,\n:host(.navigation-item-side-menu-selected) ::slotted(a)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu-selected.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu-selected .sc-ic-navigation-item-s>a{transition:box-shadow var(--ic-easing-transition-slow),\n    background-color var(--ic-easing-transition-slow)}/*!@:host(.navigation-item-side-menu-selected) .link:focus,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus{margin-left:var(--ic-space-xs) !important;padding-left:var(--ic-space-xs) !important}/*!@:host(.navigation-item-top-nav-child) .link,\n:host(.navigation-item-top-nav-child) ::slotted(a)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{height:2.5rem;width:-moz-fit-content;width:fit-content;min-width:9.063rem;color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;padding:0 var(--ic-space-md) !important;text-decoration:none;position:relative;transition:box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-slow)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important}/*!@:host(.navigation-item-top-nav-child) .link:hover:not(:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover) !important}/*!@:host(.navigation-item-top-nav-child) ::slotted(a:hover):not(:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover) !important}/*!@:host(.navigation-item-top-nav-child) .link:focus,\n:host(.navigation-item-top-nav-child) ::slotted(a:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:focus{z-index:1;outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius-inset);box-shadow:var(--ic-border-focus-inset);transition:border-radius 0s, box-shadow var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}/*!@:host(.navigation-item-side-menu) .link:active:not(:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus){background-color:var(--ic-top-navigation-nav-item-pressed)}/*!@:host(.navigation-item-top-nav-child) .link:active:not(:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active:not(:focus){outline:var(--ic-hc-focus-outline);background-color:var(--ic-top-navigation-nav-item-pressed)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus),\n:host(.navigation-item-side-menu) ::slotted(a:active):not(:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:active:not(:focus){background-color:var(--ic-top-navigation-nav-item-pressed) !important}/*!@:host(.navigation-item-side-menu-selected) *,\n:host(.navigation-item-top-nav-child-selected) *,\n:host(.navigation-item-side-menu) ::slotted(a.active),\n:host(.navigation-item-top-nav-child) ::slotted(a.active)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h *.sc-ic-navigation-item,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h *.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active{font-weight:700 !important}/*!@:host(.navigation-item-top-nav-child) ::slotted(a.active)::before,\n:host(.navigation-item-top-nav-child-selected) .link::before,\n:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu) ::slotted(a.active)::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active::before,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before{content:\"\";position:absolute;left:0;width:var(--ic-space-xs);height:inherit;min-height:2.5rem;background-color:var(--ic-top-navigation-nav-item-banner);transition:left 0s}/*!@:host(.navigation-item-top-nav-child-selected) .link::before,\n:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before*/.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before{margin-top:0.25rem}/*!@:host(.navigation-item-top-nav-child-selected) .link:focus*/.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus{margin-left:var(--ic-space-xs);margin-right:calc(-1 * var(--ic-space-xs));padding-left:var(--ic-space-xs) !important}/*!@:host(.navigation-item-top-nav-child-selected) .link:focus::before*/.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before{left:calc(-1 * var(--ic-space-xs));z-index:1}/*!@:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu) ::slotted(a.active)::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before{z-index:1}/*!@:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before,\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)::before*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus::before{left:calc(-1 * var(--ic-space-xs))}/*!@:host(.navigation-item-side-menu-selected) .link::after*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after{display:none}/*!@:host(.navigation-item-side-nav-collapsed) .link*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h .link.sc-ic-navigation-item{height:100%}/*!@:host(.navigation-item-side-nav-collapsed) ::slotted(svg),\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(svg)*/.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed .sc-ic-navigation-item-s>svg,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-s>svg,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>svg{margin:auto;pointer-events:none}/*!@:host(.navigation-item-side-nav-collapsed) .icon,\n:host(.navigation-item-side-nav-collapsed-with-label) .icon,\n:host(.navigation-item-side-nav-collapsed-with-label) ic-typography*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h .icon.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .icon.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h ic-typography.sc-ic-navigation-item{align-items:center;padding:0;margin:auto 0;width:-moz-fit-content;width:fit-content;pointer-events:none}/*!@:host(.navigation-item-side-nav-collapsed-with-label) ic-typography*/.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h ic-typography.sc-ic-navigation-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}/*!@:host(.navigation-item-side-nav-collapsed-with-label) .link,\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(a)*/.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;padding:var(--ic-space-xs) !important;gap:var(--ic-space-xxs)}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n  .link,\n:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n  ::slotted(a)*/.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{height:auto !important;gap:0;width:auto;padding:var(--ic-space-xs) !important}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n  ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:block;text-align:center}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n  .link\n  ic-typography*/.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item{opacity:1;min-width:-moz-min-content;min-width:min-content}/*!@:host(.navigation-item-side-nav-collapsed) svg,\n:host(.navigation-item-side-nav-collapsed-with-label) svg*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h svg.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h svg.sc-ic-navigation-item{display:none}/*!@::slotted(svg)*/.sc-ic-navigation-item-s>svg{fill:var(--ic-brand-text-color);height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}/*!@.icon*/.icon.sc-ic-navigation-item{height:1.5rem;width:var(--ic-space-xxl);margin-left:calc(-1 * var(--ic-space-md));flex:0 1 0%;position:relative}/*!@.icon > ::slotted(*)*/.icon>.sc-ic-navigation-item-s>*{margin-left:var(--ic-space-md) !important}/*!@:host(.navigation-item-side-nav-collapsed) .icon > ::slotted(*)*/.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed .icon>.sc-ic-navigation-item-s>*{margin:auto !important}/*!@:host(.navigation-item-side-nav) .link,\n:host(.navigation-item-side-nav) ::slotted(a)*/.navigation-item-side-nav.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a{height:var(--navigation-item-height, 4rem);min-height:var(--navigation-item-min-height);width:var(--navigation-item-width, auto);justify-content:var(--navigation-item-justify-content);display:flex;gap:var(--ic-space-xs);box-sizing:border-box;color:var(--navigation-item-child-color) !important;text-decoration:none !important;white-space:nowrap;padding:0 var(--ic-space-md);text-wrap:wrap}/*!@:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{height:var(--navigation-item-child-height);width:var(--navigation-group-width);color:var(--navigation-item-child-color) !important;display:flex;gap:0.625rem;box-sizing:border-box;min-width:0;transition:box-shadow var(--ic-easing-transition-fast);text-decoration:none !important;white-space:nowrap}/*!@:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:focus,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n  ::slotted(a:focus)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-dark)}/*!@:host(.navigation-item-side-nav.navigation-item-side-menu) .link:active*/.navigation-item-side-nav.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active{background-color:var(--navigation-item-child-active)}/*!@:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:active,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n  ::slotted(a:active)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active{background-color:var(--navigation-item-child-active)}/*!@:host(.navigation-item-side-nav) a.link ic-typography,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n  a.link\n  ic-typography,\n:host(.navigation-item-side-nav) div.link ic-typography,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n  div.link\n  ic-typography,\n.navigation-item-side-nav-slotted-text*/.navigation-item-side-nav.sc-ic-navigation-item-h a.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h a.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav.sc-ic-navigation-item-h div.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h div.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav-slotted-text.sc-ic-navigation-item{opacity:var(--navigation-item-label-opacity);transition:opacity var(--ic-easing-transition-slow);white-space:wrap;text-overflow:ellipsis;overflow:hidden}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a.active)*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item .sc-ic-navigation-item-s>a.active{box-shadow:inset 0.313rem 0 0 var(--ic-brand-text-color)}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link::before,\n:host(.navigation-item-side-nav) ::slotted(a.active)::before*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active::before{content:\"\";display:block;position:absolute;inset:0 0 0 0.313rem;border-radius:0.688rem !important;transition:var(--ic-easing-transition-slow)}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link:focus::before,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus)::before*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active:focus::before{box-shadow:var(--ic-border-focus-inset)}/*!@:host(\n    :not(\n        .navigation-item-side-nav-collapsed\n      ).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label\n  )\n  .link*/.sc-ic-navigation-item-h:not(.navigation-item-side-nav-collapsed.sc-ic-navigation-item).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item .link.sc-ic-navigation-item{opacity:var(--navigation-item-label-opacity);height:auto}/*!@:host(\n    .navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label\n  )\n  .link,\n:host(\n    .navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label\n  )\n  ::slotted(a)*/.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{min-width:var(--navigation-group-item-min-width);padding:var(--ic-space-xs) !important;height:auto;gap:0}/*!@:host(\n    .navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label\n  )\n  ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:block}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link::after,\n:host(.navigation-item-side-nav) ::slotted(a.active)::after*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active::after{display:none}/*!@:host(.navigation-item-side-nav.navigation-item) .link:focus,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a:focus)*/.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link:focus,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus)*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active:focus{margin:0 auto;box-shadow:inset 0.313rem 0 0 var(--ic-brand-text-color);border-radius:0}/*!@:host(.navigation-item-side-nav.navigation-item) .link:hover:not(:focus)*/.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-brand-hover) !important}/*!@:host(.navigation-item-page-header).link,\n:host(.navigation-item-page-header) a,\n:host(.navigation-item-page-header) ::slotted(a)*/.navigation-item-page-header.link.sc-ic-navigation-item-h,.navigation-item-page-header.sc-ic-navigation-item-h a.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a{height:2.5rem !important;color:var(--ic-color-text-primary) !important;transition:all var(--ic-easing-transition-fast) !important;box-shadow:rgba(23 89 188 / 0%) !important}/*!@:host(.navigation-item-page-header.navigation-item-selected) .link::after,\n:host(.navigation-item-page-header) ::slotted(a.active)::after*/.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active::after{content:\" \" !important;position:absolute;bottom:0;left:0;right:0;height:var(--ic-space-xxs);background-color:var(--ic-action-default) !important}/*!@:host(.navigation-item-page-header) .link:hover,\n:host(.navigation-item-page-header) ::slotted(.link:hover),\n:host(.navigation-item-page-header) ::slotted(a:hover),\n:host(.navigation-item-page-header) .link:hover:not(:focus)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>.link:hover,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>.link:hover,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a:hover,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:hover,.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-action-default-bg-hover) !important;cursor:pointer}/*!@:host(.navigation-item-page-header) .link:focus,\n:host(.navigation-item-page-header) ::slotted(a:focus)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus)}/*!@:host(.navigation-item-page-header) .link:active,\n:host(.navigation-item-page-header) ::slotted(a:active)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a:active,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:active{background-color:var(--ic-action-default-bg-pressed) !important}/*!@:host(.navigation-item-page-header.navigation-item-selected) .link:focus::after,\n:host(.navigation-item-page-header) ::slotted(a.active:focus)::after*/.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::after,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a.active:focus::after,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active:focus::after{border-bottom-left-radius:var(--ic-border-radius);border-bottom-right-radius:var(--ic-border-radius)}/*!@:host(.navigation-item-page-header.navigation-item-selected.with-transition)\n  .link,\n:host(.navigation-item-page-header.navigation-item-selected.with-transition)\n  ::slotted(a.active)*/.navigation-item-page-header.navigation-item-selected.with-transition.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-page-header.navigation-item-selected.with-transition .sc-ic-navigation-item-s>a.active{transition:all var(--ic-easing-transition-fast),\n    border-color var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-page-header) ::slotted(a.active)::before,\n:host(.navigation-item-page-header) ::slotted(a.active:focus)::before,\n:host(.navigation-item-page-header.navigation-item-selected)\n  .link:focus::before*/.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active:focus::before,.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before{display:none}/*!@.open-in-new-icon*/.open-in-new-icon.sc-ic-navigation-item{flex:1}/*!@.open-in-new-icon svg*/.open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{margin-top:var(--ic-space-xxs);padding-left:var(--ic-space-xxs)}/*!@:host(.navigation-item-side-nav) .open-in-new-icon*/.navigation-item-side-nav.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item{margin-left:calc(-1 * var(--ic-space-xs))}/*!@:host(.navigation-item-top-nav) .open-in-new-icon svg,\n:host(.navigation-item-page-header) .open-in-new-icon svg,\n:host(.navigation-item-side-nav) .open-in-new-icon svg*/.navigation-item-top-nav.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-page-header.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-side-nav.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{height:0.875rem;width:0.875rem}/*!@:host(.navigation-item-side-menu) .open-in-new-icon svg,\n:host(.navigation-item-top-nav-child) .open-in-new-icon svg*/.navigation-item-side-menu.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-top-nav-child.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{height:var(--ic-space-md);width:var(--ic-space-md)}/*!@:host(.navigation-item-page-header) .open-in-new-icon svg,\n:host(.navigation-item-top-nav-child) .open-in-new-icon svg,\n:host(.navigation-item-side-menu) .open-in-new-icon svg*/.navigation-item-page-header.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-top-nav-child.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-side-menu.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{fill:var(--ic-color-text-primary)}@media (forced-colors: active){/*!@.open-in-new-icon svg*/.open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{fill:currentcolor}}";
 
 /**
  * @part link - The `<a>` within ic-navigation-item
@@ -19187,7 +19458,7 @@ class NavigationItem {
             }
         };
         this.deviceSize = DEVICE_SIZES.XL;
-        this.focusStyle = getThemeForegroundColor();
+        this.focusStyle = getBrandForegroundAppearance();
         this.inTopNavSideMenu = false;
         this.isSideNavMobile = false;
         this.isTopNavChild = false;
@@ -19255,7 +19526,7 @@ class NavigationItem {
     componentDidUpdate() {
         this.isInitialRender = false;
     }
-    themeChangeHandler({ detail }) {
+    brandChangeHandler({ detail }) {
         this.focusStyle = detail.mode;
     }
     /**
@@ -19324,7 +19595,7 @@ class NavigationItem {
             "ariaLabel": [32],
             "setFocus": [64]
         },
-        "$listeners$": [[4, "themeChange", "themeChangeHandler"]],
+        "$listeners$": [[4, "brandChange", "brandChangeHandler"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
@@ -19689,6 +19960,9 @@ class Pagination {
             this.boundaryPageCount = 2;
         }
     }
+    watchDisabledHandler() {
+        removeDisabledFalse$1(this.disabled, this.el);
+    }
     watchNumberPagesHandler() {
         this.watchPageChangeHandler();
     }
@@ -19824,6 +20098,7 @@ class Pagination {
     static get watchers() { return {
         "adjacentPageCount": ["watchAdjacentPageCountHandler"],
         "boundaryPageCount": ["watchBoundaryPageCountHandler"],
+        "disabled": ["watchDisabledHandler"],
         "pages": ["watchNumberPagesHandler"],
         "type": ["watchTypeHandler"],
         "currentPage": ["watchPageChangeHandler"]
@@ -19969,11 +20244,22 @@ class PaginationBar {
             if (focus)
                 el.setFocus();
         };
+        this.setToFirstPage = () => {
+            var _a;
+            const firstPage = 1;
+            this.changePage(firstPage);
+            (_a = this.paginationEl) === null || _a === void 0 ? void 0 : _a.setCurrentPage(firstPage);
+            this.activePage = firstPage;
+            this.icPageChange.emit({ value: firstPage });
+        };
         this.setItemsPerPage = (newValue) => {
             if (this.itemsPerPage !== newValue) {
                 this.itemsPerPage = newValue;
                 this.itemsPerPageString = newValue.toString();
                 this.icItemsPerPageChange.emit({ value: this.itemsPerPage });
+                if (this.setToFirstPageOnPaginationChange) {
+                    this.setToFirstPage();
+                }
             }
             this.totalPages =
                 this.totalItems > this.itemsPerPage
@@ -19987,7 +20273,10 @@ class PaginationBar {
             this.icPageChange.emit({ value: this.activePage, fromItemsPerPage: true });
         };
         this.setPaginationBarContent = () => {
-            const displayedItemsPerPageOptions = this.itemsPerPageOptions ||
+            const clonedItemsPerPageOptions = this.itemsPerPageOptions
+                ? JSON.parse(JSON.stringify(this.itemsPerPageOptions))
+                : null;
+            const displayedItemsPerPageOptions = clonedItemsPerPageOptions ||
                 (this.totalItems <= 100
                     ? [
                         { label: "10", value: "10" },
@@ -20061,6 +20350,7 @@ class PaginationBar {
         this.hideRangeLabel = false;
         this.showItemsPerPageControl = false;
         this.totalItems = undefined;
+        this.setToFirstPageOnPaginationChange = false;
     }
     watchPageNumberHandler() {
         this.activePage = this.currentPage;
@@ -20081,6 +20371,9 @@ class PaginationBar {
     watchTotalItemsHandler() {
         this.setPaginationBarContent();
     }
+    watchSetToFirstPageOnPaginationChange() {
+        this.setPaginationBarContent();
+    }
     disconnectedCallback() {
         var _a;
         (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
@@ -20133,7 +20426,8 @@ class PaginationBar {
         "itemLabel": ["watchItemLabelHandler"],
         "itemsPerPageOptions": ["watchItemsPerPageOptionsHandler"],
         "pageLabel": ["watchPageLabelHandler"],
-        "totalItems": ["watchTotalItemsHandler"]
+        "totalItems": ["watchTotalItemsHandler"],
+        "setToFirstPageOnPaginationChange": ["watchSetToFirstPageOnPaginationChange"]
     }; }
     static get style() { return icPaginationBarCss; }
     static get cmpMeta() { return {
@@ -20154,6 +20448,7 @@ class PaginationBar {
             "hideRangeLabel": [4, "hide-range-label"],
             "showItemsPerPageControl": [4, "show-items-per-page-control"],
             "totalItems": [2, "total-items"],
+            "setToFirstPageOnPaginationChange": [4, "set-to-first-page-on-pagination-change"],
             "capitalizedItemLabel": [32],
             "capitalizedPageLabel": [32],
             "activePage": [32],
@@ -20193,6 +20488,9 @@ class PaginationItem {
         this.theme = "inherit";
         this.type = undefined;
     }
+    watchDisabledHandler() {
+        removeDisabledFalse$1(this.disabled, this.el);
+    }
     watchLabelHandler() {
         this.capitalizedLabel = capitalize$1(this.label);
     }
@@ -20221,6 +20519,7 @@ class PaginationItem {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
+        "disabled": ["watchDisabledHandler"],
         "label": ["watchLabelHandler"]
     }; }
     static get style() { return icPaginationItemCss; }
@@ -20536,6 +20835,13 @@ class RadioGroup {
             this.resizeObserver.observe(this.el);
         };
         this.handleKeyDown = (event) => {
+            const additionalFields = Array.from(this.el.querySelectorAll('[slot="additional-field"]'));
+            const activeEl = document.activeElement;
+            if (additionalFields.length > 0 &&
+                this.radioOptions.map((el) => slotHasContent(el, this.ADDITIONAL_FIELD)) &&
+                additionalFields.map((el) => el == activeEl)) {
+                return;
+            }
             switch (event.key) {
                 case "ArrowDown":
                 case "ArrowRight":
@@ -20621,6 +20927,7 @@ class RadioGroup {
     }
     watchDisabledHandler(newValue) {
         this.radioOptions.forEach((radioOption) => (radioOption.disabled = newValue));
+        removeDisabledFalse$1(this.disabled, this.el);
     }
     orientationChangeHandler() {
         this.initialOrientation = this.orientation;
@@ -20806,6 +21113,9 @@ class RadioOption {
         this.selected = false;
         this.initiallySelected = this.selected;
     }
+    watchDisabledHandler() {
+        removeDisabledFalse$1(this.disabled, this.el);
+    }
     watchSelectedHandler() {
         this.icSelectedChange.emit();
     }
@@ -20888,6 +21198,7 @@ class RadioOption {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
+        "disabled": ["watchDisabledHandler"],
         "selected": ["watchSelectedHandler"]
     }; }
     static get style() { return icRadioOptionCss; }
@@ -20924,7 +21235,7 @@ var searchIcon = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xm
     <path d="M13.1292 11.8792H12.4708L12.2375 11.6542C13.0542 10.7042 13.5458 9.47083 13.5458 8.12916C13.5458 5.13749 11.1208 2.71249 8.12916 2.71249C5.13749 2.71249 2.71249 5.13749 2.71249 8.12916C2.71249 11.1208 5.13749 13.5458 8.12916 13.5458C9.47083 13.5458 10.7042 13.0542 11.6542 12.2375L11.8792 12.4708V13.1292L16.0458 17.2875L17.2875 16.0458L13.1292 11.8792ZM8.12916 11.8792C6.05416 11.8792 4.37916 10.2042 4.37916 8.12916C4.37916 6.05416 6.05416 4.37916 8.12916 4.37916C10.2042 4.37916 11.8792 6.05416 11.8792 8.12916C11.8792 10.2042 10.2042 11.8792 8.12916 11.8792Z" fill="currentColor"/>
 </svg>`;
 
-const icSearchBarCss = "/*!@html*/html.sc-ic-search-bar{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-search-bar{margin:0}/*!@main*/main.sc-ic-search-bar{display:block}/*!@h1*/h1.sc-ic-search-bar{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-search-bar{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-search-bar{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-search-bar{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-search-bar{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-search-bar,strong.sc-ic-search-bar{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-search-bar,kbd.sc-ic-search-bar,samp.sc-ic-search-bar{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-search-bar{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-search-bar,sup.sc-ic-search-bar{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-search-bar{bottom:-0.25em}/*!@sup*/sup.sc-ic-search-bar{top:-0.5em}/*!@img*/img.sc-ic-search-bar{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-search-bar,input.sc-ic-search-bar,optgroup.sc-ic-search-bar,select.sc-ic-search-bar,textarea.sc-ic-search-bar{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-search-bar,input.sc-ic-search-bar{overflow:visible}/*!@button,\nselect*/button.sc-ic-search-bar,select.sc-ic-search-bar{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-search-bar,[type=\"button\"].sc-ic-search-bar,[type=\"reset\"].sc-ic-search-bar,[type=\"submit\"].sc-ic-search-bar{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-search-bar::-moz-focus-inner,[type=\"button\"].sc-ic-search-bar::-moz-focus-inner,[type=\"reset\"].sc-ic-search-bar::-moz-focus-inner,[type=\"submit\"].sc-ic-search-bar::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-search-bar:-moz-focusring,[type=\"button\"].sc-ic-search-bar:-moz-focusring,[type=\"reset\"].sc-ic-search-bar:-moz-focusring,[type=\"submit\"].sc-ic-search-bar:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-search-bar{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-search-bar{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-search-bar{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-search-bar{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-search-bar,[type=\"radio\"].sc-ic-search-bar{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-search-bar::-webkit-inner-spin-button,[type=\"number\"].sc-ic-search-bar::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-search-bar{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-search-bar::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-search-bar::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-search-bar{display:block}/*!@summary*/summary.sc-ic-search-bar{display:list-item}/*!@template*/template.sc-ic-search-bar{display:none}/*!@[hidden]*/[hidden].sc-ic-search-bar{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-search-bar,body.sc-ic-search-bar,div.sc-ic-search-bar,span.sc-ic-search-bar,applet.sc-ic-search-bar,object.sc-ic-search-bar,iframe.sc-ic-search-bar,h1.sc-ic-search-bar,h2.sc-ic-search-bar,h3.sc-ic-search-bar,h4.sc-ic-search-bar,h5.sc-ic-search-bar,h6.sc-ic-search-bar,p.sc-ic-search-bar,blockquote.sc-ic-search-bar,pre.sc-ic-search-bar,a.sc-ic-search-bar,abbr.sc-ic-search-bar,acronym.sc-ic-search-bar,address.sc-ic-search-bar,big.sc-ic-search-bar,cite.sc-ic-search-bar,code.sc-ic-search-bar,del.sc-ic-search-bar,dfn.sc-ic-search-bar,em.sc-ic-search-bar,img.sc-ic-search-bar,ins.sc-ic-search-bar,kbd.sc-ic-search-bar,q.sc-ic-search-bar,s.sc-ic-search-bar,samp.sc-ic-search-bar,small.sc-ic-search-bar,strike.sc-ic-search-bar,strong.sc-ic-search-bar,sub.sc-ic-search-bar,sup.sc-ic-search-bar,tt.sc-ic-search-bar,var.sc-ic-search-bar,b.sc-ic-search-bar,u.sc-ic-search-bar,i.sc-ic-search-bar,center.sc-ic-search-bar,dl.sc-ic-search-bar,dt.sc-ic-search-bar,dd.sc-ic-search-bar,ol.sc-ic-search-bar,ul.sc-ic-search-bar,li.sc-ic-search-bar,fieldset.sc-ic-search-bar,form.sc-ic-search-bar,label.sc-ic-search-bar,legend.sc-ic-search-bar,table.sc-ic-search-bar,caption.sc-ic-search-bar,tbody.sc-ic-search-bar,tfoot.sc-ic-search-bar,thead.sc-ic-search-bar,tr.sc-ic-search-bar,th.sc-ic-search-bar,td.sc-ic-search-bar,article.sc-ic-search-bar,aside.sc-ic-search-bar,canvas.sc-ic-search-bar,details.sc-ic-search-bar,embed.sc-ic-search-bar,figure.sc-ic-search-bar,figcaption.sc-ic-search-bar,footer.sc-ic-search-bar,header.sc-ic-search-bar,hgroup.sc-ic-search-bar,menu.sc-ic-search-bar,nav.sc-ic-search-bar,output.sc-ic-search-bar,ruby.sc-ic-search-bar,section.sc-ic-search-bar,summary.sc-ic-search-bar,time.sc-ic-search-bar,mark.sc-ic-search-bar,audio.sc-ic-search-bar,video.sc-ic-search-bar{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.ic-search-bar-search)*/.ic-search-bar-search.sc-ic-search-bar-h{--divider-height:1.5rem;--ic-input-label-helpertext-padding:var(--ic-space-xxs);--border-color:var(--ic-search-bar-outline);--input-bg-color:var(--ic-search-bar-background);--border-color-disabled:var(--ic-search-bar-outline-disabled);--text-field-placeholder-color:var(--ic-search-bar-placeholder-text);--text-field-disabled-text-color:var(--ic-search-bar-disabled-text);--text-field-text-color:var(--ic-search-bar-filled-text);--menu-item-text-color:var(--ic-search-bar-dropdown-option-text);--menu-item-desc-text-color:var(--ic-search-bar-dropdown-option-description);--menu-bg-color:var(--ic-search-bar-dropdown-background);--menu-border-color:var(--ic-search-bar-dropdown-outline);--text-field-typing-cursor:var(--ic-search-bar-filled-text-cursor)}/*!@:host(.ic-search-bar-search:hover)*/.ic-search-bar-search.sc-ic-search-bar-h:hover{--border-color:var(--ic-search-bar-outline-hover)}/*!@:host(.ic-search-bar-search:active)*/.ic-search-bar-search.sc-ic-search-bar-h:active{--border-color:var(--ic-search-bar-outline-pressed)}/*!@:host(.ic-search-bar-search.ic-search-bar-small)*/.ic-search-bar-search.ic-search-bar-small.sc-ic-search-bar-h{--divider-height:1rem}/*!@:host(.ic-search-bar-full-width)*/.ic-search-bar-full-width.sc-ic-search-bar-h{width:100%}/*!@:host(.ic-search-bar-search) .ic-button-disabled:hover*/.ic-search-bar-search.sc-ic-search-bar-h .ic-button-disabled.sc-ic-search-bar:hover{border-color:var(--ic-architectural-200)}/*!@:host(.ic-search-bar-search.ic-search-bar-disabled) .ic-button-disabled svg*/.ic-search-bar-search.ic-search-bar-disabled.sc-ic-search-bar-h .ic-button-disabled.sc-ic-search-bar svg.sc-ic-search-bar{color:var(--ic-architectural-200)}/*!@:host(.ic-search-bar-search) .ic-button-disabled svg*/.ic-search-bar-search.sc-ic-search-bar-h .ic-button-disabled.sc-ic-search-bar svg.sc-ic-search-bar{color:var(--ic-architectural-400)}/*!@.clear-button-container*/.clear-button-container.sc-ic-search-bar{align-items:center;margin-right:var(--ic-space-1px);display:none;visibility:hidden}/*!@.clear-button*/.clear-button.sc-ic-search-bar{border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition)}/*!@.clear-button:focus,\n.clear-button:active*/.clear-button.sc-ic-search-bar:focus,.clear-button.sc-ic-search-bar:active{background-color:var(--ic-color-focus-inner);box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer);border-radius:0.25rem}/*!@.clear-button-unfocused **/.clear-button-unfocused.sc-ic-search-bar *.sc-ic-search-bar{fill:var(--ic-search-bar-clear-button)}/*!@.clear-button:focus,\n.clear-button:active **/.clear-button.sc-ic-search-bar:focus,.clear-button.sc-ic-search-bar:active *.sc-ic-search-bar{fill:white}/*!@.clear-button-visible*/.clear-button-visible.sc-ic-search-bar{visibility:visible;display:flex}/*!@.search-submit-button-container*/.search-submit-button-container.sc-ic-search-bar{display:flex;align-items:center}/*!@.search-submit-button-unfocused **/.search-submit-button-unfocused.sc-ic-search-bar *.sc-ic-search-bar{fill:var(--ic-search-bar-filled-icon)}/*!@.search-submit-button-disabled **/.search-submit-button-disabled.sc-ic-search-bar *.sc-ic-search-bar{fill:var(--ic-search-bar-icon-disabled)}/*!@.search-submit-button-disabled .ic-tooltip-container*/.search-submit-button-disabled.sc-ic-search-bar .ic-tooltip-container.sc-ic-search-bar{display:none !important}/*!@.search-submit-button:focus,\n.search-submit-button:active*/.search-submit-button.sc-ic-search-bar:focus,.search-submit-button.sc-ic-search-bar:active{background-color:var(--ic-color-focus-inner) !important;box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer) !important;border-radius:var(--ic-space-xxs)}/*!@.search-submit-button:focus,\n.search-submit-button:active **/.search-submit-button.sc-ic-search-bar:focus,.search-submit-button.sc-ic-search-bar:active *.sc-ic-search-bar{fill:white}/*!@.divider*/.divider.sc-ic-search-bar{width:var(--ic-border-width);background-color:var(--ic-search-bar-dropdown-divider);height:var(--divider-height)}/*!@.menu-container*/.menu-container.sc-ic-search-bar{width:var(--input-width, 20rem);position:relative;top:var(--ic-space-xxxs)}/*!@.menu-container.fullwidth*/.menu-container.fullwidth.sc-ic-search-bar{width:100%}/*!@.no-results*/.no-results.sc-ic-search-bar{cursor:not-allowed}/*!@.search-results-status*/.search-results-status.sc-ic-search-bar{border:0;clip:rect(0, 0, 0, 0, 0);height:var(--ic-space-1px);margin-bottom:calc(-1 * var(--ic-space-1px));margin-right:calc(-1 * var(--ic-space-1px));overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}@media (forced-colors: active){/*!@.search-submit-button-unfocused **/.search-submit-button-unfocused.sc-ic-search-bar *.sc-ic-search-bar{fill:canvastext}/*!@.search-submit-button-disabled **/.search-submit-button-disabled.sc-ic-search-bar *.sc-ic-search-bar{fill:GrayText}}";
+const icSearchBarCss = "/*!@html*/html.sc-ic-search-bar{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-search-bar{margin:0}/*!@main*/main.sc-ic-search-bar{display:block}/*!@h1*/h1.sc-ic-search-bar{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-search-bar{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-search-bar{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-search-bar{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-search-bar{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-search-bar,strong.sc-ic-search-bar{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-search-bar,kbd.sc-ic-search-bar,samp.sc-ic-search-bar{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-search-bar{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-search-bar,sup.sc-ic-search-bar{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-search-bar{bottom:-0.25em}/*!@sup*/sup.sc-ic-search-bar{top:-0.5em}/*!@img*/img.sc-ic-search-bar{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-search-bar,input.sc-ic-search-bar,optgroup.sc-ic-search-bar,select.sc-ic-search-bar,textarea.sc-ic-search-bar{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-search-bar,input.sc-ic-search-bar{overflow:visible}/*!@button,\nselect*/button.sc-ic-search-bar,select.sc-ic-search-bar{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-search-bar,[type=\"button\"].sc-ic-search-bar,[type=\"reset\"].sc-ic-search-bar,[type=\"submit\"].sc-ic-search-bar{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-search-bar::-moz-focus-inner,[type=\"button\"].sc-ic-search-bar::-moz-focus-inner,[type=\"reset\"].sc-ic-search-bar::-moz-focus-inner,[type=\"submit\"].sc-ic-search-bar::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-search-bar:-moz-focusring,[type=\"button\"].sc-ic-search-bar:-moz-focusring,[type=\"reset\"].sc-ic-search-bar:-moz-focusring,[type=\"submit\"].sc-ic-search-bar:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-search-bar{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-search-bar{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-search-bar{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-search-bar{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-search-bar,[type=\"radio\"].sc-ic-search-bar{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-search-bar::-webkit-inner-spin-button,[type=\"number\"].sc-ic-search-bar::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-search-bar{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-search-bar::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-search-bar::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-search-bar{display:block}/*!@summary*/summary.sc-ic-search-bar{display:list-item}/*!@template*/template.sc-ic-search-bar{display:none}/*!@[hidden]*/[hidden].sc-ic-search-bar{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-search-bar,body.sc-ic-search-bar,div.sc-ic-search-bar,span.sc-ic-search-bar,applet.sc-ic-search-bar,object.sc-ic-search-bar,iframe.sc-ic-search-bar,h1.sc-ic-search-bar,h2.sc-ic-search-bar,h3.sc-ic-search-bar,h4.sc-ic-search-bar,h5.sc-ic-search-bar,h6.sc-ic-search-bar,p.sc-ic-search-bar,blockquote.sc-ic-search-bar,pre.sc-ic-search-bar,a.sc-ic-search-bar,abbr.sc-ic-search-bar,acronym.sc-ic-search-bar,address.sc-ic-search-bar,big.sc-ic-search-bar,cite.sc-ic-search-bar,code.sc-ic-search-bar,del.sc-ic-search-bar,dfn.sc-ic-search-bar,em.sc-ic-search-bar,img.sc-ic-search-bar,ins.sc-ic-search-bar,kbd.sc-ic-search-bar,q.sc-ic-search-bar,s.sc-ic-search-bar,samp.sc-ic-search-bar,small.sc-ic-search-bar,strike.sc-ic-search-bar,strong.sc-ic-search-bar,sub.sc-ic-search-bar,sup.sc-ic-search-bar,tt.sc-ic-search-bar,var.sc-ic-search-bar,b.sc-ic-search-bar,u.sc-ic-search-bar,i.sc-ic-search-bar,center.sc-ic-search-bar,dl.sc-ic-search-bar,dt.sc-ic-search-bar,dd.sc-ic-search-bar,ol.sc-ic-search-bar,ul.sc-ic-search-bar,li.sc-ic-search-bar,fieldset.sc-ic-search-bar,form.sc-ic-search-bar,label.sc-ic-search-bar,legend.sc-ic-search-bar,table.sc-ic-search-bar,caption.sc-ic-search-bar,tbody.sc-ic-search-bar,tfoot.sc-ic-search-bar,thead.sc-ic-search-bar,tr.sc-ic-search-bar,th.sc-ic-search-bar,td.sc-ic-search-bar,article.sc-ic-search-bar,aside.sc-ic-search-bar,canvas.sc-ic-search-bar,details.sc-ic-search-bar,embed.sc-ic-search-bar,figure.sc-ic-search-bar,figcaption.sc-ic-search-bar,footer.sc-ic-search-bar,header.sc-ic-search-bar,hgroup.sc-ic-search-bar,menu.sc-ic-search-bar,nav.sc-ic-search-bar,output.sc-ic-search-bar,ruby.sc-ic-search-bar,section.sc-ic-search-bar,summary.sc-ic-search-bar,time.sc-ic-search-bar,mark.sc-ic-search-bar,audio.sc-ic-search-bar,video.sc-ic-search-bar{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.ic-search-bar-search)*/.ic-search-bar-search.sc-ic-search-bar-h{display:block;--divider-height:1.5rem;--ic-input-label-helpertext-padding:var(--ic-space-xxs);--border-color:var(--ic-search-bar-outline);--input-bg-color:var(--ic-search-bar-background);--border-color-disabled:var(--ic-search-bar-outline-disabled);--menu-item-text-color:var(--ic-search-bar-dropdown-option-text);--menu-item-desc-text-color:var(--ic-search-bar-dropdown-option-description);--menu-bg-color:var(--ic-search-bar-dropdown-background);--menu-border-color:var(--ic-search-bar-dropdown-outline)}/*!@:host(.ic-search-bar-disabled)*/.ic-search-bar-disabled.sc-ic-search-bar-h{--ic-input-label-text-color:var(--ic-search-bar-label-disabled);--ic-input-label-helper-text-color:var(--ic-search-bar-subtitle-disabled)}/*!@:host(.ic-search-bar-search:hover)*/.ic-search-bar-search.sc-ic-search-bar-h:hover{--border-color:var(--ic-search-bar-outline-hover)}/*!@:host(.ic-search-bar-search:active)*/.ic-search-bar-search.sc-ic-search-bar-h:active{--border-color:var(--ic-search-bar-outline-pressed)}/*!@:host(.ic-search-bar-search.ic-search-bar-small)*/.ic-search-bar-search.ic-search-bar-small.sc-ic-search-bar-h{--divider-height:1rem}/*!@:host(.ic-search-bar-full-width)*/.ic-search-bar-full-width.sc-ic-search-bar-h{width:100%}/*!@:host(.ic-search-bar-search) .ic-button-disabled:hover*/.ic-search-bar-search.sc-ic-search-bar-h .ic-button-disabled.sc-ic-search-bar:hover{border-color:var(--ic-architectural-200)}/*!@:host(.ic-search-bar-search.ic-search-bar-disabled) .ic-button-disabled svg*/.ic-search-bar-search.ic-search-bar-disabled.sc-ic-search-bar-h .ic-button-disabled.sc-ic-search-bar svg.sc-ic-search-bar{color:var(--ic-architectural-200)}/*!@:host(.ic-search-bar-search) .ic-button-disabled svg*/.ic-search-bar-search.sc-ic-search-bar-h .ic-button-disabled.sc-ic-search-bar svg.sc-ic-search-bar{color:var(--ic-architectural-400)}/*!@::-moz-placeholder*/.sc-ic-search-bar::-moz-placeholder{color:var(--ic-search-bar-placeholder-text);opacity:1}/*!@::placeholder*/.sc-ic-search-bar::placeholder{color:var(--ic-search-bar-placeholder-text);opacity:1}/*!@input*/input.sc-ic-search-bar{border:0;border-radius:var(--ic-border-radius);color:var(--ic-search-bar-filled-text);background-color:var(--input-bg-color);line-height:1.5rem;letter-spacing:0.005rem;width:100%;padding-right:var(--ic-space-xs);padding-left:var(--ic-space-xs);caret-color:var(--ic-search-bar-filled-text-cursor)}/*!@input:focus*/input.sc-ic-search-bar:focus{border:0;outline:0}/*!@input:disabled*/input.sc-ic-search-bar:disabled{color:var(--ic-search-bar-disabled-text)}/*!@input::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button*/input.sc-ic-search-bar::-webkit-outer-spin-button,input.sc-ic-search-bar::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}/*!@.no-left-pad*/.no-left-pad.sc-ic-search-bar{padding-left:0}/*!@input[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-results-button,\ninput[type=\"search\"]::-webkit-search-results-decoration*/input[type=\"search\"].sc-ic-search-bar::-webkit-search-cancel-button,input[type=\"search\"].sc-ic-search-bar::-webkit-search-decoration,input[type=\"search\"].sc-ic-search-bar::-webkit-search-results-button,input[type=\"search\"].sc-ic-search-bar::-webkit-search-results-decoration{display:none}/*!@input[type=\"search\"].truncate-value*/input[type=\"search\"].truncate-value.sc-ic-search-bar{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}/*!@.clear-button-container*/.clear-button-container.sc-ic-search-bar{align-items:center;margin-right:var(--ic-space-1px);display:none;visibility:hidden}/*!@.clear-button*/.clear-button.sc-ic-search-bar{border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition)}/*!@.clear-button:focus,\n.clear-button:active*/.clear-button.sc-ic-search-bar:focus,.clear-button.sc-ic-search-bar:active{background-color:var(--ic-color-focus-inner);box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer);border-radius:0.25rem}/*!@.clear-button-unfocused **/.clear-button-unfocused.sc-ic-search-bar *.sc-ic-search-bar{fill:var(--ic-search-bar-clear-button)}/*!@.clear-button:focus,\n.clear-button:active **/.clear-button.sc-ic-search-bar:focus,.clear-button.sc-ic-search-bar:active *.sc-ic-search-bar{fill:white}/*!@.clear-button-visible*/.clear-button-visible.sc-ic-search-bar{visibility:visible;display:flex}/*!@.search-submit-button-container*/.search-submit-button-container.sc-ic-search-bar{display:flex;align-items:center}/*!@.search-submit-button-unfocused **/.search-submit-button-unfocused.sc-ic-search-bar *.sc-ic-search-bar{fill:var(--ic-search-bar-filled-icon)}/*!@.search-submit-button-disabled **/.search-submit-button-disabled.sc-ic-search-bar *.sc-ic-search-bar{fill:var(--ic-search-bar-icon-disabled)}/*!@.search-submit-button-disabled .ic-tooltip-container*/.search-submit-button-disabled.sc-ic-search-bar .ic-tooltip-container.sc-ic-search-bar{display:none !important}/*!@.search-submit-button:focus,\n.search-submit-button:active*/.search-submit-button.sc-ic-search-bar:focus,.search-submit-button.sc-ic-search-bar:active{background-color:var(--ic-color-focus-inner) !important;box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer) !important;border-radius:var(--ic-space-xxs)}/*!@.search-submit-button:focus,\n.search-submit-button:active **/.search-submit-button.sc-ic-search-bar:focus,.search-submit-button.sc-ic-search-bar:active *.sc-ic-search-bar{fill:white}/*!@.divider*/.divider.sc-ic-search-bar{width:var(--ic-border-width);background-color:var(--ic-search-bar-dropdown-divider);height:var(--divider-height)}/*!@.menu-container*/.menu-container.sc-ic-search-bar{width:var(--input-width, 20rem);position:relative;top:var(--ic-space-xxxs)}/*!@.menu-container.fullwidth*/.menu-container.fullwidth.sc-ic-search-bar{width:100%}/*!@.no-results*/.no-results.sc-ic-search-bar{cursor:not-allowed}/*!@.search-results-status*/.search-results-status.sc-ic-search-bar{border:0;clip:rect(0, 0, 0, 0, 0);height:var(--ic-space-1px);margin-bottom:calc(-1 * var(--ic-space-1px));margin-right:calc(-1 * var(--ic-space-1px));overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}@media (forced-colors: active){/*!@.search-submit-button-unfocused **/.search-submit-button-unfocused.sc-ic-search-bar *.sc-ic-search-bar{fill:canvastext}/*!@.search-submit-button-disabled **/.search-submit-button-disabled.sc-ic-search-bar *.sc-ic-search-bar{fill:GrayText}}";
 
 let inputIds$3 = 0;
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -20942,6 +21253,7 @@ class SearchBar {
         this.icSubmitSearchBlur = createEvent(this, "icSubmitSearchBlur", 7);
         this.icSearchBarBlur = createEvent(this, "icSearchBarBlur", 7);
         this.icSearchBarFocus = createEvent(this, "icSearchBarFocus", 7);
+        this.icKeydown = createEvent(this, "icKeydown", 7);
         this.assistiveHintEl = null;
         this.hasTimedOut = false;
         this.inputId = `ic-search-bar-input-${inputIds$3++}`;
@@ -20971,6 +21283,7 @@ class SearchBar {
         };
         this.onInput = (ev) => {
             this.value = ev.target.value;
+            this.icInput.emit({ value: this.value });
             const noOptions = [
                 { [this.labelField]: this.emptyOptionListText, [this.valueField]: "" },
             ];
@@ -21079,10 +21392,7 @@ class SearchBar {
         this.handleMenuChange = (ev) => {
             this.setMenuChange(ev.detail.open);
             if (!ev.detail.open) {
-                this.handleMenuCloseFromMenuChange(true);
-                if (ev.detail.focusInput === undefined || ev.detail.focusInput) {
-                    this.el.setFocus();
-                }
+                this.menuCloseFromMenuChangeEvent = true;
             }
         };
         this.setMenuChange = (open) => {
@@ -21099,6 +21409,7 @@ class SearchBar {
             this.icSearchBarFocus.emit();
         };
         this.handleHostBlur = (ev) => {
+            var _a;
             const nextFocus = ev.relatedTarget;
             if (this.open &&
                 this.options &&
@@ -21108,10 +21419,10 @@ class SearchBar {
                 this.setMenuChange(false);
             }
             if (this.retryButtonClick || this.retryViaKeyPress) {
-                this.inputEl.setFocus();
+                (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();
             }
             this.handleShowClearButton(false);
-            this.handleMenuCloseFromMenuChange(false);
+            this.menuCloseFromMenuChangeEvent = false;
             this.handleTruncateValue(true);
             this.icSearchBarBlur.emit({ relatedTarget: nextFocus, value: this.value });
             this.retryViaKeyPress = false;
@@ -21123,16 +21434,12 @@ class SearchBar {
         this.handleFocusClearButton = () => {
             this.clearButtonFocused = true;
         };
-        this.handleMenuCloseFromMenuChange = (fromEvent) => {
-            this.menuCloseFromMenuChangeEvent = fromEvent;
-        };
         this.handleTruncateValue = (truncate) => {
             this.truncateValue = truncate;
         };
         this.renderAssistiveHintEl = () => {
-            var _a, _b;
-            const input = (_b = (_a = this.el.shadowRoot
-                .querySelector("ic-text-field")) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(`#${this.inputId}`);
+            var _a;
+            const input = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`#${this.inputId}`);
             if (input &&
                 Object.keys(input).length > 0 &&
                 this.hasOptionsOrFilterDisabled()) {
@@ -21231,6 +21538,12 @@ class SearchBar {
         this.options = [];
         this.value = "";
     }
+    watchDisabledHandler() {
+        removeDisabledFalse$1(this.disabled, this.el);
+    }
+    debounceChanged() {
+        this.icChange = debounceEvent(this.icChange, this.debounce);
+    }
     loadingHandler(newValue) {
         if (newValue && !this.hasTimedOut) {
             this.preLoad = false;
@@ -21273,6 +21586,10 @@ class SearchBar {
         else if (this.inputEl && this.inputEl.value !== newValue) {
             this.inputEl.value = newValue;
         }
+        this.icChange.emit({ value: newValue });
+    }
+    connectedCallback() {
+        this.debounceChanged();
     }
     disconnectedCallback() {
         if (this.assistiveHintEl) {
@@ -21294,17 +21611,14 @@ class SearchBar {
             }
         }
         onComponentRequiredPropUndefined$1([{ prop: this.label, propName: "label" }], "Search Bar");
-        if (this.inputEl !== undefined) {
-            this.anchorEl = this.inputEl.shadowRoot.querySelector("ic-input-component-container");
-        }
     }
     componentWillRender() {
         this.highlightFirstOptionAfterNoResults();
     }
-    handleKeyDown(ev) {
-        const keyEv = ev.detail.event;
+    handleKeyDown(event) {
+        this.icKeydown.emit({ event });
         if (this.menu && this.open) {
-            this.menu.handleKeyboardOpen(keyEv);
+            this.menu.handleKeyboardOpen(event);
         }
     }
     handleKeyUp(ev) {
@@ -21326,11 +21640,10 @@ class SearchBar {
      * Sets focus on the native `input`.
      */
     async setFocus() {
+        var _a;
         this.retryViaKeyPress = false;
         this.retryButtonClick = false;
-        if (this.inputEl) {
-            this.inputEl.setFocus();
-        }
+        (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();
     }
     debounceAriaLiveUpdate() {
         clearTimeout(this.debounceAriaLive);
@@ -21366,35 +21679,41 @@ class SearchBar {
                 ["ic-search-bar-disabled"]: disabled,
                 ["ic-search-bar-small"]: size === "small",
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, hAsync("ic-text-field", { ref: (el) => (this.inputEl = el), inputId: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly, size: size, hideLabel: hideLabel, fullWidth: fullWidth, name: name, truncateValue: truncateValue, value: options && !!labelValue ? labelValue : value, placeholder: placeholder, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": hideLabel ? label : "", "aria-describedby": describedById, "aria-owns": menuRendered ? menuId : undefined, "aria-controls": menuRendered ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, ariaExpanded: options.length > 0 ? `${menuOpen}` : undefined, ariaActiveDescendant: ariaActiveDescendant, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: options.length > 0 ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: "search", debounce: this.debounce }, hAsync("div", { class: {
+            }, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, hAsync("ic-input-container", { readonly: readonly, disabled: disabledMode }, !hideLabel && (hAsync("ic-input-label", { for: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly })), hAsync("ic-input-component-container", { ref: (el) => (this.anchorEl = el), size: size, disabled: disabledMode, readonly: readonly, fullWidth: fullWidth }, hAsync("input", { id: inputId, name: name, ref: (el) => (this.inputEl = el), value: options && !!labelValue ? labelValue : value, class: {
+                "no-left-pad": readonly,
+                readonly,
+                "truncate-value": truncateValue,
+            }, placeholder: placeholder, required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": label, "aria-activedescendant": ariaActiveDescendant, "aria-expanded": options.length > 0 && menuRendered ? `${menuOpen}` : undefined, "aria-owns": menuRendered ? menuId : undefined, "aria-describedby": describedById, "aria-controls": menuRendered ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: options.length > 0 && menuRendered ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: "search" }), hAsync("div", { class: {
                 "clear-button-container": true,
                 "clear-button-visible": value && !disabledMode && this.showClearButton,
-            }, slot: "clear-button" }, hAsync("ic-button", { id: "clear-button", class: {
+            } }, hAsync("ic-button", { id: "clear-button", class: {
                 "clear-button": true,
                 "clear-button-unfocused": !this.clearButtonFocused,
             }, "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, onMouseDown: this.handleMouseDown, size: size, onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: "submit", variant: "icon", theme: this.clearButtonFocused ? "light" : "dark" }), hAsync("div", { class: "divider" })), hAsync("div", { class: {
                 "search-submit-button-container": true,
                 "search-submit-button-disabled": this.isSubmitDisabled(),
-            }, slot: "search-submit-button" }, hAsync("ic-button", { id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
+            } }, hAsync("ic-button", { id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
                 ["search-submit-button"]: true,
                 ["search-submit-button-small"]: size === "small",
                 ["search-submit-button-unfocused"]: !this.searchSubmitFocused,
                 ["search-submit-button-disabled"]: this.isSubmitDisabled(),
-            }, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: size, onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: "submit", variant: "icon", theme: this.searchSubmitFocused ? "light" : "dark" })), hAsync("div", { class: {
+            }, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: size, onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: "submit", variant: "icon", theme: this.searchSubmitFocused ? "light" : "dark" }))), hAsync("div", { class: {
                 "menu-container": true,
                 fullwidth: fullWidth,
-            }, slot: "menu" }, menuRendered && (hAsync("ic-menu", { class: {
+            } }, menuRendered && (hAsync("ic-menu", { class: {
                 "no-results": this.hadNoOptions() ||
                     (filteredOptions.length === 1 &&
                         (filteredOptions[0][this.labelField] ===
                             this.loadingLabel ||
                             filteredOptions[0][this.labelField] ===
                                 this.loadingErrorLabel)),
-            }, activationType: "manual", anchorEl: this.anchorEl, autoFocusOnSelected: false, searchMode: this.searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), fullWidth: fullWidth, menuId: menuId, open: !!menuRendered, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: this.labelField, valueField: this.valueField })))), hAsync("div", { "aria-live": "polite", role: "status", class: "search-results-status" })));
+            }, activationType: "manual", anchorEl: this.anchorEl, autofocusOnSelected: false, searchMode: this.searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), fullWidth: fullWidth, menuId: menuId, open: !!menuRendered, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: this.labelField, valueField: this.valueField })))), hAsync("div", { "aria-live": "polite", role: "status", class: "search-results-status" })));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
     static get watchers() { return {
+        "disabled": ["watchDisabledHandler"],
+        "debounce": ["debounceChanged"],
         "loading": ["loadingHandler"],
         "filteredOptions": ["filteredOptionsHandler"],
         "options": ["watchOptionsHandler"],
@@ -21445,7 +21764,7 @@ class SearchBar {
             "filteredOptions": [32],
             "setFocus": [64]
         },
-        "$listeners$": [[0, "icKeydown", "handleKeyDown"], [0, "keyup", "handleKeyUp"]],
+        "$listeners$": [[0, "keydown", "handleKeyDown"], [0, "keyup", "handleKeyUp"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": [["value", "value"]]
     }; }
@@ -21539,28 +21858,26 @@ class Select {
             this.blurredBecauseButtonPressed = true;
             this.retryButtonClick = true;
             this.hasSetDefaultValue = true;
-            this.icRetryLoad.emit({ value: this.hiddenInputValue });
+            this.icRetryLoad.emit({
+                value: this.searchable
+                    ? this.searchableSelectInputValue
+                    : this.hiddenInputValue,
+            });
         };
         this.emitIcChange = (value) => {
-            if (!this.searchable) {
-                // If "Select all" button clicked, replace value with new value (array of all option values)
-                if (this.multiple && !Array.isArray(value) && value !== null) {
-                    this.handleMultipleSelectChange(value);
-                }
-                else {
-                    this.value = value;
-                }
+            // If "Select all" button clicked, replace value with new value (array of all option values)
+            if (this.multiple && !Array.isArray(value) && value !== null) {
+                this.handleMultipleSelectChange(String(value));
+            }
+            else {
+                this.value = value;
             }
-            clearTimeout(this.debounceIcChange);
-            this.debounceIcChange = window.setTimeout(() => {
-                const valueToEmit = this.multiple ? this.value : value;
-                this.icChange.emit({ value: valueToEmit });
-            }, this.currDebounce);
+            const valueToEmit = this.multiple ? this.value : value;
+            this.icChange.emit({ value: valueToEmit });
         };
-        this.emitImmediateIcChange = (value) => {
-            this.value = value;
-            clearTimeout(this.debounceIcChange);
-            this.icChange.emit({ value });
+        this.emitIcInput = (value) => {
+            clearTimeout(this.debounceIcInput);
+            this.debounceIcInput = window.setTimeout(() => this.icInput.emit({ value }), this.currDebounce);
         };
         /**
          * Processes the provided array of IcMenuOptions, removing duplicates and reporting them with a console.warn
@@ -21658,7 +21975,7 @@ class Select {
         };
         this.handleNativeSelectChange = () => {
             this.icOptionSelect.emit({ value: this.nativeSelectElement.value });
-            this.emitImmediateIcChange(this.nativeSelectElement.value);
+            this.emitIcChange(this.nativeSelectElement.value);
             this.setTextColor();
         };
         // Handle option select for when a custom input box and menu is rendered
@@ -21666,8 +21983,10 @@ class Select {
         this.handleCustomSelectChange = (event) => {
             var _a;
             const value = event.detail.value;
-            if (this.searchable && event.detail.label === this.emptyOptionListText) {
-                this.searchableSelectElement.focus();
+            if (event.detail.label === this.emptyOptionListText) {
+                if (this.searchable) {
+                    this.searchableSelectElement.focus();
+                }
                 return;
             }
             if (this.searchable) {
@@ -21791,13 +22110,10 @@ class Select {
             event.stopPropagation();
             this.hasTimedOut = false;
             clearTimeout(this.timeoutTimer);
-            this.noOptions = null;
-            this.emitImmediateIcChange(null);
+            this.clearInput();
+            this.emitIcChange(null);
             this.icClear.emit();
             if (this.searchable) {
-                this.searchableSelectElement.value = null;
-                this.searchableSelectInputValue = null;
-                this.filteredOptions = this.uniqueOptions;
                 this.hiddenInputValue = null;
                 this.searchableSelectElement.focus();
             }
@@ -21821,7 +22137,7 @@ class Select {
                     this.pressedCharacters += key;
                     this.handleFilter();
                     if (!this.noOptions) {
-                        this.emitImmediateIcChange(this.filteredOptions[0].value);
+                        this.emitIcChange(this.filteredOptions[0].value);
                     }
                 }
             }
@@ -21966,9 +22282,13 @@ class Select {
         };
         this.handleSearchableSelectInput = (event) => {
             this.searchableSelectInputValue = event.target.value;
-            this.icInput.emit({ value: this.searchableSelectInputValue });
-            this.emitIcChange(this.searchableSelectInputValue);
-            this.hiddenInputValue = this.searchableSelectInputValue;
+            this.emitIcInput(this.searchableSelectInputValue);
+            // De-select previous selection when input is edited
+            // Only emit icChange once when editing input
+            if (this.value != null) {
+                this.emitIcChange(null);
+            }
+            this.hiddenInputValue = null;
             this.inputValueToFilter = this.searchableSelectInputValue;
             this.setMenuChange(true);
             if (!this.disableAutoFiltering) {
@@ -22026,6 +22346,10 @@ class Select {
             if (isSearchableAndNoFocusedInternalElements) {
                 if (!this.retryButtonClick) {
                     this.setMenuChange(false);
+                    // Clear input field on blur when searchable if no option is selected
+                    if (!this.value) {
+                        this.clearInput();
+                    }
                 }
                 this.handleFocusIndicatorDisplay();
             }
@@ -22049,9 +22373,17 @@ class Select {
                 this.hiddenInputValue = this.value;
             }
         };
+        this.clearInput = () => {
+            this.noOptions = null;
+            if (this.searchable) {
+                this.searchableSelectElement.value = null;
+                this.searchableSelectInputValue = null;
+                this.filteredOptions = this.uniqueOptions;
+            }
+        };
         this.ariaActiveDescendant = undefined;
         this.clearButtonFocused = false;
-        this.debounceIcChange = undefined;
+        this.debounceIcInput = undefined;
         this.hiddenInputValue = undefined;
         this.noOptions = null;
         this.open = false;
@@ -22094,6 +22426,9 @@ class Select {
         this.inputValueToFilter = this.value;
         this.currValue = this.value;
     }
+    watchDisabledHandler() {
+        removeDisabledFalse$1(this.disabled, this.el);
+    }
     loadingHandler(newValue) {
         newValue && this.triggerLoading();
     }
@@ -22147,9 +22482,10 @@ class Select {
                 this.currValue = this.value;
             }
         }
-        if (this.searchable) {
+        if (this.searchable && this.value) {
+            // Only set if value not null - prevents whole input value being cleared when edited
             this.searchableSelectInputValue =
-                this.getLabelFromValue(this.currValue) ||
+                this.getLabelFromValue(String(this.currValue)) ||
                     this.currValue;
         }
     }
@@ -22287,6 +22623,7 @@ class Select {
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
     static get watchers() { return {
+        "disabled": ["watchDisabledHandler"],
         "loading": ["loadingHandler"],
         "options": ["watchOptionsHandler"],
         "debounce": ["debounceChangedHandler"],
@@ -22330,7 +22667,7 @@ class Select {
             "value": [1025],
             "ariaActiveDescendant": [32],
             "clearButtonFocused": [32],
-            "debounceIcChange": [32],
+            "debounceIcInput": [32],
             "hiddenInputValue": [32],
             "noOptions": [32],
             "open": [32],
@@ -22357,7 +22694,7 @@ var menuIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill
 </svg>
 `;
 
-const icSideNavigationCss = "/*!@:host*/.sc-ic-side-navigation-h{display:block;--ic-typography-color:currentcolor;--side-navigation-position:fixed;--side-navigation-position-left:0;--side-navigation-position-top:var(--ic-space-xxl);--side-navigation-height:var(--ic-space-xxl);--sm-side-navigation-top-bar-height:3.5rem;--sm-side-navigation-collapsed-labels-width:6rem;--sm-side-navigation-expand-transition-duration:var(\n    --ic-transition-duration-slow\n  );--side-navigation-width:20rem;--sm-side-navigation-bottom-bar-height:3.5rem;--keyline-lighten:var(--ic-space-1px) solid var(--ic-side-navigation-keyline);--keyline-darken:var(--ic-space-1px) solid var(--ic-state-layer-darken-20);--ic-button-secondary-text-monochrome:var(--ic-theme-text);--ic-button-secondary-border-monochrome:var(--ic-theme-text);z-index:var(--ic-z-index-side-navigation)}/*!@:host > **/.sc-ic-side-navigation-h>*.sc-ic-side-navigation{box-sizing:border-box}/*!@.side-navigation*/.side-navigation.sc-ic-side-navigation{display:flex;flex-direction:column;width:var(--side-navigation-width);color:var(--ic-side-navigation-text);position:var(--side-navigation-position);top:var(--side-navigation-position-top);left:calc(var(--side-navigation-width) * -1);bottom:0;background-color:var(--ic-side-navigation-background);z-index:var(--ic-z-index-side-navigation)}/*!@:host(.ic-side-navigation-inline) .side-navigation*/.ic-side-navigation-inline.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{position:absolute;height:100%}/*!@:host(.anchor-right) .side-navigation*/.anchor-right.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{right:calc(var(--side-navigation-width) * -1)}/*!@.classification-spacing*/.classification-spacing.sc-ic-side-navigation{margin-bottom:var(--ic-space-lg)}/*!@.navigation-list*/.navigation-list.sc-ic-side-navigation{padding:0;margin:0;list-style:none}/*!@.side-navigation-inner*/.side-navigation-inner.sc-ic-side-navigation{background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column;flex:1 1 0;overflow:auto}/*!@:host(.ic-side-navigation-inline) .side-navigation-inner*/.ic-side-navigation-inline.sc-ic-side-navigation-h .side-navigation-inner.sc-ic-side-navigation{flex:1}/*!@:host(.xs-menu-open) .side-navigation*/.xs-menu-open.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{transition:left var(--ic-easing-transition-slow);left:0}/*!@:host(:has(.xs-menu-open, .xs-menu-close)) ::slotted(ic-navigation-item)*/.sc-ic-side-navigation-h:has(.xs-menu-open .sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.xs-menu-close).sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.xs-menu-close) .sc-ic-side-navigation-s>ic-navigation-item{--navigation-item-side-nav-right:var(--ic-space-xl)}/*!@:host(.xs-menu-close) .side-navigation*/.xs-menu-close.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{left:calc(var(--side-navigation-width) * -1);transition:left var(--ic-easing-transition-slow)}/*!@:host(.xs-menu-close) .side-navigation > **/.xs-menu-close.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation>*.sc-ic-side-navigation{visibility:hidden}/*!@:host(.anchor-right.xs-menu-open) .side-navigation*/.anchor-right.xs-menu-open.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{right:0;left:auto}/*!@:host(.anchor-right.xs-menu-close) .side-navigation*/.anchor-right.xs-menu-close.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{right:calc(var(--side-navigation-width) * -1);left:auto;transition:right var(--ic-easing-transition-slow)}/*!@.bottom-wrapper*/.bottom-wrapper.sc-ic-side-navigation{border-top:var(--keyline-lighten);bottom:0;left:0;z-index:2;box-shadow:-0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%);background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column}/*!@:host(.ic-side-navigation-inline) .bottom-wrapper*/.ic-side-navigation-inline.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{position:sticky}/*!@:host(.ic-side-navigation-dark) .bottom-wrapper*/.ic-side-navigation-dark.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{border-top:var(--keyline-darken)}/*!@.top-bar*/.top-bar.sc-ic-side-navigation{display:flex;flex-direction:row;align-items:center;min-height:var(--side-navigation-height);padding:var(--ic-space-xs);box-sizing:border-box;background-color:var(--ic-side-navigation-background);position:fixed;top:0;left:0;right:0;border-bottom:var(--keyline-lighten);box-shadow:var(--ic-elevation-overlay);z-index:2;overflow:hidden;visibility:visible}/*!@:host(.ic-side-navigation-inline) .top-bar*/.ic-side-navigation-inline.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{position:absolute}/*!@:host(.ic-side-navigation-dark) .top-bar*/.ic-side-navigation-dark.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{border-bottom:var(--keyline-darken)}/*!@.top-bar.dark a:focus*/.top-bar.dark.sc-ic-side-navigation a.sc-ic-side-navigation:focus{box-shadow:var(--ic-border-focus)}/*!@.app-title-wrapper*/.app-title-wrapper.sc-ic-side-navigation{display:flex;margin-left:var(--ic-space-xs);border-left:var(--keyline-lighten);padding-left:var(--ic-space-xxs);color:var(--ic-side-navigation-text);align-items:center}/*!@:host(.ic-side-navigation-dark) .app-title-wrapper*/.ic-side-navigation-dark.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation{border-left:var(--keyline-darken)}/*!@.app-title-wrapper ic-typography h1*/.app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation h1.sc-ic-side-navigation{margin:0}@media screen and (min-width: 340px){/*!@.app-title-wrapper ic-typography*/.app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{margin-left:var(--ic-space-xs)}}/*!@:host .title-link*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation{display:flex;align-items:center;transition:box-shadow var(--ic-easing-transition-fast),\n    background-color var(--ic-easing-transition-fast);text-decoration:none;padding:var(--ic-space-xxs);color:var(--ic-side-navigation-text)}/*!@:host .title-link:visited,\n:host .title-link:active*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:visited,.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:active{color:var(--ic-side-navigation-text)}/*!@slot[name=\"app-title\"]::slotted(a),\nslot[name=\"app-icon\"]::slotted(a)*/slot[name=\"app-title\"].sc-ic-side-navigation-s>a,slot[name=\"app-icon\"].sc-ic-side-navigation-s>a{color:var(--ic-side-navigation-text);outline:none;text-decoration:none;display:flex}/*!@slot[name=\"app-title\"]::slotted(ic-typography),\nslot[name=\"app-title\"]::slotted(a)*/slot[name=\"app-title\"].sc-ic-side-navigation-s>ic-typography,slot[name=\"app-title\"].sc-ic-side-navigation-s>a{margin-left:var(--ic-space-xs) !important}/*!@slot[name=\"app-title\"]::slotted(a)*/slot[name=\"app-title\"].sc-ic-side-navigation-s>a{font:var(--ic-font-subtitle-small)}@media screen and (min-width: 577px){/*!@:host(.sm-collapsed) slot[name=\"app-title\"]::slotted(ic-typography),\n  :host(.sm-collapsed) slot[name=\"app-title\"]::slotted(a)*/.sc-ic-side-navigation-h.sm-collapsed slot[name=\"app-title\"].sc-ic-side-navigation-s>ic-typography,.sc-ic-side-navigation-h.sm-collapsed slot[name=\"app-title\"].sc-ic-side-navigation-s>a{position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}/*!@:host(.sm-expanded) slot[name=\"app-title\"]::slotted(a)*/.sc-ic-side-navigation-h.sm-expanded slot[name=\"app-title\"].sc-ic-side-navigation-s>a{font:var(--ic-font-h3) !important;font-weight:var(--ic-font-weight-semibold) !important;margin-left:var(--ic-space-xs) !important}}/*!@:host .title-link:hover*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:hover{border-radius:var(--ic-border-radius);background-color:var(--ic-side-navigation-hover)}/*!@:host .title-link:active*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:active{background-color:var(--ic-side-navigation-pressed)}/*!@:host .title-link:focus,\n:host .title-link:focus-within*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:focus,.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);background-color:transparent}/*!@:host .title-link ic-typography*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}/*!@.app-title-wrapper ::slotted(svg)*/.app-title-wrapper .sc-ic-side-navigation-s>svg{fill:var(--ic-side-navigation-text)}/*!@.app-icon-container*/.app-icon-container.sc-ic-side-navigation{display:none}/*!@.button-label*/.button-label.sc-ic-side-navigation{display:flex;align-items:center}/*!@.mobile-top-bar-menu-icon*/.mobile-top-bar-menu-icon.sc-ic-side-navigation{display:flex}/*!@.menu-button*/.menu-button.sc-ic-side-navigation{width:6.5rem}/*!@.app-status-wrapper*/.app-status-wrapper.sc-ic-side-navigation{inset:0 var(--ic-space-sm) 0 3.5rem;width:auto;display:flex;gap:var(--ic-space-xs);padding:var(--ic-space-sm) 0;justify-content:flex-end;align-items:flex-end;pointer-events:none;height:-moz-fit-content;height:fit-content;margin:0 var(--ic-space-xs)}/*!@.app-status-wrapper .app-version*/.app-status-wrapper.sc-ic-side-navigation .app-version.sc-ic-side-navigation{display:flex;overflow-wrap:break-word;padding-bottom:var(--ic-space-xxs)}/*!@.app-status-wrapper .app-status*/.app-status-wrapper.sc-ic-side-navigation .app-status.sc-ic-side-navigation{display:flex;border-radius:1rem;background-color:var(--ic-side-navigation-text);color:var(--ic-side-navigation-status-tag-text);padding:var(--ic-space-xxs) var(--ic-space-lg);min-width:1rem}/*!@.app-status-wrapper .app-status-text*/.app-status-wrapper.sc-ic-side-navigation .app-status-text.sc-ic-side-navigation{overflow-wrap:break-word}/*!@:host(.ic-side-navigation-dark) .app-status-wrapper .app-status*/.ic-side-navigation-dark.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation .app-status.sc-ic-side-navigation{--ic-typography-color:var(--ic-architectural-white)}/*!@.navigation-landmark-title*/.navigation-landmark-title.sc-ic-side-navigation{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}/*!@::slotted(ic-navigation-group)*/.sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-height:2.75rem;--navigation-group-width:100%;--navigation-group-justify-content:space-between;--navigation-group-hover:var(--ic-side-navigation-hover);--navigation-group-text-hover:var(--ic-side-navigation-text);--navigation-item-child-height:3.5rem;--navigation-item-child-active:var(--ic-action-dark-bg-pressed);--navigation-item-child-color:var(--ic-side-navigation-text);--navigation-group-expand-toggle-padding:0.25rem}/*!@::slotted(ic-navigation-item),\n::slotted(ic-navigation-group)*/.sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-justify-content:flex-start;--navigation-item-min-height:56px;--navigation-item-height:auto}/*!@.bottom-side-nav*/.bottom-side-nav.sc-ic-side-navigation{position:relative;align-content:flex-end;min-height:var(--sm-side-navigation-top-bar-height)}/*!@.bottom-side-nav ic-divider*/.bottom-side-nav.sc-ic-side-navigation ic-divider.sc-ic-side-navigation{position:absolute;top:0}/*!@.primary-navigation*/.primary-navigation.sc-ic-side-navigation{flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}/*!@.primary-navigation::-webkit-scrollbar*/.primary-navigation.sc-ic-side-navigation::-webkit-scrollbar{display:none}/*!@.primary-navigation,\n.secondary-navigation*/.primary-navigation.sc-ic-side-navigation,.secondary-navigation.sc-ic-side-navigation{overflow-x:hidden}/*!@.bottom-side-nav .menu-expand-button*/.bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{position:absolute;display:none}/*!@.menu-visibility-visible*/.menu-visibility-visible.sc-ic-side-navigation{visibility:visible;width:100%}/*!@.app-title-show*/.app-title-show.sc-ic-side-navigation{min-width:15.5rem}/*!@:host(.side-display)*/.side-display.sc-ic-side-navigation-h{display:flex;flex-direction:column;height:100vh;position:var(--side-navigation-position);left:0;top:0;bottom:0}/*!@:host(.side-display) .app-icon-container*/.side-display.sc-ic-side-navigation-h .app-icon-container.sc-ic-side-navigation{height:40px;display:flex;align-items:center}/*!@:host(.side-display) .top-bar*/.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{--side-navigation-height:var(--sm-side-navigation-top-bar-height);position:relative;padding:0;box-shadow:-0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}/*!@:host(.ic-side-navigation-inline.side-display) .top-bar*/.ic-side-navigation-inline.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{position:sticky}/*!@:host(.anchor-right.side-display) .top-bar*/.anchor-right.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{box-shadow:0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}/*!@:host(.anchor-right.side-display) .bottom-wrapper*/.anchor-right.side-display.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{box-shadow:0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%)}/*!@:host(.side-display) .side-navigation,\n:host(.side-display) .top-bar*/.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation,.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{width:var(--sm-side-navigation-top-bar-height)}/*!@:host(.sm-collapsed.side-display)*/.sm-collapsed.side-display.sc-ic-side-navigation-h{width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}/*!@:host(.sm-collapsed.collapsed-labels.side-display)*/.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h{width:var(--sm-side-navigation-collapsed-labels-width)}/*!@:host(.sm-expanded.side-display)*/.sm-expanded.side-display.sc-ic-side-navigation-h{width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow);box-shadow:var(--ic-elevation-overlay)}/*!@:host(.side-display) .side-navigation*/.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{--side-navigation-position-top:0;flex:1;position:relative;top:auto;left:auto;bottom:auto}/*!@:host(.ic-side-navigation-inline.side-display) .side-navigation*/.ic-side-navigation-inline.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{position:relative}/*!@:host(.anchor-right.side-display) .side-navigation*/.anchor-right.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{left:auto;right:0}/*!@:host(.side-display) .app-title-wrapper*/.side-display.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation{margin-left:0;border-left:none;padding:var(--ic-space-xs) var(--ic-space-sm)}/*!@:host(.side-display) .app-title-wrapper ::slotted(svg)*/.sc-ic-side-navigation-h.side-display .app-title-wrapper .sc-ic-side-navigation-s>svg{height:var(--ic-space-lg);width:var(--ic-space-lg)}/*!@:host(.side-display) .app-title-wrapper ic-typography*/.side-display.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{font-weight:var(--ic-font-weight-semibold)}/*!@:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography*/.sm-collapsed.side-display.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}/*!@:host(.sm-expanded.side-display) ic-typography*/.sm-expanded.side-display.sc-ic-side-navigation-h ic-typography.sc-ic-side-navigation{position:relative;left:0}/*!@:host(.sm-expanded.side-display) :is(.side-navigation, .top-bar)*/.sm-expanded.side-display.sc-ic-side-navigation-h .sc-ic-side-navigation:is(.side-navigation,.top-bar).sc-ic-side-navigation{width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow)}/*!@:host(.sm-collapsed.side-display) :is(.side-navigation, .top-bar)*/.sm-collapsed.side-display.sc-ic-side-navigation-h .sc-ic-side-navigation:is(.side-navigation,.top-bar).sc-ic-side-navigation{width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}/*!@:host(.anchor-right.sm-expanded.side-display) :is(.side-navigation, .top-bar)*/.anchor-right.sm-expanded.side-display.sc-ic-side-navigation-h .sc-ic-side-navigation:is(.side-navigation,.top-bar).sc-ic-side-navigation{left:auto;right:0}/*!@:host(.side-display) .app-status-wrapper,\n:host(.sm-collapsed.side-display) .app-status-wrapper*/.side-display.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation,.sm-collapsed.side-display.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation{display:none;margin-left:0}/*!@:host(.sm-expanded.side-display) .app-status-wrapper*/.sm-expanded.side-display.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation{display:flex;max-width:16rem;margin-right:calc(var(--ic-space-xxxs) + var(--ic-space-xs))}/*!@:host(.side-display) .bottom-side-nav*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation{justify-items:flex-end;align-items:flex-end;justify-content:flex-end;display:flex;outline:none}/*!@:host(.side-display) .bottom-side-nav .menu-expand-button*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{padding-left:var(--ic-space-md);height:var(--sm-side-navigation-top-bar-height);width:100%;color:var(--ic-side-navigation-text);background-color:transparent;outline:var(--ic-hc-focus-outline);border:none;cursor:pointer;display:flex;transition:var(--ic-easing-transition-fast)}/*!@:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button*/.sm-expanded.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{height:100%}/*!@:host(.side-display) .bottom-side-nav .menu-expand-button svg*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{justify-items:flex-start;align-self:center;display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@:host(.side-display) .bottom-side-nav .menu-expand-button:hover*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation:hover{background-color:var(--ic-side-navigation-hover)}/*!@:host(.side-display) .bottom-side-nav .menu-expand-button:focus*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}/*!@:host(.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg*/.sm-collapsed.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(1);transition:transform var(--ic-easing-transition-slow)}/*!@:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg*/.sm-expanded.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(-1);transition:transform var(--ic-easing-transition-slow);align-self:flex-end;margin-bottom:0.875rem}/*!@:host(.anchor-right.sm-collapsed.side-display)\n  .bottom-side-nav\n  .menu-expand-button\n  svg*/.anchor-right.sm-collapsed.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(-1)}/*!@:host(.anchor-right.sm-expanded.side-display)\n  .bottom-side-nav\n  .menu-expand-button\n  svg*/.anchor-right.sm-expanded.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(1)}/*!@:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item)*/.sc-ic-side-navigation-h.sm-collapsed.side-display .sc-ic-side-navigation-s>ic-navigation-item{--navigation-item-label-opacity:1}/*!@:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item),\n:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed.side-display .sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.sm-collapsed.side-display.sc-ic-side-navigation-s>ic-navigation-group,.sc-ic-side-navigation-h.sm-collapsed.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-label-opacity:0;--navigation-item-min-height:3.5rem;--navigation-item-height:3.5rem}/*!@:host(.sm-expanded.side-display) ::slotted(ic-navigation-item),\n:host(.sm-expanded.side-display) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-expanded.side-display .sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.sm-expanded.side-display.sc-ic-side-navigation-s>ic-navigation-group,.sc-ic-side-navigation-h.sm-expanded.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-label-opacity:1;--navigation-item-height:auto;--navigation-item-min-height:3.5rem;--navigation-item-width:20rem;--navigation-item-side-nav-right:var(--ic-space-xl)}/*!@:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed.side-display.sc-ic-side-navigation-s>ic-navigation-group,.sc-ic-side-navigation-h.sm-collapsed.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-title-position:absolute;--navigation-group-title-position-left:-9999px;--navigation-group-title-opacity:none}/*!@:host(.sm-expanded.side-display) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-expanded.side-display.sc-ic-side-navigation-s>ic-navigation-group,.sc-ic-side-navigation-h.sm-expanded.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-title-position:relative;--navigation-group-title-position-left:0;--navigation-group-expand-toggle-padding:0.25rem;--navigation-group-title-opacity:flex}/*!@:host(.sm-collapsed.collapsed-labels.side-display) .side-navigation,\n:host(.sm-collapsed.collapsed-labels.side-display) .top-bar*/.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation,.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{width:var(--sm-side-navigation-collapsed-labels-width)}/*!@:host(.sm-collapsed.collapsed-labels.side-display) .menu-expand-button*/.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h .menu-expand-button.sc-ic-side-navigation{padding:0}/*!@:host(.sm-collapsed.collapsed-labels.side-display) .app-title-wrapper*/.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation{width:100%;justify-content:center}/*!@:host(.sm-collapsed.collapsed-labels.side-display)\n  ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed.collapsed-labels.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-justify-content:center;--navigation-item-label-opacity:1;--navigation-group-item-min-width:100%;--navigation-group-expand-toggle-padding:1rem}/*!@:host(.collapsed-labels.side-display) .bottom-side-nav .menu-expand-button*/.collapsed-labels.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{justify-content:center}/*!@:host(.side-display) .collapsed-icon-labels-start*/.side-display.sc-ic-side-navigation-h .collapsed-icon-labels-start.sc-ic-side-navigation{visibility:hidden;opacity:0}/*!@:host(.side-display) .collapsed-icon-labels-end*/.side-display.sc-ic-side-navigation-h .collapsed-icon-labels-end.sc-ic-side-navigation{visibility:visible;opacity:1;transition:visibility 0s, opacity var(--ic-easing-transition-slow)}@media screen and (max-width: 419px){/*!@.top-bar*/.top-bar.sc-ic-side-navigation{height:var(--side-navigation-height)}/*!@.side-navigation*/.side-navigation.sc-ic-side-navigation{width:100%}}@media screen and (min-width: 340px){/*!@.app-icon-container*/.app-icon-container.sc-ic-side-navigation{display:flex}}@media screen and (min-width: 993px){/*!@:host(.side-display)*/.side-display.sc-ic-side-navigation-h{position:sticky;left:auto;top:0;bottom:0}/*!@:host(.sm-expanded.side-display)*/.sm-expanded.side-display.sc-ic-side-navigation-h{box-shadow:none}}@media (forced-colors: active){/*!@.side-navigation,\n  .top-bar*/.side-navigation.sc-ic-side-navigation,.top-bar.sc-ic-side-navigation{border-right:var(--ic-border-hc)}/*!@.menu-expand-button*/.menu-expand-button.sc-ic-side-navigation{color:Highlight !important}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-side-navigation-s>svg{fill:currentcolor}}";
+const icSideNavigationCss = "/*!@:host*/.sc-ic-side-navigation-h{display:block;--ic-typography-color:currentcolor;--side-navigation-position:fixed;--side-navigation-position-left:0;--side-navigation-position-top:var(--ic-space-xxl);--side-navigation-height:var(--ic-space-xxl);--sm-side-navigation-top-bar-height:3.5rem;--sm-side-navigation-collapsed-labels-width:6rem;--sm-side-navigation-expand-transition-duration:var(\n    --ic-transition-duration-slow\n  );--side-navigation-width:20rem;--sm-side-navigation-bottom-bar-height:3.5rem;--keyline-lighten:var(--ic-space-1px) solid var(--ic-side-navigation-keyline);--keyline-darken:var(--ic-space-1px) solid var(--ic-state-layer-darken-20);--ic-button-secondary-text-monochrome:var(--ic-brand-text-color);--ic-button-secondary-border-monochrome:var(--ic-brand-text-color);z-index:var(--ic-z-index-side-navigation)}/*!@:host > **/.sc-ic-side-navigation-h>*.sc-ic-side-navigation{box-sizing:border-box}/*!@.side-navigation*/.side-navigation.sc-ic-side-navigation{display:flex;flex-direction:column;width:var(--side-navigation-width);color:var(--ic-side-navigation-text);position:var(--side-navigation-position);top:var(--side-navigation-position-top);left:calc(var(--side-navigation-width) * -1);bottom:0;background-color:var(--ic-side-navigation-background);z-index:var(--ic-z-index-side-navigation)}/*!@:host(.ic-side-navigation-inline) .side-navigation*/.ic-side-navigation-inline.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{position:absolute;height:100%}/*!@:host(.anchor-right) .side-navigation*/.anchor-right.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{right:calc(var(--side-navigation-width) * -1)}/*!@.classification-spacing*/.classification-spacing.sc-ic-side-navigation{margin-bottom:var(--ic-space-lg)}/*!@.navigation-list*/.navigation-list.sc-ic-side-navigation{padding:0;margin:0;list-style:none}/*!@.side-navigation-inner*/.side-navigation-inner.sc-ic-side-navigation{background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column;flex:1 1 0;overflow:auto}/*!@:host(.ic-side-navigation-inline) .side-navigation-inner*/.ic-side-navigation-inline.sc-ic-side-navigation-h .side-navigation-inner.sc-ic-side-navigation{flex:1}/*!@:host(.xs-menu-open) .side-navigation*/.xs-menu-open.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{transition:left var(--ic-easing-transition-slow);left:0}/*!@:host(:has(.xs-menu-open, .xs-menu-close)) ::slotted(ic-navigation-item)*/.sc-ic-side-navigation-h:has(.xs-menu-open .sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.xs-menu-close).sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.xs-menu-close) .sc-ic-side-navigation-s>ic-navigation-item{--navigation-item-side-nav-right:var(--ic-space-xl)}/*!@:host(.xs-menu-close) .side-navigation*/.xs-menu-close.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{left:calc(var(--side-navigation-width) * -1);transition:left var(--ic-easing-transition-slow)}/*!@:host(.xs-menu-close) .side-navigation > **/.xs-menu-close.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation>*.sc-ic-side-navigation{visibility:hidden}/*!@:host(.anchor-right.xs-menu-open) .side-navigation*/.anchor-right.xs-menu-open.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{right:0;left:auto}/*!@:host(.anchor-right.xs-menu-close) .side-navigation*/.anchor-right.xs-menu-close.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{right:calc(var(--side-navigation-width) * -1);left:auto;transition:right var(--ic-easing-transition-slow)}/*!@.bottom-wrapper*/.bottom-wrapper.sc-ic-side-navigation{border-top:var(--keyline-lighten);bottom:0;left:0;z-index:2;box-shadow:-0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%);background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column}/*!@:host(.ic-side-navigation-inline) .bottom-wrapper*/.ic-side-navigation-inline.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{position:sticky}/*!@:host(.ic-side-navigation-dark) .bottom-wrapper*/.ic-side-navigation-dark.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{border-top:var(--keyline-darken)}/*!@.top-bar*/.top-bar.sc-ic-side-navigation{display:flex;flex-direction:row;align-items:center;min-height:var(--side-navigation-height);padding:var(--ic-space-xs);box-sizing:border-box;background-color:var(--ic-side-navigation-background);position:fixed;top:0;left:0;right:0;border-bottom:var(--keyline-lighten);box-shadow:var(--ic-elevation-overlay);z-index:2;overflow:hidden;visibility:visible}/*!@:host(.ic-side-navigation-inline) .top-bar*/.ic-side-navigation-inline.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{position:absolute}/*!@:host(.ic-side-navigation-dark) .top-bar*/.ic-side-navigation-dark.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{border-bottom:var(--keyline-darken)}/*!@.top-bar.dark a:focus*/.top-bar.dark.sc-ic-side-navigation a.sc-ic-side-navigation:focus{box-shadow:var(--ic-border-focus)}/*!@.app-title-wrapper*/.app-title-wrapper.sc-ic-side-navigation{display:flex;margin-left:var(--ic-space-xs);border-left:var(--keyline-lighten);padding-left:var(--ic-space-xxs);color:var(--ic-side-navigation-text);align-items:center}/*!@:host(.ic-side-navigation-dark) .app-title-wrapper*/.ic-side-navigation-dark.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation{border-left:var(--keyline-darken)}/*!@.app-title-wrapper ic-typography h1*/.app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation h1.sc-ic-side-navigation{margin:0}@media screen and (min-width: 340px){/*!@.app-title-wrapper ic-typography*/.app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{margin-left:var(--ic-space-xs)}}/*!@:host .title-link*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation{display:flex;align-items:center;transition:box-shadow var(--ic-easing-transition-fast),\n    background-color var(--ic-easing-transition-fast);text-decoration:none;padding:var(--ic-space-xxs);color:var(--ic-side-navigation-text)}/*!@:host .title-link:visited,\n:host .title-link:active*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:visited,.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:active{color:var(--ic-side-navigation-text)}/*!@slot[name=\"app-title\"]::slotted(a),\nslot[name=\"app-icon\"]::slotted(a)*/slot[name=\"app-title\"].sc-ic-side-navigation-s>a,slot[name=\"app-icon\"].sc-ic-side-navigation-s>a{color:var(--ic-side-navigation-text);outline:none;text-decoration:none;display:flex}/*!@slot[name=\"app-title\"]::slotted(ic-typography),\nslot[name=\"app-title\"]::slotted(a)*/slot[name=\"app-title\"].sc-ic-side-navigation-s>ic-typography,slot[name=\"app-title\"].sc-ic-side-navigation-s>a{margin-left:var(--ic-space-xs) !important}/*!@slot[name=\"app-title\"]::slotted(a)*/slot[name=\"app-title\"].sc-ic-side-navigation-s>a{font:var(--ic-font-subtitle-small)}@media screen and (min-width: 577px){/*!@:host(.sm-collapsed) slot[name=\"app-title\"]::slotted(ic-typography),\n  :host(.sm-collapsed) slot[name=\"app-title\"]::slotted(a)*/.sc-ic-side-navigation-h.sm-collapsed slot[name=\"app-title\"].sc-ic-side-navigation-s>ic-typography,.sc-ic-side-navigation-h.sm-collapsed slot[name=\"app-title\"].sc-ic-side-navigation-s>a{position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}/*!@:host(.sm-expanded) slot[name=\"app-title\"]::slotted(a)*/.sc-ic-side-navigation-h.sm-expanded slot[name=\"app-title\"].sc-ic-side-navigation-s>a{font:var(--ic-font-h3) !important;font-weight:var(--ic-font-weight-semibold) !important;margin-left:var(--ic-space-xs) !important}}/*!@:host .title-link:hover*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:hover{border-radius:var(--ic-border-radius);background-color:var(--ic-side-navigation-hover)}/*!@:host .title-link:active*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:active{background-color:var(--ic-side-navigation-pressed)}/*!@:host .title-link:focus,\n:host .title-link:focus-within*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:focus,.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);background-color:transparent}/*!@:host .title-link ic-typography*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}/*!@.app-title-wrapper ::slotted(svg)*/.app-title-wrapper .sc-ic-side-navigation-s>svg{fill:var(--ic-side-navigation-text)}/*!@.app-icon-container*/.app-icon-container.sc-ic-side-navigation{display:none}/*!@.button-label*/.button-label.sc-ic-side-navigation{display:flex;align-items:center}/*!@.mobile-top-bar-menu-icon*/.mobile-top-bar-menu-icon.sc-ic-side-navigation{display:flex}/*!@.menu-button*/.menu-button.sc-ic-side-navigation{width:6.5rem}/*!@.app-status-wrapper*/.app-status-wrapper.sc-ic-side-navigation{inset:0 var(--ic-space-sm) 0 3.5rem;width:auto;display:flex;gap:var(--ic-space-xs);padding:var(--ic-space-sm) 0;justify-content:flex-end;align-items:flex-end;pointer-events:none;height:-moz-fit-content;height:fit-content;margin:0 var(--ic-space-xs)}/*!@.app-status-wrapper .app-version*/.app-status-wrapper.sc-ic-side-navigation .app-version.sc-ic-side-navigation{display:flex;overflow-wrap:break-word;padding-bottom:var(--ic-space-xxs)}/*!@.app-status-wrapper .app-status*/.app-status-wrapper.sc-ic-side-navigation .app-status.sc-ic-side-navigation{display:flex;border-radius:1rem;background-color:var(--ic-side-navigation-text);color:var(--ic-side-navigation-status-tag-text);padding:var(--ic-space-xxs) var(--ic-space-lg);min-width:1rem}/*!@.app-status-wrapper .app-status-text*/.app-status-wrapper.sc-ic-side-navigation .app-status-text.sc-ic-side-navigation{overflow-wrap:break-word}/*!@:host(.ic-side-navigation-dark) .app-status-wrapper .app-status*/.ic-side-navigation-dark.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation .app-status.sc-ic-side-navigation{--ic-typography-color:var(--ic-architectural-white)}/*!@.navigation-landmark-title*/.navigation-landmark-title.sc-ic-side-navigation{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}/*!@::slotted(ic-navigation-group)*/.sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-height:2.75rem;--navigation-group-width:100%;--navigation-group-justify-content:space-between;--navigation-group-hover:var(--ic-side-navigation-hover);--navigation-group-text-hover:var(--ic-side-navigation-text);--navigation-item-child-height:3.5rem;--navigation-item-child-active:var(--ic-action-dark-bg-pressed);--navigation-item-child-color:var(--ic-side-navigation-text);--navigation-group-expand-toggle-padding:0.25rem}/*!@::slotted(ic-navigation-item),\n::slotted(ic-navigation-group)*/.sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-justify-content:flex-start;--navigation-item-min-height:56px;--navigation-item-height:auto}/*!@.bottom-side-nav*/.bottom-side-nav.sc-ic-side-navigation{position:relative;align-content:flex-end;min-height:var(--sm-side-navigation-top-bar-height)}/*!@.bottom-side-nav ic-divider*/.bottom-side-nav.sc-ic-side-navigation ic-divider.sc-ic-side-navigation{position:absolute;top:0}/*!@.primary-navigation*/.primary-navigation.sc-ic-side-navigation{flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}/*!@.primary-navigation::-webkit-scrollbar*/.primary-navigation.sc-ic-side-navigation::-webkit-scrollbar{display:none}/*!@.primary-navigation,\n.secondary-navigation*/.primary-navigation.sc-ic-side-navigation,.secondary-navigation.sc-ic-side-navigation{overflow-x:hidden}/*!@.bottom-side-nav .menu-expand-button*/.bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{position:absolute;display:none}/*!@.menu-visibility-visible*/.menu-visibility-visible.sc-ic-side-navigation{visibility:visible;width:100%}/*!@.app-title-show*/.app-title-show.sc-ic-side-navigation{min-width:15.5rem}/*!@:host(.side-display)*/.side-display.sc-ic-side-navigation-h{display:flex;flex-direction:column;height:100vh;position:var(--side-navigation-position);left:0;top:0;bottom:0}/*!@:host(.side-display) .app-icon-container*/.side-display.sc-ic-side-navigation-h .app-icon-container.sc-ic-side-navigation{height:40px;display:flex;align-items:center}/*!@:host(.side-display) .top-bar*/.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{--side-navigation-height:var(--sm-side-navigation-top-bar-height);position:relative;padding:0;box-shadow:-0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}/*!@:host(.ic-side-navigation-inline.side-display) .top-bar*/.ic-side-navigation-inline.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{position:sticky}/*!@:host(.anchor-right.side-display) .top-bar*/.anchor-right.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{box-shadow:0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}/*!@:host(.anchor-right.side-display) .bottom-wrapper*/.anchor-right.side-display.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{box-shadow:0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%)}/*!@:host(.side-display) .side-navigation,\n:host(.side-display) .top-bar*/.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation,.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{width:var(--sm-side-navigation-top-bar-height)}/*!@:host(.sm-collapsed.side-display)*/.sm-collapsed.side-display.sc-ic-side-navigation-h{width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}/*!@:host(.sm-collapsed.collapsed-labels.side-display)*/.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h{width:var(--sm-side-navigation-collapsed-labels-width)}/*!@:host(.sm-expanded.side-display)*/.sm-expanded.side-display.sc-ic-side-navigation-h{width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow);box-shadow:var(--ic-elevation-overlay)}/*!@:host(.side-display) .side-navigation*/.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{--side-navigation-position-top:0;flex:1;position:relative;top:auto;left:auto;bottom:auto}/*!@:host(.ic-side-navigation-inline.side-display) .side-navigation*/.ic-side-navigation-inline.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{position:relative}/*!@:host(.anchor-right.side-display) .side-navigation*/.anchor-right.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{left:auto;right:0}/*!@:host(.side-display) .app-title-wrapper*/.side-display.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation{margin-left:0;border-left:none;padding:var(--ic-space-xs) var(--ic-space-sm)}/*!@:host(.side-display) .app-title-wrapper ::slotted(svg)*/.sc-ic-side-navigation-h.side-display .app-title-wrapper .sc-ic-side-navigation-s>svg{height:var(--ic-space-lg);width:var(--ic-space-lg)}/*!@:host(.side-display) .app-title-wrapper ic-typography*/.side-display.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{font-weight:var(--ic-font-weight-semibold)}/*!@:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography*/.sm-collapsed.side-display.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}/*!@:host(.sm-expanded.side-display) ic-typography*/.sm-expanded.side-display.sc-ic-side-navigation-h ic-typography.sc-ic-side-navigation{position:relative;left:0}/*!@:host(.sm-expanded.side-display) :is(.side-navigation, .top-bar)*/.sm-expanded.side-display.sc-ic-side-navigation-h .sc-ic-side-navigation:is(.side-navigation,.top-bar).sc-ic-side-navigation{width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow)}/*!@:host(.sm-collapsed.side-display) :is(.side-navigation, .top-bar)*/.sm-collapsed.side-display.sc-ic-side-navigation-h .sc-ic-side-navigation:is(.side-navigation,.top-bar).sc-ic-side-navigation{width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}/*!@:host(.anchor-right.sm-expanded.side-display) :is(.side-navigation, .top-bar)*/.anchor-right.sm-expanded.side-display.sc-ic-side-navigation-h .sc-ic-side-navigation:is(.side-navigation,.top-bar).sc-ic-side-navigation{left:auto;right:0}/*!@:host(.side-display) .app-status-wrapper,\n:host(.sm-collapsed.side-display) .app-status-wrapper*/.side-display.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation,.sm-collapsed.side-display.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation{display:none;margin-left:0}/*!@:host(.sm-expanded.side-display) .app-status-wrapper*/.sm-expanded.side-display.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation{display:flex;max-width:16rem;margin-right:calc(var(--ic-space-xxxs) + var(--ic-space-xs))}/*!@:host(.side-display) .bottom-side-nav*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation{justify-items:flex-end;align-items:flex-end;justify-content:flex-end;display:flex;outline:none}/*!@:host(.side-display) .bottom-side-nav .menu-expand-button*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{padding-left:var(--ic-space-md);height:var(--sm-side-navigation-top-bar-height);width:100%;color:var(--ic-side-navigation-text);background-color:transparent;outline:var(--ic-hc-focus-outline);border:none;cursor:pointer;display:flex;transition:var(--ic-easing-transition-fast)}/*!@:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button*/.sm-expanded.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{height:100%}/*!@:host(.side-display) .bottom-side-nav .menu-expand-button svg*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{justify-items:flex-start;align-self:center;display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@:host(.side-display) .bottom-side-nav .menu-expand-button:hover*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation:hover{background-color:var(--ic-side-navigation-hover)}/*!@:host(.side-display) .bottom-side-nav .menu-expand-button:focus*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}/*!@:host(.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg*/.sm-collapsed.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(1);transition:transform var(--ic-easing-transition-slow)}/*!@:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg*/.sm-expanded.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(-1);transition:transform var(--ic-easing-transition-slow);align-self:flex-end;margin-bottom:0.875rem}/*!@:host(.anchor-right.sm-collapsed.side-display)\n  .bottom-side-nav\n  .menu-expand-button\n  svg*/.anchor-right.sm-collapsed.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(-1)}/*!@:host(.anchor-right.sm-expanded.side-display)\n  .bottom-side-nav\n  .menu-expand-button\n  svg*/.anchor-right.sm-expanded.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(1)}/*!@:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item)*/.sc-ic-side-navigation-h.sm-collapsed.side-display .sc-ic-side-navigation-s>ic-navigation-item{--navigation-item-label-opacity:1}/*!@:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item),\n:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed.side-display .sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.sm-collapsed.side-display.sc-ic-side-navigation-s>ic-navigation-group,.sc-ic-side-navigation-h.sm-collapsed.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-label-opacity:0;--navigation-item-min-height:3.5rem;--navigation-item-height:3.5rem}/*!@:host(.sm-expanded.side-display) ::slotted(ic-navigation-item),\n:host(.sm-expanded.side-display) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-expanded.side-display .sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.sm-expanded.side-display.sc-ic-side-navigation-s>ic-navigation-group,.sc-ic-side-navigation-h.sm-expanded.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-label-opacity:1;--navigation-item-height:auto;--navigation-item-min-height:3.5rem;--navigation-item-width:20rem;--navigation-item-side-nav-right:var(--ic-space-xl)}/*!@:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed.side-display.sc-ic-side-navigation-s>ic-navigation-group,.sc-ic-side-navigation-h.sm-collapsed.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-title-position:absolute;--navigation-group-title-position-left:-9999px;--navigation-group-title-opacity:none}/*!@:host(.sm-expanded.side-display) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-expanded.side-display.sc-ic-side-navigation-s>ic-navigation-group,.sc-ic-side-navigation-h.sm-expanded.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-title-position:relative;--navigation-group-title-position-left:0;--navigation-group-expand-toggle-padding:0.25rem;--navigation-group-title-opacity:flex}/*!@:host(.sm-collapsed.collapsed-labels.side-display) .side-navigation,\n:host(.sm-collapsed.collapsed-labels.side-display) .top-bar*/.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation,.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{width:var(--sm-side-navigation-collapsed-labels-width)}/*!@:host(.sm-collapsed.collapsed-labels.side-display) .menu-expand-button*/.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h .menu-expand-button.sc-ic-side-navigation{padding:0}/*!@:host(.sm-collapsed.collapsed-labels.side-display) .app-title-wrapper*/.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation{width:100%;justify-content:center}/*!@:host(.sm-collapsed.collapsed-labels.side-display)\n  ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed.collapsed-labels.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-justify-content:center;--navigation-item-label-opacity:1;--navigation-group-item-min-width:100%;--navigation-group-expand-toggle-padding:1rem}/*!@:host(.collapsed-labels.side-display) .bottom-side-nav .menu-expand-button*/.collapsed-labels.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{justify-content:center}/*!@:host(.side-display) .collapsed-icon-labels-start*/.side-display.sc-ic-side-navigation-h .collapsed-icon-labels-start.sc-ic-side-navigation{visibility:hidden;opacity:0}/*!@:host(.side-display) .collapsed-icon-labels-end*/.side-display.sc-ic-side-navigation-h .collapsed-icon-labels-end.sc-ic-side-navigation{visibility:visible;opacity:1;transition:visibility 0s, opacity var(--ic-easing-transition-slow)}@media screen and (max-width: 419px){/*!@.top-bar*/.top-bar.sc-ic-side-navigation{height:var(--side-navigation-height)}/*!@.side-navigation*/.side-navigation.sc-ic-side-navigation{width:100%}}@media screen and (min-width: 340px){/*!@.app-icon-container*/.app-icon-container.sc-ic-side-navigation{display:flex}}@media screen and (min-width: 993px){/*!@:host(.side-display)*/.side-display.sc-ic-side-navigation-h{position:sticky;left:auto;top:0;bottom:0}/*!@:host(.sm-expanded.side-display)*/.sm-expanded.side-display.sc-ic-side-navigation-h{box-shadow:none}}@media (forced-colors: active){/*!@.side-navigation,\n  .top-bar*/.side-navigation.sc-ic-side-navigation,.top-bar.sc-ic-side-navigation{border-right:var(--ic-border-hc)}/*!@.menu-expand-button*/.menu-expand-button.sc-ic-side-navigation{color:Highlight !important}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-side-navigation-s>svg{fill:currentcolor}}";
 
 /**
  * @slot app-icon - Content will be rendered adjacent to the app title at the very top of the side navigation.
@@ -22691,7 +23028,7 @@ class SideNavigation {
         };
         this.deviceSize = getCurrentDeviceSize();
         this.deviceSizeAppTitle = DEVICE_SIZES.S;
-        this.foregroundColor = getThemeForegroundColor();
+        this.foregroundColor = getBrandForegroundAppearance();
         this.hasSecondaryNavigation = false;
         this.menuExpanded = false;
         this.menuOpen = false;
@@ -22737,7 +23074,7 @@ class SideNavigation {
         }
         (_a = this.el) === null || _a === void 0 ? void 0 : _a.removeEventListener("transitionend", this.transitionEndHandler);
     }
-    themeChangeHandler({ detail }) {
+    brandChangeHandler({ detail }) {
         this.foregroundColor = detail.mode;
     }
     render() {
@@ -22761,7 +23098,7 @@ class SideNavigation {
                 "sm-collapsed": !isSDevice && !menuExpanded,
                 "sm-expanded": !isSDevice && menuExpanded,
                 "side-display": this.deviceSize > DEVICE_SIZES.S || this.disableTopBarBehaviour,
-                [`ic-side-navigation-${IcThemeForegroundEnum$1.Dark}`]: foregroundColor === IcThemeForegroundEnum$1.Dark,
+                [`ic-side-navigation-${IcBrandForegroundEnum$1.Dark}`]: foregroundColor === IcBrandForegroundEnum$1.Dark,
                 ["collapsed-labels"]: !isSDevice && !menuExpanded && collapsedIconLabels,
                 ["ic-side-navigation-inline"]: inline,
             } }, isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { class: "side-navigation", id: "side-navigation" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { class: "side-navigation-inner" }, isSlotUsed$1(this.el, "primary-navigation") && (hAsync("nav", { class: "primary-navigation", "aria-labelledby": "primary-navigation-landmark" }, hAsync("span", { "aria-hidden": "true", class: "navigation-landmark-title", id: "primary-navigation-landmark" }, "Primary"), hAsync("ul", { class: "navigation-list" }, hAsync("slot", { name: "primary-navigation" }))))), hAsync("div", { class: {
@@ -22798,7 +23135,7 @@ class SideNavigation {
             "menuExpanded": [32],
             "menuOpen": [32]
         },
-        "$listeners$": [[4, "themeChange", "themeChangeHandler"]],
+        "$listeners$": [[4, "brandChange", "brandChangeHandler"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
@@ -23352,6 +23689,9 @@ class Switch {
     checkedChangeHandler() {
         this.checkedState = this.checked;
     }
+    watchDisabledHandler() {
+        removeDisabledFalse$1(this.disabled, this.el);
+    }
     disconnectedCallback() {
         removeFormResetListener$1(this.el, this.handleFormReset);
     }
@@ -23389,7 +23729,8 @@ class Switch {
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "checked": ["checkedChangeHandler"]
+        "checked": ["checkedChangeHandler"],
+        "disabled": ["watchDisabledHandler"]
     }; }
     static get style() { return icSwitchCss; }
     static get cmpMeta() { return {
@@ -23471,6 +23812,9 @@ class Tab {
         this.tabPosition = undefined;
         this.theme = "inherit";
     }
+    watchDisabledHandler() {
+        removeDisabledFalse$1(this.disabled, this.el);
+    }
     disabledWatchHandler() {
         this.tabEnabled.emit();
     }
@@ -23508,7 +23852,7 @@ class Tab {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "disabled": ["disabledWatchHandler"]
+        "disabled": ["watchDisabledHandler", "disabledWatchHandler"]
     }; }
     static get style() { return icTabCss; }
     static get cmpMeta() { return {
@@ -23858,14 +24202,24 @@ class TextField {
         this.icKeydown = createEvent(this, "icKeydown", 7);
         this.inheritedAttributes = {};
         this.hostMutationObserver = null;
+        this.checkChildHydration = () => {
+            var _a;
+            const el = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("ic-typography");
+            if (this.hideLabel || (el && el.classList.contains("hydrated"))) {
+                this.setFocus();
+                clearInterval(this.interval);
+            }
+        };
+        this.getNumberOfCharacters = (value) => value !== null && value !== undefined ? value.length : 0;
         this.getMaxValueExceeded = (value) => {
+            this.numChars = this.getNumberOfCharacters(value);
             if (this.type === "number") {
                 this.minValueUnattained = value && Number(value) < Number(this.min);
                 this.maxValueExceeded = Number(value) > Number(this.max);
             }
         };
         this.getMaxCharactersReached = (value) => {
-            this.numChars = value.length;
+            this.numChars = this.getNumberOfCharacters(value);
             this.maxCharactersReached =
                 this.maxCharacters > 0 ? this.numChars >= this.maxCharacters : false;
             if (this.maxCharactersWarning && !this.maxCharactersReached) {
@@ -23915,7 +24269,7 @@ class TextField {
         this.autocapitalize = "off";
         this.autocomplete = "off";
         this.autocorrect = "off";
-        this.autoFocus = false;
+        this.autofocus = false;
         this.disabled = false;
         this.fullWidth = false;
         this.helperText = "";
@@ -23949,6 +24303,9 @@ class TextField {
         this.value = "";
         this.initialValue = this.value;
     }
+    watchDisabledHandler() {
+        removeDisabledFalse$1(this.disabled, this.el);
+    }
     debounceChanged() {
         this.icChange = debounceEvent(this.icChange, this.debounce);
     }
@@ -24003,6 +24360,9 @@ class TextField {
             attributes: true,
             childList: true,
         });
+        if (this.autofocus && !this.disabled && !this.readonly) {
+            this.interval = setInterval(this.checkChildHydration, 50);
+        }
     }
     handleKeyDown(ev) {
         this.icKeydown.emit({ event: ev });
@@ -24053,25 +24413,25 @@ class TextField {
         const disabledText = disabledMode && !readonly;
         const showLeftIcon = !!this.el.querySelector(`[slot="icon"]`) && !disabledText;
         const invalid = `${currentStatus === IcInformationStatus$1.Error}`;
-        if (hiddenInput) {
-            renderHiddenInput$1(true, this.el, name, value, disabledMode);
-        }
+        hiddenInput
+            ? renderHiddenInput$1(true, this.el, name, value, disabledMode)
+            : removeHiddenInput(this.el);
         return (hAsync(Host, { class: {
                 "ic-text-field-full-width": fullWidth,
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 "ic-text-field-disabled": disabledMode,
             } }, hAsync("ic-input-container", { readonly: readonly, disabled: disabledMode }, !this.hideLabel && (hAsync("ic-input-label", { for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly })), hAsync("ic-input-component-container", { size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (hAsync("span", { class: {
                 readonly,
-                "has-value": value.length > 0,
+                "has-value": this.getNumberOfCharacters(value) > 0,
             }, slot: "left-icon" }, hAsync("slot", { name: "icon" }))), !multiline ? (hAsync("input", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: this.type, min: min, max: max, value: value, class: {
                 "no-left-pad": !showLeftIcon && readonly,
                 readonly,
                 "truncate-value": truncateValue,
-            }, placeholder: placeholder ? placeholder : "", required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, "aria-activedescendant": this.ariaActiveDescendant, "aria-expanded": this.ariaExpanded, "aria-owns": this.ariaOwns, autocomplete: this.autocomplete, autocapitalize: this.autocapitalize, autoFocus: this.autoFocus, spellcheck: spellcheck, inputmode: inputmode, role: this.role, maxlength: maxCharactersReached ? maxCharacters : null, minlength: minCharactersUnattained ? minCharacters : null }, this.inheritedAttributes))) : (hAsync("textarea", Object.assign({ id: inputId, class: {
+            }, placeholder: placeholder ? placeholder : "", required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, "aria-activedescendant": this.ariaActiveDescendant, "aria-expanded": this.ariaExpanded, "aria-owns": this.ariaOwns, autocomplete: this.autocomplete, autocapitalize: this.autocapitalize, spellcheck: spellcheck, inputmode: inputmode, role: this.role, maxlength: maxCharactersReached ? maxCharacters : null, minlength: minCharactersUnattained ? minCharacters : null }, this.inheritedAttributes))) : (hAsync("textarea", Object.assign({ id: inputId, class: {
                 "no-resize": resize === false || readonly,
                 "no-left-pad": !showLeftIcon && readonly,
                 readonly,
-            }, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder ? placeholder : "", readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocapitalize: this.autocapitalize, autoFocus: this.autoFocus, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : null, minlength: minCharactersUnattained ? minCharacters : null }, this.inheritedAttributes))), isSlotUsed$1(this.el, "clear-button") && (hAsync("slot", { name: "clear-button" })), isSlotUsed$1(this.el, "search-submit-button") && (hAsync("slot", { name: "search-submit-button" }))), isSlotUsed$1(this.el, "menu") && hAsync("slot", { name: "menu" }), (!isEmptyString$1(validationStatus) ||
+            }, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder ? placeholder : "", readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocapitalize: this.autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : null, minlength: minCharactersUnattained ? minCharacters : null }, this.inheritedAttributes))), isSlotUsed$1(this.el, "clear-button") && (hAsync("slot", { name: "clear-button" })), isSlotUsed$1(this.el, "search-submit-button") && (hAsync("slot", { name: "search-submit-button" }))), isSlotUsed$1(this.el, "menu") && hAsync("slot", { name: "menu" }), (!isEmptyString$1(validationStatus) ||
             !isEmptyString$1(validationText) ||
             maxNumChars > 0 ||
             maxValueExceeded ||
@@ -24087,6 +24447,7 @@ class TextField {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
+        "disabled": ["watchDisabledHandler"],
         "debounce": ["debounceChanged"],
         "value": ["watchValueHandler"]
     }; }
@@ -24102,7 +24463,7 @@ class TextField {
             "autocapitalize": [1],
             "autocomplete": [1],
             "autocorrect": [1],
-            "autoFocus": [4, "auto-focus"],
+            "autofocus": [4],
             "disabled": [4],
             "fullWidth": [4, "full-width"],
             "helperText": [1, "helper-text"],
@@ -24152,7 +24513,7 @@ class TextField {
 class Theme {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.themeChange = createEvent(this, "themeChange", 7);
+        this.brandChange = createEvent(this, "brandChange", 7);
         this.darkModeChangeHandler = () => {
             if (this.theme === "system") {
                 this.themeClass =
@@ -24165,41 +24526,41 @@ class Theme {
                 this.themeClass = `ic-theme-${this.theme}`;
             }
         };
-        this.checkThemeColorContrast = () => {
-            if (getThemeColorBrightness() < BLACK_MIN_COLOR_BRIGHTNESS &&
-                getThemeColorBrightness() > WHITE_MAX_COLOR_BRIGHTNESS) {
-                console.warn(`The theme colour does not provide enough contrast with either of the ICDS black or white foreground colours. Consider choosing a colour with a different brightness to achieve sufficient colour contrast for good visibility. See https://www.w3.org/TR/AERT/#color-contrast for more information about colour contrast.`);
+        this.checkBrandColorContrast = () => {
+            if (getBrandColorBrightness() < BLACK_MIN_COLOR_BRIGHTNESS &&
+                getBrandColorBrightness() > WHITE_MAX_COLOR_BRIGHTNESS) {
+                console.warn(`The brand colour does not provide enough contrast with either of the ICDS black or white foreground colours. Consider choosing a colour with a different brightness to achieve sufficient colour contrast for good visibility. See https://www.w3.org/TR/AERT/#color-contrast for more information about colour contrast.`);
             }
         };
-        this.setThemeColor = () => {
-            const colorRGBA = convertToRGBA(this.color);
+        this.setBrandColor = () => {
+            const colorRGBA = convertToRGBA(this.brandColor);
             if (colorRGBA) {
                 const { r, g, b, a } = colorRGBA;
                 const { style } = document.documentElement;
-                style.setProperty("--ic-theme-primary-r", `${r}`);
-                style.setProperty("--ic-theme-primary-g", `${g}`);
-                style.setProperty("--ic-theme-primary-b", `${b}`);
-                style.setProperty("--ic-theme-primary-a", `${a}`);
-                this.checkThemeColorContrast();
-                this.themeChange.emit({
-                    mode: getThemeForegroundColor(),
+                style.setProperty("--ic-brand-color-primary-r", `${r}`);
+                style.setProperty("--ic-brand-color-primary-g", `${g}`);
+                style.setProperty("--ic-brand-color-primary-b", `${b}`);
+                style.setProperty("--ic-brand-color-primary-a", `${a}`);
+                this.checkBrandColorContrast();
+                this.brandChange.emit({
+                    mode: getBrandForegroundAppearance(),
                     color: colorRGBA,
                 });
             }
         };
         this.themeClass = "";
-        this.color = null;
+        this.brandColor = null;
         this.theme = "light";
     }
-    watchColorPropHandler() {
-        this.setThemeColor();
+    watchBrandColorPropHandler() {
+        this.setBrandColor();
     }
     watchThemePropHandler() {
         this.darkModeChangeHandler();
     }
     componentWillLoad() {
         this.darkModeChangeHandler();
-        this.setThemeColor();
+        this.setBrandColor();
         window.matchMedia &&
             window
                 .matchMedia("(prefers-color-scheme: dark)")
@@ -24210,14 +24571,14 @@ class Theme {
         return (hAsync(Host, { class: themeClass }, hAsync("slot", null)));
     }
     static get watchers() { return {
-        "color": ["watchColorPropHandler"],
+        "brandColor": ["watchBrandColorPropHandler"],
         "theme": ["watchThemePropHandler"]
     }; }
     static get cmpMeta() { return {
         "$flags$": 4,
         "$tagName$": "ic-theme",
         "$members$": {
-            "color": [1],
+            "brandColor": [1, "brand-color"],
             "theme": [1],
             "themeClass": [32]
         },
@@ -24531,6 +24892,51 @@ class ToggleButton {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.icToggleChecked = createEvent(this, "icToggleChecked", 7);
+        this.loopAttributes = () => {
+            const trackedAttributes = [
+                "loading",
+                "disabled",
+                "full-width",
+                "icon-placement",
+                "variant",
+                "size",
+                "theme",
+                "monochrome",
+            ];
+            const parentAttributes = this.el.parentElement.attributes;
+            for (let i = 0; i < trackedAttributes.length; i++) {
+                if (parentAttributes.getNamedItem(trackedAttributes[i]) !== null) {
+                    const attribute = parentAttributes.getNamedItem(trackedAttributes[i]);
+                    switch (attribute.name) {
+                        case trackedAttributes[0]:
+                            this.loading = attribute.value !== "false";
+                            break;
+                        case trackedAttributes[1]:
+                            console.log(attribute.value);
+                            this.disabled = attribute.value !== "false";
+                            break;
+                        case trackedAttributes[2]:
+                            this.fullWidth = attribute.value !== "false";
+                            break;
+                        case trackedAttributes[3]:
+                            this.iconPlacement = attribute.value;
+                            break;
+                        case trackedAttributes[4]:
+                            this.variant = attribute.value;
+                            break;
+                        case trackedAttributes[5]:
+                            this.size = attribute.value;
+                            break;
+                        case trackedAttributes[6]:
+                            this.theme = attribute.value;
+                            break;
+                        case trackedAttributes[7]:
+                            this.monochrome = attribute.value !== "false";
+                            break;
+                    }
+                }
+            }
+        };
         this.handleFocus = (ev) => {
             ev.stopImmediatePropagation();
         };
@@ -24545,7 +24951,7 @@ class ToggleButton {
         this.checked = false;
         this.disabled = false;
         this.fullWidth = false;
-        this.iconPlacement = undefined;
+        this.iconPlacement = "left";
         this.label = undefined;
         this.loading = false;
         this.monochrome = false;
@@ -24553,10 +24959,14 @@ class ToggleButton {
         this.theme = "inherit";
         this.variant = "default";
     }
+    watchDisabledHandler() {
+        removeDisabledFalse$1(this.disabled, this.el);
+    }
     componentWillLoad() {
         removeDisabledFalse$1(this.disabled, this.el);
-        const parentIconPlacement = this.el.parentElement.iconPlacement;
-        this.iconPosition = this.iconPlacement || parentIconPlacement || "left";
+        if (isSlottedInGroup(this.el)) {
+            this.loopAttributes();
+        }
     }
     componentDidLoad() {
         onComponentRequiredPropUndefined$1([
@@ -24584,10 +24994,13 @@ class ToggleButton {
                 ["ic-toggle-button-loading"]: this.loading,
                 ["ic-toggle-button-monochrome"]: this.monochrome,
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
-            }, onFocus: this.handleFocus }, hAsync("ic-button", { "aria-pressed": this.checked.toString(), variant: this.variant === "icon" ? "icon" : "secondary", onClick: this.handleClick, title: this.accessibleLabel, "aria-label": `${this.accessibleLabel ? this.accessibleLabel : this.label}, ${this.checked ? "ticked" : "unticked"}`, disabled: this.disabled, size: this.size, fullWidth: this.fullWidth, loading: this.loading, "aria-disabled": `${this.disabled}` }, this.variant !== "icon" && this.label, hAsync("slot", null), isSlotUsed$1(this.el, "icon") && (hAsync("slot", { name: "icon", slot: `${this.iconPosition}-icon` })), isSlotUsed$1(this.el, "badge") && (hAsync("slot", { name: "badge", slot: "badge" })))));
+            }, onFocus: this.handleFocus }, hAsync("ic-button", { "aria-pressed": this.checked.toString(), variant: this.variant === "icon" ? "icon" : "secondary", onClick: this.handleClick, title: this.accessibleLabel, "aria-label": `${this.accessibleLabel ? this.accessibleLabel : this.label}, ${this.checked ? "ticked" : "unticked"}`, disabled: this.disabled, size: this.size, fullWidth: this.fullWidth, loading: this.loading }, this.variant !== "icon" && this.label, hAsync("slot", null), isSlotUsed$1(this.el, "icon") && (hAsync("slot", { name: "icon", slot: `${this.iconPlacement}-icon` })), isSlotUsed$1(this.el, "badge") && (hAsync("slot", { name: "badge", slot: "badge" })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
+    static get watchers() { return {
+        "disabled": ["watchDisabledHandler"]
+    }; }
     static get style() { return icToggleButtonCss; }
     static get cmpMeta() { return {
         "$flags$": 25,
@@ -24595,15 +25008,15 @@ class ToggleButton {
         "$members$": {
             "accessibleLabel": [1, "accessible-label"],
             "checked": [1540],
-            "disabled": [4],
-            "fullWidth": [4, "full-width"],
+            "disabled": [1028],
+            "fullWidth": [1028, "full-width"],
             "iconPlacement": [1, "icon-placement"],
             "label": [1],
-            "loading": [4],
-            "monochrome": [4],
-            "size": [1],
-            "theme": [1],
-            "variant": [513]
+            "loading": [1028],
+            "monochrome": [1028],
+            "size": [1025],
+            "theme": [1025],
+            "variant": [1537]
         },
         "$listeners$": [[2, "click", "handleHostClick"]],
         "$lazyBundleId$": "-",
@@ -24711,17 +25124,38 @@ class ToggleButtonGroup {
         this.getAllToggleButtons().forEach((el) => {
             el.disabled = this.disabled;
         });
+        removeDisabledFalse$1(this.disabled, this.el);
+    }
+    watchFullWidthHandler() {
+        this.getAllToggleButtons().forEach((el) => {
+            el.fullWidth = this.fullWidth;
+        });
+    }
+    watchLoadingHandler() {
+        this.getAllToggleButtons().forEach((el) => {
+            el.loading = this.loading;
+        });
     }
     watchMonochromeHandler() {
         this.getAllToggleButtons().forEach((el) => {
             el.monochrome = this.monochrome;
         });
     }
+    watchSizeHandler() {
+        this.getAllToggleButtons().forEach((el) => {
+            el.size = this.size;
+        });
+    }
     watchThemeHandler() {
         this.getAllToggleButtons().forEach((el) => {
             el.theme = this.theme;
         });
     }
+    watchVariantHandler() {
+        this.getAllToggleButtons().forEach((el) => {
+            el.variant = this.variant;
+        });
+    }
     selectHandler(ev, tabTarget) {
         const allToggles = this.getAllToggleButtons();
         let clickedToggle = ev.target;
@@ -24755,18 +25189,11 @@ class ToggleButtonGroup {
     componentWillLoad() {
         this.selectType === "multi" && (this.selectMethod = "manual");
         document.addEventListener("keydown", this.keyListener);
+        removeDisabledFalse$1(this.disabled, this.el);
     }
     componentDidLoad() {
         this.getAllToggleButtons().forEach((el, i) => {
             this.setSlottedAria(el);
-            el.size = this.size;
-            el.loading = this.loading;
-            el.iconPlacement = this.iconPlacement;
-            el.disabled ? null : (el.disabled = this.disabled);
-            el.theme = this.theme;
-            el.monochrome = this.monochrome;
-            el.variant = this.variant;
-            el.fullWidth = this.fullWidth;
             el.id = i.toString();
             el.tabIndex = -1;
             el.addEventListener("keydown", (ev) => {
@@ -24792,7 +25219,7 @@ class ToggleButtonGroup {
         return Array.from(this.el.querySelectorAll("ic-toggle-button"));
     }
     render() {
-        return (hAsync(Host, { role: "group", "aria-label": this.accessibleLabel, "aria-disabled": this.disabled ? "true" : "false", tabindex: 0, class: {
+        return (hAsync(Host, { role: "group", "aria-label": this.accessibleLabel, tabindex: 0, class: {
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
                 ["ic-toggle-button-group-full-width"]: this.fullWidth,
                 ["ic-toggle-button-group-loading"]: this.loading,
@@ -24804,8 +25231,12 @@ class ToggleButtonGroup {
     get el() { return getElement(this); }
     static get watchers() { return {
         "disabled": ["watchDisabledHandler"],
+        "fullWidth": ["watchFullWidthHandler"],
+        "loading": ["watchLoadingHandler"],
         "monochrome": ["watchMonochromeHandler"],
-        "theme": ["watchThemeHandler"]
+        "size": ["watchSizeHandler"],
+        "theme": ["watchThemeHandler"],
+        "variant": ["watchVariantHandler"]
     }; }
     static get style() { return icToggleButtonGroupCss; }
     static get cmpMeta() { return {
@@ -25072,7 +25503,7 @@ class Tooltip {
     }; }
 }
 
-const icTopNavigationCss = "/*!@html*/html.sc-ic-top-navigation{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-top-navigation{margin:0}/*!@main*/main.sc-ic-top-navigation{display:block}/*!@h1*/h1.sc-ic-top-navigation{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-top-navigation{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-top-navigation{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-top-navigation{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-top-navigation{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-top-navigation,strong.sc-ic-top-navigation{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-top-navigation,kbd.sc-ic-top-navigation,samp.sc-ic-top-navigation{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-top-navigation{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-top-navigation,sup.sc-ic-top-navigation{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-top-navigation{bottom:-0.25em}/*!@sup*/sup.sc-ic-top-navigation{top:-0.5em}/*!@img*/img.sc-ic-top-navigation{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-top-navigation,input.sc-ic-top-navigation,optgroup.sc-ic-top-navigation,select.sc-ic-top-navigation,textarea.sc-ic-top-navigation{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-top-navigation,input.sc-ic-top-navigation{overflow:visible}/*!@button,\nselect*/button.sc-ic-top-navigation,select.sc-ic-top-navigation{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-top-navigation,[type=\"button\"].sc-ic-top-navigation,[type=\"reset\"].sc-ic-top-navigation,[type=\"submit\"].sc-ic-top-navigation{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-top-navigation::-moz-focus-inner,[type=\"button\"].sc-ic-top-navigation::-moz-focus-inner,[type=\"reset\"].sc-ic-top-navigation::-moz-focus-inner,[type=\"submit\"].sc-ic-top-navigation::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-top-navigation:-moz-focusring,[type=\"button\"].sc-ic-top-navigation:-moz-focusring,[type=\"reset\"].sc-ic-top-navigation:-moz-focusring,[type=\"submit\"].sc-ic-top-navigation:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-top-navigation{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-top-navigation{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-top-navigation{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-top-navigation{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-top-navigation,[type=\"radio\"].sc-ic-top-navigation{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-top-navigation::-webkit-inner-spin-button,[type=\"number\"].sc-ic-top-navigation::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-top-navigation{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-top-navigation::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-top-navigation::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-top-navigation{display:block}/*!@summary*/summary.sc-ic-top-navigation{display:list-item}/*!@template*/template.sc-ic-top-navigation{display:none}/*!@[hidden]*/[hidden].sc-ic-top-navigation{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-top-navigation,body.sc-ic-top-navigation,div.sc-ic-top-navigation,span.sc-ic-top-navigation,applet.sc-ic-top-navigation,object.sc-ic-top-navigation,iframe.sc-ic-top-navigation,h1.sc-ic-top-navigation,h2.sc-ic-top-navigation,h3.sc-ic-top-navigation,h4.sc-ic-top-navigation,h5.sc-ic-top-navigation,h6.sc-ic-top-navigation,p.sc-ic-top-navigation,blockquote.sc-ic-top-navigation,pre.sc-ic-top-navigation,a.sc-ic-top-navigation,abbr.sc-ic-top-navigation,acronym.sc-ic-top-navigation,address.sc-ic-top-navigation,big.sc-ic-top-navigation,cite.sc-ic-top-navigation,code.sc-ic-top-navigation,del.sc-ic-top-navigation,dfn.sc-ic-top-navigation,em.sc-ic-top-navigation,img.sc-ic-top-navigation,ins.sc-ic-top-navigation,kbd.sc-ic-top-navigation,q.sc-ic-top-navigation,s.sc-ic-top-navigation,samp.sc-ic-top-navigation,small.sc-ic-top-navigation,strike.sc-ic-top-navigation,strong.sc-ic-top-navigation,sub.sc-ic-top-navigation,sup.sc-ic-top-navigation,tt.sc-ic-top-navigation,var.sc-ic-top-navigation,b.sc-ic-top-navigation,u.sc-ic-top-navigation,i.sc-ic-top-navigation,center.sc-ic-top-navigation,dl.sc-ic-top-navigation,dt.sc-ic-top-navigation,dd.sc-ic-top-navigation,ol.sc-ic-top-navigation,ul.sc-ic-top-navigation,li.sc-ic-top-navigation,fieldset.sc-ic-top-navigation,form.sc-ic-top-navigation,label.sc-ic-top-navigation,legend.sc-ic-top-navigation,table.sc-ic-top-navigation,caption.sc-ic-top-navigation,tbody.sc-ic-top-navigation,tfoot.sc-ic-top-navigation,thead.sc-ic-top-navigation,tr.sc-ic-top-navigation,th.sc-ic-top-navigation,td.sc-ic-top-navigation,article.sc-ic-top-navigation,aside.sc-ic-top-navigation,canvas.sc-ic-top-navigation,details.sc-ic-top-navigation,embed.sc-ic-top-navigation,figure.sc-ic-top-navigation,figcaption.sc-ic-top-navigation,footer.sc-ic-top-navigation,header.sc-ic-top-navigation,hgroup.sc-ic-top-navigation,menu.sc-ic-top-navigation,nav.sc-ic-top-navigation,output.sc-ic-top-navigation,ruby.sc-ic-top-navigation,section.sc-ic-top-navigation,summary.sc-ic-top-navigation,time.sc-ic-top-navigation,mark.sc-ic-top-navigation,audio.sc-ic-top-navigation,video.sc-ic-top-navigation{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-top-navigation-h{display:block;color:var(--ic-top-navigation-text);width:100%;position:relative;--ic-typography-color:var(--ic-top-navigation-text);--ic-button-secondary-text-monochrome:var(--ic-theme-text);--ic-button-secondary-border-monochrome:var(--ic-theme-text)}/*!@:host(.dark)*/.dark.sc-ic-top-navigation-h{color:var(--ic-color-text-primary-light);--ic-typography-color:var(--ic-color-text-primary-light);--ic-top-navigation-logo:var(--ic-color-icon-neutral);--ic-top-navigation-icon:var(--ic-color-icon-neutral);--ic-top-navigation-theme:var(--ic-color-icon-neutral);--ic-top-navigation-status-tag:var(--ic-color-background-primary-dark);--ic-top-navigation-status-tag-text:var(--ic-color-brand-text);--ic-top-navigation-status-tag-secondary:var(--ic-state-layer-darken-10);--navigation-link-colour:var(--ic-color-text-primary-light)}/*!@:host ::slotted(ic-navigation-item)*/.sc-ic-top-navigation-h .sc-ic-top-navigation-s>ic-navigation-item{--navigation-link-colour:var(--ic-top-navigation-text)}/*!@:host(.dark) ::slotted(ic-navigation-button)*/.sc-ic-top-navigation-h.dark .sc-ic-top-navigation-s>ic-navigation-button{--ic-button-icon-monochrome:var(--ic-color-text-primary-light)}/*!@::slotted(ic-navigation-button)*/.sc-ic-top-navigation-s>ic-navigation-button{--ic-button-icon-monochrome:white}/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{background-color:var(--ic-top-navigation-background);height:-moz-max-content;height:max-content}/*!@:host(.fullwidth-searchbar) slot[name=\"search\"]::slotted(form)*/.sc-ic-top-navigation-h.fullwidth-searchbar slot[name=\"search\"].sc-ic-top-navigation-s>form{width:100%}/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{display:inline-flex;align-items:center;text-decoration:none;padding:var(--ic-space-xxs);transition:var(--ic-easing-transition-fast)}/*!@:host .title-link,\n:host .title-link:visited,\n:host .title-link:active,\n:host .title-link ::slotted(a),\n:host .title-link:visited ::slotted(a),\n:host .title-link:active ::slotted(a)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:visited,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:active,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link .sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:visited.sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:visited .sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:active.sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:active .sc-ic-top-navigation-s>a{color:var(--ic-top-navigation-icon-and-label);text-decoration:none;outline:none}/*!@:host .title-link:hover:not(:focus)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:hover:not(:focus){background-color:var(--ic-top-navigation-title-hover)}/*!@:host .title-link:active:not(:focus)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:active:not(:focus){background-color:var(--ic-top-navigation-title-pressed)}/*!@:host .title-link:hover*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:hover{border-radius:var(--ic-border-radius)}/*!@:host .title-link:focus,\n:host .title-link:focus-within*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:focus,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}/*!@:host .title-link ic-typography*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation ic-typography.sc-ic-top-navigation{font-weight:600}/*!@:host .nav-panel-container*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{border-top:var(--ic-space-1px) solid var(--ic-top-navigation-keyline);padding:0 var(--ic-space-lg);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin));display:flex}/*!@:host(.dark) .nav-panel-container*/.dark.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{border-top:var(--ic-border-keyline-darken)}/*!@.top-panel-container*/.top-panel-container.sc-ic-top-navigation{display:flex;padding-top:0.5rem;padding-bottom:0.5rem}/*!@.navigation-tabs*/.navigation-tabs.sc-ic-top-navigation{margin-top:calc(-1 * var(--ic-space-1px))}/*!@.app-details-container*/.app-details-container.sc-ic-top-navigation{display:flex;align-items:center;flex:1 1 auto;margin-right:var(--ic-space-md)}/*!@.app-icon-container*/.app-icon-container.sc-ic-top-navigation{display:flex;padding-right:var(--ic-space-xs)}/*!@.icon-buttons-container*/.icon-buttons-container.sc-ic-top-navigation{display:flex;margin-left:var(--ic-space-md)}/*!@.icon-buttons-container ::slotted(nav)*/.icon-buttons-container .sc-ic-top-navigation-s>nav{display:flex}/*!@.title-wrap*/.title-wrap.sc-ic-top-navigation{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}/*!@:host .app-status*/.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation{border-radius:var(--ic-space-md);background-color:var(--ic-top-navigation-status-tag);color:var(--ic-top-navigation-status-tag-text);--ic-typography-color:var(--ic-top-navigation-status-tag-text);padding:var(--ic-space-xxs) var(--ic-space-lg);margin-left:var(--ic-space-md);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}/*!@:host .app-version*/.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{border-radius:var(--ic-space-md);background-color:var(--ic-top-navigation-status-tag-secondary);color:var(--ic-top-navigation-status-tag);padding:var(--ic-space-xxs) var(--ic-space-sm);margin-left:var(--ic-space-xs);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}/*!@slot[name=\"app-icon\"]::slotted(*)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>*{fill:var(--ic-top-navigation-logo);width:2em;height:2em}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{fill:var(--ic-top-navigation-icon)}/*!@.search-menu-container*/.search-menu-container.sc-ic-top-navigation{justify-content:right;display:flex;align-items:center}/*!@.menu-button-container*/.menu-button-container.sc-ic-top-navigation{margin-left:var(--ic-space-md)}/*!@.menu-button-container .navigation-landmark-button-text*/.menu-button-container.sc-ic-top-navigation .navigation-landmark-button-text.sc-ic-top-navigation{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}/*!@.search-actions-container*/.search-actions-container.sc-ic-top-navigation{display:flex}/*!@.menu-buttons-slot*/.menu-buttons-slot.sc-ic-top-navigation{display:flex;flex-direction:column}/*!@.navigation-landmark-text*/.navigation-landmark-text.sc-ic-top-navigation{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}/*!@.navigation-item-list*/.navigation-item-list.sc-ic-top-navigation{display:flex;list-style:none;height:2.75rem}/*!@.navigation-item-list::-webkit-scrollbar*/.navigation-item-list.sc-ic-top-navigation::-webkit-scrollbar{display:none}/*!@:host ic-section-container*/.sc-ic-top-navigation-h ic-section-container.sc-ic-top-navigation{padding-bottom:0 !important;padding-top:0 !important}@media screen and (min-width: 993px){/*!@.app-details-container*/.app-details-container.sc-ic-top-navigation{margin-right:var(--ic-space-lg)}}@media screen and (max-width: 1200px){/*!@:host .nav-panel-container*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{padding:0 var(--ic-space-md)}}/*!@:host(.mobile-mode) .app-status,\n:host(.mobile-mode) .app-version*/.mobile-mode.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation,.mobile-mode.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{display:none}/*!@:host(.mobile-mode) .title-link*/.mobile-mode.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{margin-right:var(--ic-space-xs)}/*!@:host(.mobile-mode) .search-menu-container*/.mobile-mode.sc-ic-top-navigation-h .search-menu-container.sc-ic-top-navigation{max-width:10rem}/*!@:host(.mobile-mode) .search-bar-container*/.mobile-mode.sc-ic-top-navigation-h .search-bar-container.sc-ic-top-navigation{display:flex;justify-content:center;align-items:center;border-top:var(--ic-border-keyline-darken);height:4rem;padding-left:var(--ic-space-md);padding-right:var(--ic-space-md);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin))}@media screen and (max-width: 576px){/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{margin-right:var(--ic-space-xxxs);word-break:break-word;-webkit-hyphens:none;hyphens:none}/*!@.top-panel-container*/.top-panel-container.sc-ic-top-navigation{min-height:2.5rem}/*!@.search-bar-container*/.search-bar-container.sc-ic-top-navigation{margin-top:0;height:3.5rem;padding-left:var(--ic-space-xs);padding-right:var(--ic-space-xs)}/*!@.menu-button-container*/.menu-button-container.sc-ic-top-navigation{margin-left:var(--ic-space-sm)}/*!@slot[name=\"app-icon\"]::slotted(*)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>*{width:1.5em;height:1.5em}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{width:1.5em;height:1.5em}}@media (forced-colors: active){/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{border-bottom:var(--ic-border-hc)}/*!@.app-status,\n  .app-version*/.app-status.sc-ic-top-navigation,.app-version.sc-ic-top-navigation{border:var(--ic-border-hc)}/*!@slot[name=\"app-icon\"]::slotted(*)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>*{fill:currentcolor}}";
+const icTopNavigationCss = "/*!@html*/html.sc-ic-top-navigation{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-top-navigation{margin:0}/*!@main*/main.sc-ic-top-navigation{display:block}/*!@h1*/h1.sc-ic-top-navigation{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-top-navigation{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-top-navigation{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-top-navigation{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-top-navigation{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-top-navigation,strong.sc-ic-top-navigation{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-top-navigation,kbd.sc-ic-top-navigation,samp.sc-ic-top-navigation{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-top-navigation{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-top-navigation,sup.sc-ic-top-navigation{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-top-navigation{bottom:-0.25em}/*!@sup*/sup.sc-ic-top-navigation{top:-0.5em}/*!@img*/img.sc-ic-top-navigation{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-top-navigation,input.sc-ic-top-navigation,optgroup.sc-ic-top-navigation,select.sc-ic-top-navigation,textarea.sc-ic-top-navigation{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-top-navigation,input.sc-ic-top-navigation{overflow:visible}/*!@button,\nselect*/button.sc-ic-top-navigation,select.sc-ic-top-navigation{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-top-navigation,[type=\"button\"].sc-ic-top-navigation,[type=\"reset\"].sc-ic-top-navigation,[type=\"submit\"].sc-ic-top-navigation{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-top-navigation::-moz-focus-inner,[type=\"button\"].sc-ic-top-navigation::-moz-focus-inner,[type=\"reset\"].sc-ic-top-navigation::-moz-focus-inner,[type=\"submit\"].sc-ic-top-navigation::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-top-navigation:-moz-focusring,[type=\"button\"].sc-ic-top-navigation:-moz-focusring,[type=\"reset\"].sc-ic-top-navigation:-moz-focusring,[type=\"submit\"].sc-ic-top-navigation:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-top-navigation{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-top-navigation{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-top-navigation{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-top-navigation{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-top-navigation,[type=\"radio\"].sc-ic-top-navigation{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-top-navigation::-webkit-inner-spin-button,[type=\"number\"].sc-ic-top-navigation::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-top-navigation{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-top-navigation::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-top-navigation::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-top-navigation{display:block}/*!@summary*/summary.sc-ic-top-navigation{display:list-item}/*!@template*/template.sc-ic-top-navigation{display:none}/*!@[hidden]*/[hidden].sc-ic-top-navigation{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-top-navigation,body.sc-ic-top-navigation,div.sc-ic-top-navigation,span.sc-ic-top-navigation,applet.sc-ic-top-navigation,object.sc-ic-top-navigation,iframe.sc-ic-top-navigation,h1.sc-ic-top-navigation,h2.sc-ic-top-navigation,h3.sc-ic-top-navigation,h4.sc-ic-top-navigation,h5.sc-ic-top-navigation,h6.sc-ic-top-navigation,p.sc-ic-top-navigation,blockquote.sc-ic-top-navigation,pre.sc-ic-top-navigation,a.sc-ic-top-navigation,abbr.sc-ic-top-navigation,acronym.sc-ic-top-navigation,address.sc-ic-top-navigation,big.sc-ic-top-navigation,cite.sc-ic-top-navigation,code.sc-ic-top-navigation,del.sc-ic-top-navigation,dfn.sc-ic-top-navigation,em.sc-ic-top-navigation,img.sc-ic-top-navigation,ins.sc-ic-top-navigation,kbd.sc-ic-top-navigation,q.sc-ic-top-navigation,s.sc-ic-top-navigation,samp.sc-ic-top-navigation,small.sc-ic-top-navigation,strike.sc-ic-top-navigation,strong.sc-ic-top-navigation,sub.sc-ic-top-navigation,sup.sc-ic-top-navigation,tt.sc-ic-top-navigation,var.sc-ic-top-navigation,b.sc-ic-top-navigation,u.sc-ic-top-navigation,i.sc-ic-top-navigation,center.sc-ic-top-navigation,dl.sc-ic-top-navigation,dt.sc-ic-top-navigation,dd.sc-ic-top-navigation,ol.sc-ic-top-navigation,ul.sc-ic-top-navigation,li.sc-ic-top-navigation,fieldset.sc-ic-top-navigation,form.sc-ic-top-navigation,label.sc-ic-top-navigation,legend.sc-ic-top-navigation,table.sc-ic-top-navigation,caption.sc-ic-top-navigation,tbody.sc-ic-top-navigation,tfoot.sc-ic-top-navigation,thead.sc-ic-top-navigation,tr.sc-ic-top-navigation,th.sc-ic-top-navigation,td.sc-ic-top-navigation,article.sc-ic-top-navigation,aside.sc-ic-top-navigation,canvas.sc-ic-top-navigation,details.sc-ic-top-navigation,embed.sc-ic-top-navigation,figure.sc-ic-top-navigation,figcaption.sc-ic-top-navigation,footer.sc-ic-top-navigation,header.sc-ic-top-navigation,hgroup.sc-ic-top-navigation,menu.sc-ic-top-navigation,nav.sc-ic-top-navigation,output.sc-ic-top-navigation,ruby.sc-ic-top-navigation,section.sc-ic-top-navigation,summary.sc-ic-top-navigation,time.sc-ic-top-navigation,mark.sc-ic-top-navigation,audio.sc-ic-top-navigation,video.sc-ic-top-navigation{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-top-navigation-h{display:block;color:var(--ic-top-navigation-text);width:100%;position:relative;--ic-typography-color:var(--ic-top-navigation-text);--ic-button-secondary-text-monochrome:var(--ic-brand-text-color);--ic-button-secondary-border-monochrome:var(--ic-brand-text-color)}/*!@:host(.dark)*/.dark.sc-ic-top-navigation-h{color:var(--ic-color-text-primary-light);--ic-typography-color:var(--ic-color-text-primary-light);--ic-top-navigation-logo:var(--ic-color-icon-neutral);--ic-top-navigation-icon:var(--ic-color-icon-neutral);--ic-top-navigation-theme:var(--ic-color-icon-neutral);--ic-top-navigation-status-tag:var(--ic-color-background-primary-dark);--ic-top-navigation-status-tag-text:var(--ic-color-brand-text);--ic-top-navigation-status-tag-secondary:var(--ic-state-layer-darken-10);--navigation-link-colour:var(--ic-color-text-primary-light)}/*!@:host ::slotted(ic-navigation-item)*/.sc-ic-top-navigation-h .sc-ic-top-navigation-s>ic-navigation-item{--navigation-link-colour:var(--ic-top-navigation-text)}/*!@:host(.dark) ::slotted(ic-navigation-button)*/.sc-ic-top-navigation-h.dark .sc-ic-top-navigation-s>ic-navigation-button{--ic-button-icon-monochrome:var(--ic-color-text-primary-light)}/*!@::slotted(ic-navigation-button)*/.sc-ic-top-navigation-s>ic-navigation-button{--ic-button-icon-monochrome:white}/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{background-color:var(--ic-top-navigation-background);height:-moz-max-content;height:max-content}/*!@:host(.fullwidth-searchbar) slot[name=\"search\"]::slotted(form)*/.sc-ic-top-navigation-h.fullwidth-searchbar slot[name=\"search\"].sc-ic-top-navigation-s>form{width:100%}/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{display:inline-flex;align-items:center;text-decoration:none;padding:var(--ic-space-xxs);transition:var(--ic-easing-transition-fast)}/*!@:host .title-link,\n:host .title-link:visited,\n:host .title-link:active,\n:host .title-link ::slotted(a),\n:host .title-link:visited ::slotted(a),\n:host .title-link:active ::slotted(a)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:visited,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:active,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link .sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:visited.sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:visited .sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:active.sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:active .sc-ic-top-navigation-s>a{color:var(--ic-top-navigation-icon-and-label);text-decoration:none;outline:none}/*!@:host .title-link:hover:not(:focus)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:hover:not(:focus){background-color:var(--ic-top-navigation-title-hover)}/*!@:host .title-link:active:not(:focus)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:active:not(:focus){background-color:var(--ic-top-navigation-title-pressed)}/*!@:host .title-link:hover*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:hover{border-radius:var(--ic-border-radius)}/*!@:host .title-link:focus,\n:host .title-link:focus-within*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:focus,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}/*!@:host .title-link ic-typography*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation ic-typography.sc-ic-top-navigation{font-weight:600}/*!@:host .nav-panel-container*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{border-top:var(--ic-space-1px) solid var(--ic-top-navigation-keyline);padding:0 var(--ic-space-lg);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin));display:flex}/*!@:host(.dark) .nav-panel-container*/.dark.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{border-top:var(--ic-border-keyline-darken)}/*!@.top-panel-container*/.top-panel-container.sc-ic-top-navigation{display:flex;padding-top:0.5rem;padding-bottom:0.5rem}/*!@.navigation-tabs*/.navigation-tabs.sc-ic-top-navigation{margin-top:calc(-1 * var(--ic-space-1px))}/*!@.app-details-container*/.app-details-container.sc-ic-top-navigation{display:flex;align-items:center;flex:1 1 auto;margin-right:var(--ic-space-md)}/*!@.app-icon-container*/.app-icon-container.sc-ic-top-navigation{display:flex;padding-right:var(--ic-space-xs)}/*!@.icon-buttons-container*/.icon-buttons-container.sc-ic-top-navigation{display:flex;margin-left:var(--ic-space-md)}/*!@.icon-buttons-container ::slotted(nav)*/.icon-buttons-container .sc-ic-top-navigation-s>nav{display:flex}/*!@.title-wrap*/.title-wrap.sc-ic-top-navigation{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}/*!@:host .app-status*/.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation{border-radius:var(--ic-space-md);background-color:var(--ic-top-navigation-status-tag);color:var(--ic-top-navigation-status-tag-text);--ic-typography-color:var(--ic-top-navigation-status-tag-text);padding:var(--ic-space-xxs) var(--ic-space-lg);margin-left:var(--ic-space-md);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}/*!@:host .app-version*/.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{border-radius:var(--ic-space-md);background-color:var(--ic-top-navigation-status-tag-secondary);color:var(--ic-top-navigation-status-tag);padding:var(--ic-space-xxs) var(--ic-space-sm);margin-left:var(--ic-space-xs);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}/*!@slot[name=\"app-icon\"]::slotted(*)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>*{fill:var(--ic-top-navigation-logo);width:2em;height:2em}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{fill:var(--ic-top-navigation-icon)}/*!@.search-menu-container*/.search-menu-container.sc-ic-top-navigation{justify-content:right;display:flex;align-items:center}/*!@.menu-button-container*/.menu-button-container.sc-ic-top-navigation{margin-left:var(--ic-space-md)}/*!@.menu-button-container .navigation-landmark-button-text*/.menu-button-container.sc-ic-top-navigation .navigation-landmark-button-text.sc-ic-top-navigation{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}/*!@.search-actions-container*/.search-actions-container.sc-ic-top-navigation{display:flex}/*!@.menu-buttons-slot*/.menu-buttons-slot.sc-ic-top-navigation{display:flex;flex-direction:column}/*!@.navigation-landmark-text*/.navigation-landmark-text.sc-ic-top-navigation{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}/*!@.navigation-item-list*/.navigation-item-list.sc-ic-top-navigation{display:flex;list-style:none;height:2.75rem}/*!@.navigation-item-list::-webkit-scrollbar*/.navigation-item-list.sc-ic-top-navigation::-webkit-scrollbar{display:none}/*!@:host ic-section-container*/.sc-ic-top-navigation-h ic-section-container.sc-ic-top-navigation{padding-bottom:0 !important;padding-top:0 !important}@media screen and (min-width: 993px){/*!@.app-details-container*/.app-details-container.sc-ic-top-navigation{margin-right:var(--ic-space-lg)}}@media screen and (max-width: 1200px){/*!@:host .nav-panel-container*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{padding:0 var(--ic-space-md)}}/*!@:host(.mobile-mode) .app-status,\n:host(.mobile-mode) .app-version*/.mobile-mode.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation,.mobile-mode.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{display:none}/*!@:host(.mobile-mode) .title-link*/.mobile-mode.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{margin-right:var(--ic-space-xs)}/*!@:host(.mobile-mode) .search-menu-container*/.mobile-mode.sc-ic-top-navigation-h .search-menu-container.sc-ic-top-navigation{max-width:10rem}/*!@:host(.mobile-mode) .search-bar-container*/.mobile-mode.sc-ic-top-navigation-h .search-bar-container.sc-ic-top-navigation{display:flex;justify-content:center;align-items:center;border-top:var(--ic-border-keyline-darken);height:4rem;padding-left:var(--ic-space-md);padding-right:var(--ic-space-md);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin))}@media screen and (max-width: 576px){/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{margin-right:var(--ic-space-xxxs);word-break:break-word;-webkit-hyphens:none;hyphens:none}/*!@.top-panel-container*/.top-panel-container.sc-ic-top-navigation{min-height:2.5rem}/*!@.search-bar-container*/.search-bar-container.sc-ic-top-navigation{margin-top:0;height:3.5rem;padding-left:var(--ic-space-xs);padding-right:var(--ic-space-xs)}/*!@.menu-button-container*/.menu-button-container.sc-ic-top-navigation{margin-left:var(--ic-space-sm)}/*!@slot[name=\"app-icon\"]::slotted(*)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>*{width:1.5em;height:1.5em}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{width:1.5em;height:1.5em}}@media (forced-colors: active){/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{border-bottom:var(--ic-border-hc)}/*!@.app-status,\n  .app-version*/.app-status.sc-ic-top-navigation,.app-version.sc-ic-top-navigation{border:var(--ic-border-hc)}/*!@slot[name=\"app-icon\"]::slotted(*)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>*{fill:currentcolor}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{fill:currentcolor}}";
 
 /**
  * @slot app-icon - Content will be rendered to left of app title. Anything that is slotted here will be hidden from screen readers.
@@ -25154,7 +25585,7 @@ class TopNavigation {
             this.resizeObserver.observe(this.el);
         };
         this.deviceSize = DEVICE_SIZES.XL;
-        this.foregroundColor = getThemeForegroundColor();
+        this.foregroundColor = getBrandForegroundAppearance();
         this.hasFullWidthSearchBar = false;
         this.mobileSearchBarVisible = false;
         this.mobileSearchHiddenOnBlur = false;
@@ -25209,7 +25640,7 @@ class TopNavigation {
     searchValueChangeHandler({ detail }) {
         this.searchValue = detail.value;
     }
-    themeChangeHandler({ detail }) {
+    brandChangeHandler({ detail }) {
         this.foregroundColor = detail.mode;
     }
     toggleSearchBar() {
@@ -25255,11 +25686,15 @@ class TopNavigation {
         return (hAsync(Host, { class: {
                 "fullwidth-searchbar": hasFullWidthSearchBar,
                 "mobile-mode": overMobileBreakpoint,
-                [IcThemeForegroundEnum$1.Dark]: foregroundColor === IcThemeForegroundEnum$1.Dark,
+                [IcBrandForegroundEnum$1.Dark]: foregroundColor === IcBrandForegroundEnum$1.Dark,
                 [`ic-theme-${theme}`]: theme !== "inherit",
             } }, hAsync("div", { class: "top-navigation" }, hAsync("ic-section-container", { aligned: contentAligned, "full-height": true }, hAsync("header", { role: "banner" }, hAsync("div", { class: "top-panel-container" }, hAsync("div", { class: "app-details-container" }, (hasTitle || hasAppTitleSlot) && (hAsync(Component, Object.assign({ class: "title-link" }, attrs), hasAppIcon && (hAsync("div", { class: "app-icon-container" }, hAsync("slot", { name: "app-icon" }))), deviceSize <= DEVICE_SIZES.S &&
             (!isEmptyString$1(shortAppTitle) || shortAppTitleSlot) ? (hAsync("ic-typography", { variant: "subtitle-small", "aria-label": (!hasAppTitleSlot || !shortAppTitleSlot) &&
-                `${appTitle} (${shortAppTitle})` }, hAsync("h1", null, shortAppTitleSlot ? (hAsync("slot", { name: "short-app-title" })) : (shortAppTitle)))) : (hAsync("ic-typography", { variant: appTitleVariant }, hAsync("h1", { class: "title-wrap" }, hasAppTitleSlot ? (hAsync("slot", { name: "app-title" })) : (appTitle)))))), hasStatus && (hAsync("div", { class: "app-status" }, hAsync("ic-typography", { "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), hasVersion && (hAsync("div", { class: "app-version" }, hAsync("ic-typography", { variant: "label", class: "app-version-text", "aria-label": "app version" }, version)))), (hasSearchSlotContent || hasMenuContent) && (hAsync("div", { class: "search-menu-container" }, hAsync("div", { class: "search-actions-container" }, !overMobileBreakpoint && hAsync("slot", { name: "search" }), hasSearchSlotContent && overMobileBreakpoint && (hAsync("ic-button", { id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: searchButtonMouseDownHandler, variant: "icon-tertiary", monochrome: true, size: searchButtonSize, "aria-label": mobileSearchButtonTitle, theme: foregroundColor == "light" ? "dark" : "light", onClick: searchButtonClickHandler }, hAsync("slot", { name: "toggle-icon" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#ffffff" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))))), hasIconButtons && !overMobileBreakpoint && (hAsync("div", { class: "icon-buttons-container" }, hAsync("slot", { name: "buttons" }))), hasMenuContent && overMobileBreakpoint && (hAsync("div", { class: "menu-button-container" }, hAsync("span", { id: "navigation-landmark-button-text", class: "navigation-landmark-button-text", "aria-hidden": "true" }, "Main navigation button"), hAsync("nav", { "aria-labelledby": "navigation-landmark-button-text", "aria-hidden": `${navMenuVisible}` }, hAsync("ic-button", { id: "menu-button", theme: foregroundColor == "light" ? "light" : "dark", variant: "secondary", monochrome: true, "aria-expanded": "false", "aria-haspopup": "true", "aria-label": `Open ${hasNavigation ? "navigation" : "app"} menu`, size: menuSize, onClick: menuButtonClick }, "Menu", hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "left-icon" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))), mobileSearchBarVisible && (hAsync("div", { class: "search-bar-container" }, hAsync("slot", { name: "search" }))), hasNavigation && !overMobileBreakpoint && (hAsync("div", { class: "navigation-tabs" }, hAsync("span", { id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main pages"), hAsync("nav", { "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, hAsync("ic-horizontal-scroll", { monochrome: true, appearance: foregroundColor }, hAsync("ul", { class: "navigation-item-list", tabindex: "-1" }, hAsync("slot", { name: "navigation" }))))))))), navMenuVisible && (hAsync("ic-navigation-menu", { version: version, status: status, class: {
+                `${appTitle} (${shortAppTitle})` }, hAsync("h1", null, shortAppTitleSlot ? (hAsync("slot", { name: "short-app-title" })) : (shortAppTitle)))) : (hAsync("ic-typography", { variant: appTitleVariant }, hAsync("h1", { class: "title-wrap" }, hasAppTitleSlot ? (hAsync("slot", { name: "app-title" })) : (appTitle)))))), hasStatus && (hAsync("div", { class: "app-status" }, hAsync("ic-typography", { "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), hasVersion && (hAsync("div", { class: "app-version" }, hAsync("ic-typography", { variant: "label", class: "app-version-text", "aria-label": "app version" }, version)))), (hasSearchSlotContent || hasMenuContent) && (hAsync("div", { class: "search-menu-container" }, hAsync("div", { class: "search-actions-container" }, !overMobileBreakpoint && hAsync("slot", { name: "search" }), hasSearchSlotContent && overMobileBreakpoint && (hAsync("ic-button", { id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: searchButtonMouseDownHandler, variant: "icon-tertiary", monochrome: true, size: searchButtonSize, "aria-label": mobileSearchButtonTitle, theme: foregroundColor == IcBrandForegroundEnum$1.Light
+                ? IcBrandForegroundEnum$1.Dark
+                : IcBrandForegroundEnum$1.Light, onClick: searchButtonClickHandler }, hAsync("slot", { name: "toggle-icon" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#ffffff" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))))), hasIconButtons && !overMobileBreakpoint && (hAsync("div", { class: "icon-buttons-container" }, hAsync("slot", { name: "buttons" }))), hasMenuContent && overMobileBreakpoint && (hAsync("div", { class: "menu-button-container" }, hAsync("span", { id: "navigation-landmark-button-text", class: "navigation-landmark-button-text", "aria-hidden": "true" }, "Main navigation button"), hAsync("nav", { "aria-labelledby": "navigation-landmark-button-text", "aria-hidden": `${navMenuVisible}` }, hAsync("ic-button", { id: "menu-button", theme: foregroundColor == IcBrandForegroundEnum$1.Light
+                ? IcBrandForegroundEnum$1.Dark
+                : IcBrandForegroundEnum$1.Light, variant: "secondary", monochrome: true, "aria-expanded": "false", "aria-haspopup": "true", "aria-label": `Open ${hasNavigation ? "navigation" : "app"} menu`, size: menuSize, onClick: menuButtonClick }, "Menu", hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "left-icon" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))), mobileSearchBarVisible && (hAsync("div", { class: "search-bar-container" }, hAsync("slot", { name: "search" }))), hasNavigation && !overMobileBreakpoint && (hAsync("div", { class: "navigation-tabs" }, hAsync("span", { id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main pages"), hAsync("nav", { "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, hAsync("ic-horizontal-scroll", { monochrome: true, appearance: foregroundColor }, hAsync("ul", { class: "navigation-item-list", tabindex: "-1" }, hAsync("slot", { name: "navigation" }))))))))), navMenuVisible && (hAsync("ic-navigation-menu", { version: version, status: status, class: {
                 ["inline"]: inline,
             } }, hasIconButtons && (hAsync("div", { class: "menu-buttons-slot", slot: "buttons" }, hAsync("slot", { name: "buttons" }))), hAsync("ul", { slot: "navigation" }, hAsync("slot", { name: "navigation" }))))));
     }
@@ -25290,7 +25725,7 @@ class TopNavigation {
             "searchButtonClick": [32],
             "searchValue": [32]
         },
-        "$listeners$": [[0, "icNavigationMenuClose", "navBarMenuCloseHandler"], [0, "icSearchBarBlur", "searchInputBlurHandler"], [0, "icChange", "searchValueChangeHandler"], [4, "themeChange", "themeChangeHandler"]],
+        "$listeners$": [[0, "icNavigationMenuClose", "navBarMenuCloseHandler"], [0, "icSearchBarBlur", "searchInputBlurHandler"], [0, "icChange", "searchValueChangeHandler"], [4, "brandChange", "brandChangeHandler"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
@@ -25300,7 +25735,7 @@ var arrowDropdown = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
     <path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor"/>
 </svg>`;
 
-const icTreeItemCss = "/*!@:host*/.sc-ic-tree-item-h{display:block;border:none;position:relative}/*!@:host .tree-item-content*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item{display:flex;align-items:center;height:calc(var(--ic-space-xl) + var(--ic-space-xs));padding:0 var(--ic-space-xs);text-decoration:none;color:var(--ic-tree-view-text);--ic-typography-color:var(--ic-tree-view-text)}/*!@::slotted([slot=\"router-item\"])*/.sc-ic-tree-item-s>[slot=\"router-item\"]{display:flex;align-items:center;height:calc(var(--ic-space-xl) + var(--ic-space-xs));text-decoration:none;font-family:var(--ic-font-body-family);color:var(--ic-tree-view-text);padding:0 var(--ic-space-xs) !important}/*!@::slotted([slot=\"router-item\"].ic-tree-item-single)*/.sc-ic-tree-item-s>[slot=\"router-item\"].ic-tree-item-single{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xs)) !important}/*!@:host .tree-item-content:focus,\n::slotted([slot=\"router-item\"]:focus)*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:focus,.sc-ic-tree-item-s>[slot=\"router-item\"]:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none}/*!@:host(.ic-tree-item-focus-inset) .tree-item-content:focus,\n:host(.ic-tree-item-focus-inset) ::slotted([slot=\"router-item\"]:focus)*/.ic-tree-item-focus-inset.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:focus,.sc-ic-tree-item-h.ic-tree-item-focus-inset.sc-ic-tree-item-s>[slot=\"router-item\"]:focus,.sc-ic-tree-item-h.ic-tree-item-focus-inset.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-focus-inset .sc-ic-tree-item-s>[slot=\"router-item\"]:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}/*!@:host(.ic-tree-item-focus-inset) .tree-item-content,\n:host(.ic-tree-item-focus-inset) ::slotted([slot=\"router-item\"])*/.ic-tree-item-focus-inset.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-focus-inset.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-focus-inset .sc-ic-tree-item-s>[slot=\"router-item\"]{padding:0 var(--ic-space-sm)}/*!@:host .tree-item-content:hover,\n::slotted([slot=\"router-item\"]:hover)*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:hover,.sc-ic-tree-item-s>[slot=\"router-item\"]:hover{background-color:var(--ic-tree-view-hover) !important;cursor:pointer}/*!@:host .tree-item-content:active,\n::slotted([slot=\"router-item\"]:active)*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:active,.sc-ic-tree-item-s>[slot=\"router-item\"]:active{background-color:var(--ic-tree-view-pressed) !important}/*!@:host(.ic-tree-item-selected) .tree-item-content,\n:host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"])*/.ic-tree-item-selected.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-selected.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-selected .sc-ic-tree-item-s>[slot=\"router-item\"]{background-color:var(--ic-tree-view-selected) !important}/*!@:host(.ic-tree-item-small) .tree-item-content,\n:host(.ic-tree-item-small) ::slotted([slot=\"router-item\"])*/.ic-tree-item-small.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-small.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-small .sc-ic-tree-item-s>[slot=\"router-item\"]{height:var(--ic-space-xl)}/*!@:host(.ic-tree-item-large) .tree-item-content,\n:host(.ic-tree-item-large) ::slotted([slot=\"router-item\"])*/.ic-tree-item-large.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-large.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-large .sc-ic-tree-item-s>[slot=\"router-item\"]{height:var(--ic-space-xxl)}/*!@:host(.ic-tree-item-disabled)*/.ic-tree-item-disabled.sc-ic-tree-item-h{pointer-events:none}/*!@:host(.ic-tree-item-disabled) .tree-item-content,\n:host(.ic-tree-item-disabled) ::slotted([slot=\"icon\"]),\n:host(.ic-tree-item-disabled) ::slotted([slot=\"router-item\"])*/.ic-tree-item-disabled.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-disabled.sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-disabled .sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-disabled.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-disabled .sc-ic-tree-item-s>[slot=\"router-item\"]{color:var(--ic-tree-view-text-disabled) !important;--ic-typography-color:var(--ic-tree-view-text-disabled) !important;fill:var(--ic-tree-view-icon-disabled);pointer-events:none}/*!@:host .arrow-dropdown*/.sc-ic-tree-item-h .arrow-dropdown.sc-ic-tree-item{color:var(--ic-tree-view-dropdown-arrow);margin-right:var(--ic-space-xs)}/*!@:host(.ic-tree-item-disabled) .arrow-dropdown*/.ic-tree-item-disabled.sc-ic-tree-item-h .arrow-dropdown.sc-ic-tree-item{color:var(--ic-tree-view-dropdown-arrow-disabled)}/*!@:host(.ic-tree-item-small) .arrow-dropdown*/.ic-tree-item-small.sc-ic-tree-item-h .arrow-dropdown.sc-ic-tree-item{margin-right:var(--ic-space-xxs)}/*!@:host .tree-item-expanded*/.sc-ic-tree-item-h .tree-item-expanded.sc-ic-tree-item{transform:rotate(180deg);margin-top:calc(-1 * var(--ic-space-xxs))}/*!@:host .ic-tree-item-single*/.sc-ic-tree-item-h .ic-tree-item-single.sc-ic-tree-item{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xs))}/*!@:host(.ic-tree-item-small) .ic-tree-item-single*/.ic-tree-item-small.sc-ic-tree-item-h .ic-tree-item-single.sc-ic-tree-item{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xxs))}/*!@.icon-container*/.icon-container.sc-ic-tree-item{width:var(--ic-space-lg);height:var(--ic-space-lg);margin:0 var(--ic-space-xs) 0 0}/*!@:host(.ic-tree-item-small) .icon-container*/.ic-tree-item-small.sc-ic-tree-item-h .icon-container.sc-ic-tree-item{margin:0 var(--ic-space-xxs) 0 0}/*!@.ic-text-overflow*/.ic-text-overflow.sc-ic-tree-item{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}/*!@.ic-tooltip-overflow*/.ic-tooltip-overflow.sc-ic-tree-item{overflow:hidden}/*!@::slotted([slot=\"icon\"])*/.sc-ic-tree-item-s>[slot=\"icon\"]{fill:var(--ic-tree-view-icon)}@media (forced-colors: active){/*!@::slotted([slot=\"icon\"])*/.sc-ic-tree-item-s>[slot=\"icon\"]{fill:currentcolor}/*!@:host .tree-item-content:hover,\n  ::slotted([slot=\"router-item\"]:hover),\n  :host .tree-item-content:active,\n  ::slotted([slot=\"router-item\"]:active),\n  :host(.ic-tree-item-selected) .tree-item-content,\n  :host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"])*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:hover,.sc-ic-tree-item-s>[slot=\"router-item\"]:hover,.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:active,.sc-ic-tree-item-s>[slot=\"router-item\"]:active,.ic-tree-item-selected.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-selected.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-selected .sc-ic-tree-item-s>[slot=\"router-item\"]{background-color:none !important}/*!@:host(.ic-tree-item-disabled) .tree-item-content,\n  :host(.ic-tree-item-disabled) .arrow-dropdown,\n  :host(.ic-tree-item-disabled) ::slotted([slot=\"icon\"]),\n  :host(.ic-tree-item-disabled) ::slotted([slot=\"router-item\"])*/.ic-tree-item-disabled.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.ic-tree-item-disabled.sc-ic-tree-item-h .arrow-dropdown.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-disabled.sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-disabled .sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-disabled.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-disabled .sc-ic-tree-item-s>[slot=\"router-item\"]{color:GrayText !important;--ic-typography-color:GrayText !important;fill:GrayText !important}/*!@:host .tree-item-content:focus,\n  ::slotted([slot=\"router-item\"]:focus)*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:focus,.sc-ic-tree-item-s>[slot=\"router-item\"]:focus{border:var(--ic-border-hc) !important}/*!@:host(.ic-tree-item-selected) .tree-item-content,\n  :host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"])*/.ic-tree-item-selected.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-selected.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-selected .sc-ic-tree-item-s>[slot=\"router-item\"]{color:Highlight !important;--ic-typography-color:Highlight !important}}";
+const icTreeItemCss = "/*!@:host*/.sc-ic-tree-item-h{display:block;border:none;position:relative}/*!@:host .tree-item-content*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item{display:flex;align-items:center;min-height:calc(var(--ic-space-xl) + var(--ic-space-xs));padding:0 var(--ic-space-xs);text-decoration:none;color:var(--ic-tree-view-text);--ic-typography-color:var(--ic-tree-view-text)}/*!@::slotted([slot=\"router-item\"])*/.sc-ic-tree-item-s>[slot=\"router-item\"]{display:flex;align-items:center;min-height:calc(var(--ic-space-xl) + var(--ic-space-xs));text-decoration:none;font-family:var(--ic-font-body-family);color:var(--ic-tree-view-text);padding:0 var(--ic-space-xs) !important}/*!@:host(.ic-tree-item-truncate) .tree-item-content,\n:host(.ic-tree-item-truncate) ::slotted([slot=\"router-item\"])*/.ic-tree-item-truncate.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-truncate.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-truncate .sc-ic-tree-item-s>[slot=\"router-item\"]{height:calc(var(--ic-space-xl) + var(--ic-space-xs))}/*!@::slotted([slot=\"router-item\"].ic-tree-item-single)*/.sc-ic-tree-item-s>[slot=\"router-item\"].ic-tree-item-single{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xs)) !important}/*!@:host .tree-item-content:focus,\n::slotted([slot=\"router-item\"]:focus)*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:focus,.sc-ic-tree-item-s>[slot=\"router-item\"]:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none}/*!@:host(.ic-tree-item-focus-inset) .tree-item-content:focus,\n:host(.ic-tree-item-focus-inset) ::slotted([slot=\"router-item\"]:focus)*/.ic-tree-item-focus-inset.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:focus,.sc-ic-tree-item-h.ic-tree-item-focus-inset.sc-ic-tree-item-s>[slot=\"router-item\"]:focus,.sc-ic-tree-item-h.ic-tree-item-focus-inset.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-focus-inset .sc-ic-tree-item-s>[slot=\"router-item\"]:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}/*!@:host(.ic-tree-item-focus-inset) .tree-item-content,\n:host(.ic-tree-item-focus-inset) ::slotted([slot=\"router-item\"])*/.ic-tree-item-focus-inset.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-focus-inset.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-focus-inset .sc-ic-tree-item-s>[slot=\"router-item\"]{padding:0 var(--ic-space-sm)}/*!@:host .tree-item-content:hover,\n::slotted([slot=\"router-item\"]:hover)*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:hover,.sc-ic-tree-item-s>[slot=\"router-item\"]:hover{background-color:var(--ic-tree-view-hover) !important;cursor:pointer}/*!@:host .tree-item-content:active,\n::slotted([slot=\"router-item\"]:active)*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:active,.sc-ic-tree-item-s>[slot=\"router-item\"]:active{background-color:var(--ic-tree-view-pressed) !important}/*!@:host(.ic-tree-item-selected) .tree-item-content,\n:host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"])*/.ic-tree-item-selected.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-selected.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-selected .sc-ic-tree-item-s>[slot=\"router-item\"]{background-color:var(--ic-tree-view-selected) !important}/*!@:host(.ic-tree-item-small) .tree-item-content,\n:host(.ic-tree-item-small) ::slotted([slot=\"router-item\"])*/.ic-tree-item-small.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-small.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-small .sc-ic-tree-item-s>[slot=\"router-item\"]{min-height:var(--ic-space-xl)}/*!@:host(.ic-tree-item-large) .tree-item-content,\n:host(.ic-tree-item-large) ::slotted([slot=\"router-item\"])*/.ic-tree-item-large.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-large.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-large .sc-ic-tree-item-s>[slot=\"router-item\"]{min-height:var(--ic-space-xxl)}/*!@:host(.ic-tree-item-truncate.ic-tree-item-small) .tree-item-content,\n:host(.ic-tree-item-truncate.ic-tree-item-small)\n  ::slotted([slot=\"router-item\"])*/.ic-tree-item-truncate.ic-tree-item-small.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-truncate.ic-tree-item-small .sc-ic-tree-item-s>[slot=\"router-item\"]{height:var(--ic-space-xl)}/*!@:host(.ic-tree-item-truncate.ic-tree-item-large) .tree-item-content,\n:host(.ic-tree-item-truncate.ic-tree-item-large)\n  ::slotted([slot=\"router-item\"])*/.ic-tree-item-truncate.ic-tree-item-large.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-truncate.ic-tree-item-large .sc-ic-tree-item-s>[slot=\"router-item\"]{height:var(--ic-space-xxl)}/*!@:host(.ic-tree-item-disabled)*/.ic-tree-item-disabled.sc-ic-tree-item-h{pointer-events:none}/*!@:host(.ic-tree-item-disabled) .tree-item-content,\n:host(.ic-tree-item-disabled) ::slotted([slot=\"icon\"]),\n:host(.ic-tree-item-disabled) ::slotted([slot=\"router-item\"])*/.ic-tree-item-disabled.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-disabled.sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-disabled .sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-disabled.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-disabled .sc-ic-tree-item-s>[slot=\"router-item\"]{color:var(--ic-tree-view-text-disabled) !important;--ic-typography-color:var(--ic-tree-view-text-disabled) !important;fill:var(--ic-tree-view-icon-disabled);pointer-events:none}/*!@:host .arrow-dropdown*/.sc-ic-tree-item-h .arrow-dropdown.sc-ic-tree-item{color:var(--ic-tree-view-dropdown-arrow);margin-right:var(--ic-space-xs)}/*!@:host(.ic-tree-item-disabled) .arrow-dropdown*/.ic-tree-item-disabled.sc-ic-tree-item-h .arrow-dropdown.sc-ic-tree-item{color:var(--ic-tree-view-dropdown-arrow-disabled)}/*!@:host(.ic-tree-item-small) .arrow-dropdown*/.ic-tree-item-small.sc-ic-tree-item-h .arrow-dropdown.sc-ic-tree-item{margin-right:var(--ic-space-xxs)}/*!@:host .tree-item-expanded*/.sc-ic-tree-item-h .tree-item-expanded.sc-ic-tree-item{transform:rotate(180deg);margin-top:calc(-1 * var(--ic-space-xxs))}/*!@:host .ic-tree-item-single*/.sc-ic-tree-item-h .ic-tree-item-single.sc-ic-tree-item{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xs))}/*!@:host(.ic-tree-item-small) .ic-tree-item-single*/.ic-tree-item-small.sc-ic-tree-item-h .ic-tree-item-single.sc-ic-tree-item{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xxs))}/*!@.icon-container*/.icon-container.sc-ic-tree-item{width:var(--ic-space-lg);height:var(--ic-space-lg);margin:0 var(--ic-space-xs) 0 0}/*!@:host(.ic-tree-item-small) .icon-container*/.ic-tree-item-small.sc-ic-tree-item-h .icon-container.sc-ic-tree-item{margin:0 var(--ic-space-xxs) 0 0}/*!@.ic-text-overflow*/.ic-text-overflow.sc-ic-tree-item{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}/*!@.ic-tooltip-overflow*/.ic-tooltip-overflow.sc-ic-tree-item{overflow:hidden}/*!@::slotted([slot=\"icon\"])*/.sc-ic-tree-item-s>[slot=\"icon\"]{fill:var(--ic-tree-view-icon)}@media (forced-colors: active){/*!@::slotted([slot=\"icon\"])*/.sc-ic-tree-item-s>[slot=\"icon\"]{fill:currentcolor}/*!@:host .tree-item-content:hover,\n  ::slotted([slot=\"router-item\"]:hover),\n  :host .tree-item-content:active,\n  ::slotted([slot=\"router-item\"]:active),\n  :host(.ic-tree-item-selected) .tree-item-content,\n  :host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"])*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:hover,.sc-ic-tree-item-s>[slot=\"router-item\"]:hover,.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:active,.sc-ic-tree-item-s>[slot=\"router-item\"]:active,.ic-tree-item-selected.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-selected.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-selected .sc-ic-tree-item-s>[slot=\"router-item\"]{background-color:none !important}/*!@:host(.ic-tree-item-disabled) .tree-item-content,\n  :host(.ic-tree-item-disabled) .arrow-dropdown,\n  :host(.ic-tree-item-disabled) ::slotted([slot=\"icon\"]),\n  :host(.ic-tree-item-disabled) ::slotted([slot=\"router-item\"])*/.ic-tree-item-disabled.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.ic-tree-item-disabled.sc-ic-tree-item-h .arrow-dropdown.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-disabled.sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-disabled .sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-disabled.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-disabled .sc-ic-tree-item-s>[slot=\"router-item\"]{color:GrayText !important;--ic-typography-color:GrayText !important;fill:GrayText !important}/*!@:host .tree-item-content:focus,\n  ::slotted([slot=\"router-item\"]:focus)*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:focus,.sc-ic-tree-item-s>[slot=\"router-item\"]:focus{border:var(--ic-border-hc) !important}/*!@:host(.ic-tree-item-selected) .tree-item-content,\n  :host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"])*/.ic-tree-item-selected.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-selected.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-selected .sc-ic-tree-item-s>[slot=\"router-item\"]{color:Highlight !important;--ic-typography-color:Highlight !important}}";
 
 let treeItemIds = 0;
 /**
@@ -25385,11 +25820,6 @@ class TreeItem {
                 }
             }
         };
-        this.hostMutationCallback = (mutationList) => {
-            if (mutationList.some(({ type, addedNodes, removedNodes }) => type === "childList"
-                ? checkSlotInChildMutations(addedNodes, removedNodes, "icon")
-                : false)) ;
-        };
         this.handleDisplayTooltip = (display) => {
             const typographyEl = this.el.shadowRoot.querySelector(".tree-item-label");
             const tooltip = typographyEl === null || typographyEl === void 0 ? void 0 : typographyEl.closest(this.TOOLTIP);
@@ -25410,6 +25840,10 @@ class TreeItem {
         this.size = "medium";
         this.target = undefined;
         this.theme = "inherit";
+        this.truncateTreeItem = undefined;
+    }
+    watchDisabledHandler() {
+        removeDisabledFalse(this.disabled, this.el);
     }
     watchSelectedHandler() {
         if (this.selected) {
@@ -25421,6 +25855,9 @@ class TreeItem {
         var _a;
         (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
+    componentWillLoad() {
+        removeDisabledFalse(this.disabled, this.el);
+    }
     componentDidLoad() {
         this.childTreeItems = Array.from(this.el.children).filter((child) => child.tagName === this.treeItemTag);
         if (this.childTreeItems.length > 0) {
@@ -25429,11 +25866,11 @@ class TreeItem {
         this.setTreeItemPadding();
         this.updateAriaLabel();
         setTimeout(() => {
-            this.truncateTreeItemLabel(this.el);
+            this.truncateTreeItem && this.truncateTreeItemLabel(this.el);
         }, 100);
         !isSlotUsed(this.el, "label") &&
             onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Tree item");
-        this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);
+        this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots(mutationList, "icon"));
         this.hostMutationObserver.observe(this.el, {
             childList: true,
         });
@@ -25441,7 +25878,7 @@ class TreeItem {
     componentDidUpdate() {
         if (this.hasParentExpanded) {
             this.childTreeItems.forEach((child) => {
-                this.truncateTreeItemLabel(child);
+                child.truncateTreeItem && this.truncateTreeItemLabel(child);
             });
             this.hasParentExpanded = false;
         }
@@ -25520,6 +25957,7 @@ class TreeItem {
                 [`ic-tree-item-${size}`]: size !== "medium",
                 [`ic-tree-item-focus-inset`]: focusInset,
                 [`ic-theme-${theme}`]: theme !== "inherit",
+                "ic-tree-item-truncate": this.truncateTreeItem,
             }, id: this.treeItemId }, this.hasRouterSlot() ? (hAsync("slot", { name: "router-item" })) : (hAsync(Component, Object.assign({ class: {
                 "tree-item-content": true,
             }, tabIndex: disabled ? -1 : 0, onClick: this.handleTreeItemClicked, ref: (el) => (this.treeItemElement = el), "aria-disabled": disabled ? "true" : "false", "aria-live": "polite" }, attrs, { onFocus: () => this.handleDisplayTooltip(true), onBlur: () => this.handleDisplayTooltip(false) }), this.isParent && (hAsync("span", { class: {
@@ -25529,6 +25967,7 @@ class TreeItem {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
+        "disabled": ["watchDisabledHandler"],
         "selected": ["watchSelectedHandler"]
     }; }
     static get style() { return icTreeItemCss; }
@@ -25550,6 +25989,7 @@ class TreeItem {
             "size": [1],
             "target": [1],
             "theme": [1],
+            "truncateTreeItem": [4, "truncate-tree-item"],
             "childTreeItems": [32],
             "setFocus": [64],
             "updateAriaLabel": [64]
@@ -25560,7 +26000,7 @@ class TreeItem {
     }; }
 }
 
-const icTreeViewCss = "/*!@:host*/.sc-ic-tree-view-h{display:block;width:var(--tree-view-width, 100%);background-color:var(--ic-tree-view-background)}/*!@:host .heading-area-container*/.sc-ic-tree-view-h .heading-area-container.sc-ic-tree-view{border-bottom:var(--ic-space-1px) solid var(--ic-tree-view-divider);display:flex;align-items:center;height:calc(var(--ic-space-xl) + var(--ic-space-xs) - var(--ic-space-1px));padding:0 var(--ic-space-xs);--ic-typography-color:var(--ic-tree-view-text)}/*!@:host(.ic-tree-view-small) .heading-area-container*/.ic-tree-view-small.sc-ic-tree-view-h .heading-area-container.sc-ic-tree-view{height:calc(var(--ic-space-xl) - var(--ic-space-1px))}/*!@:host(.ic-tree-view-large) .heading-area-container*/.ic-tree-view-large.sc-ic-tree-view-h .heading-area-container.sc-ic-tree-view{height:calc(var(--ic-space-xxl) - var(--ic-space-1px))}/*!@.icon-container*/.icon-container.sc-ic-tree-view{width:var(--ic-space-lg);height:var(--ic-space-lg);margin:0 var(--ic-space-xs) 0 0}/*!@:host(.ic-tree-view-small) .icon-container*/.ic-tree-view-small.sc-ic-tree-view-h .icon-container.sc-ic-tree-view{margin:0 var(--ic-space-xxs) 0 0}/*!@.ic-text-overflow*/.ic-text-overflow.sc-ic-tree-view{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}/*!@.ic-tooltip-overflow*/.ic-tooltip-overflow.sc-ic-tree-view{overflow:hidden}/*!@::slotted([slot=\"icon\"])*/.sc-ic-tree-view-s>[slot=\"icon\"]{fill:var(--ic-tree-view-icon)}@media (forced-colors: active){/*!@::slotted([slot=\"icon\"])*/.sc-ic-tree-view-s>[slot=\"icon\"]{fill:currentcolor}}";
+const icTreeViewCss = "/*!@:host*/.sc-ic-tree-view-h{display:block;width:var(--tree-view-width, 100%);background-color:var(--ic-tree-view-background)}/*!@:host .heading-area-container*/.sc-ic-tree-view-h .heading-area-container.sc-ic-tree-view{border-bottom:var(--ic-space-1px) solid var(--ic-tree-view-divider);display:flex;align-items:center;min-height:calc(\n    var(--ic-space-xl) + var(--ic-space-xs) - var(--ic-space-1px)\n  );padding:0 var(--ic-space-xs);--ic-typography-color:var(--ic-tree-view-text)}/*!@:host(.ic-tree-view-small) .heading-area-container*/.ic-tree-view-small.sc-ic-tree-view-h .heading-area-container.sc-ic-tree-view{min-height:calc(var(--ic-space-xl) - var(--ic-space-1px))}/*!@:host(.ic-tree-view-large) .heading-area-container*/.ic-tree-view-large.sc-ic-tree-view-h .heading-area-container.sc-ic-tree-view{min-height:calc(var(--ic-space-xxl) - var(--ic-space-1px))}/*!@:host(.ic-tree-view-truncate) .heading-area-container*/.ic-tree-view-truncate.sc-ic-tree-view-h .heading-area-container.sc-ic-tree-view{height:calc(var(--ic-space-xl) + var(--ic-space-xs) - var(--ic-space-1px))}/*!@:host(.ic-tree-view-truncate.ic-tree-view-small) .heading-area-container*/.ic-tree-view-truncate.ic-tree-view-small.sc-ic-tree-view-h .heading-area-container.sc-ic-tree-view{height:calc(var(--ic-space-xl) - var(--ic-space-1px))}/*!@:host(.ic-tree-view-truncate.ic-tree-view-large) .heading-area-container*/.ic-tree-view-truncate.ic-tree-view-large.sc-ic-tree-view-h .heading-area-container.sc-ic-tree-view{height:calc(var(--ic-space-xxl) - var(--ic-space-1px))}/*!@.icon-container*/.icon-container.sc-ic-tree-view{width:var(--ic-space-lg);height:var(--ic-space-lg);margin:0 var(--ic-space-xs) 0 0}/*!@:host(.ic-tree-view-small) .icon-container*/.ic-tree-view-small.sc-ic-tree-view-h .icon-container.sc-ic-tree-view{margin:0 var(--ic-space-xxs) 0 0}/*!@.ic-text-overflow*/.ic-text-overflow.sc-ic-tree-view{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}/*!@.ic-tooltip-overflow*/.ic-tooltip-overflow.sc-ic-tree-view{overflow:hidden}/*!@::slotted([slot=\"icon\"])*/.sc-ic-tree-view-s>[slot=\"icon\"]{fill:var(--ic-tree-view-icon)}@media (forced-colors: active){/*!@::slotted([slot=\"icon\"])*/.sc-ic-tree-view-s>[slot=\"icon\"]{fill:currentcolor}}";
 
 let treeViewIds = 0;
 /**
@@ -25676,11 +26116,6 @@ class TreeView {
                 }
             }
         };
-        this.hostMutationCallback = (mutationList) => {
-            if (mutationList.some(({ type, addedNodes, removedNodes }) => type === "childList"
-                ? checkSlotInChildMutations(addedNodes, removedNodes, "icon")
-                : false)) ;
-        };
         this.isHeadingDefined = () => isPropDefined(this.heading) && this.heading !== null;
         this.hasHeadingAreaContent = () => {
             return (isSlotUsed(this.el, "heading") ||
@@ -25692,6 +26127,8 @@ class TreeView {
         this.heading = "";
         this.size = "medium";
         this.theme = "inherit";
+        this.truncateHeading = false;
+        this.truncateTreeItems = false;
     }
     watchFocusInsetHandler() {
         this.treeItems.forEach((treeItem) => {
@@ -25708,6 +26145,13 @@ class TreeView {
             treeItem.theme = this.theme;
         });
     }
+    watchTruncateTreeItemsHandler() {
+        this.treeItems.forEach((treeItem) => {
+            if (treeItem.truncateTreeItem === undefined) {
+                treeItem.truncateTreeItem = this.truncateTreeItems;
+            }
+        });
+    }
     disconnectedCallback() {
         var _a, _b;
         (_a = this.el) === null || _a === void 0 ? void 0 : _a.removeEventListener("slotchange", this.setTreeItems);
@@ -25718,11 +26162,12 @@ class TreeView {
         this.watchSizeHandler();
         this.watchFocusInsetHandler();
         this.watchThemeHandler();
+        this.watchTruncateTreeItemsHandler();
         setTimeout(() => {
-            this.truncateTreeViewHeading();
+            this.truncateHeading && this.truncateTreeViewHeading();
         }, 100);
         this.addSlotChangeListener();
-        this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);
+        this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots(mutationList, "icon"));
         this.hostMutationObserver.observe(this.el, {
             childList: true,
         });
@@ -25752,13 +26197,15 @@ class TreeView {
         return (hAsync(Host, { "context-id": this.treeViewId, class: {
                 [`ic-tree-view-${size}`]: size !== "medium",
                 [`ic-theme-${theme}`]: theme !== "inherit",
+                "ic-tree-view-truncate": this.truncateHeading,
             }, onKeyDown: this.handleKeyDown, "aria-label": this.isHeadingDefined() ? heading : null }, this.hasHeadingAreaContent() && (hAsync("div", { class: "heading-area-container" }, isSlotUsed(this.el, "icon") && (hAsync("div", { class: "icon-container" }, hAsync("slot", { name: "icon" }))), hAsync("ic-typography", { variant: "subtitle-large", class: "tree-view-header" }, isSlotUsed(this.el, "heading") ? (hAsync("slot", { name: "heading" })) : (heading)))), hAsync("slot", null)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
         "focusInset": ["watchFocusInsetHandler"],
         "size": ["watchSizeHandler"],
-        "theme": ["watchThemeHandler"]
+        "theme": ["watchThemeHandler"],
+        "truncateTreeItems": ["watchTruncateTreeItemsHandler"]
     }; }
     static get style() { return icTreeViewCss; }
     static get cmpMeta() { return {
@@ -25769,6 +26216,8 @@ class TreeView {
             "heading": [1],
             "size": [1],
             "theme": [1],
+            "truncateHeading": [4, "truncate-heading"],
+            "truncateTreeItems": [4, "truncate-tree-items"],
             "treeItems": [32]
         },
         "$listeners$": [[0, "icTreeItemSelected", "handleTreeItemSelected"]],