npm - @ukic/web-components - Versions diffs - 2.18.0 → 2.19.0 - Mend

@ukic/web-components 2.18.0 → 2.19.0

Files changed (511) hide show

package/hydrate/index.js CHANGED Viewed

@@ -7727,7 +7727,12 @@ const renderHiddenInput = (always, container, name, value, disabled) => {
         }
         input.disabled = disabled;
         input.name = name;
-        input.value = value || "";
+        if (value instanceof Date) {
+            input.value = value ? value.toISOString() : null;
+        }
+        else {
+            input.value = value || "";
+        }
     }
 };
 /**
@@ -7813,7 +7818,14 @@ const getThemeFromContext = (el, themeFromEvent = null) => {
     }
     return IcThemeForegroundEnum.Default;
 };
-const isMobileOrTablet = () => "maxTouchPoints" in navigator ? navigator.maxTouchPoints > 0 : false;
+/**
+ * Checks if the current device is a mobile or tablet device.
+ * @returns {boolean} Returns true if the device is a mobile or tablet device, otherwise returns false.
+ */
+const isMobileOrTablet = () => "maxTouchPoints" in navigator && "userAgent" in navigator
+    ? navigator.maxTouchPoints > 0 &&
+        /iPad|iPhone|iPod|Android|webOS|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)
+    : false;
 /**
  * Will create a button within the lightDOM which interacts with the parent form.
  * This is required as buttons within the shadowDOM will not invoke a submit or reset
@@ -8085,6 +8097,17 @@ const removeDisabledFalse = (disabled, element) => {
         element.removeAttribute("disabled");
     }
 };
+const convertToRGBA = (color) => {
+    let colorRGBA = null;
+    const firstChar = color.slice(0, 1);
+    if (firstChar === "#") {
+        colorRGBA = hexToRgba(color);
+    }
+    else if (firstChar.toLowerCase() === "r") {
+        colorRGBA = rgbaStrToObj(color);
+    }
+    return colorRGBA;
+};
 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"/>
@@ -8294,19 +8317,28 @@ class AccordionGroup {
             });
         }
     }
+    /**
+     * Sets the focus on first focusable element in the accordion group. If the "See/Hide all" button is present, it will be focused.
+     * Otherwise, the first accordion will be focused.
+     */
+    async setFocus() {
+        const focusEl = this.singleExpansion
+            ? this.accordions[0]
+            : this.allButtonEl;
+        focusEl.setFocus();
+    }
     render() {
         const { appearance, size, groupTitle, singleExpansion, accessibleButtonLabel, } = this;
         return (hAsync(Host, { "context-id": this.accordionGroupId, class: {
                 [`${appearance}`]: true,
                 [`${size}`]: true,
                 ["accordion-group"]: true,
-            } }, hAsync("div", { class: "group-title-container" }, hAsync("ic-typography", { variant: "h4" }, hAsync("h3", null, groupTitle)), !singleExpansion && (hAsync("ic-button", { appearance: appearance === "light" ? "light" : "default", onClick: this.handleExpanded, variant: "tertiary", "aria-label": `${this.accordionOpenBtnText()} ${accessibleButtonLabel}` }, this.accordionOpenBtnText()))), hAsync("slot", null)));
+            } }, hAsync("div", { class: "group-title-container" }, hAsync("ic-typography", { variant: "h4" }, hAsync("h3", null, groupTitle)), !singleExpansion && (hAsync("ic-button", { ref: (el) => (this.allButtonEl = el), appearance: appearance === "light" ? "light" : "default", onClick: this.handleExpanded, variant: "tertiary", "aria-label": `${this.accordionOpenBtnText()} ${accessibleButtonLabel}` }, this.accordionOpenBtnText()))), hAsync("slot", null)));
     }
-    static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
     static get style() { return icAccordionGroupCss; }
     static get cmpMeta() { return {
-        "$flags$": 25,
+        "$flags$": 9,
         "$tagName$": "ic-accordion-group",
         "$members$": {
             "accessibleButtonLabel": [1, "accessible-button-label"],
@@ -8316,7 +8348,8 @@ class AccordionGroup {
             "singleExpansion": [4, "single-expansion"],
             "size": [1],
             "accordions": [32],
-            "areAllAccordionsOpen": [32]
+            "areAllAccordionsOpen": [32],
+            "setFocus": [64]
         },
         "$listeners$": [[0, "accordionClicked", "handleAccordionClicked"]],
         "$lazyBundleId$": "-",
@@ -8564,16 +8597,10 @@ const icBadgeCss = "@media (prefers-reduced-motion: no-preference){/*!@:host(.sh
 class Badge {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.ariaLabel = null;
         this.setBadgeColour = () => {
-            let colorRGBA = null;
-            if (this.customColor !== null) {
-                const firstChar = this.customColor.slice(0, 1);
-                if (firstChar === "#") {
-                    colorRGBA = hexToRgba(this.customColor);
-                }
-                else if (firstChar.toLowerCase() === "r") {
-                    colorRGBA = rgbaStrToObj(this.customColor);
-                }
+            if (this.customColor !== null && convertToRGBA(this.customColor) !== null) {
+                const colorRGBA = convertToRGBA(this.customColor);
                 this.customColorRGBA = colorRGBA;
                 this.el.style.backgroundColor = `rgba(${colorRGBA.r.toString()}, ${colorRGBA.g.toString()}, ${colorRGBA.b.toString()}, ${colorRGBA.a.toString()})`;
             }
@@ -8646,13 +8673,22 @@ class Badge {
             }
             return label;
         };
+        // Set aria-label on badge and / or parent element
+        // Aria-describedby seems to not work, probably due to shadow DOM
         this.setAccessibleLabel = () => {
+            const parentElType = getParentElementType(this.el);
+            const parentElAriaLabel = getParentElement(this.el).ariaLabel;
+            const defaultAriaLabel = this.isAccessibleLabelDefined()
+                ? this.accessibleLabel
+                : this.textLabel || "with badge being displayed";
             if (getParentElement(this.el) !== null) {
-                if (getParentElementType(this.el) === "IC-TAB") {
-                    getParentElement(this.el).setAttribute("aria-describedby", "badge");
+                if (parentElType !== "IC-CARD" &&
+                    (parentElType !== "IC-TAB" ||
+                        (parentElType === "IC-TAB" && parentElAriaLabel))) {
+                    getParentElement(this.el).ariaLabel = `${parentElAriaLabel ? `${parentElAriaLabel} ,` : ""} ${defaultAriaLabel}`;
                 }
                 else {
-                    getParentElement(this.el).ariaLabel = `badge displaying ${this.accessibleLabel}`;
+                    this.ariaLabel = `, ${defaultAriaLabel}`;
                 }
             }
         };
@@ -8672,7 +8708,7 @@ class Badge {
     componentWillLoad() {
         this.variant === "custom" && this.setBadgeColour();
         this.getBadgeForeground();
-        this.isAccessibleLabelDefined() && this.setAccessibleLabel();
+        this.setAccessibleLabel();
     }
     componentDidLoad() {
         this.type === "text" &&
@@ -8700,9 +8736,7 @@ class Badge {
                 [`foreground-${foregroundColour}`]: foregroundColour !== null,
                 ["show"]: visible,
                 ["hide"]: !visible,
-            }, id: this.el.id || null, "aria-label": this.isAccessibleLabelDefined()
-                ? `badge displaying ${this.accessibleLabel}`
-                : "badge being displayed", role: "status" }, type === "icon" && hAsync("slot", { name: "badge-icon" }), type === "text" && (hAsync("ic-typography", { variant: size === "small" ? "badge-small" : "badge" }, this.getTextLabel()))));
+            }, id: this.el.id || null, "aria-label": this.ariaLabel, role: "status" }, type === "icon" && hAsync("slot", { name: "badge-icon" }), type === "text" && (hAsync("ic-typography", { variant: size === "small" ? "badge-small" : "badge" }, this.getTextLabel()))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -9015,7 +9049,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 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;--button-default:var(--ic-action-default);--button-default-hover:var(--ic-action-default-hover);--button-default-active:var(--ic-action-default-active);--button-default-background-hover:var(--ic-action-default-bg-hover);--button-default-background-active:var(--ic-action-default-bg-active);--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:host .button:focus,\n:host(.light) .button:focus,\n::slotted(a:focus)*/.button.sc-ic-button:focus,.sc-ic-button-h .button.sc-ic-button:focus,.light.sc-ic-button-h .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(.dark) .button,\n:host(.dark) ::slotted(a)*/.dark.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.dark.sc-ic-button-s>a,.sc-ic-button-h.dark .sc-ic-button-s>a{--button-default:var(--ic-action-dark);--button-default-hover:var(--ic-action-dark);--button-default-active:var(--ic-action-dark);--button-default-background-hover:var(--ic-action-dark-bg-hover);--button-default-background-active:var(--ic-action-dark-bg-active)}/*!@:host(.light) .button,\n:host(.light) ::slotted(a)*/.light.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.light.sc-ic-button-s>a,.sc-ic-button-h.light .sc-ic-button-s>a{--button-default:var(--ic-action-light);--button-default-hover:var(--ic-action-light);--button-default-active:var(--ic-action-light);--button-default-background-hover:var(--ic-action-light-bg-hover);--button-default-background-active:var(--ic-action-light-bg-active)}/*!@:host(.white-background) .button,\n:host(.white-background) ::slotted(a)*/.white-background.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.white-background.sc-ic-button-s>a,.sc-ic-button-h.white-background .sc-ic-button-s>a{--button-default-background-hover:var(--ic-action-default-bg-hover-no-alpha);--button-default-background-active:var(\n    --ic-action-default-bg-active-no-alpha\n  );background-color:var(--ic-architectural-white)}/*!@:host(.white-background.dark) .button,\n:host(.white-background.dark) ::slotted(a)*/.white-background.dark.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.white-background.dark.sc-ic-button-s>a,.sc-ic-button-h.white-background.dark .sc-ic-button-s>a{--button-default-background-hover:var(--ic-action-dark-bg-hover-no-alpha);--button-default-background-active:var(--ic-action-dark-bg-active-no-alpha)}/*!@:host(.button-variant-primary.light) .button,\n:host(.button-variant-primary.light) ::slotted(a)*/.button-variant-primary.light.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.light.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.light .sc-ic-button-s>a{color:var(--ic-color-primary-text);--button-default-hover:var(--ic-action-light-hover);--button-default-active:var(--ic-action-light-active)}/*!@:host(.button-variant-primary.dark) .button,\n:host(.button-variant-primary.dark) ::slotted(a)*/.button-variant-primary.dark.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.dark.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.dark .sc-ic-button-s>a{--button-default-hover:var(--ic-action-dark-hover);--button-default-active:var(--ic-action-dark-active)}/*!@:host(.disabled),\n:host(.disabled) .button,\n:host(.disabled) ::slotted(a),\n:host(.loading),\n:host(.loading) .button*/.disabled.sc-ic-button-h,.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.disabled.sc-ic-button-s>a,.sc-ic-button-h.disabled .sc-ic-button-s>a,.loading.sc-ic-button-h,.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(.button-variant-primary) .button,\n:host(.button-variant-primary) ::slotted(a)*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a{color:var(--ic-architectural-white);background-color:var(--button-default)}/*!@:host(.button-variant-primary) .button:hover:not(:focus)*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--button-default-hover)}/*!@:host(.button-variant-primary) .button:hover:focus*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:hover:focus{background-color:var(--button-default-hover);border-color:var(--button-default-hover)}/*!@:host(.button-variant-primary:not(.light)) .button:hover:focus,\n:host(.button-variant-primary:not(.light)) ::slotted(a:hover:focus)*/.button-variant-primary.sc-ic-button-h:not(.light) .button.sc-ic-button:hover:focus,.sc-ic-button-h.button-variant-primary:not(.light).sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-primary:not(.light) .sc-ic-button-s>a:hover:focus{color:var(--ic-architectural-white)}/*!@:host(.button-variant-primary) .button:active:not(:focus),\n:host(.button-variant-primary.loading) .button*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-primary.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-active)}/*!@:host(.button-variant-primary) .button:active:focus*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:active:focus{background-color:var(--button-default-active)}/*!@:host(.button-variant-primary) .button:active*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:active{background-color:var(--button-default-active)}/*!@:host(.button-variant-primary:not(.light)) .button:active,\n:host(.button-variant-primary:not(.light)) ::slotted(a:active)*/.button-variant-primary.sc-ic-button-h:not(.light) .button.sc-ic-button:active,.sc-ic-button-h.button-variant-primary:not(.light).sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-primary:not(.light) .sc-ic-button-s>a:active{color:var(--ic-architectural-white)}/*!@:host(.button-variant-primary.disabled) .button,\n:host(.button-variant-primary.disabled) ::slotted(a)*/.button-variant-primary.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.disabled .sc-ic-button-s>a{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}/*!@:host(.button-variant-primary.light.disabled) .button,\n:host(.button-variant-primary.light.disabled) ::slotted(a)*/.button-variant-primary.light.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.light.disabled .sc-ic-button-s>a{background:var(--ic-architectural-600);color:var(--ic-architectural-500)}/*!@:host(.button-variant-secondary) .button,\n:host(.button-variant-secondary) ::slotted(a)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a{border:var(--ic-border-width) solid var(--button-default);color:var(--button-default)}/*!@:host(.button-variant-secondary) .button:hover:not(:focus),\n:host(.button-variant-secondary) .button:hover:focus,\n:host(.button-variant-secondary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-secondary) ::slotted(a:hover:focus)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:hover:focus,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover);border-color:var(--button-default-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-secondary) .button:active:not(:focus),\n:host(.button-variant-secondary) .button:active:focus,\n:host(.button-variant-secondary) .button:active,\n:host(.button-variant-secondary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-secondary) ::slotted(a:active:focus),\n:host(.button-variant-secondary) ::slotted(a:active)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active:focus,.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active{border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-secondary.loading) .button*/.button-variant-secondary.loading.sc-ic-button-h .button.sc-ic-button{border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-secondary.disabled) .button,\n:host(.button-variant-secondary.disabled) .button:hover,\n:host(.button-variant-secondary.disabled) .button:active,\n:host(.button-variant-secondary.disabled) ::slotted(a),\n:host(.button-variant-secondary.disabled) ::slotted(a:hover),\n:host(.button-variant-secondary.disabled) ::slotted(a:active)*/.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-secondary.light.disabled) .button,\n:host(.button-variant-secondary.light.disabled) .button:hover,\n:host(.button-variant-secondary.light.disabled) .button:active,\n:host(.button-variant-secondary.light.disabled) ::slotted(a),\n:host(.button-variant-secondary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-secondary.light.disabled) ::slotted(a:active)*/.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}/*!@:host(.button-variant-tertiary) .button,\n:host(.button-variant-tertiary) ::slotted(a)*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a{color:var(--button-default)}/*!@:host(.button-variant-tertiary) .button:hover:not(:focus),\n:host(.button-variant-tertiary) .button:hover:focus,\n:host(.button-variant-tertiary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-tertiary) ::slotted(a:hover:focus)*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:hover:focus,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-tertiary) .button:active:not(:focus),\n:host(.button-variant-tertiary) .button:active:focus,\n:host(.button-variant-tertiary) .button:active,\n:host(.button-variant-tertiary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-tertiary) ::slotted(a:active:focus),\n:host(.button-variant-tertiary) ::slotted(a:active),\n:host(.button-variant-tertiary.loading) .button*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active:focus,.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active,.button-variant-tertiary.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-tertiary.disabled) .button,\n:host(.button-variant-tertiary.disabled) .button:hover,\n:host(.button-variant-tertiary.disabled) .button:active,\n:host(.button-variant-tertiary.disabled) ::slotted(a),\n:host(.button-variant-tertiary.disabled) ::slotted(a:hover),\n:host(.button-variant-tertiary.disabled) ::slotted(a:active)*/.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-tertiary.light.disabled) .button,\n:host(.button-variant-tertiary.light.disabled) .button:hover,\n:host(.button-variant-tertiary.light.disabled) .button:active,\n:host(.button-variant-tertiary.light.disabled) ::slotted(a),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a:active)*/.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}/*!@: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:not(:focus),\n:host(.button-variant-icon) .button:hover:focus,\n:host(.button-variant-icon) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-icon) ::slotted(a:hover:focus)*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover: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:hover:not(:focus),.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover:focus{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) .button:hover,\n:host(.button-variant-icon.disabled) .button:active,\n:host(.button-variant-icon.disabled) ::slotted(a),\n:host(.button-variant-icon.disabled) ::slotted(a:hover),\n:host(.button-variant-icon.disabled) ::slotted(a:active)*/.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button:active,.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,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a:active{color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-destructive) .button,\n:host(.button-variant-destructive) ::slotted(a)*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a{color:var(--ic-architectural-white);background-color:var(--ic-action-destructive);text-transform:uppercase}/*!@:host(.button-variant-destructive) .button:hover:not(:focus),\n:host(.button-variant-destructive) .button:hover:focus*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:hover:focus{background-color:var(--ic-action-destructive-hover)}/*!@:host(.button-variant-destructive) .button:active:not(:focus),\n:host(.button-variant-destructive) .button:active:focus,\n:host(.button-variant-destructive.loading) .button*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:active:focus,.button-variant-destructive.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-action-destructive-active)}/*!@:host(.button-variant-destructive.disabled) .button,\n:host(.button-variant-destructive.disabled) ::slotted(a)*/.button-variant-destructive.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-destructive.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive.disabled .sc-ic-button-s>a{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}/*!@:host(.button-size-default) .button*/.button-size-default.sc-ic-button-h .button.sc-ic-button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}/*!@:host(.button-size-small) .button*/.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(.button-size-large) .button*/.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(.button-size-default.button-variant-icon) .button,\n:host(.button-size-default.button-variant-icon) ::slotted(a)*/.button-size-default.button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-size-default.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-default.button-variant-icon .sc-ic-button-s>a{height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}/*!@:host(.button-size-small.button-variant-icon) .button,\n:host(.button-size-small.button-variant-icon) ::slotted(a)*/.button-size-small.button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-size-small.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-small.button-variant-icon .sc-ic-button-s>a{height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}/*!@:host(.button-size-large.button-variant-icon) .button,\n:host(.button-size-large.button-variant-icon) ::slotted(a)*/.button-size-large.button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-size-large.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-large.button-variant-icon .sc-ic-button-s>a{height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}/*!@:host(.full-width),\n:host(.full-width) .button,\n:host(.full-width) ::slotted(a)*/.full-width.sc-ic-button-h,.full-width.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.full-width.sc-ic-button-s>a,.sc-ic-button-h.full-width .sc-ic-button-s>a{width:100%}/*!@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{--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)}/*!@::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(.button-variant-icon) .button .icon-container*/.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{--icon-height:1.25rem;--icon-width:1.25rem}/*!@: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}/*!@:host(.clear-button)*/.clear-button.sc-ic-button-h{margin:0 var(--ic-space-xxs)}/*!@:host(.clear-button) .button:focus*/.clear-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@: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)*/.search-submit-button.sc-ic-button-h{display:flex;align-items:center;margin:0 var(--ic-space-xxs)}/*!@: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}/*!@: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(.white-background) ::slotted(a)*/.sc-ic-button-h.white-background.sc-ic-button-s>a,.sc-ic-button-h.white-background .sc-ic-button-s>a{background-color:var(--ic-architectural-white) !important}/*!@:host(.button-variant-primary) ::slotted(a)*/.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a{background-color:var(--button-default) !important}/*!@:host(.button-variant-primary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-primary) ::slotted(a:hover:focus)*/.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-hover) !important}/*!@:host(.button-variant-primary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-primary) ::slotted(a:active),\n:host(.button-variant-primary) ::sloted(a:active:focus)*/.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a:active,.button-variant-primary.sc-ic-button-h .sc-ic-button::sloted(a:active:focus){background-color:var(--button-default-active) !important}/*!@:host(.button-variant-primary.disabled) ::slotted(a),\n:host(.button-variant-destructive.disabled) ::slotted(a)*/.sc-ic-button-h.button-variant-primary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive.disabled .sc-ic-button-s>a{background:var(--ic-architectural-200) !important}/*!@:host(.button-variant-primary.light.disabled) ::slotted(a)*/.sc-ic-button-h.button-variant-primary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.light.disabled .sc-ic-button-s>a{background:var(--ic-architectural-600) !important}/*!@:host(.button-variant-secondary) ::slotted(a)*/.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a{border:var(--ic-border-width) solid var(--button-default) !important}/*!@:host(.button-variant-secondary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-secondary) ::slotted(a:hover:focus)*/.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover) !important;border-color:var(--button-default-hover) !important}/*!@:host(.button-variant-secondary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-secondary) ::slotted(a:active:focus),\n:host(.button-variant-secondary) ::slotted(a:active)*/.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active{border-color:var(--button-default-active) !important;background-color:var(--button-default-background-active) !important}/*!@:host(.button-variant-secondary.disabled) ::slotted(a),\n:host(.button-variant-secondary.disabled) ::slotted(a:hover),\n:host(.button-variant-secondary.disabled) ::slotted(a:active),\n:host(.button-variant-tertiary.disabled) ::slotted(a),\n:host(.button-variant-tertiary.disabled) ::slotted(a:hover),\n:host(.button-variant-tertiary.disabled) ::slotted(a:active)*/.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-300) !important;background:none !important}/*!@:host(.button-variant-secondary.light.disabled) ::slotted(a),\n:host(.button-variant-secondary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-secondary.light.disabled) ::slotted(a:active),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a:active)*/.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-500) !important;background:none !important}/*!@:host(.button-variant-tertiary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-tertiary) ::slotted(a:hover:focus),\n:host(.button-variant-icon) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-icon) ::slotted(a:hover:focus)*/.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:hover: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:hover:not(:focus),.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover) !important}/*!@:host(.button-variant-tertiary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-tertiary) ::slotted(a:active:focus),\n:host(.button-variant-tertiary) ::slotted(a:active),\n:host(.button-variant-icon) ::slotted(a:active:not(:focus))*/.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active,.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){background-color:var(--button-default-background-active) !important}/*!@:host(.button-variant-icon.disabled) ::slotted(a),\n:host(.button-variant-icon.disabled) ::slotted(a:hover),\n:host(.button-variant-icon.disabled) ::slotted(a:active)*/.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,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a:active{background:none !important}/*!@:host(.button-variant-destructive) ::slotted(a)*/.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a{background-color:var(--ic-action-destructive) !important}/*!@:host(.button-variant-destructive) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-destructive) ::slotted(a:hover:focus)*/.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a:hover:focus{background-color:var(--ic-action-destructive-hover) !important}/*!@:host(.button-variant-destructive) ::slotted(a:active:not(:focus)),\n:host(.button-variant-destructive) ::slotted(a:active:focus)*/.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a:active:focus{background-color:var(--ic-action-destructive-active) !important}/*!@:host(.button-size-default) ::slotted(a)*/.sc-ic-button-h.button-size-default .sc-ic-button-s>a{height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}/*!@:host(.button-size-small) ::slotted(a)*/.sc-ic-button-h.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(.button-size-large) ::slotted(a)*/.sc-ic-button-h.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(.button-size-default.button-variant-icon) ::slotted(a)*/.sc-ic-button-h.button-size-default.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-default.button-variant-icon .sc-ic-button-s>a{height:var(--height, var(--ic-space-xl)) !important;padding:0.375rem !important}/*!@:host(.button-size-small.button-variant-icon) ::slotted(a)*/.sc-ic-button-h.button-size-small.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-small.button-variant-icon .sc-ic-button-s>a{padding:var(--ic-space-xxs) !important}/*!@:host(.button-size-large.button-variant-icon) ::slotted(a)*/.sc-ic-button-h.button-size-large.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-large.button-variant-icon .sc-ic-button-s>a{padding:var(--ic-space-xs) !important}@media (forced-colors: active){/*!@.button,\n  ::slotted(a)*/.button.sc-ic-button,.sc-ic-button-s>a{border:0.125rem solid transparent !important}}/*!@: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;--button-default:var(--ic-action-default);--button-default-hover:var(--ic-action-default-hover);--button-default-active:var(--ic-action-default-active);--button-default-background-hover:var(--ic-action-default-bg-hover);--button-default-background-active:var(--ic-action-default-bg-active);--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:host .button:focus,\n:host(.light) .button:focus,\n::slotted(a:focus)*/.button.sc-ic-button:focus,.sc-ic-button-h .button.sc-ic-button:focus,.light.sc-ic-button-h .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(.dark) .button,\n:host(.dark) ::slotted(a)*/.dark.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.dark.sc-ic-button-s>a,.sc-ic-button-h.dark .sc-ic-button-s>a{--button-default:var(--ic-action-dark);--button-default-hover:var(--ic-action-dark);--button-default-active:var(--ic-action-dark);--button-default-background-hover:var(--ic-action-dark-bg-hover);--button-default-background-active:var(--ic-action-dark-bg-active)}/*!@:host(.light) .button,\n:host(.light) ::slotted(a)*/.light.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.light.sc-ic-button-s>a,.sc-ic-button-h.light .sc-ic-button-s>a{--button-default:var(--ic-action-light);--button-default-hover:var(--ic-action-light);--button-default-active:var(--ic-action-light);--button-default-background-hover:var(--ic-action-light-bg-hover);--button-default-background-active:var(--ic-action-light-bg-active)}/*!@:host(.white-background) .button,\n:host(.white-background) ::slotted(a)*/.white-background.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.white-background.sc-ic-button-s>a,.sc-ic-button-h.white-background .sc-ic-button-s>a{--button-default-background-hover:var(--ic-action-default-bg-hover-no-alpha);--button-default-background-active:var(\n    --ic-action-default-bg-active-no-alpha\n  );background-color:var(--ic-architectural-white)}/*!@:host(.white-background.dark) .button,\n:host(.white-background.dark) ::slotted(a)*/.white-background.dark.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.white-background.dark.sc-ic-button-s>a,.sc-ic-button-h.white-background.dark .sc-ic-button-s>a{--button-default-background-hover:var(--ic-action-dark-bg-hover-no-alpha);--button-default-background-active:var(--ic-action-dark-bg-active-no-alpha)}/*!@:host(.button-variant-primary.light) .button,\n:host(.button-variant-primary.light) ::slotted(a)*/.button-variant-primary.light.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.light.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.light .sc-ic-button-s>a{color:var(--ic-color-primary-text);--button-default-hover:var(--ic-action-light-hover);--button-default-active:var(--ic-action-light-active)}/*!@:host(.button-variant-primary.dark) .button,\n:host(.button-variant-primary.dark) ::slotted(a)*/.button-variant-primary.dark.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.dark.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.dark .sc-ic-button-s>a{--button-default-hover:var(--ic-action-dark-hover);--button-default-active:var(--ic-action-dark-active)}/*!@:host(.disabled),\n:host(.disabled) .button,\n:host(.disabled) ::slotted(a),\n:host(.loading),\n:host(.loading) .button*/.disabled.sc-ic-button-h,.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.disabled.sc-ic-button-s>a,.sc-ic-button-h.disabled .sc-ic-button-s>a,.loading.sc-ic-button-h,.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(.button-variant-primary) .button,\n:host(.button-variant-primary) ::slotted(a)*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a{color:var(--ic-architectural-white);background-color:var(--button-default)}/*!@:host(.button-variant-primary) .button:hover:not(:focus)*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--button-default-hover)}/*!@:host(.button-variant-primary) .button:hover:focus*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:hover:focus{background-color:var(--button-default-hover);border-color:var(--button-default-hover)}/*!@:host(.button-variant-primary:not(.light)) .button:hover:focus,\n:host(.button-variant-primary:not(.light)) ::slotted(a:hover:focus)*/.button-variant-primary.sc-ic-button-h:not(.light) .button.sc-ic-button:hover:focus,.sc-ic-button-h.button-variant-primary:not(.light).sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-primary:not(.light) .sc-ic-button-s>a:hover:focus{color:var(--ic-architectural-white)}/*!@:host(.button-variant-primary) .button:active:not(:focus),\n:host(.button-variant-primary.loading) .button*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-primary.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-active)}/*!@:host(.button-variant-primary) .button:active:focus*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:active:focus{background-color:var(--button-default-active)}/*!@:host(.button-variant-primary) .button:active*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:active{background-color:var(--button-default-active)}/*!@:host(.button-variant-primary:not(.light)) .button:active,\n:host(.button-variant-primary:not(.light)) ::slotted(a:active)*/.button-variant-primary.sc-ic-button-h:not(.light) .button.sc-ic-button:active,.sc-ic-button-h.button-variant-primary:not(.light).sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-primary:not(.light) .sc-ic-button-s>a:active{color:var(--ic-architectural-white)}/*!@:host(.button-variant-primary.disabled) .button,\n:host(.button-variant-primary.disabled) ::slotted(a)*/.button-variant-primary.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.disabled .sc-ic-button-s>a{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}/*!@:host(.button-variant-primary.light.disabled) .button,\n:host(.button-variant-primary.light.disabled) ::slotted(a)*/.button-variant-primary.light.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.light.disabled .sc-ic-button-s>a{background:var(--ic-architectural-600);color:var(--ic-architectural-500)}/*!@:host(.button-variant-secondary) .button,\n:host(.button-variant-secondary) ::slotted(a)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a{border:var(--ic-border-width) solid var(--button-default);color:var(--button-default)}/*!@:host(.button-variant-secondary) .button:hover:not(:focus),\n:host(.button-variant-secondary) .button:hover:focus,\n:host(.button-variant-secondary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-secondary) ::slotted(a:hover:focus)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:hover:focus,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover);border-color:var(--button-default-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-secondary) .button:active:not(:focus),\n:host(.button-variant-secondary) .button:active:focus,\n:host(.button-variant-secondary) .button:active,\n:host(.button-variant-secondary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-secondary) ::slotted(a:active:focus),\n:host(.button-variant-secondary) ::slotted(a:active)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active:focus,.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active{border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-secondary.loading) .button*/.button-variant-secondary.loading.sc-ic-button-h .button.sc-ic-button{border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-secondary.disabled) .button,\n:host(.button-variant-secondary.disabled) .button:hover,\n:host(.button-variant-secondary.disabled) .button:active,\n:host(.button-variant-secondary.disabled) ::slotted(a),\n:host(.button-variant-secondary.disabled) ::slotted(a:hover),\n:host(.button-variant-secondary.disabled) ::slotted(a:active)*/.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-secondary.light.disabled) .button,\n:host(.button-variant-secondary.light.disabled) .button:hover,\n:host(.button-variant-secondary.light.disabled) .button:active,\n:host(.button-variant-secondary.light.disabled) ::slotted(a),\n:host(.button-variant-secondary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-secondary.light.disabled) ::slotted(a:active)*/.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}/*!@:host(.button-variant-tertiary) .button,\n:host(.button-variant-tertiary) ::slotted(a)*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a{color:var(--button-default)}/*!@:host(.button-variant-tertiary) .button:hover:not(:focus),\n:host(.button-variant-tertiary) .button:hover:focus,\n:host(.button-variant-tertiary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-tertiary) ::slotted(a:hover:focus)*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:hover:focus,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-tertiary) .button:active:not(:focus),\n:host(.button-variant-tertiary) .button:active:focus,\n:host(.button-variant-tertiary) .button:active,\n:host(.button-variant-tertiary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-tertiary) ::slotted(a:active:focus),\n:host(.button-variant-tertiary) ::slotted(a:active),\n:host(.button-variant-tertiary.loading) .button*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active:focus,.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active,.button-variant-tertiary.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-tertiary.disabled) .button,\n:host(.button-variant-tertiary.disabled) .button:hover,\n:host(.button-variant-tertiary.disabled) .button:active,\n:host(.button-variant-tertiary.disabled) ::slotted(a),\n:host(.button-variant-tertiary.disabled) ::slotted(a:hover),\n:host(.button-variant-tertiary.disabled) ::slotted(a:active)*/.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-tertiary.light.disabled) .button,\n:host(.button-variant-tertiary.light.disabled) .button:hover,\n:host(.button-variant-tertiary.light.disabled) .button:active,\n:host(.button-variant-tertiary.light.disabled) ::slotted(a),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a:active)*/.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}/*!@: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:not(:focus),\n:host(.button-variant-icon) .button:hover:focus,\n:host(.button-variant-icon) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-icon) ::slotted(a:hover:focus)*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover: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:hover:not(:focus),.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover:focus{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) .button:hover,\n:host(.button-variant-icon.disabled) .button:active,\n:host(.button-variant-icon.disabled) ::slotted(a),\n:host(.button-variant-icon.disabled) ::slotted(a:hover),\n:host(.button-variant-icon.disabled) ::slotted(a:active)*/.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button:active,.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,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a:active{color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-destructive) .button,\n:host(.button-variant-destructive) ::slotted(a)*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a{color:var(--ic-architectural-white);background-color:var(--ic-action-destructive);text-transform:uppercase}/*!@:host(.button-variant-destructive) .button:hover:not(:focus),\n:host(.button-variant-destructive) .button:hover:focus*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:hover:focus{background-color:var(--ic-action-destructive-hover)}/*!@:host(.button-variant-destructive) .button:active:not(:focus),\n:host(.button-variant-destructive) .button:active:focus,\n:host(.button-variant-destructive.loading) .button*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:active:focus,.button-variant-destructive.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-action-destructive-active)}/*!@:host(.button-variant-destructive.disabled) .button,\n:host(.button-variant-destructive.disabled) ::slotted(a)*/.button-variant-destructive.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-destructive.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive.disabled .sc-ic-button-s>a{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}/*!@:host(.button-size-default) .button*/.button-size-default.sc-ic-button-h .button.sc-ic-button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}/*!@:host(.button-size-small) .button*/.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(.button-size-large) .button*/.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(.button-size-default.button-variant-icon) .button,\n:host(.button-size-default.button-variant-icon) ::slotted(a)*/.button-size-default.button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-size-default.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-default.button-variant-icon .sc-ic-button-s>a{height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}/*!@:host(.button-size-small.button-variant-icon) .button,\n:host(.button-size-small.button-variant-icon) ::slotted(a)*/.button-size-small.button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-size-small.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-small.button-variant-icon .sc-ic-button-s>a{height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}/*!@:host(.button-size-large.button-variant-icon) .button,\n:host(.button-size-large.button-variant-icon) ::slotted(a)*/.button-size-large.button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-size-large.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-large.button-variant-icon .sc-ic-button-s>a{height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}/*!@:host(.full-width),\n:host(.full-width) .button,\n:host(.full-width) ::slotted(a)*/.full-width.sc-ic-button-h,.full-width.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.full-width.sc-ic-button-s>a,.sc-ic-button-h.full-width .sc-ic-button-s>a{width:100%}/*!@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{--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)}/*!@::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(.button-variant-icon) .button .icon-container*/.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{--icon-height:1.25rem;--icon-width:1.25rem}/*!@: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}/*!@: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(.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)*/.search-submit-button.sc-ic-button-h{display:flex;align-items:center;margin:0 var(--ic-space-xxs)}/*!@: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}/*!@: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(.white-background) ::slotted(a)*/.sc-ic-button-h.white-background.sc-ic-button-s>a,.sc-ic-button-h.white-background .sc-ic-button-s>a{background-color:var(--ic-architectural-white) !important}/*!@:host(.button-variant-primary) ::slotted(a)*/.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a{background-color:var(--button-default) !important}/*!@:host(.button-variant-primary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-primary) ::slotted(a:hover:focus)*/.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-hover) !important}/*!@:host(.button-variant-primary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-primary) ::slotted(a:active),\n:host(.button-variant-primary) ::sloted(a:active:focus)*/.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a:active,.button-variant-primary.sc-ic-button-h .sc-ic-button::sloted(a:active:focus){background-color:var(--button-default-active) !important}/*!@:host(.button-variant-primary.disabled) ::slotted(a),\n:host(.button-variant-destructive.disabled) ::slotted(a)*/.sc-ic-button-h.button-variant-primary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive.disabled .sc-ic-button-s>a{background:var(--ic-architectural-200) !important}/*!@:host(.button-variant-primary.light.disabled) ::slotted(a)*/.sc-ic-button-h.button-variant-primary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.light.disabled .sc-ic-button-s>a{background:var(--ic-architectural-600) !important}/*!@:host(.button-variant-secondary) ::slotted(a)*/.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a{border:var(--ic-border-width) solid var(--button-default) !important}/*!@:host(.button-variant-secondary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-secondary) ::slotted(a:hover:focus)*/.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover) !important;border-color:var(--button-default-hover) !important}/*!@:host(.button-variant-secondary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-secondary) ::slotted(a:active:focus),\n:host(.button-variant-secondary) ::slotted(a:active)*/.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active{border-color:var(--button-default-active) !important;background-color:var(--button-default-background-active) !important}/*!@:host(.button-variant-secondary.disabled) ::slotted(a),\n:host(.button-variant-secondary.disabled) ::slotted(a:hover),\n:host(.button-variant-secondary.disabled) ::slotted(a:active),\n:host(.button-variant-tertiary.disabled) ::slotted(a),\n:host(.button-variant-tertiary.disabled) ::slotted(a:hover),\n:host(.button-variant-tertiary.disabled) ::slotted(a:active)*/.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-300) !important;background:none !important}/*!@:host(.button-variant-secondary.light.disabled) ::slotted(a),\n:host(.button-variant-secondary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-secondary.light.disabled) ::slotted(a:active),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a:active)*/.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-500) !important;background:none !important}/*!@:host(.button-variant-tertiary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-tertiary) ::slotted(a:hover:focus),\n:host(.button-variant-icon) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-icon) ::slotted(a:hover:focus)*/.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:hover: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:hover:not(:focus),.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover) !important}/*!@:host(.button-variant-tertiary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-tertiary) ::slotted(a:active:focus),\n:host(.button-variant-tertiary) ::slotted(a:active),\n:host(.button-variant-icon) ::slotted(a:active:not(:focus))*/.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active,.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){background-color:var(--button-default-background-active) !important}/*!@:host(.button-variant-icon.disabled) ::slotted(a),\n:host(.button-variant-icon.disabled) ::slotted(a:hover),\n:host(.button-variant-icon.disabled) ::slotted(a:active)*/.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,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a:active{background:none !important}/*!@:host(.button-variant-destructive) ::slotted(a)*/.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a{background-color:var(--ic-action-destructive) !important}/*!@:host(.button-variant-destructive) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-destructive) ::slotted(a:hover:focus)*/.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a:hover:focus{background-color:var(--ic-action-destructive-hover) !important}/*!@:host(.button-variant-destructive) ::slotted(a:active:not(:focus)),\n:host(.button-variant-destructive) ::slotted(a:active:focus)*/.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a:active:focus{background-color:var(--ic-action-destructive-active) !important}/*!@:host(.button-size-default) ::slotted(a)*/.sc-ic-button-h.button-size-default .sc-ic-button-s>a{height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}/*!@:host(.button-size-small) ::slotted(a)*/.sc-ic-button-h.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(.button-size-large) ::slotted(a)*/.sc-ic-button-h.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(.button-size-default.button-variant-icon) ::slotted(a)*/.sc-ic-button-h.button-size-default.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-default.button-variant-icon .sc-ic-button-s>a{height:var(--height, var(--ic-space-xl)) !important;padding:0.375rem !important}/*!@:host(.button-size-small.button-variant-icon) ::slotted(a)*/.sc-ic-button-h.button-size-small.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-small.button-variant-icon .sc-ic-button-s>a{padding:var(--ic-space-xxs) !important}/*!@:host(.button-size-large.button-variant-icon) ::slotted(a)*/.sc-ic-button-h.button-size-large.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-large.button-variant-icon .sc-ic-button-s>a{padding:var(--ic-space-xs) !important}@media (forced-colors: active){/*!@.button,\n  ::slotted(a)*/.button.sc-ic-button,.sc-ic-button-s>a{border:0.125rem solid transparent !important}}/*!@: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 = {};
@@ -9051,24 +9085,16 @@ class Button {
         this.describedById = null;
         this.mutationObserver = null;
         this.hostMutationObserver = null;
-        this.setViewBox = () => {
-            let iconEl;
-            if (this.hasLeftIconSlot()) {
-                iconEl = this.el.querySelector(`[slot="left-icon"]`);
-            }
-            else if (this.hasRightIconSlot()) {
-                iconEl = this.el.querySelector(`[slot="right-icon"]`);
-            }
-            else {
-                iconEl = null;
-            }
-            return iconEl;
-        };
         this.handleClick = () => {
             if ((this.el.type === "submit" || this.el.type === "reset") &&
                 !this.hasRouterSlot() &&
                 !!this.el.closest("FORM")) {
-                this.handleHiddenFormButtonClick(this.el.closest("FORM"));
+                const hiddenFormButton = document.createElement("button");
+                hiddenFormButton.setAttribute("type", this.el.type);
+                hiddenFormButton.style.display = "none";
+                this.el.closest("FORM").appendChild(hiddenFormButton);
+                hiddenFormButton.click();
+                hiddenFormButton.remove();
             }
         };
         this.onFocus = () => {
@@ -9077,11 +9103,6 @@ class Button {
         this.onBlur = () => {
             this.icBlur.emit();
         };
-        this.loadingWidth = () => {
-            if (this.loading) {
-                this.el.style.setProperty("--min-width", `${this.el.getBoundingClientRect().width}px`);
-            }
-        };
         // triggered when text content of sibling element in light DOM changes
         this.mutationCallback = () => {
             this.describedByContent = this.describedByEl.innerText;
@@ -9103,23 +9124,6 @@ class Button {
             this.hasTooltip =
                 !this.disableTooltip && (!!this.title || this.variant === "icon");
         };
-        // file explorer is only opened if the property fileUpload is set to 'true'
-        this.openFileExplorer = () => {
-            renderFileHiddenInput(this.icFileSelection, this.el, this.multiple, this.fileInputName, this.selectedFiles, this.disabled, this.accept);
-        };
-        this.isTooltipSilent = () => {
-            if (this.variant === "icon") {
-                if (this.title)
-                    return true;
-                else if (this.ariaLabel)
-                    return true;
-                else
-                    return false;
-            }
-            else {
-                return false;
-            }
-        };
         this.ariaLabel = null;
         this.describedByContent = null;
         this.title = null;
@@ -9155,6 +9159,9 @@ class Button {
         this.type = "button";
         this.variant = "primary";
     }
+    watchDisabledHandler() {
+        removeDisabledFalse(this.disabled, this.el);
+    }
     disconnectedCallback() {
         if (this.mutationObserver !== null && this.mutationObserver !== undefined) {
             this.mutationObserver.disconnect();
@@ -9165,29 +9172,26 @@ class Button {
         }
     }
     componentWillUpdate() {
-        this.loadingWidth();
+        if (this.loading) {
+            this.el.style.setProperty("--min-width", `${this.el.getBoundingClientRect().width}px`);
+        }
         this.setHasTooltip();
     }
     componentWillLoad() {
-        const allInheritedAttributes = inheritAttributes(this.el, [
-            ...IC_INHERITED_ARIA,
-            "title",
-        ]);
-        const { title, "aria-label": ariaLabel } = allInheritedAttributes, restInheritedAttributes = __rest(allInheritedAttributes, ["title", "aria-label"]);
+        const _a = inheritAttributes(this.el, [...IC_INHERITED_ARIA, "title"]), { title, "aria-label": ariaLabel } = _a, restInheritedAttributes = __rest(_a, ["title", "aria-label"]);
         this.title = title;
         this.ariaLabel = ariaLabel;
         this.inheritedAttributes = restInheritedAttributes;
         removeDisabledFalse(this.disabled, this.el);
         this.el.setAttribute("exportparts", "button");
-        const id = this.el.id;
-        this.id = id !== undefined ? id : null;
+        this.id = this.el.id || null;
         this.setHasTooltip();
         if (!this.hasTooltip) {
             const describedById = this.inheritedAttributes["aria-describedby"];
             if (describedById !== undefined) {
                 this.describedById = describedById;
                 const el = this.el.parentElement.querySelector(`#${describedById}`);
-                if (el !== undefined && el !== null) {
+                if (el) {
                     this.describedByContent = el.innerText;
                     this.describedByEl = el;
                 }
@@ -9212,13 +9216,17 @@ class Button {
         }
     }
     componentWillRender() {
-        var _a;
-        (_a = this.setViewBox()) === null || _a === void 0 ? void 0 : _a.setAttribute("viewBox", "0 0 24 24");
+        const iconEl = this.hasIconSlot("left")
+            ? this.el.querySelector(`[slot="left-icon"]`)
+            : this.hasIconSlot("right")
+                ? this.el.querySelector(`[slot="right-icon"]`)
+                : null;
+        iconEl === null || iconEl === void 0 ? void 0 : iconEl.setAttribute("viewBox", "0 0 24 24");
     }
     handleHostClick(event) {
         if (!this.hasRouterSlot()) {
             if (this.fileUpload) {
-                this.openFileExplorer();
+                renderFileHiddenInput(this.icFileSelection, this.el, this.multiple, this.fileInputName, this.selectedFiles, this.disabled, this.accept);
             }
             if (this.disabled || this.loading) {
                 event.stopImmediatePropagation();
@@ -9228,33 +9236,19 @@ class Button {
             }
         }
     }
-    themeChangeHandler(ev) {
-        const theme = ev.detail;
-        this.updateTheme(theme.mode);
+    themeChangeHandler({ detail }) {
+        this.updateTheme(detail.mode);
     }
     /**
      * Sets focus on the native `button`.
      */
     async setFocus() {
-        if (this.buttonEl) {
-            this.buttonEl.focus();
-        }
-    }
-    hasIconSlot() {
-        const iconEl = this.el.querySelector(`[slot="icon"]`);
-        return iconEl !== null;
-    }
-    hasLeftIconSlot() {
-        const iconEl = this.el.querySelector(`[slot="left-icon"]`);
-        return iconEl !== null;
+        var _a;
+        (_a = this.buttonEl) === null || _a === void 0 ? void 0 : _a.focus();
     }
-    hasTopIconSlot() {
-        const iconEl = this.el.querySelector(`[slot="top-icon"]`);
-        return iconEl !== null;
-    }
-    hasRightIconSlot() {
-        const iconEl = this.el.querySelector(`[slot="right-icon"]`);
-        return iconEl !== null;
+    hasIconSlot(position) {
+        const selectorPrefix = position ? `${position}-` : "";
+        return this.el.querySelector(`[slot="${selectorPrefix}icon"]`) !== null;
     }
     hasRouterSlot() {
         this.routerSlot = this.el.querySelector('[slot="router-item"]');
@@ -9263,16 +9257,8 @@ class Button {
         }
         return !!this.routerSlot;
     }
-    handleHiddenFormButtonClick(form) {
-        const hiddenFormButton = document.createElement("button");
-        hiddenFormButton.setAttribute("type", this.el.type);
-        hiddenFormButton.style.display = "none";
-        form.appendChild(hiddenFormButton);
-        hiddenFormButton.click();
-        hiddenFormButton.remove();
-    }
     updateTheme(newTheme = null) {
-        const foregroundColor = getThemeFromContext(this.el, newTheme || null);
+        const foregroundColor = getThemeFromContext(this.el, newTheme);
         if (foregroundColor !== IcThemeForegroundEnum.Default) {
             this.appearance = foregroundColor;
         }
@@ -9315,15 +9301,15 @@ class Button {
             describedBy = this.describedById;
         }
         const ButtonContent = () => {
-            return (hAsync(TagType, Object.assign({ class: "button", "aria-disabled": this.loading || this.disabled ? "true" : null, "aria-label": this.loading ? "Loading" : ariaLabel, "aria-expanded": this.dropdown && `${this.dropdownExpanded}` }, buttonAttrs, inheritedAttributes, { onFocus: this.onFocus, onBlur: this.onBlur, ref: (el) => (this.buttonEl = el), "aria-describedby": describedBy, part: "button" }), this.hasIconSlot() && !this.loading && (hAsync("div", { class: "icon-container" }, hAsync("slot", { name: "icon" }))), this.hasLeftIconSlot() && !this.loading && (hAsync("div", { class: "icon-container" }, hAsync("slot", { name: "left-icon" }))), this.hasTopIconSlot() &&
-                !this.hasLeftIconSlot() &&
-                !this.hasRightIconSlot() &&
+            return (hAsync(TagType, Object.assign({ class: "button", "aria-disabled": this.loading || this.disabled ? "true" : null, "aria-label": this.loading ? "Loading" : ariaLabel, "aria-expanded": this.dropdown && `${this.dropdownExpanded}` }, buttonAttrs, inheritedAttributes, { onFocus: this.onFocus, onBlur: this.onBlur, ref: (el) => (this.buttonEl = el), "aria-describedby": describedBy, part: "button" }), this.hasIconSlot() && !this.loading && (hAsync("div", { class: "icon-container" }, hAsync("slot", { name: "icon" }))), this.hasIconSlot("left") && !this.loading && (hAsync("div", { class: "icon-container" }, hAsync("slot", { name: "left-icon" }))), this.hasIconSlot("top") &&
+                !this.hasIconSlot("left") &&
+                !this.hasIconSlot("right") &&
                 !this.loading && (hAsync("div", { class: "icon-container" }, hAsync("slot", { name: "top-icon" }))), this.loading ? (hAsync("div", { class: "loading-container" }, hAsync("ic-loading-indicator", { type: "linear", appearance: this.variant === "primary" ||
                     this.variant === "destructive" ||
                     this.appearance === IcThemeForegroundEnum.Dark ||
                     this.appearance === IcThemeForegroundEnum.Light
                     ? "light"
-                    : "dark" }))) : (hAsync("slot", null)), this.hasRightIconSlot() && !this.loading && !this.dropdown && (hAsync("div", { class: { "icon-container": true, "right-icon": true } }, hAsync("slot", { name: "right-icon" }))), this.dropdown &&
+                    : "dark" }))) : (hAsync("slot", null)), this.hasIconSlot("right") && !this.loading && !this.dropdown && (hAsync("div", { class: { "icon-container": true, "right-icon": true } }, hAsync("slot", { name: "right-icon" }))), this.dropdown &&
                 !this.loading &&
                 this.variant !== "icon" &&
                 this.variant !== "destructive" && (hAsync("span", { class: {
@@ -9347,11 +9333,14 @@ class Button {
                 ["white-background"]: this.variant === "secondary" &&
                     !this.transparentBackground &&
                     this.appearance !== "light",
-            }, onClick: this.handleClick, "aria-owns": this.ariaOwnsId, "aria-controls": this.ariaControlsId, "aria-expanded": this.dropdown && `${this.dropdownExpanded}` }, this.hasTooltip && (hAsync("ic-tooltip", { id: describedBy, label: title || ariaLabel, target: buttonId, placement: this.tooltipPlacement, silent: this.isTooltipSilent() }, this.hasRouterSlot() ? (hAsync("slot", { name: "router-item" })) : (hAsync(ButtonContent, null)))), isSlotUsed(this.el, "badge") && hAsync("slot", { name: "badge" }), !this.hasTooltip &&
+            }, onClick: this.handleClick, "aria-owns": this.ariaOwnsId, "aria-controls": this.ariaControlsId, "aria-expanded": this.dropdown && `${this.dropdownExpanded}` }, this.hasTooltip && (hAsync("ic-tooltip", { id: describedBy, label: title || ariaLabel, target: buttonId, placement: this.tooltipPlacement, silent: this.variant === "icon" && (!!title || !!ariaLabel) }, this.hasRouterSlot() ? (hAsync("slot", { name: "router-item" })) : (hAsync(ButtonContent, null)))), isSlotUsed(this.el, "badge") && hAsync("slot", { name: "badge" }), !this.hasTooltip &&
             (this.hasRouterSlot() ? (hAsync("slot", { name: "router-item" })) : (hAsync(ButtonContent, null))), this.describedByContent && (hAsync("span", { id: describedBy, class: "ic-button-describedby" }, this.describedByContent))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
+    static get watchers() { return {
+        "disabled": ["watchDisabledHandler"]
+    }; }
     static get style() { return icButtonCss; }
     static get cmpMeta() { return {
         "$flags$": 25,
@@ -9775,7 +9764,7 @@ var dismissIcon = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org
 </svg>
 `;
-const icChipCss = "/*!@html*/html.sc-ic-chip{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-chip{margin:0}/*!@main*/main.sc-ic-chip{display:block}/*!@h1*/h1.sc-ic-chip{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-chip{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-chip{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-chip{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-chip{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-chip,strong.sc-ic-chip{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-chip,kbd.sc-ic-chip,samp.sc-ic-chip{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-chip{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-chip,sup.sc-ic-chip{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-chip{bottom:-0.25em}/*!@sup*/sup.sc-ic-chip{top:-0.5em}/*!@img*/img.sc-ic-chip{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-chip,input.sc-ic-chip,optgroup.sc-ic-chip,select.sc-ic-chip,textarea.sc-ic-chip{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-chip,input.sc-ic-chip{overflow:visible}/*!@button,\nselect*/button.sc-ic-chip,select.sc-ic-chip{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-chip,[type=\"button\"].sc-ic-chip,[type=\"reset\"].sc-ic-chip,[type=\"submit\"].sc-ic-chip{-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-chip::-moz-focus-inner,[type=\"button\"].sc-ic-chip::-moz-focus-inner,[type=\"reset\"].sc-ic-chip::-moz-focus-inner,[type=\"submit\"].sc-ic-chip::-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-chip:-moz-focusring,[type=\"button\"].sc-ic-chip:-moz-focusring,[type=\"reset\"].sc-ic-chip:-moz-focusring,[type=\"submit\"].sc-ic-chip:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-chip{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-chip{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-chip{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-chip{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-chip,[type=\"radio\"].sc-ic-chip{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-chip::-webkit-inner-spin-button,[type=\"number\"].sc-ic-chip::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-chip{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-chip::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-chip::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-chip{display:block}/*!@summary*/summary.sc-ic-chip{display:list-item}/*!@template*/template.sc-ic-chip{display:none}/*!@[hidden]*/[hidden].sc-ic-chip{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-chip,body.sc-ic-chip,div.sc-ic-chip,span.sc-ic-chip,applet.sc-ic-chip,object.sc-ic-chip,iframe.sc-ic-chip,h1.sc-ic-chip,h2.sc-ic-chip,h3.sc-ic-chip,h4.sc-ic-chip,h5.sc-ic-chip,h6.sc-ic-chip,p.sc-ic-chip,blockquote.sc-ic-chip,pre.sc-ic-chip,a.sc-ic-chip,abbr.sc-ic-chip,acronym.sc-ic-chip,address.sc-ic-chip,big.sc-ic-chip,cite.sc-ic-chip,code.sc-ic-chip,del.sc-ic-chip,dfn.sc-ic-chip,em.sc-ic-chip,img.sc-ic-chip,ins.sc-ic-chip,kbd.sc-ic-chip,q.sc-ic-chip,s.sc-ic-chip,samp.sc-ic-chip,small.sc-ic-chip,strike.sc-ic-chip,strong.sc-ic-chip,sub.sc-ic-chip,sup.sc-ic-chip,tt.sc-ic-chip,var.sc-ic-chip,b.sc-ic-chip,u.sc-ic-chip,i.sc-ic-chip,center.sc-ic-chip,dl.sc-ic-chip,dt.sc-ic-chip,dd.sc-ic-chip,ol.sc-ic-chip,ul.sc-ic-chip,li.sc-ic-chip,fieldset.sc-ic-chip,form.sc-ic-chip,label.sc-ic-chip,legend.sc-ic-chip,table.sc-ic-chip,caption.sc-ic-chip,tbody.sc-ic-chip,tfoot.sc-ic-chip,thead.sc-ic-chip,tr.sc-ic-chip,th.sc-ic-chip,td.sc-ic-chip,article.sc-ic-chip,aside.sc-ic-chip,canvas.sc-ic-chip,details.sc-ic-chip,embed.sc-ic-chip,figure.sc-ic-chip,figcaption.sc-ic-chip,footer.sc-ic-chip,header.sc-ic-chip,hgroup.sc-ic-chip,menu.sc-ic-chip,nav.sc-ic-chip,output.sc-ic-chip,ruby.sc-ic-chip,section.sc-ic-chip,summary.sc-ic-chip,time.sc-ic-chip,mark.sc-ic-chip,audio.sc-ic-chip,video.sc-ic-chip{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-chip-h{display:inline-block}/*!@.chip*/.chip.sc-ic-chip{display:flex;padding:var(--ic-space-xxs);font-size:0.875rem;border-radius:var(--ic-space-md);text-align:left;text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative}/*!@.chip.small*/.chip.small.sc-ic-chip{padding:var(--ic-space-xxxs);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}/*!@.chip.large*/.chip.large.sc-ic-chip{padding:var(--ic-space-xs);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}/*!@.label*/.label.sc-ic-chip{padding:0 var(--ic-space-xs)}/*!@.chip.hovered:not(:focus-within)*/.chip.hovered.sc-ic-chip:not(:focus-within){background-color:var(--ic-architectural-300)}/*!@.chip:focus-within*/.chip.sc-ic-chip:focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);z-index:1}/*!@.chip.outline.hovered:not(:focus-within),\n.chip.outlined.hovered:not(:focus-within)*/.chip.outline.hovered.sc-ic-chip:not(:focus-within),.chip.outlined.hovered.sc-ic-chip:not(:focus-within){background-color:var(--ic-action-dark-bg-hover)}/*!@ic-tooltip:focus-within*/ic-tooltip.sc-ic-chip:focus-within{z-index:1}/*!@.filled*/.filled.sc-ic-chip{background-color:var(--ic-architectural-200);color:black;border:none}/*!@.filled.disabled*/.filled.disabled.sc-ic-chip{background-color:var(--ic-architectural-100)}/*!@.outline,\n.outlined*/.outline.sc-ic-chip,.outlined.sc-ic-chip{color:var(--ic-architectural-900);border:var(--ic-border-width) solid var(--ic-architectural-900);padding:calc(var(--ic-space-xxs) - var(--ic-space-1px))}/*!@.outline.small,\n.outlined.small*/.outline.small.sc-ic-chip,.outlined.small.sc-ic-chip{padding:calc(var(--ic-space-xxxs) - var(--ic-space-1px))}/*!@.outline.large,\n.outlined.large*/.outline.large.sc-ic-chip,.outlined.large.sc-ic-chip{padding:calc(var(--ic-space-xs) - var(--ic-space-1px))}/*!@.outline.disabled,\n.outlined.disabled*/.outline.disabled.sc-ic-chip,.outlined.disabled.sc-ic-chip{border:var(--ic-border-disabled);background:none}/*!@.chip.disabled ic-typography*/.chip.disabled.sc-ic-chip ic-typography.sc-ic-chip{color:var(--ic-architectural-200)}/*!@.dismiss-icon*/.dismiss-icon.sc-ic-chip{border:none;border-radius:50%;padding:0;background:none;cursor:pointer;margin:var(--ic-space-xxxs);height:calc(var(--ic-space-lg) - var(--ic-space-xxs));width:calc(var(--ic-space-lg) - var(--ic-space-xxs))}/*!@.dismiss-icon:focus*/.dismiss-icon.sc-ic-chip:focus{outline:var(--ic-hc-focus-outline)}/*!@.dismiss-icon[disabled]*/.dismiss-icon[disabled].sc-ic-chip{pointer-events:none;color:var(--ic-architectural-200)}/*!@.icon*/.icon.sc-ic-chip{padding:var(--ic-space-xxxs);box-sizing:border-box}/*!@.icon,\nic-tooltip*/.icon.sc-ic-chip,ic-tooltip.sc-ic-chip{width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@.chip.disabled path,\n.chip.disabled ::slotted(svg)*/.chip.disabled.sc-ic-chip path.sc-ic-chip,.chip.disabled.sc-ic-chip-s>svg,.chip.disabled .sc-ic-chip-s>svg{fill:var(--ic-architectural-200)}/*!@.chip.white-background*/.chip.white-background.sc-ic-chip{background-color:var(--ic-architectural-white)}/*!@.chip.white-background.hovered:not(:focus-within)*/.chip.white-background.hovered.sc-ic-chip:not(:focus-within){background-color:var(--ic-action-dark-bg-hover-no-alpha) !important}@media (forced-colors: active){/*!@.chip*/.chip.sc-ic-chip{border:var(--ic-hc-border)}/*!@.filled.small*/.filled.small.sc-ic-chip{padding:calc(var(--ic-space-xxxs) - var(--ic-space-1px))}/*!@.filled*/.filled.sc-ic-chip{padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))}/*!@.filled.large*/.filled.large.sc-ic-chip{padding:calc(var(--ic-space-xs) - var(--ic-space-1px))}/*!@.chip.disabled*/.chip.disabled.sc-ic-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}/*!@.chip.disabled ic-typography*/.chip.disabled.sc-ic-chip ic-typography.sc-ic-chip{color:GrayText}/*!@.chip.disabled path,\n  .chip.disabled ::slotted(svg)*/.chip.disabled.sc-ic-chip path.sc-ic-chip,.chip.disabled.sc-ic-chip-s>svg,.chip.disabled .sc-ic-chip-s>svg{fill:GrayText}/*!@.chip:focus-within*/.chip.sc-ic-chip:focus-within{outline:none;border-color:Highlight}}";
+const icChipCss = "/*!@html*/html.sc-ic-chip{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-chip{margin:0}/*!@main*/main.sc-ic-chip{display:block}/*!@h1*/h1.sc-ic-chip{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-chip{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-chip{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-chip{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-chip{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-chip,strong.sc-ic-chip{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-chip,kbd.sc-ic-chip,samp.sc-ic-chip{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-chip{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-chip,sup.sc-ic-chip{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-chip{bottom:-0.25em}/*!@sup*/sup.sc-ic-chip{top:-0.5em}/*!@img*/img.sc-ic-chip{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-chip,input.sc-ic-chip,optgroup.sc-ic-chip,select.sc-ic-chip,textarea.sc-ic-chip{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-chip,input.sc-ic-chip{overflow:visible}/*!@button,\nselect*/button.sc-ic-chip,select.sc-ic-chip{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-chip,[type=\"button\"].sc-ic-chip,[type=\"reset\"].sc-ic-chip,[type=\"submit\"].sc-ic-chip{-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-chip::-moz-focus-inner,[type=\"button\"].sc-ic-chip::-moz-focus-inner,[type=\"reset\"].sc-ic-chip::-moz-focus-inner,[type=\"submit\"].sc-ic-chip::-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-chip:-moz-focusring,[type=\"button\"].sc-ic-chip:-moz-focusring,[type=\"reset\"].sc-ic-chip:-moz-focusring,[type=\"submit\"].sc-ic-chip:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-chip{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-chip{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-chip{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-chip{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-chip,[type=\"radio\"].sc-ic-chip{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-chip::-webkit-inner-spin-button,[type=\"number\"].sc-ic-chip::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-chip{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-chip::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-chip::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-chip{display:block}/*!@summary*/summary.sc-ic-chip{display:list-item}/*!@template*/template.sc-ic-chip{display:none}/*!@[hidden]*/[hidden].sc-ic-chip{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-chip,body.sc-ic-chip,div.sc-ic-chip,span.sc-ic-chip,applet.sc-ic-chip,object.sc-ic-chip,iframe.sc-ic-chip,h1.sc-ic-chip,h2.sc-ic-chip,h3.sc-ic-chip,h4.sc-ic-chip,h5.sc-ic-chip,h6.sc-ic-chip,p.sc-ic-chip,blockquote.sc-ic-chip,pre.sc-ic-chip,a.sc-ic-chip,abbr.sc-ic-chip,acronym.sc-ic-chip,address.sc-ic-chip,big.sc-ic-chip,cite.sc-ic-chip,code.sc-ic-chip,del.sc-ic-chip,dfn.sc-ic-chip,em.sc-ic-chip,img.sc-ic-chip,ins.sc-ic-chip,kbd.sc-ic-chip,q.sc-ic-chip,s.sc-ic-chip,samp.sc-ic-chip,small.sc-ic-chip,strike.sc-ic-chip,strong.sc-ic-chip,sub.sc-ic-chip,sup.sc-ic-chip,tt.sc-ic-chip,var.sc-ic-chip,b.sc-ic-chip,u.sc-ic-chip,i.sc-ic-chip,center.sc-ic-chip,dl.sc-ic-chip,dt.sc-ic-chip,dd.sc-ic-chip,ol.sc-ic-chip,ul.sc-ic-chip,li.sc-ic-chip,fieldset.sc-ic-chip,form.sc-ic-chip,label.sc-ic-chip,legend.sc-ic-chip,table.sc-ic-chip,caption.sc-ic-chip,tbody.sc-ic-chip,tfoot.sc-ic-chip,thead.sc-ic-chip,tr.sc-ic-chip,th.sc-ic-chip,td.sc-ic-chip,article.sc-ic-chip,aside.sc-ic-chip,canvas.sc-ic-chip,details.sc-ic-chip,embed.sc-ic-chip,figure.sc-ic-chip,figcaption.sc-ic-chip,footer.sc-ic-chip,header.sc-ic-chip,hgroup.sc-ic-chip,menu.sc-ic-chip,nav.sc-ic-chip,output.sc-ic-chip,ruby.sc-ic-chip,section.sc-ic-chip,summary.sc-ic-chip,time.sc-ic-chip,mark.sc-ic-chip,audio.sc-ic-chip,video.sc-ic-chip{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-chip-h{display:inline-block}/*!@.chip*/.chip.sc-ic-chip{display:flex;padding:var(--ic-space-xxs);font-size:0.875rem;border-radius:var(--ic-space-md);text-align:left;text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative}/*!@.chip.small*/.chip.small.sc-ic-chip{padding:var(--ic-space-xxxs);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}/*!@.chip.large*/.chip.large.sc-ic-chip{padding:var(--ic-space-xs);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}/*!@.label*/.label.sc-ic-chip{padding:0 var(--ic-space-xs)}/*!@.chip.hovered:not(:focus-within)*/.chip.hovered.sc-ic-chip:not(:focus-within){background-color:var(--ic-architectural-300)}/*!@.chip:focus-within*/.chip.sc-ic-chip:focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);z-index:1}/*!@.chip.outline.hovered:not(:focus-within),\n.chip.outlined.hovered:not(:focus-within)*/.chip.outline.hovered.sc-ic-chip:not(:focus-within),.chip.outlined.hovered.sc-ic-chip:not(:focus-within){background-color:var(--ic-action-dark-bg-hover)}/*!@ic-tooltip:focus-within*/ic-tooltip.sc-ic-chip:focus-within{z-index:1}/*!@.filled*/.filled.sc-ic-chip{background-color:var(--chip-custom-color, var(--ic-architectural-200));color:var(--chip-custom-foreground-color, black);border:none}/*!@.filled.disabled*/.filled.disabled.sc-ic-chip{background-color:var(--ic-architectural-100)}/*!@.outline,\n.outlined*/.outline.sc-ic-chip,.outlined.sc-ic-chip{color:var(--ic-architectural-900);border:var(--ic-border-width) solid\n    var(--chip-custom-color, var(--ic-architectural-900));padding:calc(var(--ic-space-xxs) - var(--ic-space-1px))}/*!@.outline.small,\n.outlined.small*/.outline.small.sc-ic-chip,.outlined.small.sc-ic-chip{padding:calc(var(--ic-space-xxxs) - var(--ic-space-1px))}/*!@.outline.large,\n.outlined.large*/.outline.large.sc-ic-chip,.outlined.large.sc-ic-chip{padding:calc(var(--ic-space-xs) - var(--ic-space-1px))}/*!@.outline.disabled,\n.outlined.disabled*/.outline.disabled.sc-ic-chip,.outlined.disabled.sc-ic-chip{border:var(--ic-border-disabled);background:none}/*!@.chip.disabled ic-typography*/.chip.disabled.sc-ic-chip ic-typography.sc-ic-chip{color:var(--ic-architectural-200)}/*!@.dismiss-icon*/.dismiss-icon.sc-ic-chip{border:none;border-radius:50%;padding:0;background:none;cursor:pointer;margin:var(--ic-space-xxxs);height:calc(var(--ic-space-lg) - var(--ic-space-xxs));width:calc(var(--ic-space-lg) - var(--ic-space-xxs))}/*!@.dismiss-icon:focus*/.dismiss-icon.sc-ic-chip:focus{outline:var(--ic-hc-focus-outline)}/*!@.dismiss-icon[disabled]*/.dismiss-icon[disabled].sc-ic-chip{pointer-events:none;color:var(--ic-architectural-200)}/*!@.icon*/.icon.sc-ic-chip{padding:var(--ic-space-xxxs);box-sizing:border-box}/*!@.icon,\nic-tooltip*/.icon.sc-ic-chip,ic-tooltip.sc-ic-chip{width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@.chip.disabled path,\n.chip.disabled ::slotted(svg)*/.chip.disabled.sc-ic-chip path.sc-ic-chip,.chip.disabled.sc-ic-chip-s>svg,.chip.disabled .sc-ic-chip-s>svg{fill:var(--ic-architectural-200)}/*!@.chip.white-background*/.chip.white-background.sc-ic-chip{background-color:var(--ic-architectural-white)}/*!@.chip.white-background.hovered:not(:focus-within)*/.chip.white-background.hovered.sc-ic-chip:not(:focus-within){background-color:var(--ic-action-dark-bg-hover-no-alpha) !important}@media (forced-colors: active){/*!@.chip*/.chip.sc-ic-chip{border:var(--ic-hc-border)}/*!@.filled.small*/.filled.small.sc-ic-chip{padding:calc(var(--ic-space-xxxs) - var(--ic-space-1px))}/*!@.filled*/.filled.sc-ic-chip{padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))}/*!@.filled.large*/.filled.large.sc-ic-chip{padding:calc(var(--ic-space-xs) - var(--ic-space-1px))}/*!@.chip.disabled*/.chip.disabled.sc-ic-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}/*!@.chip.disabled ic-typography*/.chip.disabled.sc-ic-chip ic-typography.sc-ic-chip{color:GrayText}/*!@.chip.disabled path,\n  .chip.disabled ::slotted(svg)*/.chip.disabled.sc-ic-chip path.sc-ic-chip,.chip.disabled.sc-ic-chip-s>svg,.chip.disabled .sc-ic-chip-s>svg{fill:GrayText}/*!@.chip:focus-within*/.chip.sc-ic-chip:focus-within{outline:none;border-color:Highlight}}";
 /**
  * @slot icon - Content will be rendered at the start of the chip.
@@ -9796,9 +9785,21 @@ class Chip {
         this.mouseLeaveHandler = () => {
             this.isHovered = false;
         };
+        this.setChipColour = () => {
+            if (convertToRGBA(this.customColor) !== null) {
+                const colorRGBA = convertToRGBA(this.customColor);
+                const rgbaValue = `rgba(${colorRGBA.r.toString()}, ${colorRGBA.g.toString()}, ${colorRGBA.b.toString()}, ${colorRGBA.a.toString()})`;
+                const brightness = (colorRGBA.r * 299 + colorRGBA.g * 587 + colorRGBA.b * 114) / 1000;
+                const foregroundColour = brightness > 133.3505
+                    ? "var(--ic-architectural-black)"
+                    : "var(--ic-architectural-white)";
+                this.el.setAttribute("style", `--chip-custom-color: ${rgbaValue}; --chip-custom-foreground-color: ${foregroundColour};`);
+            }
+        };
         this.isHovered = false;
         this.visible = true;
         this.appearance = undefined;
+        this.customColor = null;
         this.disabled = false;
         this.dismissible = false;
         this.label = undefined;
@@ -9806,8 +9807,16 @@ class Chip {
         this.transparentBackground = true;
         this.variant = "filled";
     }
+    customColorHandler() {
+        if (!this.dismissible && this.customColor !== null) {
+            this.setChipColour();
+        }
+    }
     componentWillLoad() {
         removeDisabledFalse(this.disabled, this.el);
+        if (!this.dismissible && this.customColor !== null) {
+            this.setChipColour();
+        }
         if (this.appearance === "outline") {
             this.variant = "outlined";
         }
@@ -9847,12 +9856,16 @@ class Chip {
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
+    static get watchers() { return {
+        "customColor": ["customColorHandler"]
+    }; }
     static get style() { return icChipCss; }
     static get cmpMeta() { return {
         "$flags$": 25,
         "$tagName$": "ic-chip",
         "$members$": {
             "appearance": [1],
+            "customColor": [1, "custom-color"],
             "disabled": [4],
             "dismissible": [4],
             "label": [1],
@@ -10060,14 +10073,16 @@ class Dialog {
         this.focusedElementIndex = 0;
         this.IC_TEXT_FIELD = "IC-TEXT-FIELD";
         this.IC_ACCORDION = "IC-ACCORDION";
+        this.IC_ACCORDION_GROUP = "IC-ACCORDION-GROUP";
         this.resizeObserver = null;
         this.dialogOpened = () => {
+            var _a;
             this.dialogRendered = true;
             if (this.disableHeightConstraint) {
                 this.dialogEl.show();
             }
             else {
-                this.dialogEl.showModal();
+                (_a = this.dialogEl) === null || _a === void 0 ? void 0 : _a.showModal();
             }
             setTimeout(() => {
                 this.fadeIn = true;
@@ -10124,6 +10139,9 @@ class Dialog {
             if (focusedElement.tagName === this.IC_TEXT_FIELD) {
                 focusedElement.setFocus();
             }
+            else if (focusedElement.tagName === this.IC_ACCORDION_GROUP) {
+                focusedElement.setFocus();
+            }
             else if (focusedElement.tagName === this.IC_ACCORDION) {
                 focusedElement.setFocus();
             }
@@ -10174,7 +10192,9 @@ class Dialog {
             this.setFocusIndexBasedOnShiftKey(shiftKey);
             this.loopNextFocusIndexIfLastElement();
             let nextFocusEl = this.getNextFocusEl(this.focusedElementIndex);
-            const isHidden = getComputedStyle(nextFocusEl).visibility === "hidden";
+            const isHidden = getComputedStyle(nextFocusEl).visibility === "hidden" ||
+                (nextFocusEl.tagName === this.IC_ACCORDION_GROUP &&
+                    nextFocusEl.hasAttribute("single-expansion"));
             if (nextFocusEl.tagName === this.IC_TEXT_FIELD) {
                 nextFocusEl.setFocus();
             }
@@ -10184,7 +10204,10 @@ class Dialog {
                     this.loopNextFocusIndexIfLastElement();
                     nextFocusEl = this.getNextFocusEl(this.focusedElementIndex);
                 }
-                if (nextFocusEl.tagName === this.IC_ACCORDION) {
+                if (nextFocusEl.tagName === this.IC_ACCORDION_GROUP) {
+                    nextFocusEl.setFocus();
+                }
+                else if (nextFocusEl.tagName === this.IC_ACCORDION) {
                     nextFocusEl.setFocus();
                 }
                 else {
@@ -11082,7 +11105,7 @@ class InputComponentContainer {
                 ["multiline"]: multiLine,
                 ["fullwidth"]: fullWidth,
                 ["dark"]: dark || appearance === "dark",
-            } }, hAsync("div", { class: {
+            }, "aria-disabled": disabled && `${disabled}` }, hAsync("div", { class: {
                 "focus-indicator": true,
                 dark: dark || appearance === "dark",
             } }, isSlotUsed(this.el, "left-icon") && (hAsync("div", { class: {
@@ -11262,6 +11285,16 @@ class Link {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.inheritedAttributes = {};
+        this.hostMutationObserver = null;
+        // triggered when attributes of host element change
+        this.hostMutationCallback = (mutationList) => {
+            mutationList.forEach(({ attributeName }) => {
+                if (IC_INHERITED_ARIA.includes(attributeName)) {
+                    this.inheritedAttributes[attributeName] =
+                        this.el.getAttribute(attributeName);
+                }
+            });
+        };
         this.appearance = "default";
         this.download = false;
         this.href = null;
@@ -11275,27 +11308,30 @@ class Link {
         this.inheritedAttributes = inheritAttributes(this.el, IC_INHERITED_ARIA);
         this.updateTheme();
     }
-    themeChangeHandler(ev) {
-        const theme = ev.detail;
-        this.updateTheme(theme.mode);
+    componentDidLoad() {
+        this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);
+        this.hostMutationObserver.observe(this.el, {
+            attributes: true,
+        });
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    }
+    themeChangeHandler({ detail }) {
+        this.updateTheme(detail.mode);
     }
     /**
      * Sets focus on the link.
      */
     async setFocus() {
-        if (this.el.shadowRoot.querySelector("a")) {
-            this.el.shadowRoot.querySelector("a").focus();
-        }
+        var _a;
+        (_a = this.el.shadowRoot.querySelector("a")) === null || _a === void 0 ? void 0 : _a.focus();
     }
     updateTheme(newTheme = null) {
-        const theme = getThemeFromContext(this.el, newTheme || null);
-        switch (theme) {
-            case IcThemeForegroundEnum.Light:
-                this.appearance = IcThemeForegroundEnum.Light;
-                break;
-            case IcThemeForegroundEnum.Dark:
-                this.appearance = IcThemeForegroundEnum.Dark;
-                break;
+        const theme = getThemeFromContext(this.el, newTheme);
+        if (theme !== IcThemeForegroundEnum.Default) {
+            this.appearance = theme;
         }
     }
     hasRouterSlot() {
@@ -11335,7 +11371,7 @@ class Link {
     }; }
 }
-const icLoadingIndicatorCss = "/*!@html*/html.sc-ic-loading-indicator{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-loading-indicator{margin:0}/*!@main*/main.sc-ic-loading-indicator{display:block}/*!@h1*/h1.sc-ic-loading-indicator{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-loading-indicator{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-loading-indicator{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-loading-indicator{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-loading-indicator{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-loading-indicator,strong.sc-ic-loading-indicator{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-loading-indicator,kbd.sc-ic-loading-indicator,samp.sc-ic-loading-indicator{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-loading-indicator{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-loading-indicator,sup.sc-ic-loading-indicator{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-loading-indicator{bottom:-0.25em}/*!@sup*/sup.sc-ic-loading-indicator{top:-0.5em}/*!@img*/img.sc-ic-loading-indicator{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-loading-indicator,input.sc-ic-loading-indicator,optgroup.sc-ic-loading-indicator,select.sc-ic-loading-indicator,textarea.sc-ic-loading-indicator{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-loading-indicator,input.sc-ic-loading-indicator{overflow:visible}/*!@button,\nselect*/button.sc-ic-loading-indicator,select.sc-ic-loading-indicator{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-loading-indicator,[type=\"button\"].sc-ic-loading-indicator,[type=\"reset\"].sc-ic-loading-indicator,[type=\"submit\"].sc-ic-loading-indicator{-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-loading-indicator::-moz-focus-inner,[type=\"button\"].sc-ic-loading-indicator::-moz-focus-inner,[type=\"reset\"].sc-ic-loading-indicator::-moz-focus-inner,[type=\"submit\"].sc-ic-loading-indicator::-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-loading-indicator:-moz-focusring,[type=\"button\"].sc-ic-loading-indicator:-moz-focusring,[type=\"reset\"].sc-ic-loading-indicator:-moz-focusring,[type=\"submit\"].sc-ic-loading-indicator:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-loading-indicator{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-loading-indicator{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-loading-indicator{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-loading-indicator{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-loading-indicator,[type=\"radio\"].sc-ic-loading-indicator{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-loading-indicator::-webkit-inner-spin-button,[type=\"number\"].sc-ic-loading-indicator::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-loading-indicator{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-loading-indicator::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-loading-indicator::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-loading-indicator{display:block}/*!@summary*/summary.sc-ic-loading-indicator{display:list-item}/*!@template*/template.sc-ic-loading-indicator{display:none}/*!@[hidden]*/[hidden].sc-ic-loading-indicator{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-loading-indicator,body.sc-ic-loading-indicator,div.sc-ic-loading-indicator,span.sc-ic-loading-indicator,applet.sc-ic-loading-indicator,object.sc-ic-loading-indicator,iframe.sc-ic-loading-indicator,h1.sc-ic-loading-indicator,h2.sc-ic-loading-indicator,h3.sc-ic-loading-indicator,h4.sc-ic-loading-indicator,h5.sc-ic-loading-indicator,h6.sc-ic-loading-indicator,p.sc-ic-loading-indicator,blockquote.sc-ic-loading-indicator,pre.sc-ic-loading-indicator,a.sc-ic-loading-indicator,abbr.sc-ic-loading-indicator,acronym.sc-ic-loading-indicator,address.sc-ic-loading-indicator,big.sc-ic-loading-indicator,cite.sc-ic-loading-indicator,code.sc-ic-loading-indicator,del.sc-ic-loading-indicator,dfn.sc-ic-loading-indicator,em.sc-ic-loading-indicator,img.sc-ic-loading-indicator,ins.sc-ic-loading-indicator,kbd.sc-ic-loading-indicator,q.sc-ic-loading-indicator,s.sc-ic-loading-indicator,samp.sc-ic-loading-indicator,small.sc-ic-loading-indicator,strike.sc-ic-loading-indicator,strong.sc-ic-loading-indicator,sub.sc-ic-loading-indicator,sup.sc-ic-loading-indicator,tt.sc-ic-loading-indicator,var.sc-ic-loading-indicator,b.sc-ic-loading-indicator,u.sc-ic-loading-indicator,i.sc-ic-loading-indicator,center.sc-ic-loading-indicator,dl.sc-ic-loading-indicator,dt.sc-ic-loading-indicator,dd.sc-ic-loading-indicator,ol.sc-ic-loading-indicator,ul.sc-ic-loading-indicator,li.sc-ic-loading-indicator,fieldset.sc-ic-loading-indicator,form.sc-ic-loading-indicator,label.sc-ic-loading-indicator,legend.sc-ic-loading-indicator,table.sc-ic-loading-indicator,caption.sc-ic-loading-indicator,tbody.sc-ic-loading-indicator,tfoot.sc-ic-loading-indicator,thead.sc-ic-loading-indicator,tr.sc-ic-loading-indicator,th.sc-ic-loading-indicator,td.sc-ic-loading-indicator,article.sc-ic-loading-indicator,aside.sc-ic-loading-indicator,canvas.sc-ic-loading-indicator,details.sc-ic-loading-indicator,embed.sc-ic-loading-indicator,figure.sc-ic-loading-indicator,figcaption.sc-ic-loading-indicator,footer.sc-ic-loading-indicator,header.sc-ic-loading-indicator,hgroup.sc-ic-loading-indicator,menu.sc-ic-loading-indicator,nav.sc-ic-loading-indicator,output.sc-ic-loading-indicator,ruby.sc-ic-loading-indicator,section.sc-ic-loading-indicator,summary.sc-ic-loading-indicator,time.sc-ic-loading-indicator,mark.sc-ic-loading-indicator,audio.sc-ic-loading-indicator,video.sc-ic-loading-indicator{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-loading-indicator-h{display:block;--linear-border-radius:0.25rem;--inner-color:var(--ic-action-default);--outer-color:var(--ic-architectural-100);--label-color:var(--ic-color-primary-text);--margin:none;--linear-line-height:var(--ic-space-xs)}/*!@:host(.light)*/.light.sc-ic-loading-indicator-h{--inner-color:var(--ic-architectural-white);--outer-color:var(--ic-architectural-800);--label-color:var(--ic-architectural-white)}/*!@.ic-loading-container*/.ic-loading-container.sc-ic-loading-indicator{display:flex;flex-direction:column;justify-content:center;align-items:center}/*!@:host([size=\"small\"])*/[size=\"small\"].sc-ic-loading-indicator-h{--circular-diameter:2.5rem;--linear-line-height:var(--ic-space-xxs)}/*!@:host([size=\"default\"])*/[size=\"default\"].sc-ic-loading-indicator-h{--circular-diameter:5rem}/*!@:host([size=\"large\"])*/[size=\"large\"].sc-ic-loading-indicator-h{--circular-diameter:7.5rem}/*!@:host([size=\"icon\"])*/[size=\"icon\"].sc-ic-loading-indicator-h{display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:1.25rem}/*!@:host(.label)*/.label.sc-ic-loading-indicator-h{--margin:0 0 var(--ic-space-xs) 0}/*!@.ic-loading-label*/.ic-loading-label.sc-ic-loading-indicator{white-space:nowrap;color:var(--label-color);margin-left:var(--label-margin-left)}/*!@.ic-loading-circular-outer*/.ic-loading-circular-outer.sc-ic-loading-indicator{height:var(--circular-diameter);width:var(--circular-diameter)}/*!@.ic-loading-circular-outer.indeterminate*/.ic-loading-circular-outer.indeterminate.sc-ic-loading-indicator{animation:circular-animation 1s linear;animation-iteration-count:infinite}@keyframes circular-animation{100%{transform:rotate(360deg)}}/*!@.ic-loading-circular-outer,\n.ic-loading-linear-outer*/.ic-loading-circular-outer.sc-ic-loading-indicator,.ic-loading-linear-outer.sc-ic-loading-indicator{margin:var(--margin)}/*!@.ic-loading-linear-outer*/.ic-loading-linear-outer.sc-ic-loading-indicator{background-color:var(--outer-color);height:var(--linear-line-height);width:100%;border-radius:var(--linear-border-radius);overflow:hidden}/*!@.ic-loading-linear-inner*/.ic-loading-linear-inner.sc-ic-loading-indicator{position:relative;height:100%;background-color:var(--inner-color);border-radius:var(--linear-border-radius)}/*!@.indeterminate > .ic-loading-linear-inner*/.indeterminate.sc-ic-loading-indicator>.ic-loading-linear-inner.sc-ic-loading-indicator{animation:linear-animation 2s infinite}/*!@.determinate > .ic-loading-linear-inner*/.determinate.sc-ic-loading-indicator>.ic-loading-linear-inner.sc-ic-loading-indicator{transition:width 0.5s;width:var(--linear-width)}/*!@:host(.full-width)*/.full-width.sc-ic-loading-indicator-h{--linear-border-radius:none}@keyframes linear-animation{0%{width:0%;left:-1%}25%{width:0%;left:-1%}50%{width:101%;left:-1%}75%{width:0%;left:101%}100%{width:0%;left:101%}}/*!@.ic-loading-circular-svg*/.ic-loading-circular-svg.sc-ic-loading-indicator{position:relative;width:100%;height:100%;transform:rotate(-90deg)}/*!@.ic-loading-circular-svg circle*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator{width:100%;height:100%;fill:none;stroke:var(--outer-color);stroke-width:var(--circular-line-width);stroke-linecap:round}/*!@.ic-loading-circular-svg circle:nth-child(2)*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){--circular-indeterminate:calc(\n    (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n  );stroke-dasharray:var(--stroke-dasharray), var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dashoffset, var(--circular-indeterminate));stroke:var(--compact-step-inner-color, var(--inner-color))}/*!@:host(.inner-label) .ic-loading-circular-inner*/.inner-label.sc-ic-loading-indicator-h .ic-loading-circular-inner.sc-ic-loading-indicator{display:grid}/*!@:host(.inner-label) .ic-loading-circular-svg,\n.inner-text*/.inner-label.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator,.inner-text.sc-ic-loading-indicator{grid-column:1;grid-row:1}/*!@:host(.not-required.compact-step-progress-indicator)\n  .ic-loading-circular-svg\n  circle:nth-child(2)*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:var(--ic-architectural-300)}/*!@.inner-text*/.inner-text.sc-ic-loading-indicator{display:flex;align-items:center;justify-content:center;width:var(--ic-space-lg);height:inherit;overflow:hidden;margin:auto;color:var(--ic-status-info)}/*!@:host(.not-required.compact-step-progress-indicator) .inner-text*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .inner-text.sc-ic-loading-indicator{color:var(--ic-color-tertiary-text)}@media (forced-colors: active){/*!@.indeterminate > .ic-loading-circular-inner*/.indeterminate.sc-ic-loading-indicator>.ic-loading-circular-inner.sc-ic-loading-indicator{forced-color-adjust:none}/*!@.ic-loading-linear-outer*/.ic-loading-linear-outer.sc-ic-loading-indicator{border:var(--ic-hc-border)}/*!@.ic-loading-linear-inner*/.ic-loading-linear-inner.sc-ic-loading-indicator{background-color:canvastext}/*!@.ic-loading-circular-svg circle*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator{stroke:Background}/*!@.ic-loading-circular-svg circle:nth-child(2)*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:canvastext}/*!@:host(.not-required.compact-step-progress-indicator)\n    .ic-loading-circular-svg\n    circle:nth-child(2)*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:GrayText}}";
+const icLoadingIndicatorCss = "/*!@html*/html.sc-ic-loading-indicator{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-loading-indicator{margin:0}/*!@main*/main.sc-ic-loading-indicator{display:block}/*!@h1*/h1.sc-ic-loading-indicator{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-loading-indicator{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-loading-indicator{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-loading-indicator{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-loading-indicator{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-loading-indicator,strong.sc-ic-loading-indicator{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-loading-indicator,kbd.sc-ic-loading-indicator,samp.sc-ic-loading-indicator{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-loading-indicator{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-loading-indicator,sup.sc-ic-loading-indicator{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-loading-indicator{bottom:-0.25em}/*!@sup*/sup.sc-ic-loading-indicator{top:-0.5em}/*!@img*/img.sc-ic-loading-indicator{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-loading-indicator,input.sc-ic-loading-indicator,optgroup.sc-ic-loading-indicator,select.sc-ic-loading-indicator,textarea.sc-ic-loading-indicator{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-loading-indicator,input.sc-ic-loading-indicator{overflow:visible}/*!@button,\nselect*/button.sc-ic-loading-indicator,select.sc-ic-loading-indicator{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-loading-indicator,[type=\"button\"].sc-ic-loading-indicator,[type=\"reset\"].sc-ic-loading-indicator,[type=\"submit\"].sc-ic-loading-indicator{-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-loading-indicator::-moz-focus-inner,[type=\"button\"].sc-ic-loading-indicator::-moz-focus-inner,[type=\"reset\"].sc-ic-loading-indicator::-moz-focus-inner,[type=\"submit\"].sc-ic-loading-indicator::-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-loading-indicator:-moz-focusring,[type=\"button\"].sc-ic-loading-indicator:-moz-focusring,[type=\"reset\"].sc-ic-loading-indicator:-moz-focusring,[type=\"submit\"].sc-ic-loading-indicator:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-loading-indicator{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-loading-indicator{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-loading-indicator{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-loading-indicator{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-loading-indicator,[type=\"radio\"].sc-ic-loading-indicator{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-loading-indicator::-webkit-inner-spin-button,[type=\"number\"].sc-ic-loading-indicator::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-loading-indicator{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-loading-indicator::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-loading-indicator::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-loading-indicator{display:block}/*!@summary*/summary.sc-ic-loading-indicator{display:list-item}/*!@template*/template.sc-ic-loading-indicator{display:none}/*!@[hidden]*/[hidden].sc-ic-loading-indicator{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-loading-indicator,body.sc-ic-loading-indicator,div.sc-ic-loading-indicator,span.sc-ic-loading-indicator,applet.sc-ic-loading-indicator,object.sc-ic-loading-indicator,iframe.sc-ic-loading-indicator,h1.sc-ic-loading-indicator,h2.sc-ic-loading-indicator,h3.sc-ic-loading-indicator,h4.sc-ic-loading-indicator,h5.sc-ic-loading-indicator,h6.sc-ic-loading-indicator,p.sc-ic-loading-indicator,blockquote.sc-ic-loading-indicator,pre.sc-ic-loading-indicator,a.sc-ic-loading-indicator,abbr.sc-ic-loading-indicator,acronym.sc-ic-loading-indicator,address.sc-ic-loading-indicator,big.sc-ic-loading-indicator,cite.sc-ic-loading-indicator,code.sc-ic-loading-indicator,del.sc-ic-loading-indicator,dfn.sc-ic-loading-indicator,em.sc-ic-loading-indicator,img.sc-ic-loading-indicator,ins.sc-ic-loading-indicator,kbd.sc-ic-loading-indicator,q.sc-ic-loading-indicator,s.sc-ic-loading-indicator,samp.sc-ic-loading-indicator,small.sc-ic-loading-indicator,strike.sc-ic-loading-indicator,strong.sc-ic-loading-indicator,sub.sc-ic-loading-indicator,sup.sc-ic-loading-indicator,tt.sc-ic-loading-indicator,var.sc-ic-loading-indicator,b.sc-ic-loading-indicator,u.sc-ic-loading-indicator,i.sc-ic-loading-indicator,center.sc-ic-loading-indicator,dl.sc-ic-loading-indicator,dt.sc-ic-loading-indicator,dd.sc-ic-loading-indicator,ol.sc-ic-loading-indicator,ul.sc-ic-loading-indicator,li.sc-ic-loading-indicator,fieldset.sc-ic-loading-indicator,form.sc-ic-loading-indicator,label.sc-ic-loading-indicator,legend.sc-ic-loading-indicator,table.sc-ic-loading-indicator,caption.sc-ic-loading-indicator,tbody.sc-ic-loading-indicator,tfoot.sc-ic-loading-indicator,thead.sc-ic-loading-indicator,tr.sc-ic-loading-indicator,th.sc-ic-loading-indicator,td.sc-ic-loading-indicator,article.sc-ic-loading-indicator,aside.sc-ic-loading-indicator,canvas.sc-ic-loading-indicator,details.sc-ic-loading-indicator,embed.sc-ic-loading-indicator,figure.sc-ic-loading-indicator,figcaption.sc-ic-loading-indicator,footer.sc-ic-loading-indicator,header.sc-ic-loading-indicator,hgroup.sc-ic-loading-indicator,menu.sc-ic-loading-indicator,nav.sc-ic-loading-indicator,output.sc-ic-loading-indicator,ruby.sc-ic-loading-indicator,section.sc-ic-loading-indicator,summary.sc-ic-loading-indicator,time.sc-ic-loading-indicator,mark.sc-ic-loading-indicator,audio.sc-ic-loading-indicator,video.sc-ic-loading-indicator{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-loading-indicator-h{display:block;--linear-border-radius:0.25rem;--inner-color:var(--ic-action-default);--outer-color:var(--ic-architectural-100);--label-color:var(--ic-color-primary-text);--margin:none;--linear-line-height:var(--ic-space-xs)}/*!@:host(.light)*/.light.sc-ic-loading-indicator-h{--inner-color:var(--ic-architectural-white);--outer-color:var(--ic-architectural-800);--label-color:var(--ic-architectural-white)}/*!@.ic-loading-container*/.ic-loading-container.sc-ic-loading-indicator{display:flex;flex-direction:column;justify-content:center;align-items:center}/*!@:host([size=\"small\"])*/[size=\"small\"].sc-ic-loading-indicator-h{--circular-diameter:2.5rem;--linear-line-height:var(--ic-space-xxs)}/*!@:host([size=\"default\"])*/[size=\"default\"].sc-ic-loading-indicator-h{--circular-diameter:5rem}/*!@:host([size=\"large\"])*/[size=\"large\"].sc-ic-loading-indicator-h{--circular-diameter:7.5rem}/*!@:host([size=\"icon\"])*/[size=\"icon\"].sc-ic-loading-indicator-h{display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:1.25rem}/*!@:host(.label)*/.label.sc-ic-loading-indicator-h{--margin:0 0 var(--ic-space-xs) 0}/*!@.ic-loading-label*/.ic-loading-label.sc-ic-loading-indicator{white-space:nowrap;color:var(--label-color);margin-left:var(--label-margin-left)}/*!@.ic-loading-circular-outer*/.ic-loading-circular-outer.sc-ic-loading-indicator{height:var(--circular-diameter);width:var(--circular-diameter)}/*!@.ic-loading-circular-outer.indeterminate*/.ic-loading-circular-outer.indeterminate.sc-ic-loading-indicator{animation:circular-animation 1s linear;animation-iteration-count:infinite}@keyframes circular-animation{100%{transform:rotate(360deg)}}/*!@.ic-loading-circular-outer,\n.ic-loading-linear-outer*/.ic-loading-circular-outer.sc-ic-loading-indicator,.ic-loading-linear-outer.sc-ic-loading-indicator{margin:var(--margin)}/*!@.ic-loading-linear-outer*/.ic-loading-linear-outer.sc-ic-loading-indicator{background-color:var(--outer-color);height:var(--linear-line-height);width:100%;border-radius:var(--linear-border-radius);overflow:hidden}/*!@.ic-loading-linear-inner*/.ic-loading-linear-inner.sc-ic-loading-indicator{position:relative;height:100%;background-color:var(--inner-color);border-radius:var(--linear-border-radius)}/*!@.indeterminate > .ic-loading-linear-inner*/.indeterminate.sc-ic-loading-indicator>.ic-loading-linear-inner.sc-ic-loading-indicator{animation:linear-animation 2s infinite}/*!@.determinate > .ic-loading-linear-inner*/.determinate.sc-ic-loading-indicator>.ic-loading-linear-inner.sc-ic-loading-indicator{transition:width 0.5s;width:var(--linear-width)}/*!@:host(.full-width)*/.full-width.sc-ic-loading-indicator-h{--linear-border-radius:none}@keyframes linear-animation{0%{width:0%;left:-1%}25%{width:0%;left:-1%}50%{width:101%;left:-1%}75%{width:0%;left:101%}100%{width:0%;left:101%}}/*!@.ic-loading-circular-svg*/.ic-loading-circular-svg.sc-ic-loading-indicator{position:relative;width:100%;height:100%;transform:rotate(-90deg)}/*!@.ic-loading-circular-svg circle*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator{width:100%;height:100%;fill:none;stroke:var(--compact-step-outer-color, var(--outer-color));stroke-width:var(--circular-line-width);stroke-linecap:round}/*!@.ic-loading-circular-svg circle:nth-child(2)*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){--circular-indeterminate:calc(\n    (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n  );stroke-dasharray:var(--stroke-dasharray), var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dashoffset, var(--circular-indeterminate));stroke:var(--compact-step-inner-color, var(--inner-color))}/*!@:host(.inner-label) .ic-loading-circular-inner*/.inner-label.sc-ic-loading-indicator-h .ic-loading-circular-inner.sc-ic-loading-indicator{display:grid}/*!@:host(.inner-label) .ic-loading-circular-svg,\n.inner-text*/.inner-label.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator,.inner-text.sc-ic-loading-indicator{grid-column:1;grid-row:1}/*!@:host(.not-required.compact-step-progress-indicator)\n  .ic-loading-circular-svg\n  circle:nth-child(2)*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:var(--ic-architectural-300)}/*!@.inner-text*/.inner-text.sc-ic-loading-indicator{display:flex;align-items:center;justify-content:center;width:var(--ic-space-lg);height:inherit;overflow:hidden;margin:auto;color:var(--compact-step-inner-color, var(--ic-status-info))}/*!@:host(.not-required.compact-step-progress-indicator) .inner-text*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .inner-text.sc-ic-loading-indicator{color:var(--ic-color-tertiary-text)}/*!@:host(.light.not-required.compact-step-progress-indicator) .inner-text*/.light.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .inner-text.sc-ic-loading-indicator{color:var(--ic-architectural-400)}@media (forced-colors: active){/*!@.indeterminate > .ic-loading-circular-inner*/.indeterminate.sc-ic-loading-indicator>.ic-loading-circular-inner.sc-ic-loading-indicator{forced-color-adjust:none}/*!@.ic-loading-linear-outer*/.ic-loading-linear-outer.sc-ic-loading-indicator{border:var(--ic-hc-border)}/*!@.ic-loading-linear-inner*/.ic-loading-linear-inner.sc-ic-loading-indicator{background-color:canvastext}/*!@.ic-loading-circular-svg circle*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator{stroke:Background}/*!@.ic-loading-circular-svg circle:nth-child(2)*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:canvastext}/*!@:host(.not-required.compact-step-progress-indicator)\n    .ic-loading-circular-svg\n    circle:nth-child(2)*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:GrayText}}";
 class LoadingIndicator {
     constructor(hostRef) {
@@ -13715,7 +13751,7 @@ class Menu {
         this.scrollToSelected = (menu) => {
             const selectedOption = this.selectOnEnter
                 ? this.host.querySelector(`li[data-value="${this.optionHighlighted}"]`)
-                : menu.querySelector(".option[aria-selected='true']");
+                : menu.querySelector(".option[aria-selected]");
             if (selectedOption) {
                 const elTop = selectedOption.offsetTop + selectedOption.offsetHeight;
                 if (elTop > menu.scrollTop + menu.offsetHeight ||
@@ -13777,7 +13813,7 @@ class Menu {
                         option[this.valueField] === optionHighlighted) &&
                     keyboardNav
                     ? "0"
-                    : "-1", "aria-label": this.getOptionAriaLabel(option, parentOption), "aria-selected": `${option[this.valueField] === value}`, "aria-disabled": option.disabled ? "true" : "false", onClick: !option.timedOut && !option.loading && this.handleOptionClick, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, "data-value": option[this.valueField], "data-label": option[this.labelField] }, option.timedOut ? (hAsync(Fragment, null, hAsync("div", { class: "loading-error-info" }, hAsync("svg", { class: "error-icon-svg", "aria-labelledby": "error-title", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#000000" }, hAsync("title", { id: "error-title" }, "Error"), hAsync("g", { id: "close-octagon" }, hAsync("path", { id: "Vector", d: "M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41" }))), hAsync("ic-typography", { variant: "label" }, option[this.labelField])), hAsync("ic-button", { size: "small", variant: "tertiary", onClick: this.handleRetry, onKeyDown: this.handleRetryKeyDown, onBlur: this.handleTimeoutBlur, id: "retry-button" }, "Retry"))) : (this.optionContent(option))));
+                    : "-1", "aria-label": this.getOptionAriaLabel(option, parentOption), "aria-selected": option[this.valueField] === value, "aria-disabled": option.disabled ? "true" : "false", onClick: !option.timedOut && !option.loading && this.handleOptionClick, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, "data-value": option[this.valueField], "data-label": option[this.labelField] }, option.timedOut ? (hAsync(Fragment, null, hAsync("div", { class: "loading-error-info" }, hAsync("svg", { class: "error-icon-svg", "aria-labelledby": "error-title", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#000000" }, hAsync("title", { id: "error-title" }, "Error"), hAsync("g", { id: "close-octagon" }, hAsync("path", { id: "Vector", d: "M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41" }))), hAsync("ic-typography", { variant: "label" }, option[this.labelField])), hAsync("ic-button", { size: "small", variant: "tertiary", onClick: this.handleRetry, onKeyDown: this.handleRetryKeyDown, onBlur: this.handleTimeoutBlur, id: "retry-button" }, "Retry"))) : (this.optionContent(option))));
         };
         this.focusFromSearchKeypress = false;
         this.initialOptionsListRender = false;
@@ -14181,6 +14217,7 @@ class MenuItem {
 const icNavigationButtonCss = "/*!@html*/html.sc-ic-navigation-button{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-navigation-button{margin:0}/*!@main*/main.sc-ic-navigation-button{display:block}/*!@h1*/h1.sc-ic-navigation-button{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-navigation-button{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-navigation-button{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-navigation-button{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-navigation-button{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-navigation-button,strong.sc-ic-navigation-button{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-navigation-button,kbd.sc-ic-navigation-button,samp.sc-ic-navigation-button{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-navigation-button{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-navigation-button,sup.sc-ic-navigation-button{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-navigation-button{bottom:-0.25em}/*!@sup*/sup.sc-ic-navigation-button{top:-0.5em}/*!@img*/img.sc-ic-navigation-button{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-navigation-button,input.sc-ic-navigation-button,optgroup.sc-ic-navigation-button,select.sc-ic-navigation-button,textarea.sc-ic-navigation-button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-navigation-button,input.sc-ic-navigation-button{overflow:visible}/*!@button,\nselect*/button.sc-ic-navigation-button,select.sc-ic-navigation-button{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-navigation-button,[type=\"button\"].sc-ic-navigation-button,[type=\"reset\"].sc-ic-navigation-button,[type=\"submit\"].sc-ic-navigation-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-navigation-button::-moz-focus-inner,[type=\"button\"].sc-ic-navigation-button::-moz-focus-inner,[type=\"reset\"].sc-ic-navigation-button::-moz-focus-inner,[type=\"submit\"].sc-ic-navigation-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-navigation-button:-moz-focusring,[type=\"button\"].sc-ic-navigation-button:-moz-focusring,[type=\"reset\"].sc-ic-navigation-button:-moz-focusring,[type=\"submit\"].sc-ic-navigation-button:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-navigation-button{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-navigation-button{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-navigation-button{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-navigation-button{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-navigation-button,[type=\"radio\"].sc-ic-navigation-button{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-navigation-button::-webkit-inner-spin-button,[type=\"number\"].sc-ic-navigation-button::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-navigation-button{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-navigation-button::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-navigation-button::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-navigation-button{display:block}/*!@summary*/summary.sc-ic-navigation-button{display:list-item}/*!@template*/template.sc-ic-navigation-button{display:none}/*!@[hidden]*/[hidden].sc-ic-navigation-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-navigation-button,body.sc-ic-navigation-button,div.sc-ic-navigation-button,span.sc-ic-navigation-button,applet.sc-ic-navigation-button,object.sc-ic-navigation-button,iframe.sc-ic-navigation-button,h1.sc-ic-navigation-button,h2.sc-ic-navigation-button,h3.sc-ic-navigation-button,h4.sc-ic-navigation-button,h5.sc-ic-navigation-button,h6.sc-ic-navigation-button,p.sc-ic-navigation-button,blockquote.sc-ic-navigation-button,pre.sc-ic-navigation-button,a.sc-ic-navigation-button,abbr.sc-ic-navigation-button,acronym.sc-ic-navigation-button,address.sc-ic-navigation-button,big.sc-ic-navigation-button,cite.sc-ic-navigation-button,code.sc-ic-navigation-button,del.sc-ic-navigation-button,dfn.sc-ic-navigation-button,em.sc-ic-navigation-button,img.sc-ic-navigation-button,ins.sc-ic-navigation-button,kbd.sc-ic-navigation-button,q.sc-ic-navigation-button,s.sc-ic-navigation-button,samp.sc-ic-navigation-button,small.sc-ic-navigation-button,strike.sc-ic-navigation-button,strong.sc-ic-navigation-button,sub.sc-ic-navigation-button,sup.sc-ic-navigation-button,tt.sc-ic-navigation-button,var.sc-ic-navigation-button,b.sc-ic-navigation-button,u.sc-ic-navigation-button,i.sc-ic-navigation-button,center.sc-ic-navigation-button,dl.sc-ic-navigation-button,dt.sc-ic-navigation-button,dd.sc-ic-navigation-button,ol.sc-ic-navigation-button,ul.sc-ic-navigation-button,li.sc-ic-navigation-button,fieldset.sc-ic-navigation-button,form.sc-ic-navigation-button,label.sc-ic-navigation-button,legend.sc-ic-navigation-button,table.sc-ic-navigation-button,caption.sc-ic-navigation-button,tbody.sc-ic-navigation-button,tfoot.sc-ic-navigation-button,thead.sc-ic-navigation-button,tr.sc-ic-navigation-button,th.sc-ic-navigation-button,td.sc-ic-navigation-button,article.sc-ic-navigation-button,aside.sc-ic-navigation-button,canvas.sc-ic-navigation-button,details.sc-ic-navigation-button,embed.sc-ic-navigation-button,figure.sc-ic-navigation-button,figcaption.sc-ic-navigation-button,footer.sc-ic-navigation-button,header.sc-ic-navigation-button,hgroup.sc-ic-navigation-button,menu.sc-ic-navigation-button,nav.sc-ic-navigation-button,output.sc-ic-navigation-button,ruby.sc-ic-navigation-button,section.sc-ic-navigation-button,summary.sc-ic-navigation-button,time.sc-ic-navigation-button,mark.sc-ic-navigation-button,audio.sc-ic-navigation-button,video.sc-ic-navigation-button{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-navigation-button-h{display:block;margin-right:var(--ic-space-xs);list-style:none}/*!@:host(.in-side-menu)*/.in-side-menu.sc-ic-navigation-button-h{margin-right:0}/*!@:host::part(button)*/.sc-ic-navigation-button-h::part(button){height:100%;min-height:2.5rem}";
+const MUTABLE_ATTRIBUTES$2 = [...IC_INHERITED_ARIA, "title"];
 /**
  * @slot icon - Content will be placed to the left of the button label.
  * @slot badge - Badge component overlaying the top right of the button.
@@ -14189,6 +14226,16 @@ class NavigationButton {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.inheritedAttributes = {};
+        this.hostMutationObserver = null;
+        // triggered when attributes of host element change
+        this.hostMutationCallback = (mutationList) => {
+            mutationList.forEach(({ attributeName }) => {
+                if (MUTABLE_ATTRIBUTES$2.includes(attributeName)) {
+                    this.inheritedAttributes[attributeName] =
+                        this.el.getAttribute(attributeName);
+                }
+            });
+        };
         this.initialAppearance = getThemeForegroundColor();
         this.mode = "navbar";
         this.download = false;
@@ -14200,18 +14247,23 @@ class NavigationButton {
         this.target = undefined;
     }
     componentWillLoad() {
-        this.inheritedAttributes = inheritAttributes(this.el, [
-            ...IC_INHERITED_ARIA,
-            "title",
-        ]);
+        this.inheritedAttributes = inheritAttributes(this.el, MUTABLE_ATTRIBUTES$2);
     }
     componentDidLoad() {
         onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Navigation Button");
+        this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);
+        this.hostMutationObserver.observe(this.el, {
+            attributes: true,
+        });
     }
     componentWillRender() {
         const iconEl = this.el.querySelector(`[slot="icon"]`);
         iconEl !== null && iconEl.setAttribute("viewBox", "0 0 24 24");
     }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    }
     navBarMenuOpenHandler() {
         this.mode = "menu";
     }
@@ -14286,7 +14338,7 @@ class NavigationButton {
     }; }
 }
-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}/*!@:host(.in-side-menu)*/.in-side-menu.sc-ic-navigation-group-h{border-bottom:var(--ic-border-width) solid var(--ic-architectural-200);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);transition:var(--ic-easing-transition-slow);position:relative;background:none;border:none}/*!@: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-action-default);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-action-default);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-primary-text);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:active,\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:active,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:focus{background-color:var(--ic-architectural-20);color:var(--ic-action-default);cursor:auto;box-shadow:none;outline:none}/*!@: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-active);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-architectural-20);border-bottom:var(--ic-border-default);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(.expanded) .grouped-links-wrapper*/.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(.navigation-group-side-nav) .link,\n:host(.navigation-group-side-nav) ::slotted(a)*/.navigation-group-side-nav.sc-ic-navigation-group-h .link.sc-ic-navigation-group,.sc-ic-navigation-group-h.navigation-group-side-nav.sc-ic-navigation-group-s>a,.sc-ic-navigation-group-h.navigation-group-side-nav .sc-ic-navigation-group-s>a{height:var(--navigation-child-items-height, auto)}/*!@:host(.collapsed) .grouped-links-wrapper*/.collapsed.sc-ic-navigation-group-h .grouped-links-wrapper.sc-ic-navigation-group{height:0;transition:var(--ic-easing-transition-slow);overflow:hidden}/*!@:host(.navigation-group-side-nav) .navigation-group*/.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(.navigation-group-side-nav) .navigation-group:hover,\n:host(.navigation-group-side-nav) .navigation-group:active,\n:host(.navigation-group-side-nav) .selected*/.navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:hover,.navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:active,.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(.navigation-group-side-nav) .navigation-group:focus*/.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(.navigation-group-side-nav) .ic-typography-caption*/.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}/*!@:host(.in-side-menu)*/.in-side-menu.sc-ic-navigation-group-h{border-bottom:var(--ic-border-width) solid var(--ic-architectural-200);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);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-action-default);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-action-default);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-primary-text);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:active,\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:active,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:focus{background-color:var(--ic-architectural-20);color:var(--ic-action-default);cursor:auto;box-shadow:none;outline:none}/*!@: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-active);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-architectural-20);border-bottom:var(--ic-border-default);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(.expanded) .grouped-links-wrapper*/.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(.navigation-group-side-nav) .link,\n:host(.navigation-group-side-nav) ::slotted(a)*/.navigation-group-side-nav.sc-ic-navigation-group-h .link.sc-ic-navigation-group,.sc-ic-navigation-group-h.navigation-group-side-nav.sc-ic-navigation-group-s>a,.sc-ic-navigation-group-h.navigation-group-side-nav .sc-ic-navigation-group-s>a{height:var(--navigation-child-items-height, auto)}/*!@:host(.collapsed) .grouped-links-wrapper*/.collapsed.sc-ic-navigation-group-h .grouped-links-wrapper.sc-ic-navigation-group{height:0;transition:var(--ic-easing-transition-slow);overflow:hidden}/*!@:host(.navigation-group-side-nav) .navigation-group*/.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(.navigation-group-side-nav) .navigation-group:hover,\n:host(.navigation-group-side-nav) .navigation-group:active,\n:host(.navigation-group-side-nav) .selected*/.navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:hover,.navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:active,.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(.navigation-group-side-nav) .navigation-group:focus*/.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(.navigation-group-side-nav) .ic-typography-caption*/.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) {
@@ -14325,11 +14377,14 @@ class NavigationGroup {
                 }
             }
         };
-        this.topNavResizedHandler = (ev) => {
-            const newSize = ev.detail.size;
-            if (newSize !== this.deviceSize) {
-                this.deviceSize = newSize;
-                this.inTopNavSideMenu = newSize <= DEVICE_SIZES.L;
+        this.topNavResizedHandler = ({ detail, }) => {
+            var _a;
+            const { size } = detail;
+            if (size !== this.deviceSize) {
+                this.deviceSize = size;
+                this.inTopNavSideMenu =
+                    size <=
+                        (((_a = this.parentEl) === null || _a === void 0 ? void 0 : _a.customMobileBreakpoint) || DEVICE_SIZES.L);
             }
         };
         this.setGroupedNavItemTabIndex = (tabIndexValue) => {
@@ -14502,17 +14557,17 @@ class NavigationGroup {
     }
     componentWillLoad() {
         this.deviceSize = getCurrentDeviceSize();
-        const navParentDetails = getNavItemParentDetails(this.el);
-        this.navigationType = navParentDetails.navType;
-        this.parentEl = navParentDetails.parent;
-        if (this.deviceSize <= DEVICE_SIZES.L && this.navigationType === "top") {
-            this.inTopNavSideMenu = true;
-        }
+        const { navType, parent } = getNavItemParentDetails(this.el);
+        this.navigationType = navType;
+        this.parentEl = parent;
         if (this.navigationType === "side") {
             this.parentEl.addEventListener("sideNavExpanded", this.sideNavExpandHandler);
         }
         else if (this.navigationType === "top") {
             this.parentEl.addEventListener("topNavResized", this.topNavResizedHandler);
+            if (this.deviceSize <=
+                this.parentEl.customMobileBreakpoint)
+                this.inTopNavSideMenu = true;
         }
     }
     componentDidLoad() {
@@ -14603,7 +14658,7 @@ class NavigationGroup {
     }; }
 }
-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}/*!@: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(--ic-theme-text);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-theme-text)}/*!@: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;width:100%;box-sizing:border-box;color:var(--ic-color-primary-text);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-action-dark-bg-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-action-dark-bg-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-color-primary-text);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-action-dark-bg-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-action-dark-bg-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-action-dark-bg-active)}/*!@: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-action-dark-bg-active)}/*!@: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-action-dark-bg-active) !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-action-default);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);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}/*!@.icon*/.icon.sc-ic-navigation-item{height:var(--ic-space-lg);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, 56px);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-top:var(--ic-space-md) !important;padding-bottom:var(--ic-space-md) !important;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-primary-text) !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-active) !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-primary-text)}";
+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}/*!@: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(--ic-theme-text);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-theme-text)}/*!@: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-color-primary-text);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-action-dark-bg-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-action-dark-bg-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-color-primary-text);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-action-dark-bg-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-action-dark-bg-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-action-dark-bg-active)}/*!@: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-action-dark-bg-active)}/*!@: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-action-dark-bg-active) !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-action-default);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);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}/*!@.icon*/.icon.sc-ic-navigation-item{height:var(--ic-space-lg);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, 56px);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-top:var(--ic-space-md) !important;padding-bottom:var(--ic-space-md) !important;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-primary-text) !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-active) !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-primary-text)}";
 /**
  * @part link - The `<a>` within ic-navigation-item
@@ -14624,26 +14679,26 @@ class NavigationItem {
             }
             return (hAsync("div", { tabindex: "0", class: "link", ref: (el) => (this.itemEl = el) }, IconComponent, hAsync("ic-typography", { variant: variant }, label), ChevronIconComponent));
         };
-        this.topNavResizedHandler = (ev) => {
-            const newSize = ev.detail.size;
-            if (newSize !== this.deviceSize) {
-                this.deviceSize = newSize;
-                this.inTopNavSideMenu = newSize <= DEVICE_SIZES.L;
+        this.topNavResizedHandler = ({ detail, }) => {
+            var _a;
+            const { size } = detail;
+            if (size !== this.deviceSize) {
+                this.deviceSize = size;
+                this.inTopNavSideMenu =
+                    size <=
+                        (((_a = this.parentEl) === null || _a === void 0 ? void 0 : _a.customMobileBreakpoint) || DEVICE_SIZES.L);
             }
         };
-        this.sideNavExpandHandler = (ev) => {
-            const { sideNavExpanded, sideNavMobile } = ev.detail;
+        this.sideNavExpandHandler = ({ detail, }) => {
+            const { sideNavExpanded, sideNavMobile } = detail;
             this.sideNavExpanded = sideNavExpanded;
             this.isSideNavMobile = sideNavMobile;
         };
-        this.handleBlur = (ev) => {
-            if (ev.relatedTarget !== null) {
-                const target = ev.relatedTarget;
-                if (target.tagName === "IC-NAVIGATION-ITEM") {
-                    return;
-                }
+        this.handleBlur = ({ relatedTarget }) => {
+            if (relatedTarget === null ||
+                relatedTarget.tagName !== "IC-NAVIGATION-ITEM") {
+                this.childBlur.emit();
             }
-            this.childBlur.emit();
         };
         this.handleClick = () => {
             this.navItemClicked.emit();
@@ -14698,22 +14753,20 @@ class NavigationItem {
         }
     }
     componentWillLoad() {
-        const navParentDetails = getNavItemParentDetails(this.el);
-        this.navigationType = navParentDetails.navType;
-        this.parentEl = navParentDetails.parent;
+        const { navType, parent } = getNavItemParentDetails(this.el);
+        this.navigationType = navType;
+        this.parentEl = parent;
+        this.deviceSize = getCurrentDeviceSize();
         if (this.navigationType === "side") {
             this.parentEl.addEventListener("sideNavExpanded", this.sideNavExpandHandler);
         }
         else if (this.navigationType === "top") {
             this.parentEl.addEventListener("topNavResized", this.topNavResizedHandler);
-        }
-        if (getParentElementType(this.el) === "IC-NAVIGATION-GROUP" &&
-            this.navigationType === "top") {
-            this.isTopNavChild = true;
-        }
-        this.deviceSize = getCurrentDeviceSize();
-        if (this.deviceSize <= DEVICE_SIZES.L && this.navigationType === "top") {
-            this.inTopNavSideMenu = true;
+            if (this.el.parentElement.tagName === "IC-NAVIGATION-GROUP")
+                this.isTopNavChild = true;
+            if (this.deviceSize <=
+                this.parentEl.customMobileBreakpoint)
+                this.inTopNavSideMenu = true;
         }
         this.navigationSlot = this.el.querySelector('[slot="navigation-item"]');
         if (this.navigationSlot) {
@@ -14723,17 +14776,15 @@ class NavigationItem {
     componentDidUpdate() {
         this.isInitialRender = false;
     }
-    themeChangeHandler(ev) {
-        const theme = ev.detail;
-        this.focusStyle = theme.mode;
+    themeChangeHandler({ detail }) {
+        this.focusStyle = detail.mode;
     }
     /**
      * Sets focus on the nav item.
      */
     async setFocus() {
-        if (this.itemEl) {
-            this.itemEl.focus();
-        }
+        var _a;
+        (_a = this.itemEl) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
         const { inTopNavSideMenu, isTopNavChild, selected } = this;
@@ -15094,16 +15145,16 @@ class Pagination {
         };
         // button rendering abstracted from component render methods for clarity
         this.firstButton = () => {
-            return (hAsync("ic-button", { id: "first-page-button", "aria-label": "Go to first page", appearance: this.appearance, onClick: this.handleClickFirst, class: "page-button first-last", disabled: this.currentPage === 1 || this.disabled, variant: "icon", innerHTML: paginationFirstLast, tooltipPlacement: "top" }));
+            return (hAsync("ic-button", { id: "first-page-button", "aria-label": "Go to first page", appearance: this.appearance, onClick: this.handleClickFirst, class: "page-button first-last", disabled: this.currentPage === 1 || this.disabled, variant: "icon", innerHTML: paginationFirstLast }));
         };
         this.previousButton = () => {
-            return (hAsync("ic-button", { id: "previous-page-button", "aria-label": "Go to previous page", appearance: this.appearance, onClick: this.handleClickPrevious, class: "page-button next-previous flip", disabled: this.currentPage === 1 || this.disabled, variant: "icon", innerHTML: paginationNextPrevious, tooltipPlacement: "top" }));
+            return (hAsync("ic-button", { id: "previous-page-button", "aria-label": "Go to previous page", appearance: this.appearance, onClick: this.handleClickPrevious, class: "page-button next-previous flip", disabled: this.currentPage === 1 || this.disabled, variant: "icon", innerHTML: paginationNextPrevious }));
         };
         this.nextButton = () => {
-            return (hAsync("ic-button", { id: "next-page-button", "aria-label": "Go to next page", appearance: this.appearance, onClick: this.handleClickNext, class: "page-button next-previous", disabled: this.currentPage === this.pages || this.disabled, variant: "icon", innerHTML: paginationNextPrevious, tooltipPlacement: "top" }));
+            return (hAsync("ic-button", { id: "next-page-button", "aria-label": "Go to next page", appearance: this.appearance, onClick: this.handleClickNext, class: "page-button next-previous", disabled: this.currentPage === this.pages || this.disabled, variant: "icon", innerHTML: paginationNextPrevious }));
         };
         this.lastButton = () => {
-            return (hAsync("ic-button", { id: "last-page-button", "aria-label": "Go to last page", appearance: this.appearance, onClick: this.handleClickLast, class: "page-button first-last flip", disabled: this.currentPage === this.pages || this.disabled, variant: "icon", innerHTML: paginationFirstLast, tooltipPlacement: "top" }));
+            return (hAsync("ic-button", { id: "last-page-button", "aria-label": "Go to last page", appearance: this.appearance, onClick: this.handleClickLast, class: "page-button first-last flip", disabled: this.currentPage === this.pages || this.disabled, variant: "icon", innerHTML: paginationFirstLast }));
         };
         this.renderStartEllipsis = () => {
             return (hAsync("ic-pagination-item", { appearance: this.appearance, type: "ellipsis", id: "start-ellipsis", disabled: this.disabled }));
@@ -15684,6 +15735,39 @@ class RadioGroup {
             }
             return nextItem;
         };
+        this.addSlotChangeListener = () => {
+            this.radioContainer.addEventListener("slotchange", this.setRadioOptions);
+        };
+        this.setFirstRadioOptionTabIndex = (value) => {
+            this.radioOptions[0].setTabIndex(value);
+        };
+        this.setRadioOptions = () => {
+            this.selectedChild = -1;
+            this.checkedValue = "";
+            this.radioOptions = Array.from(this.el.querySelectorAll("ic-radio-option"));
+            if (this.radioOptions.length > 0) {
+                this.radioOptions.forEach((radioOption, index) => {
+                    if (!radioOption.selected) {
+                        radioOption.selected = this.checkedValue === radioOption.value;
+                    }
+                    radioOption.name = this.name;
+                    radioOption.groupLabel = this.label;
+                    if (radioOption.selected) {
+                        this.selectedChild = index;
+                        this.checkedValue = radioOption.value;
+                    }
+                });
+                this.setFirstRadioOptionTabIndex(this.selectedChild > 0 ? -1 : 0);
+            }
+            if (this.initialOrientation === "horizontal" &&
+                this.radioOptions !== undefined &&
+                (this.radioOptions.length > 2 ||
+                    (this.radioOptions.length === 2 &&
+                        (isSlotUsed(this.radioOptions[0], "additional-field") ||
+                            isSlotUsed(this.radioOptions[1], "additional-field"))))) {
+                this.currentOrientation = "vertical";
+            }
+        };
         this.checkedValue = "";
         this.currentOrientation = undefined;
         this.initialOrientation = undefined;
@@ -15704,9 +15788,11 @@ class RadioGroup {
         this.initialOrientation = this.orientation;
     }
     disconnectedCallback() {
+        var _a;
         if (this.resizeObserver !== null) {
             this.resizeObserver.disconnect();
         }
+        (_a = this.radioContainer) === null || _a === void 0 ? void 0 : _a.removeEventListener("slotchange", this.setRadioOptions);
     }
     componentWillLoad() {
         removeDisabledFalse(this.disabled, this.el);
@@ -15714,29 +15800,9 @@ class RadioGroup {
         this.currentOrientation = this.initialOrientation;
     }
     componentDidLoad() {
-        this.radioOptions = Array.from(this.el.querySelectorAll("ic-radio-option"));
-        this.radioOptions.forEach((radioOption, index) => {
-            if (!radioOption.selected) {
-                radioOption.selected = this.checkedValue === radioOption.value;
-            }
-            radioOption.name = this.name;
-            radioOption.groupLabel = this.label;
-            if (radioOption.selected) {
-                this.selectedChild = index;
-                this.checkedValue = radioOption.value;
-            }
-        });
-        this.radioOptions[0].shadowRoot.querySelector("input").tabIndex =
-            this.selectedChild > 0 ? -1 : 0;
-        if (this.initialOrientation === "horizontal" &&
-            this.radioOptions !== undefined &&
-            (this.radioOptions.length > 2 ||
-                (this.radioOptions.length === 2 &&
-                    (isSlotUsed(this.radioOptions[0], "additional-field") ||
-                        isSlotUsed(this.radioOptions[1], "additional-field"))))) {
-            this.currentOrientation = "vertical";
-        }
+        this.setRadioOptions();
         checkResizeObserver(this.runResizeObserver);
+        this.addSlotChangeListener();
         onComponentRequiredPropUndefined([
             { prop: this.label, propName: "label" },
             { prop: this.name, propName: "name" },
@@ -15760,14 +15826,13 @@ class RadioGroup {
                     this.selectedChild = index;
                 }
             });
-            this.radioOptions[0].shadowRoot.querySelector("input").tabIndex =
-                this.selectedChild > 0 ? -1 : 0;
+            this.setFirstRadioOptionTabIndex(this.selectedChild > 0 ? -1 : 0);
         }
     }
     changeHandler() {
         const selectedOption = this.radioOptions.findIndex((radioOption) => radioOption.selected);
         if (selectedOption < 0) {
-            this.radioOptions[0].shadowRoot.querySelector("input").tabIndex = 0;
+            this.setFirstRadioOptionTabIndex(0);
             this.selectedChild = selectedOption;
         }
     }
@@ -15947,9 +16012,14 @@ class RadioOption {
      * Sets focus on the radio option.
      */
     async setFocus() {
-        if (this.el.shadowRoot.querySelector("input")) {
-            this.el.shadowRoot.querySelector("input").focus();
-        }
+        var _a;
+        (_a = this.radioElement) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    /**
+     * @internal Sets the tabIndex of the radio option.
+     */
+    async setTabIndex(value) {
+        this.radioElement.tabIndex = value;
     }
     render() {
         const id = `ic-radio-option-${isPropDefined(this.label) ? this.label : this.value}-${this.groupLabel}`;
@@ -15985,7 +16055,8 @@ class RadioOption {
             "value": [1025],
             "selected": [1540],
             "initiallySelected": [32],
-            "setFocus": [64]
+            "setFocus": [64],
+            "setTabIndex": [64]
         },
         "$listeners$": [[0, "icChange", "textfieldValueHandler"]],
         "$lazyBundleId$": "-",
@@ -16589,6 +16660,7 @@ var Clear = `<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w
 const icSelectCss = "/*!@html*/html.sc-ic-select{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-select{margin:0}/*!@main*/main.sc-ic-select{display:block}/*!@h1*/h1.sc-ic-select{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-select{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-select{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-select{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-select{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-select,strong.sc-ic-select{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-select,kbd.sc-ic-select,samp.sc-ic-select{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-select{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-select,sup.sc-ic-select{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-select{bottom:-0.25em}/*!@sup*/sup.sc-ic-select{top:-0.5em}/*!@img*/img.sc-ic-select{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-select,input.sc-ic-select,optgroup.sc-ic-select,select.sc-ic-select,textarea.sc-ic-select{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-select,input.sc-ic-select{overflow:visible}/*!@button,\nselect*/button.sc-ic-select,select.sc-ic-select{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-select,[type=\"button\"].sc-ic-select,[type=\"reset\"].sc-ic-select,[type=\"submit\"].sc-ic-select{-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-select::-moz-focus-inner,[type=\"button\"].sc-ic-select::-moz-focus-inner,[type=\"reset\"].sc-ic-select::-moz-focus-inner,[type=\"submit\"].sc-ic-select::-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-select:-moz-focusring,[type=\"button\"].sc-ic-select:-moz-focusring,[type=\"reset\"].sc-ic-select:-moz-focusring,[type=\"submit\"].sc-ic-select:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-select{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-select{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-select{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-select{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-select,[type=\"radio\"].sc-ic-select{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-select::-webkit-inner-spin-button,[type=\"number\"].sc-ic-select::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-select{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-select::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-select::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-select{display:block}/*!@summary*/summary.sc-ic-select{display:list-item}/*!@template*/template.sc-ic-select{display:none}/*!@[hidden]*/[hidden].sc-ic-select{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-select,body.sc-ic-select,div.sc-ic-select,span.sc-ic-select,applet.sc-ic-select,object.sc-ic-select,iframe.sc-ic-select,h1.sc-ic-select,h2.sc-ic-select,h3.sc-ic-select,h4.sc-ic-select,h5.sc-ic-select,h6.sc-ic-select,p.sc-ic-select,blockquote.sc-ic-select,pre.sc-ic-select,a.sc-ic-select,abbr.sc-ic-select,acronym.sc-ic-select,address.sc-ic-select,big.sc-ic-select,cite.sc-ic-select,code.sc-ic-select,del.sc-ic-select,dfn.sc-ic-select,em.sc-ic-select,img.sc-ic-select,ins.sc-ic-select,kbd.sc-ic-select,q.sc-ic-select,s.sc-ic-select,samp.sc-ic-select,small.sc-ic-select,strike.sc-ic-select,strong.sc-ic-select,sub.sc-ic-select,sup.sc-ic-select,tt.sc-ic-select,var.sc-ic-select,b.sc-ic-select,u.sc-ic-select,i.sc-ic-select,center.sc-ic-select,dl.sc-ic-select,dt.sc-ic-select,dd.sc-ic-select,ol.sc-ic-select,ul.sc-ic-select,li.sc-ic-select,fieldset.sc-ic-select,form.sc-ic-select,label.sc-ic-select,legend.sc-ic-select,table.sc-ic-select,caption.sc-ic-select,tbody.sc-ic-select,tfoot.sc-ic-select,thead.sc-ic-select,tr.sc-ic-select,th.sc-ic-select,td.sc-ic-select,article.sc-ic-select,aside.sc-ic-select,canvas.sc-ic-select,details.sc-ic-select,embed.sc-ic-select,figure.sc-ic-select,figcaption.sc-ic-select,footer.sc-ic-select,header.sc-ic-select,hgroup.sc-ic-select,menu.sc-ic-select,nav.sc-ic-select,output.sc-ic-select,ruby.sc-ic-select,section.sc-ic-select,summary.sc-ic-select,time.sc-ic-select,mark.sc-ic-select,audio.sc-ic-select,video.sc-ic-select{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-select-h{display:block;position:relative}/*!@:host(.full-width)*/.full-width.sc-ic-select-h{width:100%}/*!@ic-input-component-container:hover*/ic-input-component-container.sc-ic-select:hover{--border-color:var(--ic-action-dark-hover)}/*!@ic-input-component-container:active*/ic-input-component-container.sc-ic-select:active{--border-color:var(--ic-action-dark-active);color:var(--ic-action-dark-active)}/*!@ic-input-component-container.menu-open*/ic-input-component-container.menu-open.sc-ic-select{--border-color:var(--ic-architectural-400);color:var(--ic-action-dark)}/*!@ic-input-validation .status-icon,\nic-input-validation .statustext*/ic-input-validation.sc-ic-select .status-icon.sc-ic-select,ic-input-validation.sc-ic-select .statustext.sc-ic-select{visibility:visible}/*!@ic-input-validation.menu-open .status-icon,\nic-input-validation.menu-open .statustext*/ic-input-validation.menu-open.sc-ic-select .status-icon.sc-ic-select,ic-input-validation.menu-open.sc-ic-select .statustext.sc-ic-select{visibility:hidden;transition:visibility 0s}/*!@ic-input-label*/ic-input-label.sc-ic-select{margin-bottom:var(--ic-space-xs) !important}/*!@select*/select.sc-ic-select{border:0;border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);color:var(--ic-color-primary-text);line-height:1.5rem;letter-spacing:0.005rem;width:100%;height:100%;padding-left:0.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 0.375rem center;background-image:url(\"data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>\")}/*!@select option,\n.select-option-selected*/select.sc-ic-select option.sc-ic-select,.select-option-selected.sc-ic-select{color:var(--ic-color-primary-text)}/*!@select:disabled*/select.sc-ic-select:disabled{color:var(--ic-architectural-200);background-image:url(\"data:image/svg+xml;utf8,<svg fill='grey' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>\")}/*!@select:focus*/select.sc-ic-select:focus{border:0;outline:0}/*!@select:not([disabled])*/select.sc-ic-select:not([disabled]){cursor:pointer}/*!@.select-container*/.select-container.sc-ic-select{width:100%;display:flex;align-items:center;position:relative}/*!@.select-input*/.select-input.sc-ic-select{width:100%;height:100%;padding:0 0.375rem;display:flex;cursor:pointer;align-items:center;justify-content:space-between;background:none;border:none}/*!@.select-input:focus*/.select-input.sc-ic-select:focus{outline:var(--ic-hc-focus-outline)}/*!@:host(:not(.disabled)) ic-input-component-container:hover .select-input*/.sc-ic-select-h:not(.disabled) ic-input-component-container.sc-ic-select:hover .select-input.sc-ic-select{background-color:var(--ic-architectural-white)}/*!@.select-input[disabled]*/.select-input[disabled].sc-ic-select{pointer-events:none}/*!@:host(.searchable) .select-input*/.searchable.sc-ic-select-h .select-input.sc-ic-select{cursor:auto}/*!@.searchable-select-container*/.searchable-select-container.sc-ic-select{align-items:center;display:flex;width:100%;position:relative}/*!@.expand-icon*/.expand-icon.sc-ic-select{height:var(--ic-space-lg);padding-left:var(--ic-space-xs);color:var(--ic-action-dark)}/*!@.expand-icon > svg*/.expand-icon.sc-ic-select>svg.sc-ic-select{display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@:host(.disabled) .expand-icon,\n:host(.disabled) .expand-icon > svg > path*/.disabled.sc-ic-select-h .expand-icon.sc-ic-select,.disabled.sc-ic-select-h .expand-icon.sc-ic-select>svg.sc-ic-select>path.sc-ic-select{color:var(--ic-architectural-200)}/*!@:host(.searchable) .expand-icon*/.searchable.sc-ic-select-h .expand-icon.sc-ic-select{padding-left:var(--ic-space-xxs);height:2.25rem}/*!@:host(.searchable) .expand-icon > svg*/.searchable.sc-ic-select-h .expand-icon.sc-ic-select>svg.sc-ic-select{height:2.25rem;padding:0 0.375rem}/*!@:host(.searchable:not(.disabled)) .expand-icon > svg*/.searchable.sc-ic-select-h:not(.disabled) .expand-icon.sc-ic-select>svg.sc-ic-select{cursor:pointer}/*!@.expand-icon-open*/.expand-icon-open.sc-ic-select{color:var(--ic-action-dark)}/*!@.expand-icon-filled*/.expand-icon-filled.sc-ic-select{color:var(--ic-action-dark)}/*!@.expand-icon-open,\n:host(.searchable) .expand-icon-open*/.expand-icon-open.sc-ic-select,.searchable.sc-ic-select-h .expand-icon-open.sc-ic-select{transform:rotateX(180deg)}/*!@:host(.disabled) .value-text,\n.placeholder*/.disabled.sc-ic-select-h .value-text.sc-ic-select,.placeholder.sc-ic-select{color:var(--ic-color-tertiary-text)}/*!@.select-input-end*/.select-input-end.sc-ic-select{display:flex;align-items:center}/*!@.clear-button-container*/.clear-button-container.sc-ic-select{display:flex;gap:var(--ic-space-xxs);padding-left:2.375rem;align-items:center}/*!@:host(.small) .clear-button-container*/.small.sc-ic-select-h .clear-button-container.sc-ic-select{padding-left:1.875rem}/*!@.divider*/.divider.sc-ic-select{width:var(--ic-border-width);background-color:var(--ic-architectural-400);margin:var(--ic-space-xxs) 0;border-radius:var(--ic-space-1px);height:var(--ic-space-lg)}/*!@:host(.small) .divider*/.small.sc-ic-select-h .divider.sc-ic-select{height:var(--ic-space-md)}/*!@.clear-button*/.clear-button.sc-ic-select{position:absolute;right:2.75rem;border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition)}/*!@.clear-button:focus*/.clear-button.sc-ic-select:focus{background-color:var(--ic-focus-blue);box-shadow:inset 0 0 0 0.125rem var(--ic-focus-glow);border-radius:0.25rem}/*!@.clear-button:focus **/.clear-button.sc-ic-select:focus *.sc-ic-select{fill:white}/*!@.searchable-select-results-status*/.searchable-select-results-status.sc-ic-select{border:0;clip:rect(0, 0, 0, 0, 0);height:var(--ic-space-1px);overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}";
 let inputIds$2 = 0;
+const MUTABLE_ATTRIBUTES$1 = [...IC_INHERITED_ARIA, "tabindex", "title"];
 class Select {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -16608,6 +16680,16 @@ class Select {
         this.menuId = `${this.inputId}-menu`;
         this.searchableMenuItemSelected = false;
         this.ungroupedOptions = [];
+        this.hostMutationObserver = null;
+        // triggered when attributes of host element change
+        this.hostMutationCallback = (mutationList) => {
+            mutationList.forEach(({ attributeName }) => {
+                if (MUTABLE_ATTRIBUTES$1.includes(attributeName)) {
+                    this.inheritedAttributes[attributeName] =
+                        this.el.getAttribute(attributeName);
+                }
+            });
+        };
         this.handleRetry = (ev) => {
             var _a;
             if (ev.detail.keyPressed)
@@ -17135,14 +17217,12 @@ class Select {
         this.open ? this.icOpen.emit() : this.icClose.emit();
     }
     disconnectedCallback() {
+        var _a;
         removeFormResetListener(this.el, this.handleFormReset);
+        (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     componentWillLoad() {
-        this.inheritedAttributes = inheritAttributes(this.el, [
-            ...IC_INHERITED_ARIA,
-            "tabindex",
-            "title",
-        ]);
+        this.inheritedAttributes = inheritAttributes(this.el, MUTABLE_ATTRIBUTES$1);
         removeDisabledFalse(this.disabled, this.el);
         this.setOptionsValuesFromLabels();
         addFormResetListener(this.el, this.handleFormReset);
@@ -17163,6 +17243,10 @@ class Select {
             this.triggerLoading();
         }
         this.hiddenInputValue = this.searchable && this.currValue;
+        this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);
+        this.hostMutationObserver.observe(this.el, {
+            attributes: true,
+        });
     }
     componentDidRender() {
         if (this.nativeSelectElement && !this.disabled) {
@@ -17325,7 +17409,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;--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;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-theme-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-theme-primary);z-index:var(--ic-z-index-side-navigation)}/*!@:host(.inline) .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-theme-primary);display:flex;flex-direction:column;flex:1 1 0;overflow:auto}/*!@:host(.inline) .side-navigation-inner*/.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(--ic-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-theme-primary);display:flex;flex-direction:column}/*!@:host(.inline) .bottom-wrapper*/.inline.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{position:sticky}/*!@:host(.dark) .bottom-wrapper*/.dark.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{border-top:var(--ic-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-theme-primary);position:fixed;top:0;left:0;right:0;border-bottom:var(--ic-keyline-darken);box-shadow:var(--ic-elevation-overlay);z-index:2;overflow:hidden;visibility:visible}/*!@:host(.inline) .top-bar*/.inline.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{position:absolute}/*!@.top-bar.dark a:focus*/.top-bar.dark.sc-ic-side-navigation a.sc-ic-side-navigation:focus{box-shadow:var(--ic-border-focus)}/*!@.top-bar.light*/.top-bar.light.sc-ic-side-navigation{border-bottom:var(--ic-keyline-lighten)}/*!@.app-title-wrapper*/.app-title-wrapper.sc-ic-side-navigation{display:flex;margin-left:var(--ic-space-xs);border-left:var(--ic-keyline-darken);padding-left:var(--ic-space-xxs);color:var(--ic-theme-text);align-items:center}/*!@.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-theme-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-theme-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-theme-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-theme-hover)}/*!@:host .title-link:active*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:active{background-color:var(--ic-theme-active)}/*!@: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-theme-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-theme-text);color:var(--ic-color-primary-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(.dark) .app-status-wrapper .app-status*/.dark.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation .app-status.sc-ic-side-navigation{color:var(--ic-color-white-text)}/*!@.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-theme-hover);--navigation-group-text-hover:var(--ic-theme-text);--navigation-item-child-height:3.5rem;--navigation-item-child-active:var(--ic-action-dark-bg-active);--navigation-item-child-color:var(--ic-theme-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:100%}/*!@.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;width:100%}/*!@.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(.inline.side-display) .top-bar*/.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(.inline.side-display) .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-theme-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-theme-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:56px;--navigation-item-height:56px}/*!@: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:100%;--navigation-item-min-height:56px;--navigation-item-width:320px;--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 (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-hc-border)}/*!@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;--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;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-theme-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-theme-primary);z-index:var(--ic-z-index-side-navigation)}/*!@:host(.inline) .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-theme-primary);display:flex;flex-direction:column;flex:1 1 0;overflow:auto}/*!@:host(.inline) .side-navigation-inner*/.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(--ic-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-theme-primary);display:flex;flex-direction:column}/*!@:host(.inline) .bottom-wrapper*/.inline.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{position:sticky}/*!@:host(.dark) .bottom-wrapper*/.dark.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{border-top:var(--ic-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-theme-primary);position:fixed;top:0;left:0;right:0;border-bottom:var(--ic-keyline-darken);box-shadow:var(--ic-elevation-overlay);z-index:2;overflow:hidden;visibility:visible}/*!@:host(.inline) .top-bar*/.inline.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{position:absolute}/*!@.top-bar.dark a:focus*/.top-bar.dark.sc-ic-side-navigation a.sc-ic-side-navigation:focus{box-shadow:var(--ic-border-focus)}/*!@.top-bar.light*/.top-bar.light.sc-ic-side-navigation{border-bottom:var(--ic-keyline-lighten)}/*!@.app-title-wrapper*/.app-title-wrapper.sc-ic-side-navigation{display:flex;margin-left:var(--ic-space-xs);border-left:var(--ic-keyline-darken);padding-left:var(--ic-space-xxs);color:var(--ic-theme-text);align-items:center}/*!@.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-theme-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-theme-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-theme-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-theme-hover)}/*!@:host .title-link:active*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:active{background-color:var(--ic-theme-active)}/*!@: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-theme-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-theme-text);color:var(--ic-color-primary-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(.dark) .app-status-wrapper .app-status*/.dark.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation .app-status.sc-ic-side-navigation{color:var(--ic-color-white-text)}/*!@.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-theme-hover);--navigation-group-text-hover:var(--ic-theme-text);--navigation-item-child-height:3.5rem;--navigation-item-child-active:var(--ic-action-dark-bg-active);--navigation-item-child-color:var(--ic-theme-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;width:100%}/*!@.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(.inline.side-display) .top-bar*/.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(.inline.side-display) .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-theme-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-theme-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:56px;--navigation-item-height:56px}/*!@: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:56px;--navigation-item-width:320px;--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 (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-hc-border)}/*!@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.
@@ -17888,7 +17972,7 @@ var warningIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" x
 <path d="M7.99935 4.32666L13.0193 13H2.97935L7.99935 4.32666ZM7.99935 1.66666L0.666016 14.3333H15.3327L7.99935 1.66666ZM8.66602 11H7.33268V12.3333H8.66602V11ZM8.66602 6.99999H7.33268V9.66666H8.66602V6.99999Z" fill="currentColor"/>
 </svg>`;
-const icStepCss = "/*!@:host*/.sc-ic-step-h{display:flex;flex:auto}/*!@.step*/.step.sc-ic-step{display:flex;flex:1 1 0}/*!@.step-icon*/.step-icon.sc-ic-step{display:flex;justify-content:center}/*!@.step-title,\n.step-subtitle,\n.step-status,\n.next-step*/.step-title.sc-ic-step,.step-subtitle.sc-ic-step,.step-status.sc-ic-step,.next-step.sc-ic-step{white-space:pre-line}/*!@.visually-hidden*/.visually-hidden.sc-ic-step{position:absolute;left:-625rem;top:auto;width:1px;height:1px;overflow:hidden}/*!@:host(.compact)*/.compact.sc-ic-step-h{-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm);--compact-step-inner-color:var(--ic-status-info);--compact-step-circular-line-width:var(--ic-space-xxs)}/*!@:host(.compact) .step*/.compact.sc-ic-step-h .step.sc-ic-step{-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm)}/*!@:host(.compact) .step:not(.current)*/.compact.sc-ic-step-h .step.sc-ic-step:not(.current){display:none;opacity:0;visibility:hidden}/*!@.compact-step-progress-indicator*/.compact-step-progress-indicator.sc-ic-step{margin:var(--ic-space-xs) 0 0}/*!@:host ic-loading-indicator::part(ic-loading-container)*/.sc-ic-step-h ic-loading-indicator.sc-ic-step::part(ic-loading-container){border-radius:50%;background-color:var(--ic-architectural-white)}/*!@:host(.compact) .step-title-area*/.compact.sc-ic-step-h .step-title-area.sc-ic-step{display:flex;flex-direction:column;width:14.25rem}/*!@.info-line*/.info-line.sc-ic-step{display:flex;-moz-column-gap:var(--ic-space-xs);column-gap:var(--ic-space-xs)}/*!@.step-status*/.step-status.sc-ic-step{display:flex;color:var(--ic-color-secondary-text);-moz-column-gap:var(--ic-space-xxxs);column-gap:var(--ic-space-xxxs)}/*!@.compact-step-completed .step-status*/.compact-step-completed.sc-ic-step .step-status.sc-ic-step{color:var(--ic-status-success)}/*!@.compact-step-disabled :is(.step-title, .step-status)*/.compact-step-disabled.sc-ic-step .sc-ic-step:is(.step-title,.step-status).sc-ic-step{color:var(--ic-color-tertiary-text)}/*!@.step-num*/.step-num.sc-ic-step{color:var(--ic-color-secondary-text);white-space:nowrap}/*!@:host(.compact) .step-icon*/.compact.sc-ic-step-h .step-icon.sc-ic-step{margin:var(--ic-space-xxxs)}/*!@:host(.compact) .step-icon svg*/.compact.sc-ic-step-h .step-icon.sc-ic-step svg.sc-ic-step{width:var(--ic-space-md);height:var(--ic-space-md)}/*!@:host(.default) .step*/.default.sc-ic-step-h .step.sc-ic-step{flex-direction:column}/*!@:host(.default.last-step)*/.default.last-step.sc-ic-step-h{flex-grow:initial}/*!@.step-top*/.step-top.sc-ic-step{display:flex;width:100%;align-items:center;align-self:flex-start;height:2.5rem}/*!@:host(.default) .step-icon*/.default.sc-ic-step-h .step-icon.sc-ic-step{border-radius:50%;background-color:var(--ic-architectural-white)}/*!@.step-icon-inner*/.step-icon-inner.sc-ic-step{width:var(--ic-space-xl);height:var(--ic-space-xl);display:flex;justify-content:center;align-items:center;border-radius:50%}/*!@:host(.default) .current*/.default.sc-ic-step-h .current.sc-ic-step{color:var(--ic-status-info)}/*!@:host(.default) .step-title-area*/.default.sc-ic-step-h .step-title-area.sc-ic-step{margin:var(--ic-space-xs) 0;padding-right:var(--ic-space-xs);width:100%}/*!@:host(.default) .step-title,\n.step-subtitle*/.default.sc-ic-step-h .step-title.sc-ic-step,.step-subtitle.sc-ic-step{width:-moz-fit-content;width:fit-content}/*!@.step-subtitle*/.step-subtitle.sc-ic-step{color:var(--ic-color-tertiary-text)}/*!@.current .step-subtitle*/.current.sc-ic-step .step-subtitle.sc-ic-step{color:var(--ic-color-primary-text)}/*!@:host(.default) .completed*/.default.sc-ic-step-h .completed.sc-ic-step{color:var(--ic-status-success)}/*!@.active .step-icon-inner*/.active.sc-ic-step .step-icon-inner.sc-ic-step{box-shadow:inset var(--ic-architectural-200) 0 0 0 0.125rem}/*!@.current .step-icon-inner*/.current.sc-ic-step .step-icon-inner.sc-ic-step{background-color:var(--ic-status-info);color:white}/*!@.disabled*/.disabled.sc-ic-step{color:var(--ic-architectural-200)}/*!@.disabled .step-icon-inner*/.disabled.sc-ic-step .step-icon-inner.sc-ic-step{border:var(--ic-border-width) dashed var(--ic-architectural-200);width:calc(var(--ic-space-xl) - var(--ic-space-xxxs));height:calc(var(--ic-space-xl) - var(--ic-space-xxxs))}/*!@.disabled .step-title-area*/.disabled.sc-ic-step .step-title-area.sc-ic-step{color:var(--ic-color-tertiary-text)}/*!@.completed .step-icon-inner*/.completed.sc-ic-step .step-icon-inner.sc-ic-step{background:var(--ic-status-success);box-shadow:inset var(--ic-status-success) 0 0 0 var(--ic-space-xxxs);border-radius:100%}/*!@:host(.default) .current .step-icon*/.default.sc-ic-step-h .current.sc-ic-step .step-icon.sc-ic-step{border:var(--ic-space-xxxs) solid var(--ic-status-info);padding:var(--ic-space-xxxs);margin:0 calc(-1 * var(--ic-space-xxxs))}/*!@.step-connect*/.step-connect.sc-ic-step{height:var(--ic-space-xxxs);background-color:var(--ic-architectural-200);margin:0 var(--ic-space-xs);border-radius:var(--ic-space-xxs);width:100%}/*!@.aligned-full-width.step-connect*/.aligned-full-width.step-connect.sc-ic-step{min-width:6.25rem;width:100%}/*!@.disabled .step-connect*/.disabled.sc-ic-step .step-connect.sc-ic-step{height:0;background-color:rgb(0 0 0 / 0%);border-top:0.125rem dashed var(--ic-architectural-200);border-radius:0}/*!@.completed .step-connect*/.completed.sc-ic-step .step-connect.sc-ic-step{background-color:var(--ic-status-success)}/*!@.step-connect-inner*/.step-connect-inner.sc-ic-step{width:70%;display:flex;flex:auto;height:var(--ic-space-xxxs);border-radius:var(--ic-space-xxs);background-color:var(--ic-status-info)}/*!@.step-icon-inner .check-icon*/.step-icon-inner.sc-ic-step .check-icon.sc-ic-step{padding-top:var(--ic-space-xxs)}/*!@.step-icon-inner .check-icon svg*/.step-icon-inner.sc-ic-step .check-icon.sc-ic-step svg.sc-ic-step{width:var(--ic-space-md);height:auto}/*!@.step-icon-inner .check-icon > svg > path*/.step-icon-inner.sc-ic-step .check-icon.sc-ic-step>svg.sc-ic-step>path.sc-ic-step{fill:var(--ic-color-white-text)}@media (forced-colors: active){/*!@.compact-step-disabled :is(.step-title, .step-status)*/.compact-step-disabled.sc-ic-step .sc-ic-step:is(.step-title,.step-status).sc-ic-step{color:GrayText}/*!@.step-connect:not(.disabled .step-connect)*/.step-connect.sc-ic-step:not(.disabled .step-connect).sc-ic-step{border:var(--ic-hc-border)}/*!@.active .step-icon-inner,\n  .completed .step-icon-inner,\n  .current .step-icon-inner*/.active.sc-ic-step .step-icon-inner.sc-ic-step,.completed.sc-ic-step .step-icon-inner.sc-ic-step,.current.sc-ic-step .step-icon-inner.sc-ic-step{forced-color-adjust:none;box-shadow:inset canvastext 0 0 0 0.125rem;background-color:transparent;color:canvastext}/*!@:host(.default) .current .step-icon*/.default.sc-ic-step-h .current.sc-ic-step .step-icon.sc-ic-step{padding:0;border:none}/*!@.disabled,\n  .disabled .step-title-area*/.disabled.sc-ic-step,.disabled.sc-ic-step .step-title-area.sc-ic-step{color:GrayText}/*!@.step-connect-inner,\n  .completed .step-connect*/.step-connect-inner.sc-ic-step,.completed.sc-ic-step .step-connect.sc-ic-step{background-color:canvastext}/*!@.step-icon-inner .check-icon > svg > path*/.step-icon-inner.sc-ic-step .check-icon.sc-ic-step>svg.sc-ic-step>path.sc-ic-step{fill:canvastext}}";
+const icStepCss = "/*!@:host*/.sc-ic-step-h{display:flex;flex:auto}/*!@.step*/.step.sc-ic-step{display:flex;flex:1 1 0}/*!@.step-icon*/.step-icon.sc-ic-step{display:flex;justify-content:center}/*!@.step-title,\n.step-subtitle,\n.step-status,\n.next-step*/.step-title.sc-ic-step,.step-subtitle.sc-ic-step,.step-status.sc-ic-step,.next-step.sc-ic-step{white-space:pre-line}/*!@.visually-hidden*/.visually-hidden.sc-ic-step{position:absolute;left:-625rem;top:auto;width:1px;height:1px;overflow:hidden}/*!@:host(.compact)*/.compact.sc-ic-step-h{-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm);--compact-step-inner-color:var(--ic-status-info);--compact-step-circular-line-width:var(--ic-space-xxs)}/*!@:host(.compact.light)*/.compact.light.sc-ic-step-h{--compact-step-inner-color:var(--ic-status-info-contrast);--compact-step-outer-color:var(--ic-architectural-600)}/*!@:host(.compact) .step*/.compact.sc-ic-step-h .step.sc-ic-step{-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm)}/*!@:host(.compact) .step:not(.current)*/.compact.sc-ic-step-h .step.sc-ic-step:not(.current){display:none;opacity:0;visibility:hidden}/*!@.compact-step-progress-indicator*/.compact-step-progress-indicator.sc-ic-step{margin:var(--ic-space-xs) 0 0}/*!@:host ic-loading-indicator::part(ic-loading-container)*/.sc-ic-step-h ic-loading-indicator.sc-ic-step::part(ic-loading-container){border-radius:50%}/*!@:host(:not(.light)) ic-loading-indicator::part(ic-loading-container)*/.sc-ic-step-h:not(.light) ic-loading-indicator.sc-ic-step::part(ic-loading-container){background-color:var(--ic-architectural-white)}/*!@:host(.compact) .step-title-area*/.compact.sc-ic-step-h .step-title-area.sc-ic-step{display:flex;flex-direction:column;width:14.25rem}/*!@:host(.compact.light) .disabled .step-title-area*/.compact.light.sc-ic-step-h .disabled.sc-ic-step .step-title-area.sc-ic-step{color:var(--ic-architectural-400)}/*!@.info-line*/.info-line.sc-ic-step{display:flex;-moz-column-gap:var(--ic-space-xs);column-gap:var(--ic-space-xs)}/*!@.step-status*/.step-status.sc-ic-step{display:flex;color:var(--ic-color-secondary-text);-moz-column-gap:var(--ic-space-xxxs);column-gap:var(--ic-space-xxxs)}/*!@.compact-step-completed .step-status*/.compact-step-completed.sc-ic-step .step-status.sc-ic-step{color:var(--ic-status-success)}/*!@:host(.light) .compact-step-completed .step-status*/.light.sc-ic-step-h .compact-step-completed.sc-ic-step .step-status.sc-ic-step{color:var(--ic-status-success-contrast)}/*!@.compact-step-disabled :is(.step-title, .step-status)*/.compact-step-disabled.sc-ic-step .sc-ic-step:is(.step-title,.step-status).sc-ic-step{color:var(--ic-color-tertiary-text)}/*!@:host(.light) .compact-step-disabled :is(.step-status)*/.light.sc-ic-step-h .compact-step-disabled.sc-ic-step .sc-ic-step:is(.step-status){color:var(--ic-architectural-white)}/*!@.step-num*/.step-num.sc-ic-step{color:var(--ic-color-secondary-text);white-space:nowrap}/*!@:host(.light) .step-num*/.light.sc-ic-step-h .step-num.sc-ic-step{color:var(--ic-architectural-white)}/*!@:host(.compact) .step-icon*/.compact.sc-ic-step-h .step-icon.sc-ic-step{margin:var(--ic-space-xxxs)}/*!@:host(.compact) .step-icon svg*/.compact.sc-ic-step-h .step-icon.sc-ic-step svg.sc-ic-step{width:var(--ic-space-md);height:var(--ic-space-md)}/*!@:host(.default) .step*/.default.sc-ic-step-h .step.sc-ic-step{flex-direction:column}/*!@:host(.default.last-step)*/.default.last-step.sc-ic-step-h{flex-grow:initial}/*!@.step-top*/.step-top.sc-ic-step{display:flex;width:100%;align-items:center;align-self:flex-start;height:2.5rem}/*!@:host(.default) .step-icon*/.default.sc-ic-step-h .step-icon.sc-ic-step{border-radius:50%}/*!@:host(.default:not(.light)) .step-icon*/.default.sc-ic-step-h:not(.light) .step-icon.sc-ic-step{background-color:var(--ic-architectural-white)}/*!@.step-icon-inner*/.step-icon-inner.sc-ic-step{width:var(--ic-space-xl);height:var(--ic-space-xl);display:flex;justify-content:center;align-items:center;border-radius:50%}/*!@:host(.default) .current*/.default.sc-ic-step-h .current.sc-ic-step{color:var(--ic-status-info)}/*!@:host(.default.light) .current,\n:host(.default.light) .current .step-title-area*/.default.light.sc-ic-step-h .current.sc-ic-step,.default.light.sc-ic-step-h .current.sc-ic-step .step-title-area.sc-ic-step{color:var(--ic-status-info-contrast)}/*!@:host(.default) .step-title-area*/.default.sc-ic-step-h .step-title-area.sc-ic-step{margin:var(--ic-space-xs) 0;padding-right:var(--ic-space-xs);width:100%}/*!@:host(.light) .step-title-area*/.light.sc-ic-step-h .step-title-area.sc-ic-step{color:var(--ic-architectural-200)}/*!@:host(.compact.light) .step-title-area*/.compact.light.sc-ic-step-h .step-title-area.sc-ic-step{color:var(--ic-architectural-white)}/*!@:host(.default) .step-title,\n.step-subtitle*/.default.sc-ic-step-h .step-title.sc-ic-step,.step-subtitle.sc-ic-step{width:-moz-fit-content;width:fit-content}/*!@.step-subtitle*/.step-subtitle.sc-ic-step{color:var(--ic-color-tertiary-text)}/*!@:host(.light) .step-subtitle*/.light.sc-ic-step-h .step-subtitle.sc-ic-step{color:var(--ic-architectural-white)}/*!@.current .step-subtitle*/.current.sc-ic-step .step-subtitle.sc-ic-step{color:var(--ic-color-primary-text)}/*!@:host(.default) .completed*/.default.sc-ic-step-h .completed.sc-ic-step{color:var(--ic-status-success)}/*!@:host(.default.light) .completed,\n:host(.default.light) .completed .step-title-area*/.default.light.sc-ic-step-h .completed.sc-ic-step,.default.light.sc-ic-step-h .completed.sc-ic-step .step-title-area.sc-ic-step{color:var(--ic-status-success-contrast)}/*!@.active .step-icon-inner*/.active.sc-ic-step .step-icon-inner.sc-ic-step{box-shadow:inset var(--ic-architectural-200) 0 0 0 0.125rem}/*!@:host(.light) .active .step-icon-inner*/.light.sc-ic-step-h .active.sc-ic-step .step-icon-inner.sc-ic-step{color:var(--ic-architectural-white)}/*!@.current .step-icon-inner*/.current.sc-ic-step .step-icon-inner.sc-ic-step{background-color:var(--ic-status-info);color:white}/*!@:host(.light) .current .step-icon-inner*/.light.sc-ic-step-h .current.sc-ic-step .step-icon-inner.sc-ic-step{background-color:var(--ic-status-info-contrast)}/*!@.disabled*/.disabled.sc-ic-step{color:var(--ic-architectural-200)}/*!@:host(.default.light) .disabled,\n:host(.default.light) .disabled .step-title-area*/.default.light.sc-ic-step-h .disabled.sc-ic-step,.default.light.sc-ic-step-h .disabled.sc-ic-step .step-title-area.sc-ic-step{color:var(--ic-architectural-400)}/*!@.disabled .step-icon-inner*/.disabled.sc-ic-step .step-icon-inner.sc-ic-step{border:var(--ic-border-width) dashed var(--ic-architectural-200);width:calc(var(--ic-space-xl) - var(--ic-space-xxxs));height:calc(var(--ic-space-xl) - var(--ic-space-xxxs))}/*!@:host(.light) .disabled .step-icon-inner*/.light.sc-ic-step-h .disabled.sc-ic-step .step-icon-inner.sc-ic-step{border:var(--ic-border-width) dashed var(--ic-architectural-400)}/*!@.disabled .step-title-area,\n:host(.default.light) .disabled .step-subtitle*/.disabled.sc-ic-step .step-title-area.sc-ic-step,.default.light.sc-ic-step-h .disabled.sc-ic-step .step-subtitle.sc-ic-step{color:var(--ic-color-tertiary-text)}/*!@.completed .step-icon-inner*/.completed.sc-ic-step .step-icon-inner.sc-ic-step{background:var(--ic-status-success);box-shadow:inset var(--ic-status-success) 0 0 0 var(--ic-space-xxxs);border-radius:100%}/*!@:host(.light) .completed .step-icon-inner*/.light.sc-ic-step-h .completed.sc-ic-step .step-icon-inner.sc-ic-step{background:var(--ic-status-success-contrast);box-shadow:inset var(--ic-status-success-contrast) 0 0 0 var(--ic-space-xxxs)}/*!@:host(.default) .current .step-icon*/.default.sc-ic-step-h .current.sc-ic-step .step-icon.sc-ic-step{border:var(--ic-space-xxxs) solid var(--ic-status-info);padding:var(--ic-space-xxxs);margin:0 calc(-1 * var(--ic-space-xxxs))}/*!@:host(.default.light) .current .step-icon*/.default.light.sc-ic-step-h .current.sc-ic-step .step-icon.sc-ic-step{border:var(--ic-space-xxxs) solid var(--ic-status-info-contrast)}/*!@.step-connect*/.step-connect.sc-ic-step{height:var(--ic-space-xxxs);background-color:var(--ic-architectural-200);margin:0 var(--ic-space-xs);border-radius:var(--ic-space-xxs);width:100%}/*!@:host(.light) .step-connect*/.light.sc-ic-step-h .step-connect.sc-ic-step{background-color:var(--ic-architectural-600)}/*!@.aligned-full-width.step-connect*/.aligned-full-width.step-connect.sc-ic-step{min-width:6.25rem;width:100%}/*!@.disabled .step-connect*/.disabled.sc-ic-step .step-connect.sc-ic-step{height:0;background-color:rgb(0 0 0 / 0%);border-top:0.125rem dashed var(--ic-architectural-200);border-radius:0}/*!@:host(.light) .disabled .step-connect*/.light.sc-ic-step-h .disabled.sc-ic-step .step-connect.sc-ic-step{border-top:0.125rem dashed var(--ic-architectural-600)}/*!@.completed .step-connect*/.completed.sc-ic-step .step-connect.sc-ic-step{background-color:var(--ic-status-success)}/*!@:host(.light) .completed .step-connect*/.light.sc-ic-step-h .completed.sc-ic-step .step-connect.sc-ic-step{background-color:var(--ic-status-success-contrast)}/*!@.step-connect-inner*/.step-connect-inner.sc-ic-step{width:70%;display:flex;flex:auto;height:var(--ic-space-xxxs);border-radius:var(--ic-space-xxs);background-color:var(--ic-status-info)}/*!@:host(.light) .step-connect-inner*/.light.sc-ic-step-h .step-connect-inner.sc-ic-step{background-color:var(--ic-status-info-contrast)}/*!@.step-icon-inner .check-icon*/.step-icon-inner.sc-ic-step .check-icon.sc-ic-step{padding-top:var(--ic-space-xxs)}/*!@.step-icon-inner .check-icon svg*/.step-icon-inner.sc-ic-step .check-icon.sc-ic-step svg.sc-ic-step{width:var(--ic-space-md);height:auto}/*!@.step-icon-inner .check-icon > svg > path*/.step-icon-inner.sc-ic-step .check-icon.sc-ic-step>svg.sc-ic-step>path.sc-ic-step{fill:var(--ic-color-white-text)}@media (forced-colors: active){/*!@.compact-step-disabled :is(.step-title, .step-status)*/.compact-step-disabled.sc-ic-step .sc-ic-step:is(.step-title,.step-status).sc-ic-step{color:GrayText}/*!@.step-connect:not(.disabled .step-connect)*/.step-connect.sc-ic-step:not(.disabled .step-connect).sc-ic-step{border:var(--ic-hc-border)}/*!@.active .step-icon-inner,\n  .completed .step-icon-inner,\n  .current .step-icon-inner*/.active.sc-ic-step .step-icon-inner.sc-ic-step,.completed.sc-ic-step .step-icon-inner.sc-ic-step,.current.sc-ic-step .step-icon-inner.sc-ic-step{forced-color-adjust:none;box-shadow:inset canvastext 0 0 0 0.125rem;background-color:transparent;color:canvastext}/*!@:host(.default) .current .step-icon*/.default.sc-ic-step-h .current.sc-ic-step .step-icon.sc-ic-step{padding:0;border:none}/*!@.disabled,\n  .disabled .step-title-area*/.disabled.sc-ic-step,.disabled.sc-ic-step .step-title-area.sc-ic-step{color:GrayText}/*!@.step-connect-inner,\n  .completed .step-connect*/.step-connect-inner.sc-ic-step,.completed.sc-ic-step .step-connect.sc-ic-step{background-color:canvastext}/*!@.step-icon-inner .check-icon > svg > path*/.step-icon-inner.sc-ic-step .check-icon.sc-ic-step>svg.sc-ic-step>path.sc-ic-step{fill:canvastext}}";
 class Step {
     constructor(hostRef) {
@@ -17915,6 +17999,7 @@ class Step {
         }
     }
     render() {
+        var _a;
         // ARIA LABEL
         let ariaLabel = "";
         if (this.stepType === "completed") {
@@ -18005,6 +18090,8 @@ class Step {
                 ["aligned-full-width"]: this.el.parentElement.classList.contains("default") &&
                     !this.el.parentElement.classList.contains("aligned-left"),
                 [`${this.variant}`]: true,
+                ["light"]: ((_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.appearance) ===
+                    "light",
             } }, this.variant === "compact" ? compactStep : defaultStep));
     }
     get el() { return getElement(this); }
@@ -18217,6 +18304,7 @@ class Stepper {
         this.stepTypes = [];
         this.variantOverride = this.variant !== "compact";
         this.aligned = "full-width";
+        this.appearance = "default";
         this.connectorWidth = 100;
         this.hideStepInfo = false;
         this.variant = "default";
@@ -18251,6 +18339,7 @@ class Stepper {
         "$tagName$": "ic-stepper",
         "$members$": {
             "aligned": [1],
+            "appearance": [1],
             "connectorWidth": [2, "connector-width"],
             "hideStepInfo": [4, "hide-step-info"],
             "variant": [1025],
@@ -18584,9 +18673,19 @@ class TabContext {
                 this.selectedTab = newIndex;
             }
             else {
-                this.icTabSelect.emit({ tabIndex: newIndex });
-                this.tabSelect.emit({ tabIndex: newIndex });
+                /* eslint-disable no-unexpected-multiline */
+                this.icTabSelect.emit({
+                    tabIndex: newIndex,
+                    tabLabel: this.el
+                        .querySelectorAll("ic-tab")[newIndex].textContent.trim(),
+                });
+                this.tabSelect.emit({
+                    tabIndex: newIndex,
+                    tabLabel: this.el
+                        .querySelectorAll("ic-tab")[newIndex].textContent.trim(),
+                });
             }
+            /* eslint-enable no-unexpected-multiline */
         };
         // Sets focus on tab without selecting it (for manual activation)
         this.keyboardFocusTab = (enabledTabIndex) => {
@@ -18694,12 +18793,18 @@ class TabContext {
             event.detail.contextId === this.contextId) {
             this.selectedTab = event.detail.position;
         }
+        /* eslint-disable no-unexpected-multiline */
         this.icTabSelect.emit({
             tabIndex: event.detail.position,
+            tabLabel: this.el
+                .querySelectorAll("ic-tab")[event.detail.position].textContent.trim(),
         });
         this.tabSelect.emit({
             tabIndex: event.detail.position,
+            tabLabel: this.el
+                .querySelectorAll("ic-tab")[event.detail.position].textContent.trim(),
         });
+        /* eslint-enable no-unexpected-multiline */
         event.stopImmediatePropagation();
     }
     tabCreatedHandler(ev) {
@@ -18851,6 +18956,7 @@ class TabPanel {
 const icTextFieldCss = "/*!@html*/html.sc-ic-text-field{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-text-field{margin:0}/*!@main*/main.sc-ic-text-field{display:block}/*!@h1*/h1.sc-ic-text-field{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-text-field{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-text-field{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-text-field{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-text-field{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-text-field,strong.sc-ic-text-field{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-text-field,kbd.sc-ic-text-field,samp.sc-ic-text-field{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-text-field{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-text-field,sup.sc-ic-text-field{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-text-field{bottom:-0.25em}/*!@sup*/sup.sc-ic-text-field{top:-0.5em}/*!@img*/img.sc-ic-text-field{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-text-field,input.sc-ic-text-field,optgroup.sc-ic-text-field,select.sc-ic-text-field,textarea.sc-ic-text-field{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-text-field,input.sc-ic-text-field{overflow:visible}/*!@button,\nselect*/button.sc-ic-text-field,select.sc-ic-text-field{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-text-field,[type=\"button\"].sc-ic-text-field,[type=\"reset\"].sc-ic-text-field,[type=\"submit\"].sc-ic-text-field{-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-text-field::-moz-focus-inner,[type=\"button\"].sc-ic-text-field::-moz-focus-inner,[type=\"reset\"].sc-ic-text-field::-moz-focus-inner,[type=\"submit\"].sc-ic-text-field::-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-text-field:-moz-focusring,[type=\"button\"].sc-ic-text-field:-moz-focusring,[type=\"reset\"].sc-ic-text-field:-moz-focusring,[type=\"submit\"].sc-ic-text-field:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-text-field{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-text-field{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-text-field{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-text-field{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-text-field,[type=\"radio\"].sc-ic-text-field{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-text-field::-webkit-inner-spin-button,[type=\"number\"].sc-ic-text-field::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-text-field{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-text-field::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-text-field::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-text-field{display:block}/*!@summary*/summary.sc-ic-text-field{display:list-item}/*!@template*/template.sc-ic-text-field{display:none}/*!@[hidden]*/[hidden].sc-ic-text-field{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-text-field,body.sc-ic-text-field,div.sc-ic-text-field,span.sc-ic-text-field,applet.sc-ic-text-field,object.sc-ic-text-field,iframe.sc-ic-text-field,h1.sc-ic-text-field,h2.sc-ic-text-field,h3.sc-ic-text-field,h4.sc-ic-text-field,h5.sc-ic-text-field,h6.sc-ic-text-field,p.sc-ic-text-field,blockquote.sc-ic-text-field,pre.sc-ic-text-field,a.sc-ic-text-field,abbr.sc-ic-text-field,acronym.sc-ic-text-field,address.sc-ic-text-field,big.sc-ic-text-field,cite.sc-ic-text-field,code.sc-ic-text-field,del.sc-ic-text-field,dfn.sc-ic-text-field,em.sc-ic-text-field,img.sc-ic-text-field,ins.sc-ic-text-field,kbd.sc-ic-text-field,q.sc-ic-text-field,s.sc-ic-text-field,samp.sc-ic-text-field,small.sc-ic-text-field,strike.sc-ic-text-field,strong.sc-ic-text-field,sub.sc-ic-text-field,sup.sc-ic-text-field,tt.sc-ic-text-field,var.sc-ic-text-field,b.sc-ic-text-field,u.sc-ic-text-field,i.sc-ic-text-field,center.sc-ic-text-field,dl.sc-ic-text-field,dt.sc-ic-text-field,dd.sc-ic-text-field,ol.sc-ic-text-field,ul.sc-ic-text-field,li.sc-ic-text-field,fieldset.sc-ic-text-field,form.sc-ic-text-field,label.sc-ic-text-field,legend.sc-ic-text-field,table.sc-ic-text-field,caption.sc-ic-text-field,tbody.sc-ic-text-field,tfoot.sc-ic-text-field,thead.sc-ic-text-field,tr.sc-ic-text-field,th.sc-ic-text-field,td.sc-ic-text-field,article.sc-ic-text-field,aside.sc-ic-text-field,canvas.sc-ic-text-field,details.sc-ic-text-field,embed.sc-ic-text-field,figure.sc-ic-text-field,figcaption.sc-ic-text-field,footer.sc-ic-text-field,header.sc-ic-text-field,hgroup.sc-ic-text-field,menu.sc-ic-text-field,nav.sc-ic-text-field,output.sc-ic-text-field,ruby.sc-ic-text-field,section.sc-ic-text-field,summary.sc-ic-text-field,time.sc-ic-text-field,mark.sc-ic-text-field,audio.sc-ic-text-field,video.sc-ic-text-field{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-text-field-h{display:block}/*!@:host(.fullwidth)*/.fullwidth.sc-ic-text-field-h{width:100%}/*!@::-moz-placeholder*/.sc-ic-text-field::-moz-placeholder{color:var(--ic-color-tertiary-text);opacity:1}/*!@::placeholder*/.sc-ic-text-field::placeholder{color:var(--ic-color-tertiary-text);opacity:1}/*!@input,\ntextarea*/input.sc-ic-text-field,textarea.sc-ic-text-field{border:0;border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);line-height:1.5rem;letter-spacing:0.005rem;width:100%;padding-right:var(--ic-space-xs);padding-left:var(--ic-space-xs)}/*!@textarea*/textarea.sc-ic-text-field{min-height:var(--ic-space-lg);resize:vertical;padding-top:0.375rem}/*!@input:focus,\ntextarea:focus*/input.sc-ic-text-field:focus,textarea.sc-ic-text-field:focus{border:0;outline:0}/*!@input:disabled,\ntextarea:disabled*/input.sc-ic-text-field:disabled,textarea.sc-ic-text-field:disabled{color:var(--ic-architectural-200)}/*!@input.readonly,\ntextarea.readonly*/input.readonly.sc-ic-text-field,textarea.readonly.sc-ic-text-field{color:var(--ic-color-primary-text)}/*!@input::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button*/input.sc-ic-text-field::-webkit-outer-spin-button,input.sc-ic-text-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}/*!@input[type=\"number\"]*/input[type=\"number\"].sc-ic-text-field{-moz-appearance:textfield}/*!@textarea.no-resize*/textarea.no-resize.sc-ic-text-field{resize:none}/*!@.maxlengthtext*/.maxlengthtext.sc-ic-text-field{color:var(--ic-color-secondary-text)}/*!@.no-left-pad*/.no-left-pad.sc-ic-text-field{padding-left:0}/*!@::slotted([slot=\"icon\"])*/.sc-ic-text-field-s>[slot=\"icon\"]{fill:var(--ic-color-tertiary-text)}/*!@.has-value ::slotted([slot=\"icon\"])*/.has-value .sc-ic-text-field-s>[slot=\"icon\"]{fill:var(--ic-color-primary-text)}/*!@.charcount*/.charcount.sc-ic-text-field{margin-right:calc(-1 * var(--ic-space-xxxs))}/*!@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-text-field::-webkit-search-cancel-button,input[type=\"search\"].sc-ic-text-field::-webkit-search-decoration,input[type=\"search\"].sc-ic-text-field::-webkit-search-results-button,input[type=\"search\"].sc-ic-text-field::-webkit-search-results-decoration{display:none}/*!@input[type=\"search\"].truncate-value*/input[type=\"search\"].truncate-value.sc-ic-text-field{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (forced-colors: active){/*!@input.readonly,\n  textarea.readonly*/input.readonly.sc-ic-text-field,textarea.readonly.sc-ic-text-field{color:canvastext}/*!@.has-value ::slotted([slot=\"icon\"])*/.has-value .sc-ic-text-field-s>[slot=\"icon\"]{fill:currentcolor}}";
 let inputIds = 0;
+const MUTABLE_ATTRIBUTES = [...IC_INHERITED_ARIA, "title"];
 /**
  * @slot icon - Content will be placed to the left of the text input.
  */
@@ -18865,6 +18971,7 @@ class TextField {
         this.icKeydown = createEvent(this, "icKeydown", 7);
         this.inheritedAttributes = {};
         this.showLeftIcon = this.hasLeftIconSlot();
+        this.hostMutationObserver = null;
         this.getMaxLengthExceeded = (value) => {
             this.numChars = value.length;
             if (this.type === "number") {
@@ -18921,6 +19028,15 @@ class TextField {
         this.handleFormReset = () => {
             this.value = this.initialValue;
         };
+        // triggered when attributes of host element change
+        this.hostMutationCallback = (mutationList) => {
+            mutationList.forEach(({ attributeName }) => {
+                if (MUTABLE_ATTRIBUTES.includes(attributeName)) {
+                    this.inheritedAttributes[attributeName] =
+                        this.el.getAttribute(attributeName);
+                }
+            });
+        };
         this.numChars = 0;
         this.maxCharactersReached = false;
         this.maxCharactersError = false;
@@ -18984,7 +19100,9 @@ class TextField {
         this.debounceChanged();
     }
     disconnectedCallback() {
+        var _a;
         removeFormResetListener(this.el, this.handleFormReset);
+        (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     componentWillLoad() {
         if (this.value !== this.initialValue) {
@@ -18992,10 +19110,7 @@ class TextField {
         }
         this.getMaxLengthExceeded(this.value);
         this.getMaxCharactersReached(this.value);
-        this.inheritedAttributes = inheritAttributes(this.el, [
-            ...IC_INHERITED_ARIA,
-            "title",
-        ]);
+        this.inheritedAttributes = inheritAttributes(this.el, MUTABLE_ATTRIBUTES);
         if (this.readonly) {
             this.maxLengthExceeded = false;
             this.maxValueExceeded = false;
@@ -19009,6 +19124,10 @@ class TextField {
         if (this.validationInlineInternal) {
             this.getInlineValidationText();
         }
+        this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);
+        this.hostMutationObserver.observe(this.el, {
+            attributes: true,
+        });
     }
     handleKeyDown(ev) {
         this.icKeydown.emit({ event: ev });
@@ -19075,11 +19194,11 @@ class TextField {
         return (hAsync(Host, { class: { ["fullwidth"]: fullWidth } }, 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: small ? "small" : size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, this.showLeftIcon && (hAsync("span", { class: {
                 ["readonly"]: readonly,
                 ["has-value"]: value.length > 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: {
+            }, 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"]: !this.showLeftIcon && readonly,
                 ["readonly"]: readonly,
                 ["truncate-value"]: truncateValue,
-            }, placeholder: placeholderText, 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))), multiline && (hAsync("textarea", Object.assign({ id: inputId, class: {
+            }, placeholder: placeholderText, 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: {
                 ["no-resize"]: resize === false || readonly,
                 ["no-left-pad"]: !this.showLeftIcon && readonly,
                 ["readonly"]: readonly,
@@ -19177,15 +19296,8 @@ class Theme {
             }
         };
         this.setThemeColor = () => {
-            if (this.color !== null) {
-                let colorRGBA = null;
-                const firstChar = this.color.slice(0, 1);
-                if (firstChar === "#") {
-                    colorRGBA = hexToRgba(this.color);
-                }
-                else if (firstChar.toLowerCase() === "r") {
-                    colorRGBA = rgbaStrToObj(this.color);
-                }
+            if (this.color !== null && convertToRGBA(this.color) !== null) {
+                const colorRGBA = convertToRGBA(this.color);
                 this.setThemeRGBA(colorRGBA);
             }
         };
@@ -19966,7 +20078,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-theme-text);width:100%;position:relative}/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{background-color:var(--ic-theme-primary);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-theme-text);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-theme-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-theme-active)}/*!@: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-keyline-lighten);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-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-architectural-white);color:var(--ic-color-primary-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(.dark) .app-status*/.dark.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation{background-color:var(--ic-theme-text);color:var(--ic-color-white-text)}/*!@:host .app-version*/.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{border-radius:var(--ic-space-md);background-color:var(--ic-theme-active);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-theme-text);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-theme-text)}/*!@.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)}}@media screen and (max-width: 992px){/*!@:host .nav-panel-container,\n  :host .app-status,\n  :host .app-version*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation,.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation,.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{display:none}/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{margin-right:var(--ic-space-xs)}/*!@.search-menu-container*/.search-menu-container.sc-ic-top-navigation{max-width:10rem}/*!@.search-bar-container*/.search-bar-container.sc-ic-top-navigation{display:flex;justify-content:center;align-items:center;border-top:var(--ic-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-hc-border)}/*!@.app-status,\n  .app-version*/.app-status.sc-ic-top-navigation,.app-version.sc-ic-top-navigation{border:var(--ic-hc-border)}/*!@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-theme-text);width:100%;position:relative}/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{background-color:var(--ic-theme-primary);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-theme-text);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-theme-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-theme-active)}/*!@: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-keyline-lighten);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-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-architectural-white);color:var(--ic-color-primary-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(.dark) .app-status*/.dark.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation{background-color:var(--ic-theme-text);color:var(--ic-color-white-text)}/*!@:host .app-version*/.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{border-radius:var(--ic-space-md);background-color:var(--ic-theme-active);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-theme-text);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-theme-text)}/*!@.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-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-hc-border)}/*!@.app-status,\n  .app-version*/.app-status.sc-ic-top-navigation,.app-version.sc-ic-top-navigation{border:var(--ic-hc-border)}/*!@slot[name=\"app-icon\"]::slotted(*)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>*{fill:currentcolor}}";
 /**
  * @slot app-icon - Content will be rendered to left of app title.
@@ -19992,10 +20104,10 @@ class TopNavigation {
         this.initialiseSearchBar = () => {
             if (this.hasSearchSlotContent) {
                 const slot = getSlot(this.el, "search");
-                if (slot && slot.tagName === "IC-SEARCH-BAR") {
+                if ((slot === null || slot === void 0 ? void 0 : slot.tagName) === "IC-SEARCH-BAR") {
                     this.searchBar = slot;
                 }
-                else if (slot && slot.tagName === "FORM") {
+                else if ((slot === null || slot === void 0 ? void 0 : slot.tagName) === "FORM") {
                     this.searchBar = slot.querySelector("ic-search-bar");
                 }
                 if (this.searchBar !== null) {
@@ -20014,9 +20126,10 @@ class TopNavigation {
             this.searchButtonClick = false;
         };
         this.resizeObserverCallback = (currSize) => {
+            var _a;
             if (currSize !== this.deviceSize) {
                 this.deviceSize = currSize;
-                if (currSize > DEVICE_SIZES.L) {
+                if (currSize > this.customMobileBreakpoint) {
                     this.showNavMenu(false);
                     if (this.mobileSearchBarVisible) {
                         this.toggleSearchBar();
@@ -20025,9 +20138,7 @@ class TopNavigation {
                 this.topNavResized.emit({
                     size: currSize,
                 });
-                if (document.activeElement !== null &&
-                    document.activeElement !== undefined &&
-                    document.activeElement.tagName === "IC-SEARCH-BAR") {
+                if (((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.tagName) === "IC-SEARCH-BAR") {
                     this.searchBar.setAttribute("hidden", "true");
                     //remove attribute again as this trigger a redraw & applies css
                     this.searchBar.removeAttribute("hidden");
@@ -20039,21 +20150,20 @@ class TopNavigation {
         };
         this.runResizeObserver = () => {
             this.resizeObserver = new ResizeObserver(() => {
-                const currSize = getCurrentDeviceSize();
-                this.resizeObserverCallback(currSize);
+                this.resizeObserverCallback(getCurrentDeviceSize());
             });
             this.resizeObserver.observe(this.el);
         };
         this.deviceSize = DEVICE_SIZES.XL;
         this.foregroundColor = getThemeForegroundColor();
         this.hasFullWidthSearchBar = false;
-        this.menuOpen = false;
         this.mobileSearchBarVisible = false;
         this.mobileSearchHiddenOnBlur = false;
         this.navMenuVisible = false;
         this.searchButtonClick = false;
         this.searchValue = "";
         this.contentAligned = "full-width";
+        this.customMobileBreakpoint = DEVICE_SIZES.L;
         this.href = "/";
         this.inline = false;
         this.shortAppTitle = "";
@@ -20092,41 +20202,34 @@ class TopNavigation {
     }
     navBarMenuCloseHandler() {
         this.showNavMenu(false);
-        const menuBtn = this.el.shadowRoot.querySelector("#menu-button");
-        menuBtn.focus();
+        this.el.shadowRoot.querySelector("#menu-button").focus();
     }
-    searchInputBlurHandler(ev) {
-        if (ev.detail !== null) {
+    searchInputBlurHandler({ detail, }) {
+        if (detail !== null) {
             if (this.mobileSearchBarVisible && !this.searchButtonClick) {
                 //don't hide if blur was triggered by click on search button - let the click handler toggle the state
                 this.toggleSearchBar();
             }
-            this.searchValue = ev.detail.value;
+            this.searchValue = detail.value;
         }
     }
-    searchValueChangeHandler(ev) {
-        this.searchValue = ev.detail.value;
+    searchValueChangeHandler({ detail }) {
+        this.searchValue = detail.value;
     }
-    themeChangeHandler(ev) {
-        const theme = ev.detail;
-        this.foregroundColor = theme.mode;
+    themeChangeHandler({ detail }) {
+        this.foregroundColor = detail.mode;
     }
     toggleSearchBar() {
         this.mobileSearchBarVisible = !this.mobileSearchBarVisible;
         if (this.searchBar !== null) {
+            this.mobileSearchButtonEl.setAttribute("aria-label", `${this.mobileSearchBarVisible ? "Hide" : "Show"} search`);
+            this.hasFullWidthSearchBar = this.mobileSearchBarVisible;
+            this.searchBar.fullWidth = this.mobileSearchBarVisible;
             if (this.mobileSearchBarVisible) {
-                this.mobileSearchButtonEl.setAttribute("aria-label", "Hide search");
-                this.hasFullWidthSearchBar = true;
-                this.searchBar.fullWidth = true;
                 setTimeout(() => {
                     this.searchBar.focus();
                 }, 100);
             }
-            else {
-                this.mobileSearchButtonEl.setAttribute("aria-label", "Show search");
-                this.hasFullWidthSearchBar = false;
-                this.searchBar.fullWidth = false;
-            }
         }
     }
     showNavMenu(show) {
@@ -20143,40 +20246,35 @@ class TopNavigation {
         }
     }
     render() {
-        const hasMenuContent = this.hasNavigation ||
-            this.hasIconButtons ||
-            this.status !== "" ||
-            this.version !== "";
-        const searchButtonSize = this.deviceSize <= DEVICE_SIZES.S ? "default" : "large";
-        let appTitleVariant = "h3";
-        const hasTitle = this.appTitle !== "" && isPropDefined(this.appTitle);
-        if (this.deviceSize <= DEVICE_SIZES.L) {
-            appTitleVariant = "h4";
-            if (this.deviceSize <= DEVICE_SIZES.S) {
-                appTitleVariant = "subtitle-small";
-            }
-        }
-        const mobileSearchButtonTitle = this.mobileSearchBarVisible
-            ? "Hide search"
-            : "Show search";
-        const menuSize = this.deviceSize <= DEVICE_SIZES.S ? "small" : "default";
-        const Component = isSlotUsed(this.el, "app-title") ? "div" : "a";
+        const { appTitle, contentAligned, customMobileBreakpoint, deviceSize, el, foregroundColor, hasAppIcon, hasFullWidthSearchBar, hasIconButtons, hasNavigation, hasSearchSlotContent, href, inline, menuButtonClick, mobileSearchBarVisible, navMenuVisible, searchButtonClickHandler, searchButtonMouseDownHandler, shortAppTitle, status, version, } = this;
+        const hasStatus = status !== "";
+        const hasVersion = version !== "";
+        const hasMenuContent = hasNavigation || hasIconButtons || hasStatus || hasVersion;
+        const searchButtonSize = deviceSize <= DEVICE_SIZES.S ? "default" : "large";
+        const hasTitle = appTitle !== "" && isPropDefined(appTitle);
+        const overMobileBreakpoint = deviceSize <= customMobileBreakpoint;
+        const appTitleVariant = overMobileBreakpoint
+            ? deviceSize <= DEVICE_SIZES.S
+                ? "subtitle-small"
+                : "h4"
+            : "h3";
+        const mobileSearchButtonTitle = `${mobileSearchBarVisible ? "Hide" : "Show"} search`;
+        const menuSize = deviceSize <= DEVICE_SIZES.S ? "small" : "default";
+        const shortAppTitleSlot = isSlotUsed(el, "short-app-title");
+        const hasAppTitleSlot = isSlotUsed(el, "app-title");
+        const Component = hasAppTitleSlot ? "div" : "a";
         const attrs = Component == "a" && {
-            href: this.href,
+            href: href,
         };
-        const shortAppTitleSlot = isSlotUsed(this.el, "short-app-title");
         return (hAsync(Host, { class: {
-                ["fullwidth-searchbar"]: this.hasFullWidthSearchBar,
-                [IcThemeForegroundEnum.Dark]: this.foregroundColor === IcThemeForegroundEnum.Dark,
-            } }, hAsync("div", { class: "top-navigation" }, hAsync("ic-section-container", { aligned: this.contentAligned, "full-height": true }, hAsync("header", { role: "banner" }, hAsync("div", { class: "top-panel-container" }, hAsync("div", { class: "app-details-container" }, (hasTitle || isSlotUsed(this.el, "app-title")) && (hAsync(Component, Object.assign({ class: "title-link" }, attrs), this.hasAppIcon && (hAsync("div", { class: "app-icon-container" }, hAsync("slot", { name: "app-icon" }))), this.deviceSize <= DEVICE_SIZES.S &&
-            (!isEmptyString(this.shortAppTitle) ||
-                shortAppTitleSlot) ? (hAsync("ic-typography", { variant: "subtitle-small", "aria-label": (!isSlotUsed(this.el, "app-title") ||
-                !shortAppTitleSlot) &&
-                `${this.appTitle} (${this.shortAppTitle})` }, hAsync("h1", null, shortAppTitleSlot ? (hAsync("slot", { name: "short-app-title" })) : (this.shortAppTitle)))) : (hAsync("ic-typography", { variant: appTitleVariant }, hAsync("h1", { class: "title-wrap" }, isSlotUsed(this.el, "app-title") ? (hAsync("slot", { name: "app-title" })) : (this.appTitle)))))), this.status !== "" && (hAsync("div", { class: "app-status" }, hAsync("ic-typography", { "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, this.status))), this.version !== "" && (hAsync("div", { class: "app-version" }, hAsync("ic-typography", { variant: "label", class: "app-version-text", "aria-label": "app version" }, this.version)))), (this.hasSearchSlotContent || hasMenuContent) && (hAsync("div", { class: "search-menu-container" }, hAsync("div", { class: "search-actions-container" }, this.deviceSize > DEVICE_SIZES.L && (hAsync("slot", { name: "search" })), this.hasSearchSlotContent &&
-            this.deviceSize <= DEVICE_SIZES.L && (hAsync("ic-button", { id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: this.searchButtonMouseDownHandler, variant: "icon", size: searchButtonSize, "aria-label": mobileSearchButtonTitle, appearance: this.foregroundColor, onClick: this.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" }))))), this.hasIconButtons &&
-            this.deviceSize > DEVICE_SIZES.L && (hAsync("div", { class: "icon-buttons-container" }, hAsync("slot", { name: "buttons" }))), hasMenuContent && this.deviceSize <= DEVICE_SIZES.L && (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": this.navMenuVisible ? "true" : "false" }, hAsync("ic-button", { id: "menu-button", appearance: this.foregroundColor, variant: "secondary", "aria-expanded": this.menuOpen ? "true" : "false", "aria-haspopup": "true", "aria-label": `Open ${this.hasNavigation ? "navigation" : "app"} menu`, size: menuSize, onClick: this.menuButtonClick }, "Menu", hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "icon" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))), this.mobileSearchBarVisible && (hAsync("div", { class: "search-bar-container" }, hAsync("slot", { name: "search" }))), this.hasNavigation && this.deviceSize > DEVICE_SIZES.L && (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", { appearance: this.foregroundColor }, hAsync("ul", { class: "navigation-item-list", tabindex: "-1" }, hAsync("slot", { name: "navigation" }))))))))), this.navMenuVisible && (hAsync("ic-navigation-menu", { version: this.version, status: this.status, class: {
-                ["inline"]: this.inline,
-            } }, this.hasIconButtons && (hAsync("div", { class: "menu-buttons-slot", slot: "buttons" }, hAsync("slot", { name: "buttons" }))), hAsync("ul", { slot: "navigation" }, hAsync("slot", { name: "navigation" }))))));
+                "fullwidth-searchbar": hasFullWidthSearchBar,
+                "mobile-mode": overMobileBreakpoint,
+                [IcThemeForegroundEnum.Dark]: foregroundColor === IcThemeForegroundEnum.Dark,
+            } }, 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(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", size: searchButtonSize, "aria-label": mobileSearchButtonTitle, appearance: foregroundColor, 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", appearance: foregroundColor, variant: "secondary", "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: "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", { 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" }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -20188,6 +20286,7 @@ class TopNavigation {
         "$tagName$": "ic-top-navigation",
         "$members$": {
             "contentAligned": [1, "content-aligned"],
+            "customMobileBreakpoint": [2, "custom-mobile-breakpoint"],
             "href": [1],
             "inline": [4],
             "shortAppTitle": [1, "short-app-title"],
@@ -20197,7 +20296,6 @@ class TopNavigation {
             "deviceSize": [32],
             "foregroundColor": [32],
             "hasFullWidthSearchBar": [32],
-            "menuOpen": [32],
             "mobileSearchBarVisible": [32],
             "mobileSearchHiddenOnBlur": [32],
             "navMenuVisible": [32],
@@ -20210,12 +20308,11 @@ class TopNavigation {
     }; }
 }
-const icTypographyCss = "/*!@html*/html.sc-ic-typography{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-typography{margin:0}/*!@main*/main.sc-ic-typography{display:block}/*!@h1*/h1.sc-ic-typography{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-typography{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-typography{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-typography{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-typography{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-typography,strong.sc-ic-typography{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-typography,kbd.sc-ic-typography,samp.sc-ic-typography{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-typography{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-typography,sup.sc-ic-typography{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-typography{bottom:-0.25em}/*!@sup*/sup.sc-ic-typography{top:-0.5em}/*!@img*/img.sc-ic-typography{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-typography,input.sc-ic-typography,optgroup.sc-ic-typography,select.sc-ic-typography,textarea.sc-ic-typography{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-typography,input.sc-ic-typography{overflow:visible}/*!@button,\nselect*/button.sc-ic-typography,select.sc-ic-typography{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-typography,[type=\"button\"].sc-ic-typography,[type=\"reset\"].sc-ic-typography,[type=\"submit\"].sc-ic-typography{-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-typography::-moz-focus-inner,[type=\"button\"].sc-ic-typography::-moz-focus-inner,[type=\"reset\"].sc-ic-typography::-moz-focus-inner,[type=\"submit\"].sc-ic-typography::-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-typography:-moz-focusring,[type=\"button\"].sc-ic-typography:-moz-focusring,[type=\"reset\"].sc-ic-typography:-moz-focusring,[type=\"submit\"].sc-ic-typography:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-typography{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-typography{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-typography{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-typography{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-typography,[type=\"radio\"].sc-ic-typography{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-typography::-webkit-inner-spin-button,[type=\"number\"].sc-ic-typography::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-typography{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-typography::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-typography::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-typography{display:block}/*!@summary*/summary.sc-ic-typography{display:list-item}/*!@template*/template.sc-ic-typography{display:none}/*!@[hidden]*/[hidden].sc-ic-typography{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-typography,body.sc-ic-typography,div.sc-ic-typography,span.sc-ic-typography,applet.sc-ic-typography,object.sc-ic-typography,iframe.sc-ic-typography,h1.sc-ic-typography,h2.sc-ic-typography,h3.sc-ic-typography,h4.sc-ic-typography,h5.sc-ic-typography,h6.sc-ic-typography,p.sc-ic-typography,blockquote.sc-ic-typography,pre.sc-ic-typography,a.sc-ic-typography,abbr.sc-ic-typography,acronym.sc-ic-typography,address.sc-ic-typography,big.sc-ic-typography,cite.sc-ic-typography,code.sc-ic-typography,del.sc-ic-typography,dfn.sc-ic-typography,em.sc-ic-typography,img.sc-ic-typography,ins.sc-ic-typography,kbd.sc-ic-typography,q.sc-ic-typography,s.sc-ic-typography,samp.sc-ic-typography,small.sc-ic-typography,strike.sc-ic-typography,strong.sc-ic-typography,sub.sc-ic-typography,sup.sc-ic-typography,tt.sc-ic-typography,var.sc-ic-typography,b.sc-ic-typography,u.sc-ic-typography,i.sc-ic-typography,center.sc-ic-typography,dl.sc-ic-typography,dt.sc-ic-typography,dd.sc-ic-typography,ol.sc-ic-typography,ul.sc-ic-typography,li.sc-ic-typography,fieldset.sc-ic-typography,form.sc-ic-typography,label.sc-ic-typography,legend.sc-ic-typography,table.sc-ic-typography,caption.sc-ic-typography,tbody.sc-ic-typography,tfoot.sc-ic-typography,thead.sc-ic-typography,tr.sc-ic-typography,th.sc-ic-typography,td.sc-ic-typography,article.sc-ic-typography,aside.sc-ic-typography,canvas.sc-ic-typography,details.sc-ic-typography,embed.sc-ic-typography,figure.sc-ic-typography,figcaption.sc-ic-typography,footer.sc-ic-typography,header.sc-ic-typography,hgroup.sc-ic-typography,menu.sc-ic-typography,nav.sc-ic-typography,output.sc-ic-typography,ruby.sc-ic-typography,section.sc-ic-typography,summary.sc-ic-typography,time.sc-ic-typography,mark.sc-ic-typography,audio.sc-ic-typography,video.sc-ic-typography{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-typography-h{display:block;position:relative}/*!@:host(.ic-typography-vertical-margins-h1)*/.ic-typography-vertical-margins-h1.sc-ic-typography-h{margin:0 0 var(--ic-space-xl)}/*!@:host(.ic-typography-vertical-margins-h2)*/.ic-typography-vertical-margins-h2.sc-ic-typography-h{margin:var(--ic-space-xxl) 0 var(--ic-space-lg)}/*!@:host(.ic-typography-vertical-margins-h3)*/.ic-typography-vertical-margins-h3.sc-ic-typography-h{margin:var(--ic-space-xl) 0 var(--ic-space-md)}/*!@:host(.ic-typography-vertical-margins-h4)*/.ic-typography-vertical-margins-h4.sc-ic-typography-h{margin:var(--ic-space-lg) 0 var(--ic-space-md)}/*!@:host(.ic-typography-vertical-margins-subtitle-large),\n:host(.ic-typography-vertical-margins-subtitle-small),\n:host(.ic-typography-vertical-margins-body),\n:host(.ic-typography-vertical-margins-code-large),\n:host(.ic-typography-vertical-margins-code-small),\n:host(.ic-typography-vertical-margins-code-extra-small)*/.ic-typography-vertical-margins-subtitle-large.sc-ic-typography-h,.ic-typography-vertical-margins-subtitle-small.sc-ic-typography-h,.ic-typography-vertical-margins-body.sc-ic-typography-h,.ic-typography-vertical-margins-code-large.sc-ic-typography-h,.ic-typography-vertical-margins-code-small.sc-ic-typography-h,.ic-typography-vertical-margins-code-extra-small.sc-ic-typography-h{margin:0 0 var(--ic-space-md)}/*!@:host(.ic-typography-vertical-margins-caption),\n:host(.ic-typography-vertical-margins-caption-uppercase)*/.ic-typography-vertical-margins-caption.sc-ic-typography-h,.ic-typography-vertical-margins-caption-uppercase.sc-ic-typography-h{margin:0 0 var(--ic-space-xs)}/*!@:host(.ic-typography-vertical-margins-h2:first-child),\n:host(.ic-typography-vertical-margins-h3:first-child),\n:host(.ic-typography-vertical-margins-h4:first-child)*/.ic-typography-vertical-margins-h2.sc-ic-typography-h:first-child,.ic-typography-vertical-margins-h3.sc-ic-typography-h:first-child,.ic-typography-vertical-margins-h4.sc-ic-typography-h:first-child{margin-top:0}/*!@:host(.ic-typography-h1)*/.ic-typography-h1.sc-ic-typography-h{font:var(--ic-font-h1) !important}/*!@:host(.ic-typography-h2)*/.ic-typography-h2.sc-ic-typography-h{font:var(--ic-font-h2);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}/*!@:host(.ic-typography-h3)*/.ic-typography-h3.sc-ic-typography-h{font:var(--ic-font-h3)}/*!@:host(.ic-typography-h4)*/.ic-typography-h4.sc-ic-typography-h{font:var(--ic-font-h4);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}/*!@:host(.ic-typography-subtitle-large)*/.ic-typography-subtitle-large.sc-ic-typography-h{font:var(--ic-font-subtitle-large);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}/*!@:host(.ic-typography-subtitle-small)*/.ic-typography-subtitle-small.sc-ic-typography-h{font:var(--ic-font-subtitle-small);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}/*!@:host(.ic-typography-body)*/.ic-typography-body.sc-ic-typography-h{font:var(--ic-font-body);letter-spacing:var(--ic-font-letter-spacing-0pt005)}/*!@:host(.ic-typography-caption)*/.ic-typography-caption.sc-ic-typography-h{font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}/*!@:host(.ic-typography-caption-uppercase)*/.ic-typography-caption-uppercase.sc-ic-typography-h{font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025);text-transform:uppercase}/*!@:host(.ic-typography-label)*/.ic-typography-label.sc-ic-typography-h{font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025)}/*!@:host(.ic-typography-label-uppercase)*/.ic-typography-label-uppercase.sc-ic-typography-h{font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025);text-transform:uppercase}/*!@:host(.ic-typography-code-large)*/.ic-typography-code-large.sc-ic-typography-h{font:var(--ic-font-code-large);letter-spacing:var(--ic-font-letter-spacing-0pt025)}/*!@:host(.ic-typography-code-small)*/.ic-typography-code-small.sc-ic-typography-h{font:var(--ic-font-code-small);letter-spacing:var(--ic-font-letter-spacing-0pt005)}/*!@:host(.ic-typography-code-extra-small)*/.ic-typography-code-extra-small.sc-ic-typography-h{font:var(--ic-font-code-extra-small);letter-spacing:var(--ic-font-letter-spacing-0pt025)}/*!@:host(.ic-typography-badge)*/.ic-typography-badge.sc-ic-typography-h{font:var(--ic-font-badge);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}/*!@:host(.ic-typography-badge-small)*/.ic-typography-badge-small.sc-ic-typography-h{font:var(--ic-font-badge-small);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}/*!@:host(.ic-typography-no-wrap)*/.ic-typography-no-wrap.sc-ic-typography-h{white-space:nowrap}/*!@:host ::slotted(h1),\n:host ::slotted(h2),\n:host ::slotted(h3),\n:host ::slotted(h4),\n:host ::slotted(h5),\n:host ::slotted(h6),\n:host ::slotted(p),\n:host ::slotted(label)*/.sc-ic-typography-h .sc-ic-typography-s>h1,.sc-ic-typography-h.sc-ic-typography-s>h2,.sc-ic-typography-h .sc-ic-typography-s>h2,.sc-ic-typography-h.sc-ic-typography-s>h3,.sc-ic-typography-h .sc-ic-typography-s>h3,.sc-ic-typography-h.sc-ic-typography-s>h4,.sc-ic-typography-h .sc-ic-typography-s>h4,.sc-ic-typography-h.sc-ic-typography-s>h5,.sc-ic-typography-h .sc-ic-typography-s>h5,.sc-ic-typography-h.sc-ic-typography-s>h6,.sc-ic-typography-h .sc-ic-typography-s>h6,.sc-ic-typography-h.sc-ic-typography-s>p,.sc-ic-typography-h .sc-ic-typography-s>p,.sc-ic-typography-h.sc-ic-typography-s>label,.sc-ic-typography-h .sc-ic-typography-s>label{font:inherit;letter-spacing:inherit}/*!@.trunc-wrapper*/.trunc-wrapper.sc-ic-typography{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--truncation-max-lines, initial);-webkit-line-clamp:var(--truncation-max-lines, initial);-webkit-clip-path:border-box;clip-path:border-box}/*!@.trunc-btn*/.trunc-btn.sc-ic-typography{border:none;background:none;padding:0;color:var(--ic-color-primary-text);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast);text-align:start}/*!@.trunc-btn:hover,\n.trunc-btn.focus*/.trunc-btn.sc-ic-typography:hover,.trunc-btn.focus.sc-ic-typography{outline:none;border-bottom:var(--ic-space-xxs) solid !important;margin-bottom:calc(-1 * var(--ic-space-xxs)) !important;text-decoration:none;cursor:pointer}/*!@:host(.strikethrough)*/.strikethrough.sc-ic-typography-h{text-decoration:line-through}/*!@:host(.underline)*/.underline.sc-ic-typography-h{text-decoration:underline}/*!@:host(.underline.strikethrough)*/.underline.strikethrough.sc-ic-typography-h{text-decoration:line-through underline}/*!@:host(.italic)*/.italic.sc-ic-typography-h{font-style:italic !important}/*!@:host(.bold)*/.bold.sc-ic-typography-h{font-weight:var(--ic-font-weight-bold)}@supports (text-decoration-thickness: 25%){/*!@.trunc-btn:hover,\n  .trunc-btn.focus*/.trunc-btn.sc-ic-typography:hover,.trunc-btn.focus.sc-ic-typography{text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}";
+const icTypographyCss = "/*!@html*/html.sc-ic-typography{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-typography{margin:0}/*!@main*/main.sc-ic-typography{display:block}/*!@h1*/h1.sc-ic-typography{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-typography{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-typography{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-typography{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-typography{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-typography,strong.sc-ic-typography{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-typography,kbd.sc-ic-typography,samp.sc-ic-typography{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-typography{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-typography,sup.sc-ic-typography{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-typography{bottom:-0.25em}/*!@sup*/sup.sc-ic-typography{top:-0.5em}/*!@img*/img.sc-ic-typography{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-typography,input.sc-ic-typography,optgroup.sc-ic-typography,select.sc-ic-typography,textarea.sc-ic-typography{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-typography,input.sc-ic-typography{overflow:visible}/*!@button,\nselect*/button.sc-ic-typography,select.sc-ic-typography{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-typography,[type=\"button\"].sc-ic-typography,[type=\"reset\"].sc-ic-typography,[type=\"submit\"].sc-ic-typography{-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-typography::-moz-focus-inner,[type=\"button\"].sc-ic-typography::-moz-focus-inner,[type=\"reset\"].sc-ic-typography::-moz-focus-inner,[type=\"submit\"].sc-ic-typography::-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-typography:-moz-focusring,[type=\"button\"].sc-ic-typography:-moz-focusring,[type=\"reset\"].sc-ic-typography:-moz-focusring,[type=\"submit\"].sc-ic-typography:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-typography{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-typography{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-typography{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-typography{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-typography,[type=\"radio\"].sc-ic-typography{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-typography::-webkit-inner-spin-button,[type=\"number\"].sc-ic-typography::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-typography{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-typography::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-typography::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-typography{display:block}/*!@summary*/summary.sc-ic-typography{display:list-item}/*!@template*/template.sc-ic-typography{display:none}/*!@[hidden]*/[hidden].sc-ic-typography{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-typography,body.sc-ic-typography,div.sc-ic-typography,span.sc-ic-typography,applet.sc-ic-typography,object.sc-ic-typography,iframe.sc-ic-typography,h1.sc-ic-typography,h2.sc-ic-typography,h3.sc-ic-typography,h4.sc-ic-typography,h5.sc-ic-typography,h6.sc-ic-typography,p.sc-ic-typography,blockquote.sc-ic-typography,pre.sc-ic-typography,a.sc-ic-typography,abbr.sc-ic-typography,acronym.sc-ic-typography,address.sc-ic-typography,big.sc-ic-typography,cite.sc-ic-typography,code.sc-ic-typography,del.sc-ic-typography,dfn.sc-ic-typography,em.sc-ic-typography,img.sc-ic-typography,ins.sc-ic-typography,kbd.sc-ic-typography,q.sc-ic-typography,s.sc-ic-typography,samp.sc-ic-typography,small.sc-ic-typography,strike.sc-ic-typography,strong.sc-ic-typography,sub.sc-ic-typography,sup.sc-ic-typography,tt.sc-ic-typography,var.sc-ic-typography,b.sc-ic-typography,u.sc-ic-typography,i.sc-ic-typography,center.sc-ic-typography,dl.sc-ic-typography,dt.sc-ic-typography,dd.sc-ic-typography,ol.sc-ic-typography,ul.sc-ic-typography,li.sc-ic-typography,fieldset.sc-ic-typography,form.sc-ic-typography,label.sc-ic-typography,legend.sc-ic-typography,table.sc-ic-typography,caption.sc-ic-typography,tbody.sc-ic-typography,tfoot.sc-ic-typography,thead.sc-ic-typography,tr.sc-ic-typography,th.sc-ic-typography,td.sc-ic-typography,article.sc-ic-typography,aside.sc-ic-typography,canvas.sc-ic-typography,details.sc-ic-typography,embed.sc-ic-typography,figure.sc-ic-typography,figcaption.sc-ic-typography,footer.sc-ic-typography,header.sc-ic-typography,hgroup.sc-ic-typography,menu.sc-ic-typography,nav.sc-ic-typography,output.sc-ic-typography,ruby.sc-ic-typography,section.sc-ic-typography,summary.sc-ic-typography,time.sc-ic-typography,mark.sc-ic-typography,audio.sc-ic-typography,video.sc-ic-typography{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-typography-h{display:block;position:relative}/*!@:host(.ic-typography-vertical-margins-h1)*/.ic-typography-vertical-margins-h1.sc-ic-typography-h{margin:0 0 var(--ic-space-xl)}/*!@:host(.ic-typography-vertical-margins-h2)*/.ic-typography-vertical-margins-h2.sc-ic-typography-h{margin:var(--ic-space-xxl) 0 var(--ic-space-lg)}/*!@:host(.ic-typography-vertical-margins-h3)*/.ic-typography-vertical-margins-h3.sc-ic-typography-h{margin:var(--ic-space-xl) 0 var(--ic-space-md)}/*!@:host(.ic-typography-vertical-margins-h4)*/.ic-typography-vertical-margins-h4.sc-ic-typography-h{margin:var(--ic-space-lg) 0 var(--ic-space-md)}/*!@:host(.ic-typography-vertical-margins-subtitle-large),\n:host(.ic-typography-vertical-margins-subtitle-small),\n:host(.ic-typography-vertical-margins-body),\n:host(.ic-typography-vertical-margins-code-large),\n:host(.ic-typography-vertical-margins-code-small),\n:host(.ic-typography-vertical-margins-code-extra-small)*/.ic-typography-vertical-margins-subtitle-large.sc-ic-typography-h,.ic-typography-vertical-margins-subtitle-small.sc-ic-typography-h,.ic-typography-vertical-margins-body.sc-ic-typography-h,.ic-typography-vertical-margins-code-large.sc-ic-typography-h,.ic-typography-vertical-margins-code-small.sc-ic-typography-h,.ic-typography-vertical-margins-code-extra-small.sc-ic-typography-h{margin:0 0 var(--ic-space-md)}/*!@:host(.ic-typography-vertical-margins-caption),\n:host(.ic-typography-vertical-margins-caption-uppercase)*/.ic-typography-vertical-margins-caption.sc-ic-typography-h,.ic-typography-vertical-margins-caption-uppercase.sc-ic-typography-h{margin:0 0 var(--ic-space-xs)}/*!@:host(.ic-typography-vertical-margins-h2:first-child),\n:host(.ic-typography-vertical-margins-h3:first-child),\n:host(.ic-typography-vertical-margins-h4:first-child)*/.ic-typography-vertical-margins-h2.sc-ic-typography-h:first-child,.ic-typography-vertical-margins-h3.sc-ic-typography-h:first-child,.ic-typography-vertical-margins-h4.sc-ic-typography-h:first-child{margin-top:0}/*!@:host(.ic-typography-h1)*/.ic-typography-h1.sc-ic-typography-h{font:var(--ic-font-h1) !important}/*!@:host(.ic-typography-h2)*/.ic-typography-h2.sc-ic-typography-h{font:var(--ic-font-h2);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}/*!@:host(.ic-typography-h3)*/.ic-typography-h3.sc-ic-typography-h{font:var(--ic-font-h3)}/*!@:host(.ic-typography-h4)*/.ic-typography-h4.sc-ic-typography-h{font:var(--ic-font-h4);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}/*!@:host(.ic-typography-subtitle-large)*/.ic-typography-subtitle-large.sc-ic-typography-h{font:var(--ic-font-subtitle-large);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}/*!@:host(.ic-typography-subtitle-small)*/.ic-typography-subtitle-small.sc-ic-typography-h{font:var(--ic-font-subtitle-small);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}/*!@:host(.ic-typography-body)*/.ic-typography-body.sc-ic-typography-h{font:var(--ic-font-body);letter-spacing:var(--ic-font-letter-spacing-0pt005)}/*!@:host(.ic-typography-caption)*/.ic-typography-caption.sc-ic-typography-h{font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}/*!@:host(.ic-typography-caption-uppercase)*/.ic-typography-caption-uppercase.sc-ic-typography-h{font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025);text-transform:uppercase}/*!@:host(.ic-typography-label)*/.ic-typography-label.sc-ic-typography-h{font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025)}/*!@:host(.ic-typography-label-uppercase)*/.ic-typography-label-uppercase.sc-ic-typography-h{font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025);text-transform:uppercase}/*!@:host(.ic-typography-code-large)*/.ic-typography-code-large.sc-ic-typography-h{font:var(--ic-font-code-large);letter-spacing:var(--ic-font-letter-spacing-0pt025)}/*!@:host(.ic-typography-code-small)*/.ic-typography-code-small.sc-ic-typography-h{font:var(--ic-font-code-small);letter-spacing:var(--ic-font-letter-spacing-0pt005)}/*!@:host(.ic-typography-code-extra-small)*/.ic-typography-code-extra-small.sc-ic-typography-h{font:var(--ic-font-code-extra-small);letter-spacing:var(--ic-font-letter-spacing-0pt025)}/*!@:host(.ic-typography-badge)*/.ic-typography-badge.sc-ic-typography-h{font:var(--ic-font-badge);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}/*!@:host(.ic-typography-badge-small)*/.ic-typography-badge-small.sc-ic-typography-h{font:var(--ic-font-badge-small);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}/*!@:host(.ic-typography-no-wrap)*/.ic-typography-no-wrap.sc-ic-typography-h{white-space:nowrap}/*!@:host ::slotted(h1),\n:host ::slotted(h2),\n:host ::slotted(h3),\n:host ::slotted(h4),\n:host ::slotted(h5),\n:host ::slotted(h6),\n:host ::slotted(p),\n:host ::slotted(label)*/.sc-ic-typography-h .sc-ic-typography-s>h1,.sc-ic-typography-h.sc-ic-typography-s>h2,.sc-ic-typography-h .sc-ic-typography-s>h2,.sc-ic-typography-h.sc-ic-typography-s>h3,.sc-ic-typography-h .sc-ic-typography-s>h3,.sc-ic-typography-h.sc-ic-typography-s>h4,.sc-ic-typography-h .sc-ic-typography-s>h4,.sc-ic-typography-h.sc-ic-typography-s>h5,.sc-ic-typography-h .sc-ic-typography-s>h5,.sc-ic-typography-h.sc-ic-typography-s>h6,.sc-ic-typography-h .sc-ic-typography-s>h6,.sc-ic-typography-h.sc-ic-typography-s>p,.sc-ic-typography-h .sc-ic-typography-s>p,.sc-ic-typography-h.sc-ic-typography-s>label,.sc-ic-typography-h .sc-ic-typography-s>label{font:inherit;letter-spacing:inherit}/*!@.trunc-wrapper*/.trunc-wrapper.sc-ic-typography{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--truncation-max-lines, initial);-webkit-line-clamp:var(--truncation-max-lines, initial);overflow:hidden}/*!@.trunc-btn*/.trunc-btn.sc-ic-typography{border:none;background:none;padding:0;color:var(--ic-color-primary-text);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}/*!@.trunc-btn:hover,\n.trunc-btn.focus*/.trunc-btn.sc-ic-typography:hover,.trunc-btn.focus.sc-ic-typography{outline:none;border-bottom:var(--ic-space-xxs) solid !important;margin-bottom:calc(-1 * var(--ic-space-xxs)) !important;text-decoration:none;cursor:pointer}/*!@:host(.strikethrough)*/.strikethrough.sc-ic-typography-h{text-decoration:line-through}/*!@:host(.underline)*/.underline.sc-ic-typography-h{text-decoration:underline}/*!@:host(.underline.strikethrough)*/.underline.strikethrough.sc-ic-typography-h{text-decoration:line-through underline}/*!@:host(.italic)*/.italic.sc-ic-typography-h{font-style:italic !important}/*!@:host(.bold)*/.bold.sc-ic-typography-h{font-weight:var(--ic-font-weight-bold)}@supports (text-decoration-thickness: 25%){/*!@.trunc-btn:hover,\n  .trunc-btn.focus*/.trunc-btn.sc-ic-typography:hover,.trunc-btn.focus.sc-ic-typography{text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}";
 class Typography {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.icExpand = createEvent(this, "icExpand", 7);
         this.focusBtnFromKeyboard = true;
         this.lastMarkerTop = 0;
         this.lastWidth = 0;
@@ -20223,7 +20320,15 @@ class Typography {
         this.truncatedHeight = 0;
         this.toggleExpanded = () => {
             this.expanded = !this.expanded;
-            this.icExpand.emit({ el: this.el, expanded: this.expanded });
+        };
+        this.checkMaxLines = (height) => {
+            //24 is the height of a single line
+            const numLines = Math.floor(height / 24);
+            if (numLines > this.maxLines) {
+                this.el.setAttribute("style", `--truncation-max-lines: ${this.maxLines}`);
+                this.truncatedHeight = this.el.clientHeight;
+                this.truncated = true;
+            }
         };
         this.checkMarkerPosition = (elTop, markerTop) => {
             if (markerTop - elTop < this.truncatedHeight) {
@@ -20306,37 +20411,6 @@ class Typography {
             checkResizeObserver(this.runResizeObserver);
         }
     }
-    /**
-     * Truncate the text in ic-typography by adding a line-clamp css property.
-     * @param height Used to calculate whether the element has exceeded the maximum number of lines.
-     *
-     */
-    async checkMaxLines(height) {
-        // 24 is the height of a single line
-        const numLines = Math.floor(height / 24);
-        if (numLines > this.maxLines) {
-            this.el.setAttribute("style", `--truncation-max-lines: ${this.maxLines}`);
-            this.truncatedHeight = this.el.clientHeight;
-            this.truncated = true;
-        }
-    }
-    /**
-     * @internal Truncate the text in ic-typography by adding a line-clamp css property. This method is specific to ic-data-table.
-     * height - used to calculate whether the element has exceeded the maximum number of lines.
-     * typographyHeight - the scroll height of the typography element. Used as another way to calculate whether the element has exceeded the maximum number of lines.
-     */
-    async checkCellTextMaxLines(height, typographyHeight) {
-        // 24 is the height of a single line
-        const typographyNumLines = Math.floor(typographyHeight / 24);
-        const numLines = Math.floor(height / 24);
-        if ((!!typographyHeight && typographyNumLines > numLines) ||
-            numLines > this.maxLines) {
-            this.el.setAttribute("style", `--truncation-max-lines: ${this.maxLines}`);
-            this.truncatedHeight = this.el.clientHeight;
-            this.truncated = true;
-            this.expanded = false;
-        }
-    }
     render() {
         var _a, _b;
         const { variant, applyVerticalMargins, maxLines, truncated, expanded, strikethrough, underline, italic, bold, } = this;
@@ -20370,9 +20444,7 @@ class Typography {
             "variant": [1],
             "truncated": [32],
             "truncButtonFocussed": [32],
-            "expanded": [32],
-            "checkMaxLines": [64],
-            "checkCellTextMaxLines": [64]
+            "expanded": [32]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",