@ukic/web-components 2.0.0-alpha.122 → 2.0.0-alpha.125

package/hydrate/index.js

@@ -5982,7 +5982,7 @@ const isEmptyString = (value) => value.trim().length === 0;
  * Extracts the label using the value from an object. Requires the object to have a label and value property.
  * @param value - value from object
  * @param options - list of menu items
- * @returns - label correspoonding to value
+ * @returns - label corresponding to value
  */
 const getLabelFromValue = (value, options) => {
   var _a;
@@ -6000,6 +6000,44 @@ const getLabelFromValue = (value, options) => {
   }
   return undefined;
 };
+/**
+ * Filters the options based on the search string.
+ * @param options - array of options
+ * @param includeDescriptions - determines whether option descriptions are included when filtering options
+ * @param searchString - string used to filter the options
+ * @param position - whether the search string matches the start of or anywhere in the options
+ * @returns filtered array of options
+ */
+const getFilteredMenuOptions = (options, includeDescriptions, searchString, position) => {
+  let rawFilteredOptions;
+  if (position === "anywhere") {
+    rawFilteredOptions = options.filter((option) => {
+      var _a;
+      if (includeDescriptions) {
+        return (option.label.toLowerCase().includes(searchString.toLowerCase()) ||
+          ((_a = option.description) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(searchString.toLowerCase())));
+      }
+      else {
+        return option.label.toLowerCase().includes(searchString.toLowerCase());
+      }
+    });
+  }
+  else {
+    rawFilteredOptions = options.filter((option) => {
+      var _a;
+      if (includeDescriptions) {
+        return (option.label.toLowerCase().startsWith(searchString.toLowerCase()) ||
+          ((_a = option.description) === null || _a === void 0 ? void 0 : _a.toLowerCase().startsWith(searchString.toLowerCase())));
+      }
+      else {
+        return option.label
+          .toLowerCase()
+          .startsWith(searchString.toLowerCase());
+      }
+    });
+  }
+  return rawFilteredOptions;
+};
 const deviceSizeMatches = (size) => window.matchMedia(`(max-width: ${size}px)`).matches;
 const getCurrentDeviceSize = () => {
   if (deviceSizeMatches(DEVICE_SIZES.S)) {
@@ -6658,7 +6696,7 @@ class Breadcrumbs {
   }; }
 }
 
-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;--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*/.button.sc-ic-button{font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:14px;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:100px;display:inline-flex;gap:var(--ic-space-xs);flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}/*!@.button:hover*/.button.sc-ic-button:hover{cursor:pointer}/*!@.button:focus,\n:host .button:focus*/.button.sc-ic-button:focus,.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:var(--ic-border-focus)}/*!@:host(.light) .button:focus*/.light.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:var(--ic-border-focus)}/*!@.button:focus-visible*/.button.sc-ic-button:focus-visible{outline:none}/*!@:host(.dark) .button*/.dark.sc-ic-button-h .button.sc-ic-button{--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*/.light.sc-ic-button-h .button.sc-ic-button{--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(.button-variant-primary.light) .button*/.button-variant-primary.light.sc-ic-button-h .button.sc-ic-button{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*/.button-variant-primary.dark.sc-ic-button-h .button.sc-ic-button{--button-default-hover:var(--ic-action-dark-hover);--button-default-active:var(--ic-action-dark-active)}/*!@:host(.disabled),\n:host(.disabled) .button,\n:host(.loading),\n:host(.loading) .button*/.disabled.sc-ic-button-h,.disabled.sc-ic-button-h .button.sc-ic-button,.loading.sc-ic-button-h,.loading.sc-ic-button-h .button.sc-ic-button{pointer-events:none}/*!@:host(.button-variant-primary) .button*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button{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: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.disabled) .button*/.button-variant-primary.disabled.sc-ic-button-h .button.sc-ic-button{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}/*!@:host(.button-variant-primary.light.disabled) .button*/.button-variant-primary.light.disabled.sc-ic-button-h .button.sc-ic-button{background:var(--ic-architectural-600);color:var(--ic-architectural-500)}/*!@:host(.button-variant-secondary) .button*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button{border:1px solid var(--button-default);color:var(--button-default)}/*!@:host(.button-variant-secondary) .button:hover:not(:focus)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:hover:not(: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)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active:not(:focus){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*/.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{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*/.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{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}/*!@:host(.button-variant-tertiary) .button*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button{color:var(--button-default)}/*!@:host(.button-variant-tertiary) .button:hover:not(:focus)*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:hover:not(: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.loading) .button*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.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*/.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{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*/.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{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}/*!@:host(.button-variant-icon) .button*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button{color:var(--button-default);min-width:0}/*!@:host(.button-variant-icon) .button:hover:not(:focus)*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover:not(: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.loading) .button*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button: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*/.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{color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-destructive) .button*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button{color:var(--ic-architectural-white);background-color:var(--ic-action-destructive);text-transform:uppercase}/*!@:host(.button-variant-destructive) .button:hover:not(:focus)*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--ic-action-destructive-hover)}/*!@:host(.button-variant-destructive) .button:active:not(: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.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-action-destructive-active)}/*!@:host(.button-variant-destructive.disabled) .button*/.button-variant-destructive.disabled.sc-ic-button-h .button.sc-ic-button{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:40px;padding:var(--ic-space-xs) var(--ic-space-md)}/*!@:host(.button-size-dense) .button*/.button-size-dense.sc-ic-button-h .button.sc-ic-button{height:var(--ic-space-xl);padding:var(--ic-space-xxs) var(--ic-space-md)}/*!@:host(.button-size-emphasis) .button*/.button-size-emphasis.sc-ic-button-h .button.sc-ic-button{height:var(--ic-space-xxl);padding:var(--ic-space-sm) var(--ic-space-md)}/*!@:host(.button-size-default.button-variant-icon) .button*/.button-size-default.button-variant-icon.sc-ic-button-h .button.sc-ic-button{height:var(--ic-space-xl);width:var(--ic-space-xl);padding:6px}/*!@:host(.button-size-dense.button-variant-icon) .button*/.button-size-dense.button-variant-icon.sc-ic-button-h .button.sc-ic-button{height:var(--ic-space-lg);width:var(--ic-space-lg);padding:var(--ic-space-xxs)}/*!@:host(.button-size-emphasis.button-variant-icon) .button*/.button-size-emphasis.button-variant-icon.sc-ic-button-h .button.sc-ic-button{height:40px;width:40px;padding:var(--ic-space-xs)}/*!@:host(.full-width),\n:host(.full-width) .button*/.full-width.sc-ic-button-h,.full-width.sc-ic-button-h .button.sc-ic-button{width:100%}/*!@div.loading-container*/div.loading-container.sc-ic-button{position:relative;align-items:center}@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}/*!@::slotted(svg)*/.sc-ic-button-s>svg{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:20px;--icon-width:20px}/*!@:host(.search-submit-button-dense) ::slotted(svg)*/.sc-ic-button-h.search-submit-button-dense .sc-ic-button-s>svg{--icon-height:16px;--icon-width:16px}/*!@: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;background-color:var(--ic-action-dark-bg-hover)}/*!@:host(.clear-button) .button:not(:active):focus*/.clear-button.sc-ic-button-h .button.sc-ic-button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-dark-bg-hover)}/*!@: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:14px;--icon-width:14px}/*!@:host(.popout-menu-button) .button*/.popout-menu-button.sc-ic-button-h .button.sc-ic-button{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}";
+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;--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*/.button.sc-ic-button{font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:14px;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:100px;display:inline-flex;gap:var(--ic-space-xs);flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}/*!@.button:hover*/.button.sc-ic-button:hover{cursor:pointer}/*!@.button:focus,\n:host .button:focus*/.button.sc-ic-button:focus,.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:var(--ic-border-focus)}/*!@:host(.light) .button:focus*/.light.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:var(--ic-border-focus)}/*!@.button:focus-visible*/.button.sc-ic-button:focus-visible{outline:none}/*!@:host(.dark) .button*/.dark.sc-ic-button-h .button.sc-ic-button{--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*/.light.sc-ic-button-h .button.sc-ic-button{--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(.button-variant-primary.light) .button*/.button-variant-primary.light.sc-ic-button-h .button.sc-ic-button{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*/.button-variant-primary.dark.sc-ic-button-h .button.sc-ic-button{--button-default-hover:var(--ic-action-dark-hover);--button-default-active:var(--ic-action-dark-active)}/*!@:host(.disabled),\n:host(.disabled) .button,\n:host(.loading),\n:host(.loading) .button*/.disabled.sc-ic-button-h,.disabled.sc-ic-button-h .button.sc-ic-button,.loading.sc-ic-button-h,.loading.sc-ic-button-h .button.sc-ic-button{pointer-events:none}/*!@:host(.button-variant-primary) .button*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button{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: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.disabled) .button*/.button-variant-primary.disabled.sc-ic-button-h .button.sc-ic-button{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}/*!@:host(.button-variant-primary.light.disabled) .button*/.button-variant-primary.light.disabled.sc-ic-button-h .button.sc-ic-button{background:var(--ic-architectural-600);color:var(--ic-architectural-500)}/*!@:host(.button-variant-secondary) .button*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button{border:1px solid var(--button-default);color:var(--button-default)}/*!@:host(.button-variant-secondary) .button:hover:not(:focus)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:hover:not(: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)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active:not(:focus){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*/.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{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*/.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{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}/*!@:host(.button-variant-tertiary) .button*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button{color:var(--button-default)}/*!@:host(.button-variant-tertiary) .button:hover:not(:focus)*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:hover:not(: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.loading) .button*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.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*/.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{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*/.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{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}/*!@:host(.button-variant-icon) .button*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button{color:var(--button-default);min-width:0}/*!@:host(.button-variant-icon) .button:hover:not(:focus)*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover:not(: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.loading) .button*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button: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*/.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{color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-destructive) .button*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button{color:var(--ic-architectural-white);background-color:var(--ic-action-destructive);text-transform:uppercase}/*!@:host(.button-variant-destructive) .button:hover:not(:focus)*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--ic-action-destructive-hover)}/*!@:host(.button-variant-destructive) .button:active:not(: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.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-action-destructive-active)}/*!@:host(.button-variant-destructive.disabled) .button*/.button-variant-destructive.disabled.sc-ic-button-h .button.sc-ic-button{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:40px;padding:var(--ic-space-xs) var(--ic-space-md)}/*!@:host(.button-size-dense) .button*/.button-size-dense.sc-ic-button-h .button.sc-ic-button{height:var(--ic-space-xl);padding:var(--ic-space-xxs) var(--ic-space-md)}/*!@:host(.button-size-emphasis) .button*/.button-size-emphasis.sc-ic-button-h .button.sc-ic-button{height:var(--ic-space-xxl);padding:var(--ic-space-sm) var(--ic-space-md)}/*!@:host(.button-size-default.button-variant-icon) .button*/.button-size-default.button-variant-icon.sc-ic-button-h .button.sc-ic-button{height:var(--ic-space-xl);width:var(--ic-space-xl);padding:6px}/*!@:host(.button-size-dense.button-variant-icon) .button*/.button-size-dense.button-variant-icon.sc-ic-button-h .button.sc-ic-button{height:var(--ic-space-lg);width:var(--ic-space-lg);padding:var(--ic-space-xxs)}/*!@:host(.button-size-emphasis.button-variant-icon) .button*/.button-size-emphasis.button-variant-icon.sc-ic-button-h .button.sc-ic-button{height:40px;width:40px;padding:var(--ic-space-xs)}/*!@:host(.full-width),\n:host(.full-width) .button*/.full-width.sc-ic-button-h,.full-width.sc-ic-button-h .button.sc-ic-button{width:100%}/*!@div.loading-container*/div.loading-container.sc-ic-button{position:relative;align-items:center}@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}/*!@::slotted(svg)*/.sc-ic-button-s>svg{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:20px;--icon-width:20px}/*!@:host(.search-submit-button-dense) ::slotted(svg)*/.sc-ic-button-h.search-submit-button-dense .sc-ic-button-s>svg{--icon-height:16px;--icon-width:16px}/*!@: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:14px;--icon-width:14px}/*!@:host(.popout-menu-button) .button*/.popout-menu-button.sc-ic-button-h .button.sc-ic-button{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}";
 
 var __rest = (undefined && undefined.__rest) || function (s, e) {
   var t = {};
@@ -6949,7 +6987,7 @@ class Card {
         ["disabled"]: disabled,
         ["fullwidth"]: fullWidth,
         ["focussed"]: isFocussed,
-      }, tabindex: clickable && !parentIsAnchorTag ? 0 : null, "aria-disabled": disabled ? "true" : null, disabled: disabled ? true : null }, attrs), hAsync("div", { class: "card-header" }, isSlotUsed(this.el, "icon") && (hAsync("div", { class: "icon" }, hAsync("slot", { name: "icon" }))), hAsync("div", { class: "card-title" }, hAsync("slot", { name: "heading" }, hAsync("ic-typography", { variant: "h4" }, hAsync("p", null, heading))))), (message || isSlotUsed(this.el, "message")) && (hAsync("div", { class: "card-message" }, hAsync("slot", { name: "message" }, hAsync("ic-typography", { variant: "subtitle-small" }, message))))));
+      }, tabindex: clickable && !parentIsAnchorTag ? 0 : null, "aria-disabled": disabled ? "true" : null, disabled: disabled ? true : null }, attrs), hAsync("div", { class: "card-header" }, isSlotUsed(this.el, "icon") && (hAsync("div", { class: "icon" }, hAsync("slot", { name: "icon" }))), hAsync("div", { class: "card-title" }, hAsync("slot", { name: "heading" }, hAsync("ic-typography", { variant: "h4" }, hAsync("p", null, heading))))), (message || isSlotUsed(this.el, "message")) && (hAsync("div", { class: "card-message" }, hAsync("slot", { name: "message" }, hAsync("ic-typography", { variant: "body" }, message))))));
   }
   get el() { return getElement(this); }
   static get style() { return icCardCss; }
@@ -7559,7 +7597,7 @@ class FooterLinkGroup {
   }; }
 }
 
-const icHeroCss = "/*!@html*/html.sc-ic-hero{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-hero{margin:0}/*!@main*/main.sc-ic-hero{display:block}/*!@h1*/h1.sc-ic-hero{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-hero{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-hero{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-hero{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-hero{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-hero,strong.sc-ic-hero{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-hero,kbd.sc-ic-hero,samp.sc-ic-hero{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-hero{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-hero,sup.sc-ic-hero{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-hero{bottom:-0.25em}/*!@sup*/sup.sc-ic-hero{top:-0.5em}/*!@img*/img.sc-ic-hero{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-hero,input.sc-ic-hero,optgroup.sc-ic-hero,select.sc-ic-hero,textarea.sc-ic-hero{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-hero,input.sc-ic-hero{overflow:visible}/*!@button,\nselect*/button.sc-ic-hero,select.sc-ic-hero{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-hero,[type=\"button\"].sc-ic-hero,[type=\"reset\"].sc-ic-hero,[type=\"submit\"].sc-ic-hero{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-hero::-moz-focus-inner,[type=\"button\"].sc-ic-hero::-moz-focus-inner,[type=\"reset\"].sc-ic-hero::-moz-focus-inner,[type=\"submit\"].sc-ic-hero::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-hero:-moz-focusring,[type=\"button\"].sc-ic-hero:-moz-focusring,[type=\"reset\"].sc-ic-hero:-moz-focusring,[type=\"submit\"].sc-ic-hero:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-hero{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-hero{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-hero{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-hero{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-hero,[type=\"radio\"].sc-ic-hero{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-hero::-webkit-inner-spin-button,[type=\"number\"].sc-ic-hero::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-hero{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-hero::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-hero::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-hero{display:block}/*!@summary*/summary.sc-ic-hero{display:list-item}/*!@template*/template.sc-ic-hero{display:none}/*!@[hidden]*/[hidden].sc-ic-hero{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-hero,body.sc-ic-hero,div.sc-ic-hero,span.sc-ic-hero,applet.sc-ic-hero,object.sc-ic-hero,iframe.sc-ic-hero,h1.sc-ic-hero,h2.sc-ic-hero,h3.sc-ic-hero,h4.sc-ic-hero,h5.sc-ic-hero,h6.sc-ic-hero,p.sc-ic-hero,blockquote.sc-ic-hero,pre.sc-ic-hero,a.sc-ic-hero,abbr.sc-ic-hero,acronym.sc-ic-hero,address.sc-ic-hero,big.sc-ic-hero,cite.sc-ic-hero,code.sc-ic-hero,del.sc-ic-hero,dfn.sc-ic-hero,em.sc-ic-hero,img.sc-ic-hero,ins.sc-ic-hero,kbd.sc-ic-hero,q.sc-ic-hero,s.sc-ic-hero,samp.sc-ic-hero,small.sc-ic-hero,strike.sc-ic-hero,strong.sc-ic-hero,sub.sc-ic-hero,sup.sc-ic-hero,tt.sc-ic-hero,var.sc-ic-hero,b.sc-ic-hero,u.sc-ic-hero,i.sc-ic-hero,center.sc-ic-hero,dl.sc-ic-hero,dt.sc-ic-hero,dd.sc-ic-hero,ol.sc-ic-hero,ul.sc-ic-hero,li.sc-ic-hero,fieldset.sc-ic-hero,form.sc-ic-hero,label.sc-ic-hero,legend.sc-ic-hero,table.sc-ic-hero,caption.sc-ic-hero,tbody.sc-ic-hero,tfoot.sc-ic-hero,thead.sc-ic-hero,tr.sc-ic-hero,th.sc-ic-hero,td.sc-ic-hero,article.sc-ic-hero,aside.sc-ic-hero,canvas.sc-ic-hero,details.sc-ic-hero,embed.sc-ic-hero,figure.sc-ic-hero,figcaption.sc-ic-hero,footer.sc-ic-hero,header.sc-ic-hero,hgroup.sc-ic-hero,menu.sc-ic-hero,nav.sc-ic-hero,output.sc-ic-hero,ruby.sc-ic-hero,section.sc-ic-hero,summary.sc-ic-hero,time.sc-ic-hero,mark.sc-ic-hero,audio.sc-ic-hero,video.sc-ic-hero{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-hero-h{display:block;background-color:var(--ic-theme-tertiary);color:var(--ic-theme-text)}/*!@:host(.dark)*/.dark.sc-ic-hero-h{background-color:var(--ic-theme-secondary)}/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-repeat:no-repeat;background-position:right -100px;background-size:auto calc(100% + 100px);box-shadow:var(--ic-elevation-inset)}@media (prefers-reduced-motion){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-position:right -100px !important}}/*!@.section-container*/.section-container.sc-ic-hero{display:flex;align-items:center;height:100%}/*!@.left-container*/.left-container.sc-ic-hero{flex-basis:50%;padding:var(--ic-space-xl) 0}/*!@.right-container*/.right-container.sc-ic-hero{flex-basis:50%}/*!@.interaction-container*/.interaction-container.sc-ic-hero{display:flex;gap:var(--ic-space-md);margin-top:var(--ic-space-lg)}/*!@.secondary-container*/.secondary-container.sc-ic-hero{display:flex;flex-direction:column;justify-content:center;border-left:var(--ic-space-xxxs) solid var(--ic-theme-text)}/*!@.secondary-subheading*/.secondary-subheading.sc-ic-hero{margin-top:var(--ic-space-xxs)}/*!@:host([content-aligned=\"left\"]) .left-container,\n:host([content-aligned=\"left\"]) .interaction-container*/[content-aligned=\"left\"].sc-ic-hero-h .left-container.sc-ic-hero,[content-aligned=\"left\"].sc-ic-hero-h .interaction-container.sc-ic-hero{justify-content:flex-start;text-align:left}/*!@:host([content-aligned=\"center\"]) .left-container,\n:host([content-aligned=\"center\"]) .interaction-container*/[content-aligned=\"center\"].sc-ic-hero-h .left-container.sc-ic-hero,[content-aligned=\"center\"].sc-ic-hero-h .interaction-container.sc-ic-hero{justify-content:center;text-align:center}/*!@.left-container-full-width*/.left-container-full-width.sc-ic-hero{flex-basis:100% !important;max-width:66.6%}@media (min-width: 1044px){/*!@:host,\n  .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:208px}/*!@:host([dense]),\n  :host([dense]) .section-container*/[dense].sc-ic-hero-h,[dense].sc-ic-hero-h .section-container.sc-ic-hero{min-height:173px}/*!@.left-container*/.left-container.sc-ic-hero{flex-basis:66.6%;min-height:144px}/*!@.right-container*/.right-container.sc-ic-hero{flex-basis:33.3%;margin-left:50px}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:144px}/*!@.secondary-heading,\n  .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:63px}}@media (min-width: 801px) and (max-width: 1043px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n  .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:256px}/*!@:host([dense]),\n  :host([dense]) .section-container*/[dense].sc-ic-hero-h,[dense].sc-ic-hero-h .section-container.sc-ic-hero{min-height:240px}/*!@:host([secondary-heading]),\n  :host([secondary-heading]) .section-container*/[secondary-heading].sc-ic-hero-h,[secondary-heading].sc-ic-hero-h .section-container.sc-ic-hero{min-height:224px}/*!@.left-container*/.left-container.sc-ic-hero{min-height:160px}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:160px}/*!@.secondary-heading,\n  .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:94.75px}/*!@.right-container*/.right-container.sc-ic-hero{margin-left:50px}}@media (min-width: 641px) and (max-width: 800px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n  .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:256px}/*!@:host([dense]),\n  :host([dense]) .section-container*/[dense].sc-ic-hero-h,[dense].sc-ic-hero-h .section-container.sc-ic-hero{min-height:240px}/*!@:host([secondary-heading]),\n  :host([secondary-heading]) .section-container*/[secondary-heading].sc-ic-hero-h,[secondary-heading].sc-ic-hero-h .section-container.sc-ic-hero{min-height:224px}/*!@.left-container*/.left-container.sc-ic-hero{min-height:160px}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:160px}/*!@.secondary-heading,\n  .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:34px}/*!@.right-container*/.right-container.sc-ic-hero{margin-left:50px}}@media (min-width: 481px) and (max-width: 640px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n  .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:208px}/*!@:host([dense]),\n  :host([dense]) .section-container*/[dense].sc-ic-hero-h,[dense].sc-ic-hero-h .section-container.sc-ic-hero{min-height:173px}/*!@:host([secondary-heading]),\n  :host([secondary-heading]) .section-container*/[secondary-heading].sc-ic-hero-h,[secondary-heading].sc-ic-hero-h .section-container.sc-ic-hero{min-height:280px}/*!@:host([secondary-heading]) .section-container,\n  :host([dense]) .section-container,\n  .section-container*/[secondary-heading].sc-ic-hero-h .section-container.sc-ic-hero,[dense].sc-ic-hero-h .section-container.sc-ic-hero,.section-container.sc-ic-hero{flex-direction:column;align-items:flex-start}/*!@.left-container*/.left-container.sc-ic-hero{height:-moz-fit-content;height:fit-content}/*!@.secondary-container*/.secondary-container.sc-ic-hero{height:-moz-fit-content;height:fit-content;border:none}/*!@.right-container*/.right-container.sc-ic-hero{margin-bottom:40px}}@media (max-width: 480px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n  .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:192px}/*!@:host([dense]),\n  :host([dense]) .section-container*/[dense].sc-ic-hero-h,[dense].sc-ic-hero-h .section-container.sc-ic-hero{min-height:173px}/*!@:host([secondary-heading]),\n  :host([secondary-heading]) .section-container*/[secondary-heading].sc-ic-hero-h,[secondary-heading].sc-ic-hero-h .section-container.sc-ic-hero{min-height:264px}/*!@:host([secondary-heading]) .section-container,\n  :host([dense]) .section-container,\n  .section-container*/[secondary-heading].sc-ic-hero-h .section-container.sc-ic-hero,[dense].sc-ic-hero-h .section-container.sc-ic-hero,.section-container.sc-ic-hero{flex-direction:column;align-items:flex-start}/*!@.left-container*/.left-container.sc-ic-hero{height:-moz-fit-content;height:fit-content}/*!@.secondary-container*/.secondary-container.sc-ic-hero{height:-moz-fit-content;height:fit-content;border:none}}";
+const icHeroCss = "/*!@html*/html.sc-ic-hero{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-hero{margin:0}/*!@main*/main.sc-ic-hero{display:block}/*!@h1*/h1.sc-ic-hero{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-hero{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-hero{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-hero{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-hero{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-hero,strong.sc-ic-hero{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-hero,kbd.sc-ic-hero,samp.sc-ic-hero{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-hero{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-hero,sup.sc-ic-hero{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-hero{bottom:-0.25em}/*!@sup*/sup.sc-ic-hero{top:-0.5em}/*!@img*/img.sc-ic-hero{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-hero,input.sc-ic-hero,optgroup.sc-ic-hero,select.sc-ic-hero,textarea.sc-ic-hero{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-hero,input.sc-ic-hero{overflow:visible}/*!@button,\nselect*/button.sc-ic-hero,select.sc-ic-hero{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-hero,[type=\"button\"].sc-ic-hero,[type=\"reset\"].sc-ic-hero,[type=\"submit\"].sc-ic-hero{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-hero::-moz-focus-inner,[type=\"button\"].sc-ic-hero::-moz-focus-inner,[type=\"reset\"].sc-ic-hero::-moz-focus-inner,[type=\"submit\"].sc-ic-hero::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-hero:-moz-focusring,[type=\"button\"].sc-ic-hero:-moz-focusring,[type=\"reset\"].sc-ic-hero:-moz-focusring,[type=\"submit\"].sc-ic-hero:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-hero{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-hero{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-hero{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-hero{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-hero,[type=\"radio\"].sc-ic-hero{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-hero::-webkit-inner-spin-button,[type=\"number\"].sc-ic-hero::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-hero{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-hero::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-hero::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-hero{display:block}/*!@summary*/summary.sc-ic-hero{display:list-item}/*!@template*/template.sc-ic-hero{display:none}/*!@[hidden]*/[hidden].sc-ic-hero{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-hero,body.sc-ic-hero,div.sc-ic-hero,span.sc-ic-hero,applet.sc-ic-hero,object.sc-ic-hero,iframe.sc-ic-hero,h1.sc-ic-hero,h2.sc-ic-hero,h3.sc-ic-hero,h4.sc-ic-hero,h5.sc-ic-hero,h6.sc-ic-hero,p.sc-ic-hero,blockquote.sc-ic-hero,pre.sc-ic-hero,a.sc-ic-hero,abbr.sc-ic-hero,acronym.sc-ic-hero,address.sc-ic-hero,big.sc-ic-hero,cite.sc-ic-hero,code.sc-ic-hero,del.sc-ic-hero,dfn.sc-ic-hero,em.sc-ic-hero,img.sc-ic-hero,ins.sc-ic-hero,kbd.sc-ic-hero,q.sc-ic-hero,s.sc-ic-hero,samp.sc-ic-hero,small.sc-ic-hero,strike.sc-ic-hero,strong.sc-ic-hero,sub.sc-ic-hero,sup.sc-ic-hero,tt.sc-ic-hero,var.sc-ic-hero,b.sc-ic-hero,u.sc-ic-hero,i.sc-ic-hero,center.sc-ic-hero,dl.sc-ic-hero,dt.sc-ic-hero,dd.sc-ic-hero,ol.sc-ic-hero,ul.sc-ic-hero,li.sc-ic-hero,fieldset.sc-ic-hero,form.sc-ic-hero,label.sc-ic-hero,legend.sc-ic-hero,table.sc-ic-hero,caption.sc-ic-hero,tbody.sc-ic-hero,tfoot.sc-ic-hero,thead.sc-ic-hero,tr.sc-ic-hero,th.sc-ic-hero,td.sc-ic-hero,article.sc-ic-hero,aside.sc-ic-hero,canvas.sc-ic-hero,details.sc-ic-hero,embed.sc-ic-hero,figure.sc-ic-hero,figcaption.sc-ic-hero,footer.sc-ic-hero,header.sc-ic-hero,hgroup.sc-ic-hero,menu.sc-ic-hero,nav.sc-ic-hero,output.sc-ic-hero,ruby.sc-ic-hero,section.sc-ic-hero,summary.sc-ic-hero,time.sc-ic-hero,mark.sc-ic-hero,audio.sc-ic-hero,video.sc-ic-hero{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-hero-h{display:block;background-color:var(--ic-theme-tertiary);color:var(--ic-theme-text);--hero-heading-bottom-margin:var(--ic-space-md)}/*!@:host(.dark)*/.dark.sc-ic-hero-h{background-color:var(--ic-theme-secondary)}/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-repeat:no-repeat;background-position:right -100px;background-size:auto calc(100% + 100px);box-shadow:var(--ic-elevation-inset)}@media (prefers-reduced-motion){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-position:right -100px !important}}/*!@ic-typography.heading-bottom-spacing*/ic-typography.heading-bottom-spacing.sc-ic-hero{margin-bottom:var(--hero-heading-bottom-margin)}/*!@.section-container*/.section-container.sc-ic-hero{display:flex;align-items:center;height:100%}/*!@.left-container*/.left-container.sc-ic-hero{flex-basis:50%;padding:var(--ic-space-xl) 0}/*!@.right-container*/.right-container.sc-ic-hero{flex-basis:50%}/*!@.interaction-container*/.interaction-container.sc-ic-hero{display:flex;gap:var(--ic-space-md);margin-top:var(--ic-space-lg)}/*!@.secondary-container*/.secondary-container.sc-ic-hero{display:flex;flex-direction:column;justify-content:center;border-left:var(--ic-space-xxxs) solid var(--ic-theme-text)}/*!@.secondary-subheading*/.secondary-subheading.sc-ic-hero{margin-top:var(--ic-space-xxs)}/*!@:host([content-aligned=\"left\"]) .left-container,\n:host([content-aligned=\"left\"]) .interaction-container*/[content-aligned=\"left\"].sc-ic-hero-h .left-container.sc-ic-hero,[content-aligned=\"left\"].sc-ic-hero-h .interaction-container.sc-ic-hero{justify-content:flex-start;text-align:left}/*!@:host([content-aligned=\"center\"]) .left-container,\n:host([content-aligned=\"center\"]) .interaction-container*/[content-aligned=\"center\"].sc-ic-hero-h .left-container.sc-ic-hero,[content-aligned=\"center\"].sc-ic-hero-h .interaction-container.sc-ic-hero{justify-content:center;text-align:center}/*!@.left-container-full-width*/.left-container-full-width.sc-ic-hero{flex-basis:100% !important;max-width:66.6%}@media (min-width: 1044px){/*!@:host,\n  .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:208px}/*!@:host([dense]),\n  :host([dense]) .section-container*/[dense].sc-ic-hero-h,[dense].sc-ic-hero-h .section-container.sc-ic-hero{min-height:173px}/*!@.left-container*/.left-container.sc-ic-hero{flex-basis:66.6%;min-height:144px}/*!@.right-container*/.right-container.sc-ic-hero{flex-basis:33.3%;margin-left:50px}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:144px}/*!@.secondary-heading,\n  .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:63px}}@media (min-width: 801px) and (max-width: 1043px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n  .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:256px}/*!@:host([dense]),\n  :host([dense]) .section-container*/[dense].sc-ic-hero-h,[dense].sc-ic-hero-h .section-container.sc-ic-hero{min-height:240px}/*!@:host([secondary-heading]),\n  :host([secondary-heading]) .section-container*/[secondary-heading].sc-ic-hero-h,[secondary-heading].sc-ic-hero-h .section-container.sc-ic-hero{min-height:224px}/*!@.left-container*/.left-container.sc-ic-hero{min-height:160px}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:160px}/*!@.secondary-heading,\n  .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:94.75px}/*!@.right-container*/.right-container.sc-ic-hero{margin-left:50px}}@media (min-width: 641px) and (max-width: 800px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n  .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:256px}/*!@:host([dense]),\n  :host([dense]) .section-container*/[dense].sc-ic-hero-h,[dense].sc-ic-hero-h .section-container.sc-ic-hero{min-height:240px}/*!@:host([secondary-heading]),\n  :host([secondary-heading]) .section-container*/[secondary-heading].sc-ic-hero-h,[secondary-heading].sc-ic-hero-h .section-container.sc-ic-hero{min-height:224px}/*!@.left-container*/.left-container.sc-ic-hero{min-height:160px}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:160px}/*!@.secondary-heading,\n  .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:34px}/*!@.right-container*/.right-container.sc-ic-hero{margin-left:50px}}@media (min-width: 481px) and (max-width: 640px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n  .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:208px}/*!@:host([dense]),\n  :host([dense]) .section-container*/[dense].sc-ic-hero-h,[dense].sc-ic-hero-h .section-container.sc-ic-hero{min-height:173px}/*!@:host([secondary-heading]),\n  :host([secondary-heading]) .section-container*/[secondary-heading].sc-ic-hero-h,[secondary-heading].sc-ic-hero-h .section-container.sc-ic-hero{min-height:280px}/*!@:host([secondary-heading]) .section-container,\n  :host([dense]) .section-container,\n  .section-container*/[secondary-heading].sc-ic-hero-h .section-container.sc-ic-hero,[dense].sc-ic-hero-h .section-container.sc-ic-hero,.section-container.sc-ic-hero{flex-direction:column;align-items:flex-start}/*!@.left-container*/.left-container.sc-ic-hero{height:-moz-fit-content;height:fit-content}/*!@.secondary-container*/.secondary-container.sc-ic-hero{height:-moz-fit-content;height:fit-content;border:none}/*!@.right-container*/.right-container.sc-ic-hero{margin-bottom:40px}}@media (max-width: 480px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n  .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:192px}/*!@:host([dense]),\n  :host([dense]) .section-container*/[dense].sc-ic-hero-h,[dense].sc-ic-hero-h .section-container.sc-ic-hero{min-height:173px}/*!@:host([secondary-heading]),\n  :host([secondary-heading]) .section-container*/[secondary-heading].sc-ic-hero-h,[secondary-heading].sc-ic-hero-h .section-container.sc-ic-hero{min-height:264px}/*!@:host([secondary-heading]) .section-container,\n  :host([dense]) .section-container,\n  .section-container*/[secondary-heading].sc-ic-hero-h .section-container.sc-ic-hero,[dense].sc-ic-hero-h .section-container.sc-ic-hero,.section-container.sc-ic-hero{flex-direction:column;align-items:flex-start}/*!@.left-container*/.left-container.sc-ic-hero{height:-moz-fit-content;height:fit-content}/*!@.secondary-container*/.secondary-container.sc-ic-hero{height:-moz-fit-content;height:fit-content;border:none}}";
 
 /**
  * @slot heading - Content will be rendered in the title area, in place of the heading.
@@ -7621,7 +7659,7 @@ class Hero {
       }, style: style }, hAsync("ic-section-container", { aligned: aligned, fullHeight: true, class: "section-container" }, hAsync("div", { class: {
         ["left-container"]: true,
         ["left-container-full-width"]: this.leftContentFullWidth,
-      } }, hAsync("div", { class: "heading" }, hAsync("slot", { name: "heading" }, hAsync("ic-typography", { variant: dense ? "h2" : "h1" }, heading))), hAsync("div", { class: "subheading" }, hAsync("slot", { name: "subheading" }, hAsync("ic-typography", { variant: "body" }, subheading))), hAsync("div", { class: "interaction-container" }, hAsync("slot", { name: "interaction" }))), (secondaryHeading !== undefined || this.rightContent) && (hAsync("div", { class: "right-container" }, hAsync("slot", { name: "right-content" }, secondaryHeading && (hAsync("div", { class: "secondary-container" }, hAsync("div", { class: "secondary-heading" }, hAsync("ic-typography", { variant: "h4" }, secondaryHeading)), hAsync("div", { class: "secondary-subheading" }, hAsync("ic-typography", { variant: "subtitle-small" }, secondarySubheading))))))))));
+      } }, hAsync("div", { class: "heading" }, hAsync("slot", { name: "heading" }, hAsync("ic-typography", { variant: dense ? "h2" : "h1", class: { ["heading-bottom-spacing"]: !dense } }, heading))), hAsync("div", { class: "subheading" }, hAsync("slot", { name: "subheading" }, hAsync("ic-typography", { variant: "body" }, subheading))), hAsync("div", { class: "interaction-container" }, hAsync("slot", { name: "interaction" }))), (secondaryHeading !== undefined || this.rightContent) && (hAsync("div", { class: "right-container" }, hAsync("slot", { name: "right-content" }, secondaryHeading && (hAsync("div", { class: "secondary-container" }, hAsync("div", { class: "secondary-heading" }, hAsync("ic-typography", { variant: "h4" }, secondaryHeading)), hAsync("div", { class: "secondary-subheading" }, hAsync("ic-typography", { variant: "subtitle-small" }, secondarySubheading))))))))));
   }
   get el() { return getElement(this); }
   static get style() { return icHeroCss; }
@@ -7748,7 +7786,7 @@ class IcStepper {
   }; }
 }
 
-const icInputComponentContainerCss = "ic-input-component-container{display:flex;border:1px solid var(--border-color, var(--ic-architectural-400));border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-slow);height:40px;width:var(--input-width, 320px);padding:1px;background-color:var(--ic-architectural-white);box-sizing:border-box;position:relative;fill:var(--ic-architectural-400)}ic-input-component-container.fullwidth{width:100%}ic-input-component-container.disabled,ic-input-component-container.disabled:hover{border:1px dashed var(--ic-architectural-200)}ic-input-component-container.readonly,ic-input-component-container.readonly:hover{border:none;padding:0}ic-input-component-container.error{border:var(--ic-space-xxxs) solid var(--ic-status-error);padding:0}ic-input-component-container.warning{border:var(--ic-space-xxxs) solid var(--ic-status-warning-mid);padding:0}ic-input-component-container.success{border:var(--ic-space-xxxs) solid var(--ic-status-success);padding:0}ic-input-component-container.dense{height:var(--ic-space-xl)}ic-input-component-container.multiline{height:auto}ic-input-component-container .icon-container{margin-top:var(--ic-space-xxs);margin-left:7px;display:flex;align-items:center}ic-input-component-container.multiline .icon-container,ic-input-component-container.multiline.dense .icon-container{margin-top:6px;display:block}ic-input-component-container.readonly .icon-container{margin-left:-5px}ic-input-component-container.disabled ::-moz-placeholder{display:none}ic-input-component-container.disabled ::placeholder{display:none}ic-input-component-container .inline-success{margin:var(--ic-space-xs) 6px;display:flex;align-items:center}ic-input-component-container.dark:hover{--border-color:var(--ic-architectural-400)}ic-input-component-container .inline-success>svg{fill:var(--ic-status-success)}ic-input-component-container:hover{border-color:var(--ic-action-dark-hover);color:var(--ic-action-dark-hover);--expand-icon-hover:var(--ic-action-dark-hover)}.focus-indicator{display:flex;width:100%;margin:-3px;padding:3px;border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}.focus-indicator:focus-within{box-shadow:var(--ic-border-focus)}.focus-indicator.dark:focus-within{box-shadow:var(--ic-border-focus)}";
+const icInputComponentContainerCss = "ic-input-component-container{display:flex;border:1px solid var(--border-color, var(--ic-architectural-400));border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-slow);height:40px;width:var(--input-width, 320px);padding:1px;background-color:var(--ic-architectural-white);box-sizing:border-box;position:relative;fill:var(--ic-architectural-400)}ic-input-component-container.fullwidth{width:100%}ic-input-component-container.disabled,ic-input-component-container.disabled:hover{border:1px dashed var(--ic-architectural-200)}ic-input-component-container.readonly,ic-input-component-container.readonly:hover{border:none;padding:0}ic-input-component-container.error{border:var(--ic-space-xxxs) solid var(--ic-status-error);padding:0}ic-input-component-container.warning{border:var(--ic-space-xxxs) solid var(--ic-status-warning-mid);padding:0}ic-input-component-container.success{border:var(--ic-space-xxxs) solid var(--ic-status-success);padding:0}ic-input-component-container.dense{height:var(--ic-space-xl)}ic-input-component-container.multiline{height:auto}ic-input-component-container .icon-container{margin-top:var(--ic-space-xxs);margin-left:7px;display:flex;align-items:center}ic-input-component-container.multiline .icon-container,ic-input-component-container.multiline.dense .icon-container{margin-top:6px;display:block}ic-input-component-container.readonly .icon-container{margin-left:-5px}ic-input-component-container.disabled ::-moz-placeholder{display:none}ic-input-component-container.disabled ::placeholder{display:none}ic-input-component-container .inline-success{margin:var(--ic-space-xs) 6px;display:flex;align-items:center}ic-input-component-container.dark:hover{--border-color:var(--ic-architectural-400)}ic-input-component-container .inline-success>svg{fill:var(--ic-status-success)}ic-input-component-container:hover{border-color:var(--ic-action-dark-hover);color:var(--ic-action-dark-hover);--expand-icon-hover:var(--ic-action-dark-hover)}.focus-indicator{display:flex;width:100%;margin:-2px;padding:2px;border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}.focus-indicator:focus-within,.focus-indicator-enabled{box-shadow:var(--ic-border-focus)}.focus-indicator.dark:focus-within{box-shadow:var(--ic-border-focus)}";
 
 /**
  * @slot left-icon - Content will be placed to the left of the input.
@@ -9964,7 +10002,7 @@ var checkIcon = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xml
 </svg>
 `;
 
-const icMenuCss = "/*!@html*/html.sc-ic-menu{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-menu{margin:0}/*!@main*/main.sc-ic-menu{display:block}/*!@h1*/h1.sc-ic-menu{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-menu{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-menu{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-menu{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-menu,strong.sc-ic-menu{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-menu,kbd.sc-ic-menu,samp.sc-ic-menu{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-menu{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-menu,sup.sc-ic-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-menu{bottom:-0.25em}/*!@sup*/sup.sc-ic-menu{top:-0.5em}/*!@img*/img.sc-ic-menu{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-menu,input.sc-ic-menu,optgroup.sc-ic-menu,select.sc-ic-menu,textarea.sc-ic-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-menu,input.sc-ic-menu{overflow:visible}/*!@button,\nselect*/button.sc-ic-menu,select.sc-ic-menu{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-menu,[type=\"button\"].sc-ic-menu,[type=\"reset\"].sc-ic-menu,[type=\"submit\"].sc-ic-menu{-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-menu::-moz-focus-inner,[type=\"button\"].sc-ic-menu::-moz-focus-inner,[type=\"reset\"].sc-ic-menu::-moz-focus-inner,[type=\"submit\"].sc-ic-menu::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-menu:-moz-focusring,[type=\"button\"].sc-ic-menu:-moz-focusring,[type=\"reset\"].sc-ic-menu:-moz-focusring,[type=\"submit\"].sc-ic-menu:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-menu{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-menu{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-menu{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-menu,[type=\"radio\"].sc-ic-menu{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-menu::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-menu{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-menu::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-menu{display:block}/*!@summary*/summary.sc-ic-menu{display:list-item}/*!@template*/template.sc-ic-menu{display:none}/*!@[hidden]*/[hidden].sc-ic-menu{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-menu,body.sc-ic-menu,div.sc-ic-menu,span.sc-ic-menu,applet.sc-ic-menu,object.sc-ic-menu,iframe.sc-ic-menu,h1.sc-ic-menu,h2.sc-ic-menu,h3.sc-ic-menu,h4.sc-ic-menu,h5.sc-ic-menu,h6.sc-ic-menu,p.sc-ic-menu,blockquote.sc-ic-menu,pre.sc-ic-menu,a.sc-ic-menu,abbr.sc-ic-menu,acronym.sc-ic-menu,address.sc-ic-menu,big.sc-ic-menu,cite.sc-ic-menu,code.sc-ic-menu,del.sc-ic-menu,dfn.sc-ic-menu,em.sc-ic-menu,img.sc-ic-menu,ins.sc-ic-menu,kbd.sc-ic-menu,q.sc-ic-menu,s.sc-ic-menu,samp.sc-ic-menu,small.sc-ic-menu,strike.sc-ic-menu,strong.sc-ic-menu,sub.sc-ic-menu,sup.sc-ic-menu,tt.sc-ic-menu,var.sc-ic-menu,b.sc-ic-menu,u.sc-ic-menu,i.sc-ic-menu,center.sc-ic-menu,dl.sc-ic-menu,dt.sc-ic-menu,dd.sc-ic-menu,ol.sc-ic-menu,ul.sc-ic-menu,li.sc-ic-menu,fieldset.sc-ic-menu,form.sc-ic-menu,label.sc-ic-menu,legend.sc-ic-menu,table.sc-ic-menu,caption.sc-ic-menu,tbody.sc-ic-menu,tfoot.sc-ic-menu,thead.sc-ic-menu,tr.sc-ic-menu,th.sc-ic-menu,td.sc-ic-menu,article.sc-ic-menu,aside.sc-ic-menu,canvas.sc-ic-menu,details.sc-ic-menu,embed.sc-ic-menu,figure.sc-ic-menu,figcaption.sc-ic-menu,footer.sc-ic-menu,header.sc-ic-menu,hgroup.sc-ic-menu,menu.sc-ic-menu,nav.sc-ic-menu,output.sc-ic-menu,ruby.sc-ic-menu,section.sc-ic-menu,summary.sc-ic-menu,time.sc-ic-menu,mark.sc-ic-menu,audio.sc-ic-menu,video.sc-ic-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){/*!@:host([open]) .menu*/[open].sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}/*!@:host*/.sc-ic-menu-h{border-radius:var(--ic-border-radius);max-height:0;width:var(--input-width, 320px);color:var(--ic-color-primary-text);background-color:var(--ic-architectural-white);position:relative;z-index:var(--ic-z-index-popup-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay)}/*!@:host(:focus-within)*/.sc-ic-menu-h:focus-within{box-shadow:var(--ic-border-focus)}/*!@.menu*/.menu.sc-ic-menu{text-decoration:none;list-style-type:none;border:1px solid var(--ic-architectural-400);border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);visibility:hidden;max-height:0;overflow-y:hidden}/*!@.menu-scroll*/.menu-scroll.sc-ic-menu{overflow-y:auto}/*!@.menu:focus-visible*/.menu.sc-ic-menu:focus-visible{outline:none}/*!@:host([open])*/[open].sc-ic-menu-h{max-height:none;display:block}/*!@:host([open]) .menu*/[open].sc-ic-menu-h .menu.sc-ic-menu{visibility:visible;max-height:322px}/*!@:host(.full-width)*/.full-width.sc-ic-menu-h{width:100%}/*!@.option*/.option.sc-ic-menu{padding:8px 7px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}/*!@:host([dense]) .option*/[dense].sc-ic-menu-h .option.sc-ic-menu{padding:4px 7px}/*!@.option:last-child*/.option.sc-ic-menu:last-child{border-radius:0 0 1px 1px}/*!@.option:first-child*/.option.sc-ic-menu:first-child{border-radius:1px 1px 0 0}/*!@.option:not(.disabled-option):hover*/.option.sc-ic-menu:not(.disabled-option):hover{background-color:var(--ic-action-dark-bg-hover)}/*!@.option:not(.disabled-option):active*/.option.sc-ic-menu:not(.disabled-option):active{background-color:var(--ic-action-dark-bg-active)}/*!@.option:focus-visible*/.option.sc-ic-menu:focus-visible{outline:none}/*!@.option:not(.disabled-option) .option-description*/.option.sc-ic-menu:not(.disabled-option) .option-description.sc-ic-menu{color:var(--ic-color-secondary-text)}/*!@.option-text-container*/.option-text-container.sc-ic-menu{pointer-events:none}/*!@.check-icon*/.check-icon.sc-ic-menu{height:24px;margin-left:8px;pointer-events:none}/*!@.focused-option .check-icon **/.focused-option.sc-ic-menu .check-icon.sc-ic-menu *.sc-ic-menu{fill:white}/*!@.option-group-title*/.option-group-title.sc-ic-menu{padding:24px 7px 8px;color:var(--ic-color-tertiary-text)}/*!@:host([dense]) .option-group-title*/[dense].sc-ic-menu-h .option-group-title.sc-ic-menu{padding:12px 7px 4px}/*!@.last-recommended-option*/.last-recommended-option.sc-ic-menu{border-bottom:1px solid var(--ic-architectural-400)}/*!@.disabled-option*/.disabled-option.sc-ic-menu{color:var(--ic-architectural-200);cursor:default;pointer-events:none}/*!@.focused-option*/.focused-option.sc-ic-menu{background-color:var(--ic-focus-blue) !important;color:var(--ic-color-white-text) !important}/*!@:host(.no-results) li*/.no-results.sc-ic-menu-h li.sc-ic-menu{cursor:no-drop}/*!@:host(.no-results) li:hover*/.no-results.sc-ic-menu-h li.sc-ic-menu:hover{background-color:transparent}";
+const icMenuCss = "/*!@html*/html.sc-ic-menu{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-menu{margin:0}/*!@main*/main.sc-ic-menu{display:block}/*!@h1*/h1.sc-ic-menu{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-menu{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-menu{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-menu{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-menu,strong.sc-ic-menu{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-menu,kbd.sc-ic-menu,samp.sc-ic-menu{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-menu{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-menu,sup.sc-ic-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-menu{bottom:-0.25em}/*!@sup*/sup.sc-ic-menu{top:-0.5em}/*!@img*/img.sc-ic-menu{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-menu,input.sc-ic-menu,optgroup.sc-ic-menu,select.sc-ic-menu,textarea.sc-ic-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-menu,input.sc-ic-menu{overflow:visible}/*!@button,\nselect*/button.sc-ic-menu,select.sc-ic-menu{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-menu,[type=\"button\"].sc-ic-menu,[type=\"reset\"].sc-ic-menu,[type=\"submit\"].sc-ic-menu{-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-menu::-moz-focus-inner,[type=\"button\"].sc-ic-menu::-moz-focus-inner,[type=\"reset\"].sc-ic-menu::-moz-focus-inner,[type=\"submit\"].sc-ic-menu::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-menu:-moz-focusring,[type=\"button\"].sc-ic-menu:-moz-focusring,[type=\"reset\"].sc-ic-menu:-moz-focusring,[type=\"submit\"].sc-ic-menu:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-menu{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-menu{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-menu{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-menu,[type=\"radio\"].sc-ic-menu{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-menu::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-menu{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-menu::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-menu{display:block}/*!@summary*/summary.sc-ic-menu{display:list-item}/*!@template*/template.sc-ic-menu{display:none}/*!@[hidden]*/[hidden].sc-ic-menu{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-menu,body.sc-ic-menu,div.sc-ic-menu,span.sc-ic-menu,applet.sc-ic-menu,object.sc-ic-menu,iframe.sc-ic-menu,h1.sc-ic-menu,h2.sc-ic-menu,h3.sc-ic-menu,h4.sc-ic-menu,h5.sc-ic-menu,h6.sc-ic-menu,p.sc-ic-menu,blockquote.sc-ic-menu,pre.sc-ic-menu,a.sc-ic-menu,abbr.sc-ic-menu,acronym.sc-ic-menu,address.sc-ic-menu,big.sc-ic-menu,cite.sc-ic-menu,code.sc-ic-menu,del.sc-ic-menu,dfn.sc-ic-menu,em.sc-ic-menu,img.sc-ic-menu,ins.sc-ic-menu,kbd.sc-ic-menu,q.sc-ic-menu,s.sc-ic-menu,samp.sc-ic-menu,small.sc-ic-menu,strike.sc-ic-menu,strong.sc-ic-menu,sub.sc-ic-menu,sup.sc-ic-menu,tt.sc-ic-menu,var.sc-ic-menu,b.sc-ic-menu,u.sc-ic-menu,i.sc-ic-menu,center.sc-ic-menu,dl.sc-ic-menu,dt.sc-ic-menu,dd.sc-ic-menu,ol.sc-ic-menu,ul.sc-ic-menu,li.sc-ic-menu,fieldset.sc-ic-menu,form.sc-ic-menu,label.sc-ic-menu,legend.sc-ic-menu,table.sc-ic-menu,caption.sc-ic-menu,tbody.sc-ic-menu,tfoot.sc-ic-menu,thead.sc-ic-menu,tr.sc-ic-menu,th.sc-ic-menu,td.sc-ic-menu,article.sc-ic-menu,aside.sc-ic-menu,canvas.sc-ic-menu,details.sc-ic-menu,embed.sc-ic-menu,figure.sc-ic-menu,figcaption.sc-ic-menu,footer.sc-ic-menu,header.sc-ic-menu,hgroup.sc-ic-menu,menu.sc-ic-menu,nav.sc-ic-menu,output.sc-ic-menu,ruby.sc-ic-menu,section.sc-ic-menu,summary.sc-ic-menu,time.sc-ic-menu,mark.sc-ic-menu,audio.sc-ic-menu,video.sc-ic-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){/*!@:host([open]) .menu*/[open].sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}/*!@:host*/.sc-ic-menu-h{border-radius:var(--ic-border-radius);max-height:0;width:var(--input-width, 320px);color:var(--ic-color-primary-text);background-color:var(--ic-architectural-white);position:relative;z-index:var(--ic-z-index-popup-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay)}/*!@:host(:not(.no-focus):focus-within)*/.sc-ic-menu-h:not(.no-focus):focus-within{box-shadow:var(--ic-border-focus)}/*!@.menu*/.menu.sc-ic-menu{text-decoration:none;list-style-type:none;border:1px solid var(--ic-architectural-400);border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);visibility:hidden;max-height:0;overflow-y:hidden}/*!@.menu-scroll*/.menu-scroll.sc-ic-menu{overflow-y:auto}/*!@.menu:focus-visible*/.menu.sc-ic-menu:focus-visible{outline:none}/*!@:host([open])*/[open].sc-ic-menu-h{max-height:none;display:block}/*!@:host([open]) .menu*/[open].sc-ic-menu-h .menu.sc-ic-menu{visibility:visible;max-height:322px}/*!@:host(.full-width)*/.full-width.sc-ic-menu-h{width:100%}/*!@.option*/.option.sc-ic-menu{padding:8px 7px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}/*!@:host([dense]) .option*/[dense].sc-ic-menu-h .option.sc-ic-menu{padding:4px 7px}/*!@.option:last-child*/.option.sc-ic-menu:last-child{border-radius:0 0 1px 1px}/*!@.option:first-child*/.option.sc-ic-menu:first-child{border-radius:1px 1px 0 0}/*!@.option:not(.disabled-option):hover*/.option.sc-ic-menu:not(.disabled-option):hover{background-color:var(--ic-action-dark-bg-hover)}/*!@.option:not(.disabled-option):active*/.option.sc-ic-menu:not(.disabled-option):active{background-color:var(--ic-action-dark-bg-active)}/*!@.option:focus-visible*/.option.sc-ic-menu:focus-visible{outline:none}/*!@.option:not(.disabled-option) .option-description*/.option.sc-ic-menu:not(.disabled-option) .option-description.sc-ic-menu{color:var(--ic-color-secondary-text)}/*!@.option-text-container*/.option-text-container.sc-ic-menu{pointer-events:none}/*!@.check-icon*/.check-icon.sc-ic-menu{height:24px;margin-left:8px;pointer-events:none}/*!@.focused-option .check-icon **/.focused-option.sc-ic-menu .check-icon.sc-ic-menu *.sc-ic-menu{fill:white}/*!@.option-group-title*/.option-group-title.sc-ic-menu{padding:24px 7px 8px;color:var(--ic-color-tertiary-text)}/*!@:host([dense]) .option-group-title*/[dense].sc-ic-menu-h .option-group-title.sc-ic-menu{padding:12px 7px 4px}/*!@.last-recommended-option*/.last-recommended-option.sc-ic-menu{border-bottom:1px solid var(--ic-architectural-400)}/*!@.disabled-option*/.disabled-option.sc-ic-menu{color:var(--ic-architectural-200);cursor:default;pointer-events:none}/*!@.focused-option,\n.focused-option .option-description*/.focused-option.sc-ic-menu,.focused-option.sc-ic-menu .option-description.sc-ic-menu{background-color:var(--ic-focus-blue) !important;color:var(--ic-color-white-text) !important}/*!@:host(.no-results) li*/.no-results.sc-ic-menu-h li.sc-ic-menu{cursor:no-drop}/*!@:host(.no-results) li:hover*/.no-results.sc-ic-menu-h li.sc-ic-menu:hover{background-color:transparent}";
 
 class Menu {
   constructor(hostRef) {
@@ -9988,21 +10026,27 @@ class Menu {
       if (this.ungroupedOptions[selectedOptionIndex + 1]) {
         this.optionSelect.emit({
           value: this.ungroupedOptions[selectedOptionIndex + 1].value,
+          optionId: this.getOptionId(this.ungroupedOptions[selectedOptionIndex + 1].value),
         });
       }
       else {
-        this.optionSelect.emit({ value: this.ungroupedOptions[0].value });
+        this.optionSelect.emit({
+          value: this.ungroupedOptions[0].value,
+          optionId: this.getOptionId(this.ungroupedOptions[0].value),
+        });
       }
     };
     this.setPreviousOptionValue = (selectedOptionIndex) => {
       if (this.ungroupedOptions[selectedOptionIndex - 1]) {
         this.optionSelect.emit({
           value: this.ungroupedOptions[selectedOptionIndex - 1].value,
+          optionId: this.getOptionId(this.ungroupedOptions[selectedOptionIndex - 1].value),
         });
       }
       else {
         this.optionSelect.emit({
           value: this.ungroupedOptions[this.ungroupedOptions.length - 1].value,
+          optionId: this.getOptionId(this.ungroupedOptions[this.ungroupedOptions.length - 1].value),
         });
       }
     };
@@ -10014,25 +10058,36 @@ class Menu {
       this.optionHighlighted = this.options[highlightedIndex].value || undefined;
     };
     this.autoSetInputValueKeyboardOpen = (event) => {
+      var _a;
       const selectedOptionIndex = this.ungroupedOptions.findIndex((option) => option.value === this.value);
+      const isSearchableSelect = ((_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.tagName) === "INPUT";
       switch (event.key) {
         case "ArrowDown":
+          this.keyboardNav = true;
           this.arrowBehaviour(event);
           this.setNextOptionValue(selectedOptionIndex);
           break;
         case "ArrowUp":
+          this.keyboardNav = true;
           this.arrowBehaviour(event);
           this.setPreviousOptionValue(selectedOptionIndex);
           break;
         case " ":
         case "Enter":
           if (event.target.id !== "clear-button") {
-            if (this.value == null || this.value === "") {
-              this.optionSelect.emit({ value: this.ungroupedOptions[0].value });
-            }
             this.handleMenuChange(true);
           }
           break;
+        case "Backspace":
+          if (isSearchableSelect) {
+            this.inputEl.focus();
+          }
+          break;
+        default:
+          if (isSearchableSelect && event.key !== "Tab") {
+            this.inputEl.focus();
+          }
+          break;
       }
     };
     this.manSetInputValueKeyboardOpen = (event) => {
@@ -10135,7 +10190,9 @@ class Menu {
       }
     };
     this.autoSetValueOnMenuKeyDown = (event) => {
+      event.cancelBubble = true;
       const selectedOptionIndex = this.ungroupedOptions.findIndex((option) => option.value === this.value);
+      const isSearchableSelect = this.inputEl.tagName === "INPUT";
       switch (event.key) {
         case "ArrowUp":
           event.preventDefault();
@@ -10164,6 +10221,18 @@ class Menu {
         case "Escape":
           this.handleMenuChange(false);
           break;
+        case "Backspace":
+          if (isSearchableSelect) {
+            this.inputEl.focus();
+          }
+          break;
+        case "Shift":
+          break;
+        default:
+          if (isSearchableSelect && event.key !== "Tab") {
+            this.inputEl.focus();
+          }
+          break;
       }
     };
     this.handleMenuKeyUp = (event) => {
@@ -10201,6 +10270,19 @@ class Menu {
         selectedOption.focus();
       }
     };
+    this.loadUngroupedOptions = () => {
+      if (this.options.length > 0) {
+        this.options.map((option) => {
+          if (option.children) {
+            option.children.map((option) => !option.disabled && this.ungroupedOptions.push(option));
+          }
+          else if (!option.disabled) {
+            this.ungroupedOptions.push(option);
+          }
+        });
+      }
+      this.ungroupedOptions = this.getSortedOptions(this.ungroupedOptions);
+    };
     this.displayOption = (option, index, parentOption) => {
       const { open, value } = this;
       return (hAsync("li", { id: this.getOptionId(option.value), class: {
@@ -10209,13 +10291,15 @@ class Menu {
             ? (this.keyboardNav || this.initialOptionsListRender) &&
               option.value === this.optionHighlighted
             : this.keyboardNav && option.value === value,
-          "last-recommended-option": option.recommended && !this.options[index + 1].recommended,
+          "last-recommended-option": option.recommended &&
+            this.options[index + 1] &&
+            !this.options[index + 1].recommended,
           "disabled-option": option.disabled,
         }, role: "option", tabindex: open &&
           (option.value === value || option.value === this.optionHighlighted) &&
           this.keyboardNav
           ? "0"
-          : "-1", "aria-label": this.getOptionAriaLabel(option, parentOption), "aria-selected": option.value === value, "aria-disabled": option.disabled ? "true" : "false", onClick: this.handleOptionClick, onBlur: this.handleBlur, "data-value": option.value, "data-label": option.label }, hAsync("div", { class: "option-text-container" }, hAsync("ic-typography", { variant: "body", "aria-hidden": "true" }, hAsync("p", null, option.label)), option.description && (hAsync("ic-typography", { id: "description", class: "option-description", variant: "caption", "aria-hidden": "true" }, hAsync("p", null, option.description)))), option.value === value &&
+          : "-1", "aria-label": this.getOptionAriaLabel(option, parentOption), "aria-selected": option.value === value, "aria-disabled": option.disabled ? "true" : "false", onClick: this.handleOptionClick, onBlur: this.handleBlur, onMouseDown: (event) => event.preventDefault(), "data-value": option.value, "data-label": option.label }, hAsync("div", { class: "option-text-container" }, hAsync("ic-typography", { variant: "body", "aria-hidden": "true" }, hAsync("p", null, option.label)), option.description && (hAsync("ic-typography", { id: `${this.getOptionId(option.value)}-description`, class: "option-description", variant: "caption", "aria-hidden": "true" }, hAsync("p", null, option.description)))), option.value === value &&
         this.parentEl.tagName !== "IC-SEARCH-BAR" && (hAsync("span", { class: "check-icon", innerHTML: checkIcon }))));
     };
     this.open = undefined;
@@ -10236,6 +10320,10 @@ class Menu {
     this.initialOptionsListRender = false;
     this.preventIncorrectTabOrder = false;
   }
+  watchOptionsHandler() {
+    this.ungroupedOptions = [];
+    this.loadUngroupedOptions();
+  }
   handleClearListener() {
     this.optionHighlighted = "";
   }
@@ -10259,11 +10347,12 @@ class Menu {
    * @param {KeyboardEvent} event - keyboard event
    */
   async handleKeyboardOpen(event) {
-    this.keyboardNav = true;
+    this.keyboardNav = false;
     if (this.activationType === "automatic") {
       this.autoSetInputValueKeyboardOpen(event);
     }
     else {
+      this.keyboardNav = true;
       this.manSetInputValueKeyboardOpen(event);
     }
   }
@@ -10281,17 +10370,7 @@ class Menu {
     }
   }
   componentWillLoad() {
-    if (this.options.length > 0) {
-      this.options.map((option) => {
-        if (option.children) {
-          option.children.map((option) => !option.disabled && this.ungroupedOptions.push(option));
-        }
-        else if (!option.disabled) {
-          this.ungroupedOptions.push(option);
-        }
-      });
-    }
-    this.ungroupedOptions = this.getSortedOptions(this.ungroupedOptions);
+    this.loadUngroupedOptions();
   }
   componentDidLoad() {
     let optionsHeight = 0;
@@ -10343,7 +10422,8 @@ class Menu {
         this.autoFocusOnSelected) {
         this.scrollToSelected(this.menu);
       }
-      else if (this.inputEl.tagName !== "IC-TEXT-FIELD") {
+      else if (this.inputEl.tagName !== "IC-TEXT-FIELD" &&
+        this.inputEl.tagName !== "INPUT") {
         this.menu.focus();
       }
       else if (optionHighlightedIsSet &&
@@ -10357,12 +10437,21 @@ class Menu {
     }
   }
   render() {
+    var _a, _b;
     const { inputLabel, options, menuId, value, fullWidth } = this;
     return (hAsync(Host, { class: {
         "full-width": fullWidth,
-      } }, options.length !== 0 && (hAsync("ul", { id: menuId, class: "menu", role: "listbox", "aria-label": inputLabel, "aria-activedescendant": value != null && value !== "" ? this.getOptionId(value) : "", tabindex: open && !this.keyboardNav ? "0" : "-1", ref: (el) => (this.menu = el), onKeyDown: this.handleMenuKeyDown, onKeyUp: this.handleMenuKeyUp, onBlur: this.handleBlur }, this.getSortedOptions(options).map((option, index) => {
+        "no-focus": ((_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.tagName) === "INPUT",
+      } }, options.length !== 0 && (hAsync("ul", { id: menuId, class: "menu", role: "listbox", "aria-label": inputLabel, "aria-activedescendant": value != null && value !== "" ? this.getOptionId(value) : "", tabindex: open && !this.keyboardNav && ((_b = this.inputEl) === null || _b === void 0 ? void 0 : _b.tagName) !== "INPUT"
+        ? "0"
+        : "-1", ref: (el) => (this.menu = el), onKeyDown: this.handleMenuKeyDown, onKeyUp: this.handleMenuKeyUp, onBlur: this.handleBlur }, this.getSortedOptions(options).map((option, index) => {
       if (option.children) {
-        return (hAsync("div", null, hAsync("ic-typography", { class: "option-group-title", role: "presentation", variant: "subtitle-small" }, hAsync("p", null, option.label)), option.children.map((childOption) => this.displayOption(childOption, index, option))));
+        if (option.children.length > 0) {
+          return (hAsync("div", null, hAsync("ic-typography", { class: "option-group-title", role: "presentation", variant: "subtitle-small" }, hAsync("p", null, option.label)), option.children.map((childOption) => this.displayOption(childOption, index, option))));
+        }
+        else {
+          return null;
+        }
       }
       else {
         return this.displayOption(option, index);
@@ -10370,6 +10459,9 @@ class Menu {
     })))));
   }
   get host() { return getElement(this); }
+  static get watchers() { return {
+    "options": ["watchOptionsHandler"]
+  }; }
   static get style() { return icMenuCss; }
   static get cmpMeta() { return {
     "$flags$": 9,
@@ -11408,7 +11500,7 @@ var searchIcon = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xm
     <path d="M13.1292 11.8792H12.4708L12.2375 11.6542C13.0542 10.7042 13.5458 9.47083 13.5458 8.12916C13.5458 5.13749 11.1208 2.71249 8.12916 2.71249C5.13749 2.71249 2.71249 5.13749 2.71249 8.12916C2.71249 11.1208 5.13749 13.5458 8.12916 13.5458C9.47083 13.5458 10.7042 13.0542 11.6542 12.2375L11.8792 12.4708V13.1292L16.0458 17.2875L17.2875 16.0458L13.1292 11.8792ZM8.12916 11.8792C6.05416 11.8792 4.37916 10.2042 4.37916 8.12916C4.37916 6.05416 6.05416 4.37916 8.12916 4.37916C10.2042 4.37916 11.8792 6.05416 11.8792 8.12916C11.8792 10.2042 10.2042 11.8792 8.12916 11.8792Z" fill="currentColor"/>
 </svg>`;
 
-const icSearchBarCss = "/*!@html*/html.sc-ic-search-bar{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-search-bar{margin:0}/*!@main*/main.sc-ic-search-bar{display:block}/*!@h1*/h1.sc-ic-search-bar{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-search-bar{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-search-bar{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-search-bar{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-search-bar{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-search-bar,strong.sc-ic-search-bar{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-search-bar,kbd.sc-ic-search-bar,samp.sc-ic-search-bar{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-search-bar{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-search-bar,sup.sc-ic-search-bar{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-search-bar{bottom:-0.25em}/*!@sup*/sup.sc-ic-search-bar{top:-0.5em}/*!@img*/img.sc-ic-search-bar{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-search-bar,input.sc-ic-search-bar,optgroup.sc-ic-search-bar,select.sc-ic-search-bar,textarea.sc-ic-search-bar{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-search-bar,input.sc-ic-search-bar{overflow:visible}/*!@button,\nselect*/button.sc-ic-search-bar,select.sc-ic-search-bar{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-search-bar,[type=\"button\"].sc-ic-search-bar,[type=\"reset\"].sc-ic-search-bar,[type=\"submit\"].sc-ic-search-bar{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-search-bar::-moz-focus-inner,[type=\"button\"].sc-ic-search-bar::-moz-focus-inner,[type=\"reset\"].sc-ic-search-bar::-moz-focus-inner,[type=\"submit\"].sc-ic-search-bar::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-search-bar:-moz-focusring,[type=\"button\"].sc-ic-search-bar:-moz-focusring,[type=\"reset\"].sc-ic-search-bar:-moz-focusring,[type=\"submit\"].sc-ic-search-bar:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-search-bar{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-search-bar{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-search-bar{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-search-bar{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-search-bar,[type=\"radio\"].sc-ic-search-bar{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-search-bar::-webkit-inner-spin-button,[type=\"number\"].sc-ic-search-bar::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-search-bar{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-search-bar::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-search-bar::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-search-bar{display:block}/*!@summary*/summary.sc-ic-search-bar{display:list-item}/*!@template*/template.sc-ic-search-bar{display:none}/*!@[hidden]*/[hidden].sc-ic-search-bar{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-search-bar,body.sc-ic-search-bar,div.sc-ic-search-bar,span.sc-ic-search-bar,applet.sc-ic-search-bar,object.sc-ic-search-bar,iframe.sc-ic-search-bar,h1.sc-ic-search-bar,h2.sc-ic-search-bar,h3.sc-ic-search-bar,h4.sc-ic-search-bar,h5.sc-ic-search-bar,h6.sc-ic-search-bar,p.sc-ic-search-bar,blockquote.sc-ic-search-bar,pre.sc-ic-search-bar,a.sc-ic-search-bar,abbr.sc-ic-search-bar,acronym.sc-ic-search-bar,address.sc-ic-search-bar,big.sc-ic-search-bar,cite.sc-ic-search-bar,code.sc-ic-search-bar,del.sc-ic-search-bar,dfn.sc-ic-search-bar,em.sc-ic-search-bar,img.sc-ic-search-bar,ins.sc-ic-search-bar,kbd.sc-ic-search-bar,q.sc-ic-search-bar,s.sc-ic-search-bar,samp.sc-ic-search-bar,small.sc-ic-search-bar,strike.sc-ic-search-bar,strong.sc-ic-search-bar,sub.sc-ic-search-bar,sup.sc-ic-search-bar,tt.sc-ic-search-bar,var.sc-ic-search-bar,b.sc-ic-search-bar,u.sc-ic-search-bar,i.sc-ic-search-bar,center.sc-ic-search-bar,dl.sc-ic-search-bar,dt.sc-ic-search-bar,dd.sc-ic-search-bar,ol.sc-ic-search-bar,ul.sc-ic-search-bar,li.sc-ic-search-bar,fieldset.sc-ic-search-bar,form.sc-ic-search-bar,label.sc-ic-search-bar,legend.sc-ic-search-bar,table.sc-ic-search-bar,caption.sc-ic-search-bar,tbody.sc-ic-search-bar,tfoot.sc-ic-search-bar,thead.sc-ic-search-bar,tr.sc-ic-search-bar,th.sc-ic-search-bar,td.sc-ic-search-bar,article.sc-ic-search-bar,aside.sc-ic-search-bar,canvas.sc-ic-search-bar,details.sc-ic-search-bar,embed.sc-ic-search-bar,figure.sc-ic-search-bar,figcaption.sc-ic-search-bar,footer.sc-ic-search-bar,header.sc-ic-search-bar,hgroup.sc-ic-search-bar,menu.sc-ic-search-bar,nav.sc-ic-search-bar,output.sc-ic-search-bar,ruby.sc-ic-search-bar,section.sc-ic-search-bar,summary.sc-ic-search-bar,time.sc-ic-search-bar,mark.sc-ic-search-bar,audio.sc-ic-search-bar,video.sc-ic-search-bar{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.search)*/.search.sc-ic-search-bar-h{--divider-height:24px}/*!@:host(.search.dense)*/.search.dense.sc-ic-search-bar-h{--divider-height:16px}/*!@:host(.fullwidth)*/.fullwidth.sc-ic-search-bar-h{width:100%}/*!@:host(.search) .disabled:hover*/.search.sc-ic-search-bar-h .disabled.sc-ic-search-bar:hover{border-color:var(--ic-architectural-200)}/*!@:host(.search.disabled) .disabled svg*/.search.disabled.sc-ic-search-bar-h .disabled.sc-ic-search-bar svg.sc-ic-search-bar{color:var(--ic-architectural-200)}/*!@:host(.search) .disabled svg*/.search.sc-ic-search-bar-h .disabled.sc-ic-search-bar svg.sc-ic-search-bar{color:var(--ic-architectural-400)}/*!@.clear-button-container*/.clear-button-container.sc-ic-search-bar{align-items:center;margin-right:1px;display:none;visibility:hidden}/*!@.clear-button:focus*/.clear-button.sc-ic-search-bar:focus{background-color:var(--ic-focus-blue);box-shadow:inset 0 0 0 2px var(--ic-focus-glow);border-radius:4px}/*!@.clear-button:focus **/.clear-button.sc-ic-search-bar:focus *.sc-ic-search-bar{fill:white}/*!@.clear-button-visible*/.clear-button-visible.sc-ic-search-bar{visibility:visible;display:flex}/*!@.search-submit-button-container*/.search-submit-button-container.sc-ic-search-bar{display:flex;align-items:center}/*!@.search-submit-button-disabled .ic-tooltip-container*/.search-submit-button-disabled.sc-ic-search-bar .ic-tooltip-container.sc-ic-search-bar{display:none !important}/*!@.search-submit-button:focus*/.search-submit-button.sc-ic-search-bar:focus{background-color:var(--ic-focus-blue) !important;box-shadow:inset 0 0 0 2px var(--ic-focus-glow) !important;border-radius:var(--ic-space-xxs);height:var(--ic-space-xl);margin-top:var(--ic-space-xxxs)}/*!@.search-submit-button:focus **/.search-submit-button.sc-ic-search-bar:focus *.sc-ic-search-bar{fill:white}/*!@.divider*/.divider.sc-ic-search-bar{width:1px;background-color:var(--ic-action-dark-active);height:var(--divider-height)}/*!@:host(.dark) .divider*/.dark.sc-ic-search-bar-h .divider.sc-ic-search-bar{background-color:var(--ic-architectural-200)}/*!@.menu-container*/.menu-container.sc-ic-search-bar{width:var(--input-width, 320px);position:relative;top:var(--ic-space-xxxs)}/*!@.menu-container.fullwidth*/.menu-container.fullwidth.sc-ic-search-bar{width:100%}/*!@ic-menu*/ic-menu.sc-ic-search-bar{transition:var(--ic-easing-transition-slow)}/*!@.no-results*/.no-results.sc-ic-search-bar{cursor:not-allowed}/*!@.search-results-status*/.search-results-status.sc-ic-search-bar{border:0;clip:rect(0, 0, 0, 0, 0);height:1px;margin-bottom:-1px;margin-right:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";
+const icSearchBarCss = "/*!@html*/html.sc-ic-search-bar{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-search-bar{margin:0}/*!@main*/main.sc-ic-search-bar{display:block}/*!@h1*/h1.sc-ic-search-bar{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-search-bar{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-search-bar{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-search-bar{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-search-bar{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-search-bar,strong.sc-ic-search-bar{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-search-bar,kbd.sc-ic-search-bar,samp.sc-ic-search-bar{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-search-bar{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-search-bar,sup.sc-ic-search-bar{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-search-bar{bottom:-0.25em}/*!@sup*/sup.sc-ic-search-bar{top:-0.5em}/*!@img*/img.sc-ic-search-bar{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-search-bar,input.sc-ic-search-bar,optgroup.sc-ic-search-bar,select.sc-ic-search-bar,textarea.sc-ic-search-bar{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-search-bar,input.sc-ic-search-bar{overflow:visible}/*!@button,\nselect*/button.sc-ic-search-bar,select.sc-ic-search-bar{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-search-bar,[type=\"button\"].sc-ic-search-bar,[type=\"reset\"].sc-ic-search-bar,[type=\"submit\"].sc-ic-search-bar{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-search-bar::-moz-focus-inner,[type=\"button\"].sc-ic-search-bar::-moz-focus-inner,[type=\"reset\"].sc-ic-search-bar::-moz-focus-inner,[type=\"submit\"].sc-ic-search-bar::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-search-bar:-moz-focusring,[type=\"button\"].sc-ic-search-bar:-moz-focusring,[type=\"reset\"].sc-ic-search-bar:-moz-focusring,[type=\"submit\"].sc-ic-search-bar:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-search-bar{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-search-bar{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-search-bar{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-search-bar{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-search-bar,[type=\"radio\"].sc-ic-search-bar{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-search-bar::-webkit-inner-spin-button,[type=\"number\"].sc-ic-search-bar::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-search-bar{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-search-bar::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-search-bar::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-search-bar{display:block}/*!@summary*/summary.sc-ic-search-bar{display:list-item}/*!@template*/template.sc-ic-search-bar{display:none}/*!@[hidden]*/[hidden].sc-ic-search-bar{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-search-bar,body.sc-ic-search-bar,div.sc-ic-search-bar,span.sc-ic-search-bar,applet.sc-ic-search-bar,object.sc-ic-search-bar,iframe.sc-ic-search-bar,h1.sc-ic-search-bar,h2.sc-ic-search-bar,h3.sc-ic-search-bar,h4.sc-ic-search-bar,h5.sc-ic-search-bar,h6.sc-ic-search-bar,p.sc-ic-search-bar,blockquote.sc-ic-search-bar,pre.sc-ic-search-bar,a.sc-ic-search-bar,abbr.sc-ic-search-bar,acronym.sc-ic-search-bar,address.sc-ic-search-bar,big.sc-ic-search-bar,cite.sc-ic-search-bar,code.sc-ic-search-bar,del.sc-ic-search-bar,dfn.sc-ic-search-bar,em.sc-ic-search-bar,img.sc-ic-search-bar,ins.sc-ic-search-bar,kbd.sc-ic-search-bar,q.sc-ic-search-bar,s.sc-ic-search-bar,samp.sc-ic-search-bar,small.sc-ic-search-bar,strike.sc-ic-search-bar,strong.sc-ic-search-bar,sub.sc-ic-search-bar,sup.sc-ic-search-bar,tt.sc-ic-search-bar,var.sc-ic-search-bar,b.sc-ic-search-bar,u.sc-ic-search-bar,i.sc-ic-search-bar,center.sc-ic-search-bar,dl.sc-ic-search-bar,dt.sc-ic-search-bar,dd.sc-ic-search-bar,ol.sc-ic-search-bar,ul.sc-ic-search-bar,li.sc-ic-search-bar,fieldset.sc-ic-search-bar,form.sc-ic-search-bar,label.sc-ic-search-bar,legend.sc-ic-search-bar,table.sc-ic-search-bar,caption.sc-ic-search-bar,tbody.sc-ic-search-bar,tfoot.sc-ic-search-bar,thead.sc-ic-search-bar,tr.sc-ic-search-bar,th.sc-ic-search-bar,td.sc-ic-search-bar,article.sc-ic-search-bar,aside.sc-ic-search-bar,canvas.sc-ic-search-bar,details.sc-ic-search-bar,embed.sc-ic-search-bar,figure.sc-ic-search-bar,figcaption.sc-ic-search-bar,footer.sc-ic-search-bar,header.sc-ic-search-bar,hgroup.sc-ic-search-bar,menu.sc-ic-search-bar,nav.sc-ic-search-bar,output.sc-ic-search-bar,ruby.sc-ic-search-bar,section.sc-ic-search-bar,summary.sc-ic-search-bar,time.sc-ic-search-bar,mark.sc-ic-search-bar,audio.sc-ic-search-bar,video.sc-ic-search-bar{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.search)*/.search.sc-ic-search-bar-h{--divider-height:24px}/*!@:host(.search.dense)*/.search.dense.sc-ic-search-bar-h{--divider-height:16px}/*!@:host(.fullwidth)*/.fullwidth.sc-ic-search-bar-h{width:100%}/*!@:host(.search) .disabled:hover*/.search.sc-ic-search-bar-h .disabled.sc-ic-search-bar:hover{border-color:var(--ic-architectural-200)}/*!@:host(.search.disabled) .disabled svg*/.search.disabled.sc-ic-search-bar-h .disabled.sc-ic-search-bar svg.sc-ic-search-bar{color:var(--ic-architectural-200)}/*!@:host(.search) .disabled svg*/.search.sc-ic-search-bar-h .disabled.sc-ic-search-bar svg.sc-ic-search-bar{color:var(--ic-architectural-400)}/*!@.clear-button-container*/.clear-button-container.sc-ic-search-bar{align-items:center;margin-right:1px;display:none;visibility:hidden}/*!@.clear-button*/.clear-button.sc-ic-search-bar{border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition)}/*!@.clear-button:focus*/.clear-button.sc-ic-search-bar:focus{background-color:var(--ic-focus-blue);box-shadow:inset 0 0 0 2px var(--ic-focus-glow);border-radius:4px}/*!@.clear-button:focus **/.clear-button.sc-ic-search-bar:focus *.sc-ic-search-bar{fill:white}/*!@.clear-button-visible*/.clear-button-visible.sc-ic-search-bar{visibility:visible;display:flex}/*!@.search-submit-button-container*/.search-submit-button-container.sc-ic-search-bar{display:flex;align-items:center}/*!@.search-submit-button-disabled .ic-tooltip-container*/.search-submit-button-disabled.sc-ic-search-bar .ic-tooltip-container.sc-ic-search-bar{display:none !important}/*!@.search-submit-button:focus*/.search-submit-button.sc-ic-search-bar:focus{background-color:var(--ic-focus-blue) !important;box-shadow:inset 0 0 0 2px var(--ic-focus-glow) !important;border-radius:var(--ic-space-xxs);height:var(--ic-space-xl);margin-top:var(--ic-space-xxxs)}/*!@.search-submit-button:focus **/.search-submit-button.sc-ic-search-bar:focus *.sc-ic-search-bar{fill:white}/*!@.divider*/.divider.sc-ic-search-bar{width:1px;background-color:var(--ic-action-dark-active);height:var(--divider-height)}/*!@:host(.dark) .divider*/.dark.sc-ic-search-bar-h .divider.sc-ic-search-bar{background-color:var(--ic-architectural-200)}/*!@.menu-container*/.menu-container.sc-ic-search-bar{width:var(--input-width, 320px);position:relative;top:var(--ic-space-xxxs)}/*!@.menu-container.fullwidth*/.menu-container.fullwidth.sc-ic-search-bar{width:100%}/*!@ic-menu*/ic-menu.sc-ic-search-bar{transition:var(--ic-easing-transition-slow)}/*!@.no-results*/.no-results.sc-ic-search-bar{cursor:not-allowed}/*!@.search-results-status*/.search-results-status.sc-ic-search-bar{border:0;clip:rect(0, 0, 0, 0, 0);height:1px;margin-bottom:-1px;margin-right:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";
 
 let inputIds$3 = 0;
 class SearchBar {
@@ -11444,9 +11536,7 @@ class SearchBar {
       if (this.options.length > 0) {
         this.setMenuChange(true);
         if (this.disableFilter === false) {
-          const rawFilteredOptions = this.options.filter((option) => {
-            return option.label.toLowerCase().includes(this.value.toLowerCase());
-          });
+          const rawFilteredOptions = getFilteredMenuOptions(this.options, false, this.value, "anywhere");
           const noOptions = [{ label: this.emptyOptionListText, value: "" }];
           this.filteredOptions =
             rawFilteredOptions.length > 0 ? rawFilteredOptions : noOptions;
@@ -11865,7 +11955,7 @@ var Clear = `<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w
 </svg>
 `;
 
-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}/*!@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;transition:visibility 0s 149ms}/*!@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}/*!@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:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 6px 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-input*/.select-input.sc-ic-select{width:100%;height:100%;padding:0 6px;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:none}/*!@: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)}/*!@:host([disabled]) .select-input*/[disabled].sc-ic-select-h .select-input.sc-ic-select{pointer-events:none}/*!@.expand-icon*/.expand-icon.sc-ic-select{height:var(--ic-space-lg);padding-left:var(--ic-space-xs);color:var(--expand-icon-hover, var(--ic-architectural-400))}/*!@: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)}/*!@.expand-icon-open*/.expand-icon-open.sc-ic-select{transform:rotateX(180deg);color:var(--ic-action-dark)}/*!@.expand-icon-filled*/.expand-icon-filled.sc-ic-select{padding-left:var(--ic-space-xxs);color:var(--ic-action-dark)}/*!@.placeholder*/.placeholder.sc-ic-select{color:var(--ic-color-tertiary-text)}/*!@:host([disabled]) .value-text*/[disabled].sc-ic-select-h .value-text.sc-ic-select{color:var(--ic-architectural-200)}/*!@.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:var(--ic-space-xs)}/*!@.divider*/.divider.sc-ic-select{width:1px;background-color:var(--ic-architectural-400);margin:var(--ic-space-xxs) 0;border-radius:1px}/*!@:host :focus-within .clear-button:focus*/.sc-ic-select-h .sc-ic-select:focus-within .clear-button.sc-ic-select:focus{background-color:var(--ic-focus-blue);box-shadow:inset 0 0 0 2px var(--ic-focus-glow);border-radius:4px}/*!@.clear-button:focus **/.clear-button.sc-ic-select:focus *.sc-ic-select{fill:white}";
+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}/*!@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:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 6px 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}/*!@.select-input*/.select-input.sc-ic-select{width:100%;height:100%;padding:0 6px;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:none}/*!@: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)}/*!@:host([disabled]) .select-input*/[disabled].sc-ic-select-h .select-input.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%}/*!@.expand-icon*/.expand-icon.sc-ic-select{height:var(--ic-space-lg);padding-left:var(--ic-space-xs);color:var(--expand-icon-hover, var(--ic-architectural-400))}/*!@: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:36px}/*!@:host([searchable]) .expand-icon > svg*/[searchable].sc-ic-select-h .expand-icon.sc-ic-select>svg.sc-ic-select{height:36px;padding:0 6px}/*!@: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:38px}/*!@:host([dense]) .clear-button-container*/[dense].sc-ic-select-h .clear-button-container.sc-ic-select{padding-left:30px}/*!@.divider*/.divider.sc-ic-select{width:1px;background-color:var(--ic-architectural-400);margin:var(--ic-space-xxs) 0;border-radius:1px;height:var(--ic-space-lg)}/*!@:host([dense]) .divider*/[dense].sc-ic-select-h .divider.sc-ic-select{height:var(--ic-space-md)}/*!@.clear-button*/.clear-button.sc-ic-select{position:absolute;right:44px;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 2px var(--ic-focus-glow);border-radius:4px}/*!@.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:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";
 
 let inputIds$2 = 0;
 class Select {
@@ -11877,6 +11967,23 @@ class Select {
     this.inputId = `ic-select-input-${inputIds$2++}`;
     this.menuId = `${this.inputId}-menu`;
     this.inheritedAttributes = {};
+    this.isMenuEnabled = () => {
+      return (((this.searchableSelectInputValue === null ||
+        this.searchableSelectInputValue === "") &&
+        this.charactersUntilSuggestions === 0) ||
+        (this.searchableSelectInputValue &&
+          this.searchableSelectInputValue.length >=
+            this.charactersUntilSuggestions));
+    };
+    this.setOptionsValuesFromLabels = () => {
+      if (this.options.length > 0) {
+        this.options.map((option) => {
+          if (!option.value) {
+            option.value = option.label;
+          }
+        });
+      }
+    };
     this.setTextColor = () => {
       if (this.nativeSelectElement.selectedIndex === 0) {
         this.nativeSelectElement.className = "placeholder";
@@ -11885,18 +11992,53 @@ class Select {
         this.nativeSelectElement.className = "select-option-selected";
       }
     };
+    this.setMenuChange = (open) => {
+      if (this.open !== open) {
+        this.open = open;
+      }
+    };
     this.getLabelFromValue = (value) => {
       return getLabelFromValue(value, this.options);
     };
+    this.getValueFromLabel = (label) => {
+      var _a;
+      const value = (_a = this.options.find((option) => option.label === label)) === null || _a === void 0 ? void 0 : _a.value;
+      return value;
+    };
+    this.getFilteredChildMenuOptions = (option) => {
+      let children = option.children;
+      children = getFilteredMenuOptions(option.children, this.includeDescriptionsInSearch, this.searchableSelectInputValue, this.searchMatchPosition);
+      const newOption = Object.assign({}, option);
+      newOption.children = children;
+      return newOption;
+    };
     this.handleNativeSelectChange = () => {
       this.icChange.emit({ value: this.nativeSelectElement.value });
       this.setTextColor();
     };
     this.handleCustomSelectChange = (event) => {
+      if (this.searchable && event.detail.label === this.emptyOptionListText) {
+        this.searchableSelectElement.focus();
+        return;
+      }
+      if (this.searchable) {
+        this.searchableSelectInputValue = this.getLabelFromValue(event.detail.value);
+      }
+      this.ariaActiveDescendant = event.detail.optionId;
       this.icChange.emit({ value: event.detail.value });
     };
     this.handleMenuChange = (event) => {
       this.open = event.detail.open;
+      this.searchable && this.handleFocusIndicatorDisplay();
+    };
+    this.handleFocusIndicatorDisplay = () => {
+      const focusIndicator = this.host.shadowRoot.querySelector(".focus-indicator");
+      if (this.open) {
+        focusIndicator.classList.add("focus-indicator-enabled");
+      }
+      else {
+        focusIndicator.classList.remove("focus-indicator-enabled");
+      }
     };
     this.handleMouseDown = (event) => {
       if (!this.open) {
@@ -11904,17 +12046,52 @@ class Select {
       }
     };
     this.handleClick = (event) => {
-      if (event.detail !== 0) {
+      this.noOptions = null;
+      this.menu.options = this.options;
+      if (event.detail !== 0 && this.isMenuEnabled()) {
         this.menu.handleClickOpen();
       }
     };
+    this.handleExpandIconMouseDown = (event) => {
+      if (!this.disabled) {
+        event.preventDefault();
+        this.searchableSelectElement.focus();
+        this.handleClick(event);
+      }
+    };
     this.handleClear = (event) => {
       event.stopPropagation();
+      this.noOptions = null;
       this.icChange.emit({ value: null });
-      this.customSelectElement.focus();
+      if (this.searchable) {
+        this.searchableSelectElement.value = null;
+        this.searchableSelectInputValue = null;
+        this.menu.options = this.options;
+        this.searchableSelectElement.focus();
+        if (!this.isMenuEnabled()) {
+          this.setMenuChange(false);
+        }
+      }
+      else {
+        this.customSelectElement.focus();
+      }
     };
     this.handleKeyDown = (event) => {
-      this.menu.handleKeyboardOpen(event);
+      event.cancelBubble = true;
+      if (!this.open) {
+        this.noOptions = null;
+        this.menu.options = this.options;
+      }
+      if (this.open && event.key === "Enter") {
+        this.setMenuChange(false);
+      }
+      else {
+        if (!((event.key === "ArrowDown" || event.key === "ArrowUp") &&
+          this.noOptions !== null) &&
+          this.isMenuEnabled()) {
+          this.menu.handleKeyboardOpen(event);
+        }
+      }
     };
     this.handleClearButtonFocus = () => {
       this.clearButtonFocused = true;
@@ -11922,10 +12099,82 @@ class Select {
     this.handleClearButtonBlur = () => {
       this.clearButtonFocused = false;
     };
+    this.handleSearchableSelectInput = (event) => {
+      this.searchableSelectInputValue = event.target.value;
+      if (this.getValueFromLabel(this.searchableSelectInputValue) === undefined) {
+        this.icChange.emit({ value: null });
+      }
+      if (this.isMenuEnabled()) {
+        this.setMenuChange(true);
+      }
+      else {
+        this.setMenuChange(false);
+      }
+      const options = [...this.options];
+      let isGrouped = false;
+      let newFilteredOptions = [];
+      options.map((option) => {
+        if (option.children)
+          isGrouped = true;
+      });
+      const menuOptionsFiltered = getFilteredMenuOptions(options, this.includeDescriptionsInSearch, this.searchableSelectInputValue, this.searchMatchPosition);
+      if (!isGrouped) {
+        newFilteredOptions = menuOptionsFiltered;
+      }
+      else {
+        options.map((option) => {
+          if (this.includeGroupTitlesInSearch) {
+            if (menuOptionsFiltered.indexOf(option) !== -1) {
+              newFilteredOptions.push(option);
+            }
+            else {
+              newFilteredOptions.push(this.getFilteredChildMenuOptions(option));
+            }
+          }
+          else {
+            newFilteredOptions.push(this.getFilteredChildMenuOptions(option));
+          }
+        });
+      }
+      let noChildOptionsWhenFiltered = false;
+      if (isGrouped) {
+        noChildOptionsWhenFiltered = true;
+        newFilteredOptions.map((option) => {
+          if (option.children.length > 0) {
+            noChildOptionsWhenFiltered = false;
+          }
+        });
+      }
+      const noOptions = [{ label: this.emptyOptionListText, value: "" }];
+      if (newFilteredOptions.length > 0 && !noChildOptionsWhenFiltered) {
+        this.noOptions = null;
+        this.filteredOptions = newFilteredOptions;
+      }
+      else {
+        this.noOptions = noOptions;
+        this.filteredOptions = this.noOptions;
+      }
+      this.debounceAriaLiveUpdate();
+    };
+    this.updateSearchableSelectResultAriaLive = () => {
+      const searchableSelectResultsStatusEl = this.host.shadowRoot.querySelector(".searchable-select-results-status");
+      if (this.noOptions !== null) {
+        searchableSelectResultsStatusEl.innerText = this.emptyOptionListText;
+      }
+      else {
+        searchableSelectResultsStatusEl.innerText = "";
+      }
+    };
     this.onFocus = () => {
       this.icFocus.emit();
     };
-    this.onBlur = () => {
+    this.onBlur = (event) => {
+      if (this.searchable &&
+        event.relatedTarget !== this.menu &&
+        !(this.clearButton && event.relatedTarget === this.clearButton)) {
+        this.setMenuChange(false);
+        this.handleFocusIndicatorDisplay();
+      }
       this.icBlur.emit();
     };
     this.label = undefined;
@@ -11943,8 +12192,22 @@ class Select {
     this.value = undefined;
     this.name = this.inputId;
     this.showClearButton = false;
+    this.searchable = false;
+    this.includeDescriptionsInSearch = false;
+    this.includeGroupTitlesInSearch = false;
+    this.searchMatchPosition = "anywhere";
+    this.charactersUntilSuggestions = 0;
+    this.emptyOptionListText = "No results found";
     this.open = false;
     this.clearButtonFocused = false;
+    this.searchableSelectInputValue = null;
+    this.filteredOptions = this.options;
+    this.ariaActiveDescendant = undefined;
+    this.noOptions = null;
+  }
+  watchOptionsHandler() {
+    this.setOptionsValuesFromLabels();
+    this.filteredOptions = this.options;
   }
   /**
    * Sets focus on the input box.
@@ -11956,6 +12219,15 @@ class Select {
     else if (this.customSelectElement) {
       this.customSelectElement.focus();
     }
+    else if (this.searchableSelectElement) {
+      this.searchableSelectElement.focus();
+    }
+  }
+  debounceAriaLiveUpdate() {
+    clearTimeout(this.debounce);
+    window.setTimeout(() => {
+      this.updateSearchableSelectResultAriaLive();
+    }, 800);
   }
   componentWillLoad() {
     this.inheritedAttributes = inheritAttributes(this.host, [
@@ -11963,13 +12235,7 @@ class Select {
       "tabindex",
       "title",
     ]);
-    if (this.options.length > 0) {
-      this.options.map((option) => {
-        if (!option.value) {
-          option.value = option.label;
-        }
-      });
-    }
+    this.setOptionsValuesFromLabels();
   }
   componentDidRender() {
     if (this.nativeSelectElement && !this.disabled) {
@@ -11980,34 +12246,51 @@ class Select {
     onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Select");
   }
   render() {
-    const { dense, disabled, fullWidth, helperText, hideLabel, host, inputId, label, name, open, options, menuId, placeholder, readonly, required, showClearButton, validationStatus, validationText, value, } = this;
+    const { dense, disabled, fullWidth, helperText, hideLabel, label, menuId, name, options, placeholder, readonly, required, searchable, showClearButton, validationStatus, validationText, value, } = this;
     renderHiddenInput(true, this.host, name, value, disabled);
     const invalid = validationStatus === IcInformationStatus.Error ? "true" : "false";
-    const describedBy = getInputDescribedByText(inputId, helperText !== "", hasValidationStatus(this.validationStatus, this.disabled)).trim();
-    return (hAsync(Host, null, hAsync("ic-input-container", { readonly: readonly }, !hideLabel && (hAsync("ic-input-label", { for: inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly })), hAsync("ic-input-component-container", { ref: (el) => (this.anchorEl = el), class: { "menu-open": open }, dense: dense, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, readonly ? (hAsync("ic-typography", null, hAsync("p", null, this.getLabelFromValue(value)))) : isMobileOrTablet() ? (hAsync("select", Object.assign({ ref: (el) => (this.nativeSelectElement = el), disabled: disabled, onChange: this.handleNativeSelectChange, required: required, id: inputId, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, onBlur: this.onBlur, onFocus: this.onFocus }, this.inheritedAttributes), hAsync("option", { value: "", selected: true, disabled: !this.showClearButton }, placeholder), options.map((option) => {
+    const describedBy = getInputDescribedByText(this.inputId, helperText !== "", hasValidationStatus(this.validationStatus, this.disabled)).trim();
+    return (hAsync(Host, null, hAsync("ic-input-container", { readonly: readonly }, !hideLabel && (hAsync("ic-input-label", { for: this.inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly })), hAsync("ic-input-component-container", { ref: (el) => (this.anchorEl = el), class: { "menu-open": this.open }, dense: dense, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, readonly ? (hAsync("ic-typography", null, hAsync("p", null, this.getLabelFromValue(value)))) : isMobileOrTablet() ? (hAsync("select", Object.assign({ ref: (el) => (this.nativeSelectElement = el), disabled: disabled, onChange: this.handleNativeSelectChange, required: required, id: this.inputId, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, onBlur: this.onBlur, onFocus: this.onFocus }, this.inheritedAttributes), hAsync("option", { value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => {
       if (option.children) {
         return (hAsync("optgroup", { label: option.label }, option.children.map((option) => (hAsync("option", { value: option.value, disabled: option.disabled, selected: option.value === value }, option.label)))));
       }
       else {
         return (hAsync("option", { value: option.value, disabled: option.disabled, selected: option.value === value }, option.label));
       }
-    }))) : (hAsync("button", { class: "select-input", ref: (el) => (this.customSelectElement = el), id: inputId, "aria-label": `${label}, ${this.getLabelFromValue(value) || placeholder}${required ? ", required" : ""}`, "aria-describedby": describedBy, "aria-invalid": invalid, "aria-haspopup": "listbox", "aria-expanded": open ? "true" : "false", "aria-owns": menuId, "aria-controls": menuId, disabled: disabled, onBlur: this.onBlur, onFocus: this.onFocus, onClick: this.handleClick, onMouseDown: this.handleMouseDown, onKeyDown: this.handleKeyDown }, hAsync("ic-typography", { variant: "body", class: {
+    }))) : searchable ? (hAsync("div", { class: "searchable-select-container" }, hAsync("input", { class: "select-input", role: "combobox", "aria-label": label, "aria-describedby": describedBy, "aria-activedescendant": this.ariaActiveDescendant, "aria-autocomplete": "list", "aria-expanded": this.open ? "true" : "false", "aria-invalid": invalid, "aria-required": required ? "true" : "false", "aria-controls": menuId, ref: (el) => (this.searchableSelectElement = el), id: this.inputId, value: this.searchableSelectInputValue, placeholder: placeholder, disabled: disabled, onInput: this.handleSearchableSelectInput, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onFocus: this.onFocus, onBlur: this.onBlur }), this.searchableSelectInputValue &&
+      (showClearButton || searchable) && (hAsync("div", { class: "clear-button-container" }, hAsync("ic-button", { id: "clear-button", ref: (el) => (this.clearButton = el), "aria-label": this.searchableSelectInputValue && value === null
+        ? "Clear input"
+        : "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: dense ? "dense" : "default", variant: "icon", buttonStyle: this.clearButtonFocused
+        ? IcThemeForegroundEnum.Light
+        : IcThemeForegroundEnum.Dark }), hAsync("div", { class: "divider" }))), hAsync("span", { onMouseDown: this.handleExpandIconMouseDown, class: {
+        "expand-icon": true,
+        "expand-icon-open": this.open,
+        "expand-icon-filled": !(value == null || value === ""),
+        "expand-icon-disabled": !this.isMenuEnabled(),
+      }, innerHTML: Expand, "aria-hidden": "true" }), hAsync("div", { "aria-live": "polite", role: "status", class: "searchable-select-results-status" }))) : (hAsync("div", { class: "select-container" }, hAsync("button", { class: "select-input", ref: (el) => (this.customSelectElement = el), id: this.inputId, "aria-label": `${label}, ${this.getLabelFromValue(value) || placeholder}${required ? ", required" : ""}`, "aria-describedby": describedBy, "aria-invalid": invalid, "aria-haspopup": "listbox", "aria-expanded": this.open ? "true" : "false", "aria-owns": menuId, "aria-controls": menuId, disabled: disabled, onBlur: this.onBlur, onFocus: this.onFocus, onClick: this.handleClick, onMouseDown: this.handleMouseDown, onKeyDown: this.handleKeyDown }, hAsync("ic-typography", { variant: "body", class: {
         "value-text": true,
         placeholder: this.getLabelFromValue(value) === undefined,
-      } }, hAsync("p", null, this.getLabelFromValue(value) || placeholder)), hAsync("div", { class: "select-input-end" }, value && showClearButton && (hAsync("div", { class: "clear-button-container" }, hAsync("ic-button", { id: "clear-button", "aria-label": "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: dense ? "dense" : "default", variant: "icon", buttonStyle: this.clearButtonFocused
-        ? IcThemeForegroundEnum.Light
-        : IcThemeForegroundEnum.Dark }), hAsync("div", { class: "divider" }))), hAsync("span", { class: {
+      } }, hAsync("p", null, this.getLabelFromValue(value) || placeholder)), hAsync("div", { class: "select-input-end" }, value && showClearButton && hAsync("div", { class: "divider" }), hAsync("span", { class: {
         "expand-icon": true,
         "expand-icon-open": this.open,
-        "expand-icon-filled": !(this.value == null || this.value === ""),
-      }, innerHTML: Expand, "aria-hidden": "true" }))))), !isMobileOrTablet() && (hAsync("ic-menu", { ref: (el) => (this.menu = el), inputEl: this.customSelectElement, inputLabel: label, anchorEl: this.anchorEl, dense: dense, menuId: menuId, open: open, options: options, value: value, fullWidth: fullWidth, onMenuChange: this.handleMenuChange, onOptionSelect: this.handleCustomSelectChange, parentEl: host })), hAsync("ic-input-validation", { class: { "menu-open": open }, ariaLiveMode: "polite", status: hasValidationStatus(this.validationStatus, this.disabled) ===
+        "expand-icon-filled": !(value == null || value === ""),
+      }, innerHTML: Expand, "aria-hidden": "true" }))), value && showClearButton && (hAsync("ic-button", { id: "clear-button", "aria-label": "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: dense ? "dense" : "default", variant: "icon", buttonStyle: this.clearButtonFocused
+        ? IcThemeForegroundEnum.Light
+        : IcThemeForegroundEnum.Dark }))))), !isMobileOrTablet() && (hAsync("ic-menu", { class: {
+        "no-results": this.noOptions !== null,
+      }, ref: (el) => (this.menu = el), inputEl: searchable
+        ? this.searchableSelectElement
+        : this.customSelectElement, inputLabel: label, anchorEl: this.anchorEl, dense: dense, menuId: menuId, open: this.open, options: searchable ? this.filteredOptions : options, value: value, fullWidth: fullWidth, onMenuChange: this.handleMenuChange, onOptionSelect: this.handleCustomSelectChange, parentEl: this.host })), hAsync("ic-input-validation", { class: { "menu-open": this.open }, ariaLiveMode: "polite", status: hasValidationStatus(this.validationStatus, this.disabled) ===
         false
         ? ""
         : validationStatus, message: hasValidationStatus(this.validationStatus, this.disabled)
         ? validationText
-        : "", for: inputId }))));
+        : "", for: this.inputId }))));
   }
   get host() { return getElement(this); }
+  static get watchers() { return {
+    "options": ["watchOptionsHandler"]
+  }; }
   static get style() { return icSelectCss; }
   static get cmpMeta() { return {
     "$flags$": 9,
@@ -12028,8 +12311,18 @@ class Select {
       "value": [1],
       "name": [1],
       "showClearButton": [4, "show-clear-button"],
+      "searchable": [4],
+      "includeDescriptionsInSearch": [4, "include-descriptions-in-search"],
+      "includeGroupTitlesInSearch": [4, "include-group-titles-in-search"],
+      "searchMatchPosition": [1, "search-match-position"],
+      "charactersUntilSuggestions": [2, "characters-until-suggestions"],
+      "emptyOptionListText": [1, "empty-option-list-text"],
       "open": [32],
       "clearButtonFocused": [32],
+      "searchableSelectInputValue": [32],
+      "filteredOptions": [32],
+      "ariaActiveDescendant": [32],
+      "noOptions": [32],
       "setFocus": [64]
     },
     "$listeners$": undefined,
@@ -13832,7 +14125,7 @@ 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}/*!@:host(.ic-typography-spacing-h2)*/.ic-typography-spacing-h2.sc-ic-typography-h{margin:var(--ic-space-xxl) 0 var(--ic-space-lg)}/*!@:host(.ic-typography-spacing-h3)*/.ic-typography-spacing-h3.sc-ic-typography-h{margin:var(--ic-space-xl) 0 var(--ic-space-md)}/*!@:host(.ic-typography-spacing-h4)*/.ic-typography-spacing-h4.sc-ic-typography-h{margin:var(--ic-space-lg) 0 var(--ic-space-md)}/*!@:host(.ic-typography-spacing-subtitle-large)*/.ic-typography-spacing-subtitle-large.sc-ic-typography-h{margin:0 0 var(--ic-space-lg)}/*!@:host(.ic-typography-spacing-body)*/.ic-typography-spacing-body.sc-ic-typography-h{margin:0 0 var(--ic-space-md)}/*!@:host(.ic-typography-spacing-h2:first-child),\n:host(.ic-typography-spacing-h3:first-child),\n:host(.ic-typography-spacing-h4:first-child)*/.ic-typography-spacing-h2.sc-ic-typography-h:first-child,.ic-typography-spacing-h3.sc-ic-typography-h:first-child,.ic-typography-spacing-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)}/*!@: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-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>h3,.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>h6,.sc-ic-typography-h .sc-ic-typography-s>p,.sc-ic-typography-h .sc-ic-typography-s>label{font:inherit;letter-spacing:inherit}";
+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}/*!@:host(.ic-typography-spacing-h1)*/.ic-typography-spacing-h1.sc-ic-typography-h{margin:0 0 var(--ic-space-xl)}/*!@:host(.ic-typography-spacing-h2)*/.ic-typography-spacing-h2.sc-ic-typography-h{margin:var(--ic-space-xxl) 0 var(--ic-space-lg)}/*!@:host(.ic-typography-spacing-h3)*/.ic-typography-spacing-h3.sc-ic-typography-h{margin:var(--ic-space-xl) 0 var(--ic-space-md)}/*!@:host(.ic-typography-spacing-h4)*/.ic-typography-spacing-h4.sc-ic-typography-h{margin:var(--ic-space-lg) 0 var(--ic-space-md)}/*!@:host(.ic-typography-spacing-subtitle-large),\n:host(.ic-typography-spacing-subtitle-small),\n:host(.ic-typography-spacing-body)*/.ic-typography-spacing-subtitle-large.sc-ic-typography-h,.ic-typography-spacing-subtitle-small.sc-ic-typography-h,.ic-typography-spacing-body.sc-ic-typography-h{margin:0 0 var(--ic-space-md)}/*!@:host(.ic-typography-spacing-caption),\n:host(.ic-typography-spacing-caption-uppercase)*/.ic-typography-spacing-caption.sc-ic-typography-h,.ic-typography-spacing-caption-uppercase.sc-ic-typography-h{margin:0 0 var(--ic-space-xs)}/*!@:host(.ic-typography-spacing-h2:first-child),\n:host(.ic-typography-spacing-h3:first-child),\n:host(.ic-typography-spacing-h4:first-child)*/.ic-typography-spacing-h2.sc-ic-typography-h:first-child,.ic-typography-spacing-h3.sc-ic-typography-h:first-child,.ic-typography-spacing-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)}/*!@: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-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>h3,.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>h6,.sc-ic-typography-h .sc-ic-typography-s>p,.sc-ic-typography-h .sc-ic-typography-s>label{font:inherit;letter-spacing:inherit}";
 
 class Typography {
   constructor(hostRef) {