@carbon/web-components 2.0.0-beta.0 → 2.0.0-beta.2

package/es/components/search/search.js

@@ -1,7 +1,9 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _decorate from "@babel/runtime/helpers/esm/decorate";
 let _ = t => t,
-  _t;
+  _t,
+  _t2,
+  _t3;
 /**
  * @license
  *
@@ -15,16 +17,15 @@ import { classMap } from 'lit/directives/class-map.js';
 import { LitElement, html } from 'lit';
 import { property, customElement } from 'lit/decorators.js';
 import Close16 from "../../icons/close/16";
-import Close20 from "../../icons/close/20";
 import Search16 from "../../icons/search/16";
 import { prefix } from '../../globals/settings';
 import ifNonEmpty from '../../globals/directives/if-non-empty';
 import FocusMixin from '../../globals/mixins/focus';
 import FormMixin from '../../globals/mixins/form';
-import { INPUT_SIZE } from '../input/input';
-import { SEARCH_COLOR_SCHEME } from './defs';
+import { INPUT_SIZE } from '../text-input/text-input';
+import HostListener from '../../globals/decorators/host-listener';
+import HostListenerMixin from '../../globals/mixins/host-listener';
 import styles from "././search.css.js";
-export { SEARCH_COLOR_SCHEME };
 
 /**
  * Search box.
@@ -36,16 +37,26 @@ export { SEARCH_COLOR_SCHEME };
  * @csspart close-button The close button.
  * @csspart close-icon The close icon.
  * @fires cds-search-input - The custom event fired after the search content is changed upon a user gesture.
- */
-let BXSearch = _decorate([customElement(`${prefix}-search`)], function (_initialize, _FocusMixin) {
-  class BXSearch extends _FocusMixin {
+ */ /**
+     * Search box.
+     *
+     * @element cds-search
+     * @csspart search-icon The search icon.
+     * @csspart label-text The label text.
+     * @csspart input The input box.
+     * @csspart close-button The close button.
+     * @csspart close-icon The close icon.
+     * @fires cds-search-input - The custom event fired after the search content is changed upon a user gesture.
+     */
+let CDSSearch = _decorate([customElement(`${prefix}-search`)], function (_initialize, _HostListenerMixin) {
+  class CDSSearch extends _HostListenerMixin {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXSearch,
+    F: CDSSearch,
     d: [{
       kind: "method",
       key: "_handleInput",
@@ -94,6 +105,49 @@ let BXSearch = _decorate([customElement(`${prefix}-search`)], function (_initial
           input.focus();
         }
       }
+
+      /**
+       * Handles `focus` event on the button when the button can be expanded
+       */
+    }, {
+      kind: "method",
+      decorators: [HostListener('focus')],
+      key: "_handleExpand",
+      value: function _handleExpand() {
+        if (this.expandable && !this.expanded) {
+          this.setAttribute('expanded', '');
+        }
+      }
+
+      /**
+       * Handles `focusout` event on the component to be closed after being expanded
+       * Will not close if there is a value typed within.
+       */
+    }, {
+      kind: "method",
+      decorators: [HostListener('focusout')],
+      key: "_handleClose",
+      value: function _handleClose() {
+        if (this.expandable && this.expanded && !this.value) {
+          this.removeAttribute('expanded');
+        }
+      }
+
+      /**
+       * Handler for @slotchange, will only be ran if user sets an element under the "icon" slot.
+       *
+       * @private
+       */
+    }, {
+      kind: "method",
+      key: "_handleSlotChange",
+      value: function _handleSlotChange() {
+        const icon = this.querySelector('svg');
+        icon === null || icon === void 0 ? void 0 : icon.setAttribute('part', 'search-icon');
+        icon === null || icon === void 0 ? void 0 : icon.setAttribute('class', `${prefix}--search-magnifier-icon`);
+        icon === null || icon === void 0 ? void 0 : icon.setAttribute('role', `img`);
+        this.hasCustomIcon = true;
+      }
     }, {
       kind: "method",
       key: "_handleFormdata",
@@ -112,26 +166,46 @@ let BXSearch = _decorate([customElement(`${prefix}-search`)], function (_initial
       }
 
       /**
-       * The assistive text for the close button.
+       * Specify an optional value for the autocomplete property on the underlying <input>,
+       * defaults to "off"
        */
     }, {
       kind: "field",
       decorators: [property({
-        attribute: 'close-button-assistive-text'
+        attribute: 'autocomplete'
       })],
-      key: "closeButtonAssistiveText",
+      key: "autoComplete",
+      value() {
+        return 'off';
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        attribute: 'close-button-label-text'
+      })],
+      key: "closeButtonLabelText",
       value() {
         return '';
       }
     }, {
       kind: "field",
       decorators: [property({
-        attribute: 'color-scheme',
+        type: Boolean,
+        reflect: true
+      })],
+      key: "disabled",
+      value() {
+        return false;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
         reflect: true
       })],
-      key: "colorScheme",
+      key: "expandable",
       value() {
-        return SEARCH_COLOR_SCHEME.REGULAR;
+        return false;
       }
     }, {
       kind: "field",
@@ -139,7 +213,16 @@ let BXSearch = _decorate([customElement(`${prefix}-search`)], function (_initial
         type: Boolean,
         reflect: true
       })],
-      key: "disabled",
+      key: "expanded",
+      value() {
+        return false;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean
+      })],
+      key: "hasCustomIcon",
       value() {
         return false;
       }
@@ -162,10 +245,17 @@ let BXSearch = _decorate([customElement(`${prefix}-search`)], function (_initial
     }, {
       kind: "field",
       decorators: [property()],
-      key: "placeholder",
+      key: "role",
       value() {
         return '';
       }
+    }, {
+      kind: "field",
+      decorators: [property()],
+      key: "placeholder",
+      value() {
+        return 'Search';
+      }
     }, {
       kind: "field",
       decorators: [property({
@@ -173,7 +263,7 @@ let BXSearch = _decorate([customElement(`${prefix}-search`)], function (_initial
       })],
       key: "size",
       value() {
-        return INPUT_SIZE.REGULAR;
+        return INPUT_SIZE.MEDIUM;
       }
     }, {
       kind: "field",
@@ -196,17 +286,26 @@ let BXSearch = _decorate([customElement(`${prefix}-search`)], function (_initial
       key: "render",
       value:
       /**
-       * The color scheme.
+       * Specify a label to be read by screen readers on the "close" button
        */
       /**
        * `true` if the search box should be disabled.
        */
+      /**
+       * `true` if the search bar can be expandable
+       */
+      /**
+       * `true` if the expandable search has been expanded
+       */
       /**
        * The label text.
        */
       /**
        * The form name in `FormData`.
        */
+      /**
+       * Specify the role for the underlying <input>, defaults to searchbox
+       */
       /**
        * The placeholder text.
        */
@@ -221,27 +320,35 @@ let BXSearch = _decorate([customElement(`${prefix}-search`)], function (_initial
        */
       function render() {
         const {
-          closeButtonAssistiveText,
+          autoComplete,
+          closeButtonLabelText,
           disabled,
+          hasCustomIcon,
           labelText,
           name,
           placeholder,
-          size,
+          role,
           type,
           value = '',
           _handleInput: handleInput,
-          _handleClearInputButtonClick: handleClearInputButtonClick
+          _handleClearInputButtonClick: handleClearInputButtonClick,
+          _handleSlotChange: handleSlotChange
         } = this;
         const clearClasses = classMap({
           [`${prefix}--search-close`]: true,
           [`${prefix}--search-close--hidden`]: !this.value
         });
         return html(_t || (_t = _`
-      ${0}
+      <div class="${0}--search-magnifier">
+        <slot name="icon" @slotchange=${0}>
+          ${0}
+        </slot>
+      </div>
       <label for="input" part="label-text" class="${0}--label">
         <slot>${0}</slot>
       </label>
       <input
+        autocomplete="${0}"
         id="input"
         part="input"
         type="${0}"
@@ -249,7 +356,7 @@ let BXSearch = _decorate([customElement(`${prefix}-search`)], function (_initial
         ?disabled="${0}"
         name="${0}"
         placeholder="${0}"
-        role="searchbox"
+        role="${0}"
         .value="${0}"
         @input="${0}" />
       <button
@@ -260,13 +367,13 @@ let BXSearch = _decorate([customElement(`${prefix}-search`)], function (_initial
         aria-label="${0}">
         ${0}
       </button>
-    `), Search16({
+    `), prefix, handleSlotChange, hasCustomIcon ? html(_t2 || (_t2 = _``)) : html(_t3 || (_t3 = _`${0}`), Search16({
           part: 'search-icon',
           class: `${prefix}--search-magnifier-icon`,
           role: 'img'
-        }), prefix, labelText, ifNonEmpty(type), prefix, disabled, ifNonEmpty(name), ifNonEmpty(placeholder), value, handleInput, clearClasses, handleClearInputButtonClick, closeButtonAssistiveText, (size === INPUT_SIZE.SMALL ? Close16 : Close20)({
+        })), prefix, labelText, autoComplete, ifNonEmpty(type), prefix, disabled, ifNonEmpty(name), ifNonEmpty(placeholder), role, value, handleInput, clearClasses, handleClearInputButtonClick, closeButtonLabelText, Close16({
           part: 'close-icon',
-          'aria-label': closeButtonAssistiveText,
+          'aria-label': closeButtonLabelText,
           role: 'img'
         }));
       }
@@ -299,6 +406,6 @@ let BXSearch = _decorate([customElement(`${prefix}-search`)], function (_initial
       }
     }]
   };
-}, FocusMixin(FormMixin(LitElement)));
-export default BXSearch;
+}, HostListenerMixin(FocusMixin(FormMixin(LitElement))));
+export default CDSSearch;
 //# sourceMappingURL=search.js.map

package/es/components/search/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","names":["classMap","LitElement","html","property","customElement","Close16","Close20","Search16","prefix","ifNonEmpty","FocusMixin","FormMixin","INPUT_SIZE","SEARCH_COLOR_SCHEME","styles","BXSearch","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleInput","event","target","dispatchEvent","CustomEvent","eventInput","bubbles","composed","cancelable","detail","_handleClearInputButtonClick","input","shadowRoot","querySelector","focus","_handleFormdata","formData","disabled","name","append","decorators","attribute","reflect","REGULAR","type","Boolean","String","render","closeButtonAssistiveText","labelText","placeholder","size","handleInput","handleClearInputButtonClick","clearClasses","_t","_","part","class","role","SMALL","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/search/search.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport Close20 from '@carbon/icons/lib/close/20';\nimport Search16 from '@carbon/icons/lib/search/16';\nimport { prefix } from '../../globals/settings';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport { INPUT_SIZE } from '../input/input';\nimport { SEARCH_COLOR_SCHEME } from './defs';\nimport styles from './search.scss';\n\nexport { SEARCH_COLOR_SCHEME };\n\n/**\n * Search box.\n *\n * @element cds-search\n * @csspart search-icon The search icon.\n * @csspart label-text The label text.\n * @csspart input The input box.\n * @csspart close-button The close button.\n * @csspart close-icon The close icon.\n * @fires cds-search-input - The custom event fired after the search content is changed upon a user gesture.\n */\n@customElement(`${prefix}-search`)\nclass BXSearch extends FocusMixin(FormMixin(LitElement)) {\n  /**\n   * Handles `input` event on the `<input>` in the shadow DOM.\n   */\n  private _handleInput(event: Event) {\n    const { target } = event;\n    const { value } = target as HTMLInputElement;\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof BXSearch).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value,\n        },\n      })\n    );\n    this.value = value;\n  }\n\n  /**\n   * Handles `click` event on the button to clear search box content.\n   */\n  private _handleClearInputButtonClick() {\n    if (this.value) {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof BXSearch).eventInput, {\n          bubbles: true,\n          composed: true,\n          cancelable: false,\n          detail: {\n            value: '',\n          },\n        })\n      );\n      this.value = '';\n\n      // set focus on back to input once search is cleared\n      const input = this.shadowRoot!.querySelector('input');\n      (input as HTMLElement).focus();\n    }\n  }\n\n  _handleFormdata(event: Event) {\n    const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * The assistive text for the close button.\n   */\n  @property({ attribute: 'close-button-assistive-text' })\n  closeButtonAssistiveText = '';\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = SEARCH_COLOR_SCHEME.REGULAR;\n\n  /**\n   * `true` if the search box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * The form name in `FormData`.\n   */\n  @property()\n  name = '';\n\n  /**\n   * The placeholder text.\n   */\n  @property()\n  placeholder = '';\n\n  /**\n   * The search box size.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.REGULAR;\n\n  /**\n   * The `<input>` name.\n   */\n  @property()\n  type = '';\n\n  /**\n   * The value.\n   */\n  @property({ type: String })\n  value = '';\n\n  render() {\n    const {\n      closeButtonAssistiveText,\n      disabled,\n      labelText,\n      name,\n      placeholder,\n      size,\n      type,\n      value = '',\n      _handleInput: handleInput,\n      _handleClearInputButtonClick: handleClearInputButtonClick,\n    } = this;\n    const clearClasses = classMap({\n      [`${prefix}--search-close`]: true,\n      [`${prefix}--search-close--hidden`]: !this.value,\n    });\n    return html`\n      ${Search16({\n        part: 'search-icon',\n        class: `${prefix}--search-magnifier-icon`,\n        role: 'img',\n      })}\n      <label for=\"input\" part=\"label-text\" class=\"${prefix}--label\">\n        <slot>${labelText}</slot>\n      </label>\n      <input\n        id=\"input\"\n        part=\"input\"\n        type=\"${ifNonEmpty(type)}\"\n        class=\"${prefix}--search-input\"\n        ?disabled=\"${disabled}\"\n        name=\"${ifNonEmpty(name)}\"\n        placeholder=\"${ifNonEmpty(placeholder)}\"\n        role=\"searchbox\"\n        .value=\"${value}\"\n        @input=\"${handleInput}\" />\n      <button\n        part=\"close-button\"\n        class=\"${clearClasses}\"\n        @click=\"${handleClearInputButtonClick}\"\n        type=\"button\"\n        aria-label=\"${closeButtonAssistiveText}\">\n        ${(size === INPUT_SIZE.SMALL ? Close16 : Close20)({\n          part: 'close-icon',\n          'aria-label': closeButtonAssistiveText,\n          role: 'img',\n        })}\n      </button>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after the search content is changed upon a user gesture.\n   */\n  static get eventInput() {\n    return `${prefix}-search-input`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXSearch;\n"],"mappings":"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"}
+{"version":3,"file":"search.js","names":["classMap","LitElement","html","property","customElement","Close16","Search16","prefix","ifNonEmpty","FocusMixin","FormMixin","INPUT_SIZE","HostListener","HostListenerMixin","styles","CDSSearch","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_handleInput","event","target","dispatchEvent","CustomEvent","eventInput","bubbles","composed","cancelable","detail","_handleClearInputButtonClick","input","shadowRoot","querySelector","focus","decorators","_handleExpand","expandable","expanded","setAttribute","_handleClose","removeAttribute","_handleSlotChange","icon","hasCustomIcon","_handleFormdata","formData","disabled","name","append","attribute","type","Boolean","reflect","MEDIUM","String","render","autoComplete","closeButtonLabelText","labelText","placeholder","role","handleInput","handleClearInputButtonClick","handleSlotChange","clearClasses","_t","_","_t2","_t3","part","class","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/search/search.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport Search16 from '@carbon/icons/lib/search/16';\nimport { prefix } from '../../globals/settings';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport { INPUT_SIZE } from '../text-input/text-input';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport styles from './search.scss';\n\n/**\n * Search box.\n *\n * @element cds-search\n * @csspart search-icon The search icon.\n * @csspart label-text The label text.\n * @csspart input The input box.\n * @csspart close-button The close button.\n * @csspart close-icon The close icon.\n * @fires cds-search-input - The custom event fired after the search content is changed upon a user gesture.\n */\n@customElement(`${prefix}-search`)\nclass CDSSearch extends HostListenerMixin(FocusMixin(FormMixin(LitElement))) {\n  /**\n   * Handles `input` event on the `<input>` in the shadow DOM.\n   */\n  private _handleInput(event: Event) {\n    const { target } = event;\n    const { value } = target as HTMLInputElement;\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSSearch).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value,\n        },\n      })\n    );\n    this.value = value;\n  }\n\n  /**\n   * Handles `click` event on the button to clear search box content.\n   */\n  private _handleClearInputButtonClick() {\n    if (this.value) {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSSearch).eventInput, {\n          bubbles: true,\n          composed: true,\n          cancelable: false,\n          detail: {\n            value: '',\n          },\n        })\n      );\n      this.value = '';\n\n      // set focus on back to input once search is cleared\n      const input = this.shadowRoot!.querySelector('input');\n      (input as HTMLElement).focus();\n    }\n  }\n\n  /**\n   * Handles `focus` event on the button when the button can be expanded\n   */\n  @HostListener('focus')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleExpand() {\n    if (this.expandable && !this.expanded) {\n      this.setAttribute('expanded', '');\n    }\n  }\n\n  /**\n   * Handles `focusout` event on the component to be closed after being expanded\n   * Will not close if there is a value typed within.\n   */\n  @HostListener('focusout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClose() {\n    if (this.expandable && this.expanded && !this.value) {\n      this.removeAttribute('expanded');\n    }\n  }\n\n  /**\n   * Handler for @slotchange, will only be ran if user sets an element under the \"icon\" slot.\n   *\n   * @private\n   */\n  private _handleSlotChange() {\n    const icon = this.querySelector('svg');\n    icon?.setAttribute('part', 'search-icon');\n    icon?.setAttribute('class', `${prefix}--search-magnifier-icon`);\n    icon?.setAttribute('role', `img`);\n    this.hasCustomIcon = true;\n  }\n\n  _handleFormdata(event: Event) {\n    const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * Specify an optional value for the autocomplete property on the underlying <input>,\n   * defaults to \"off\"\n   */\n  @property({ attribute: 'autocomplete' })\n  autoComplete = 'off';\n\n  /**\n   * Specify a label to be read by screen readers on the \"close\" button\n   */\n  @property({ attribute: 'close-button-label-text' })\n  closeButtonLabelText = '';\n\n  /**\n   * `true` if the search box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the search bar can be expandable\n   */\n  @property({ type: Boolean, reflect: true })\n  expandable = false;\n\n  /**\n   * `true` if the expandable search has been expanded\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  @property({ type: Boolean })\n  hasCustomIcon = false;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * The form name in `FormData`.\n   */\n  @property()\n  name = '';\n\n  /**\n   * Specify the role for the underlying <input>, defaults to searchbox\n   */\n  @property()\n  role = '';\n\n  /**\n   * The placeholder text.\n   */\n  @property()\n  placeholder = 'Search';\n\n  /**\n   * The search box size.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.MEDIUM;\n\n  /**\n   * The `<input>` name.\n   */\n  @property()\n  type = '';\n\n  /**\n   * The value.\n   */\n  @property({ type: String })\n  value = '';\n\n  render() {\n    const {\n      autoComplete,\n      closeButtonLabelText,\n      disabled,\n      hasCustomIcon,\n      labelText,\n      name,\n      placeholder,\n      role,\n      type,\n      value = '',\n      _handleInput: handleInput,\n      _handleClearInputButtonClick: handleClearInputButtonClick,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n    const clearClasses = classMap({\n      [`${prefix}--search-close`]: true,\n      [`${prefix}--search-close--hidden`]: !this.value,\n    });\n    return html`\n      <div class=\"${prefix}--search-magnifier\">\n        <slot name=\"icon\" @slotchange=${handleSlotChange}>\n          ${hasCustomIcon\n            ? html``\n            : html`${Search16({\n                part: 'search-icon',\n                class: `${prefix}--search-magnifier-icon`,\n                role: 'img',\n              })}`}\n        </slot>\n      </div>\n      <label for=\"input\" part=\"label-text\" class=\"${prefix}--label\">\n        <slot>${labelText}</slot>\n      </label>\n      <input\n        autocomplete=\"${autoComplete}\"\n        id=\"input\"\n        part=\"input\"\n        type=\"${ifNonEmpty(type)}\"\n        class=\"${prefix}--search-input\"\n        ?disabled=\"${disabled}\"\n        name=\"${ifNonEmpty(name)}\"\n        placeholder=\"${ifNonEmpty(placeholder)}\"\n        role=\"${role}\"\n        .value=\"${value}\"\n        @input=\"${handleInput}\" />\n      <button\n        part=\"close-button\"\n        class=\"${clearClasses}\"\n        @click=\"${handleClearInputButtonClick}\"\n        type=\"button\"\n        aria-label=\"${closeButtonLabelText}\">\n        ${Close16({\n          part: 'close-icon',\n          'aria-label': closeButtonLabelText,\n          role: 'img',\n        })}\n      </button>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after the search content is changed upon a user gesture.\n   */\n  static get eventInput() {\n    return `${prefix}-search-input`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSearch;\n"],"mappings":"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"}

package/es/components/search/search.rtl.css.js

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  "@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset html{font-size:100%}.cds--fieldset body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--fieldset code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--fieldset strong{font-weight:600}.cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:inline-block;margin-bottom:.5rem;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;vertical-align:baseline}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--label strong{font-weight:600}.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label--no-margin{margin-bottom:0}.cds--label+.cds--tooltip{position:relative;top:.2rem;right:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger ::after,.cds--label+.cds--tooltip .cds--tooltip__trigger ::before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{top:.2rem;right:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:4.6875rem;height:.875rem}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--label.cds--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton::before{animation:none}}input[type=number]{font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:0}.cds--form--fluid .cds--form-requirement{padding:.5rem 1rem .5rem 2.5rem;margin:0}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:none;overflow:hidden;max-height:0;margin:.25rem 0 0}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--form-requirement strong{font-weight:600}.cds--select--inline .cds--form__helper-text{margin-top:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;width:100%;margin-top:.25rem;color:var(--cds-text-secondary,#525252);opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--search,:host(cds-search){position:relative;display:flex;width:100%;align-items:center}.cds--search .cds--label,:host(cds-search) .cds--label{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--search-input{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);outline:2px solid transparent;outline-offset:-2px;width:100%;order:1;padding:0 2.5rem;border:none;border-bottom:1px solid var(--cds-border-strong);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);color:var(--cds-text-primary,#161616);text-overflow:ellipsis;transition:background-color 110ms cubic-bezier(.2,0,.38,.9),outline 110ms cubic-bezier(.2,0,.38,.9)}.cds--search-input *,.cds--search-input ::after,.cds--search-input ::before{box-sizing:inherit}.cds--search-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-input:focus{outline-style:dotted}}.cds--search-input::-moz-placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--search-input::placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--search-input::-ms-clear{display:none}.cds--search-input[disabled]{border-bottom:1px solid transparent;background-color:var(--cds-field);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--search-input[disabled]::-moz-placeholder{color:var(--cds-field)}.cds--search-input[disabled]::placeholder{color:var(--cds-field)}.cds--search--light .cds--search-input,:host(cds-search[color-scheme=light]) .cds--search-input{background:var(--cds-field-02,#fff)}.cds--search--light .cds--search-close::before,:host(cds-search[color-scheme=light]) .cds--search-close::before{background:var(--cds-field-02,#fff)}.cds--search--sm .cds--search-input,.cds--search--sm.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search-skeleton[size=sm]) .cds--search-input,:host(cds-search[size=sm]) .cds--search-input{height:2rem;padding:0 2rem}.cds--search--sm .cds--search-magnifier-icon,:host(cds-search-skeleton[size=sm]) .cds--search-magnifier-icon,:host(cds-search[size=sm]) .cds--search-magnifier-icon{right:.5rem}.cds--search--md .cds--search-input,.cds--search--md.cds--search--expandable.cds--search--expanded .cds--search-input{height:2.5rem;padding:0 2.5rem}.cds--search--md .cds--search-magnifier-icon{right:.75rem}.cds--search--lg .cds--search-input,.cds--search--lg.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search) .cds--search-input,:host(cds-search-skeleton) .cds--search-input{height:3rem;padding:0 3rem}.cds--search-magnifier-icon{position:absolute;z-index:2;top:50%;right:1rem;width:1rem;height:1rem;fill:var(--cds-icon-secondary,#525252);pointer-events:none;transform:translateY(-50%)}.cds--search-close{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;outline:2px solid transparent;outline-offset:-2px;position:absolute;top:0;left:0}.cds--search-close *,.cds--search-close ::after,.cds--search-close ::before{box-sizing:inherit}.cds--search-close::-moz-focus-inner{border:0}.cds--search-close::before{position:absolute;top:.0625rem;right:0;display:block;width:2px;height:calc(100% - 2px);background-color:var(--cds-field);content:\"\";transition:background-color 110ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--search-close::before{transition:none}}.cds--search-close:hover{border-bottom:1px solid var(--cds-border-strong)}.cds--search-close:hover::before{background-color:var(--cds-field-hover)}.cds--search-button{flex-shrink:0;margin-right:.125rem;background-color:var(--cds-field)}.cds--search-button svg{fill:currentColor;vertical-align:middle}.cds--search-close svg{fill:inherit}.cds--search-button,.cds--search-close{display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-width:1px 0;border-style:solid;border-color:transparent;cursor:pointer;fill:var(--cds-icon-primary,#161616);opacity:1;transition:opacity 110ms cubic-bezier(.2,0,.38,.9),background-color 110ms cubic-bezier(.2,0,.38,.9),outline 110ms cubic-bezier(.2,0,.38,.9),border 110ms cubic-bezier(.2,0,.38,.9);visibility:inherit}.cds--search-button:hover,.cds--search-close:hover{background-color:var(--cds-field-hover)}.cds--search-button:focus,.cds--search-close:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-button:focus,.cds--search-close:focus{outline-style:dotted}}.cds--search-button:active,.cds--search-close:active{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;background-color:var(--cds-background-selected,rgba(141,141,141,.2))}@media screen and (prefers-contrast){.cds--search-button:active,.cds--search-close:active{outline-style:dotted}}.cds--search--disabled .cds--search-close,.cds--search--disabled.cds--search--expandable .cds--search-magnifier{cursor:not-allowed;outline:0}.cds--search--disabled .cds--search-close:hover,.cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover{border-bottom-color:transparent;background-color:transparent}.cds--search--disabled .cds--search-close:hover::before,.cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover::before{background-color:transparent}.cds--search--disabled svg{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--search-close:active::before,.cds--search-close:focus::before{background-color:var(--cds-focus,#0f62fe)}.cds--search-input:focus~.cds--search-close:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-input:focus~.cds--search-close:hover{outline-style:dotted}}.cds--search--sm .cds--search-close,.cds--search--sm.cds--search--expandable,.cds--search--sm.cds--search--expandable .cds--search-magnifier,.cds--search--sm~.cds--search-button,:host(cds-search-skeleton[size=sm]) .cds--search-close,:host(cds-search-skeleton[size=sm])~.cds--search-button,:host(cds-search-skeleton[size=sm].cds--search--expandable),:host(cds-search-skeleton[size=sm].cds--search--expandable) .cds--search-magnifier,:host(cds-search[size=sm]) .cds--search-close,:host(cds-search[size=sm])~.cds--search-button,:host(cds-search[size=sm].cds--search--expandable),:host(cds-search[size=sm].cds--search--expandable) .cds--search-magnifier{width:2rem;height:2rem}.cds--search--expandable:host(cds-search-skeleton[size=sm]) .cds--search-input::-moz-placeholder,.cds--search--expandable:host(cds-search[size=sm]) .cds--search-input::-moz-placeholder,.cds--search--sm.cds--search--expandable .cds--search-input::-moz-placeholder{padding:0 2rem}.cds--search--sm.cds--search--expandable .cds--search-input::placeholder,:host(cds-search-skeleton[size=sm].cds--search--expandable) .cds--search-input::placeholder,:host(cds-search[size=sm].cds--search--expandable) .cds--search-input::placeholder{padding:0 2rem}.cds--search--md .cds--search-close,.cds--search--md.cds--search--expandable,.cds--search--md.cds--search--expandable .cds--search-magnifier,.cds--search--md~.cds--search-button{width:2.5rem;height:2.5rem}.cds--search--md.cds--search--expandable .cds--search-input::-moz-placeholder{padding:0 2.5rem}.cds--search--md.cds--search--expandable .cds--search-input::placeholder{padding:0 2.5rem}.cds--search--lg .cds--search-close,.cds--search--lg.cds--search--expandable,.cds--search--lg.cds--search--expandable .cds--search-magnifier,.cds--search--lg~.cds--search-button,:host(cds-search) .cds--search-close,:host(cds-search)~.cds--search-button,:host(cds-search-skeleton) .cds--search-close,:host(cds-search-skeleton)~.cds--search-button,:host(cds-search-skeleton.cds--search--expandable),:host(cds-search-skeleton.cds--search--expandable) .cds--search-magnifier,:host(cds-search.cds--search--expandable),:host(cds-search.cds--search--expandable) .cds--search-magnifier{width:3rem;height:3rem}.cds--search--expandable:host(cds-search) .cds--search-input::-moz-placeholder,.cds--search--expandable:host(cds-search-skeleton) .cds--search-input::-moz-placeholder,.cds--search--lg.cds--search--expandable .cds--search-input::-moz-placeholder{padding:0 3rem}.cds--search--lg.cds--search--expandable .cds--search-input::placeholder,:host(cds-search-skeleton.cds--search--expandable) .cds--search-input::placeholder,:host(cds-search.cds--search--expandable) .cds--search-input::placeholder{padding:0 3rem}.cds--search-close--hidden{opacity:0;visibility:hidden}.cds--search--lg.cds--skeleton .cds--search-input,.cds--search--md.cds--skeleton .cds--search-input,.cds--search--sm.cds--skeleton .cds--search-input,:host(cds-search-skeleton.cds--skeleton) .cds--search-input,:host(cds-search.cds--skeleton) .cds--search-input{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%}.cds--search--lg.cds--skeleton .cds--search-input:active,.cds--search--lg.cds--skeleton .cds--search-input:focus,.cds--search--lg.cds--skeleton .cds--search-input:hover,.cds--search--md.cds--skeleton .cds--search-input:active,.cds--search--md.cds--skeleton .cds--search-input:focus,.cds--search--md.cds--skeleton .cds--search-input:hover,.cds--search--sm.cds--skeleton .cds--search-input:active,.cds--search--sm.cds--skeleton .cds--search-input:focus,.cds--search--sm.cds--skeleton .cds--search-input:hover,:host(cds-search-skeleton.cds--skeleton) .cds--search-input:active,:host(cds-search-skeleton.cds--skeleton) .cds--search-input:focus,:host(cds-search-skeleton.cds--skeleton) .cds--search-input:hover,:host(cds-search.cds--skeleton) .cds--search-input:active,:host(cds-search.cds--skeleton) .cds--search-input:focus,:host(cds-search.cds--skeleton) .cds--search-input:hover{border:none;cursor:default;outline:0}.cds--search--lg.cds--skeleton .cds--search-input::before,.cds--search--md.cds--skeleton .cds--search-input::before,.cds--search--sm.cds--skeleton .cds--search-input::before,:host(cds-search-skeleton.cds--skeleton) .cds--search-input::before,:host(cds-search.cds--skeleton) .cds--search-input::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--search--lg.cds--skeleton .cds--search-input::before,.cds--search--md.cds--skeleton .cds--search-input::before,.cds--search--sm.cds--skeleton .cds--search-input::before,:host(cds-search-skeleton.cds--skeleton) .cds--search-input::before,:host(cds-search.cds--skeleton) .cds--search-input::before{animation:none}}.cds--search--lg.cds--skeleton .cds--search-input::-moz-placeholder,.cds--search--md.cds--skeleton .cds--search-input::-moz-placeholder,.cds--search--sm.cds--skeleton .cds--search-input::-moz-placeholder,.cds--skeleton:host(cds-search) .cds--search-input::-moz-placeholder,.cds--skeleton:host(cds-search-skeleton) .cds--search-input::-moz-placeholder{color:transparent}.cds--search--lg.cds--skeleton .cds--search-input::placeholder,.cds--search--md.cds--skeleton .cds--search-input::placeholder,.cds--search--sm.cds--skeleton .cds--search-input::placeholder,:host(cds-search-skeleton.cds--skeleton) .cds--search-input::placeholder,:host(cds-search.cds--skeleton) .cds--search-input::placeholder{color:transparent}.cds--search--expandable{transition:width 70ms cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded{width:100%}.cds--search--expandable .cds--search-input{width:0;padding:0;transition:padding 70ms cubic-bezier(.2,0,.38,.9),width 0s linear 70ms}.cds--search--expandable .cds--search-input::-moz-placeholder{position:relative;opacity:0;transition-duration:70ms;-moz-transition-property:padding,opacity;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.cds--search--expandable .cds--search-input::placeholder{position:relative;opacity:0;transition-duration:70ms;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded .cds--search-input{width:100%;transition:padding 70ms cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded .cds--search-input::-moz-placeholder{position:relative;padding:0;opacity:1}.cds--search--expandable.cds--search--expanded .cds--search-input::placeholder{position:relative;padding:0;opacity:1}.cds--search--expandable .cds--search-magnifier{position:absolute;cursor:pointer}.cds--search--expandable .cds--search-magnifier:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12))}.cds--search--expandable.cds--search--expanded .cds--search-magnifier{pointer-events:none}.cds--search--expandable .cds--search-magnifier-icon{fill:var(--cds-icon-primary,#161616)}.cds--search--expandable.cds--search--expanded .cds--search-magnifier-icon{fill:var(--cds-icon-secondary,#525252)}.cds--search--expandable.cds--search--disabled svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--search-close svg,.cds--search-magnifier-icon{fill:ButtonText}}.cds--search,:host(cds-search){position:relative;display:flex;width:100%;align-items:center}.cds--search .cds--label,:host(cds-search) .cds--label{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--search-input{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);outline:2px solid transparent;outline-offset:-2px;width:100%;order:1;padding:0 2.5rem;border:none;border-bottom:1px solid var(--cds-border-strong);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);color:var(--cds-text-primary,#161616);text-overflow:ellipsis;transition:background-color 110ms cubic-bezier(.2,0,.38,.9),outline 110ms cubic-bezier(.2,0,.38,.9)}.cds--search-input *,.cds--search-input ::after,.cds--search-input ::before{box-sizing:inherit}.cds--search-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-input:focus{outline-style:dotted}}.cds--search-input::-moz-placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--search-input::placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--search-input::-ms-clear{display:none}.cds--search-input[disabled]{border-bottom:1px solid transparent;background-color:var(--cds-field);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--search-input[disabled]::-moz-placeholder{color:var(--cds-field)}.cds--search-input[disabled]::placeholder{color:var(--cds-field)}.cds--search--light .cds--search-input,:host(cds-search[color-scheme=light]) .cds--search-input{background:var(--cds-field-02,#fff)}.cds--search--light .cds--search-close::before,:host(cds-search[color-scheme=light]) .cds--search-close::before{background:var(--cds-field-02,#fff)}.cds--search--sm .cds--search-input,.cds--search--sm.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search-skeleton[size=sm]) .cds--search-input,:host(cds-search[size=sm]) .cds--search-input{height:2rem;padding:0 2rem}.cds--search--sm .cds--search-magnifier-icon,:host(cds-search-skeleton[size=sm]) .cds--search-magnifier-icon,:host(cds-search[size=sm]) .cds--search-magnifier-icon{right:.5rem}.cds--search--md .cds--search-input,.cds--search--md.cds--search--expandable.cds--search--expanded .cds--search-input{height:2.5rem;padding:0 2.5rem}.cds--search--md .cds--search-magnifier-icon{right:.75rem}.cds--search--lg .cds--search-input,.cds--search--lg.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search) .cds--search-input,:host(cds-search-skeleton) .cds--search-input{height:3rem;padding:0 3rem}.cds--search-magnifier-icon{position:absolute;z-index:2;top:50%;right:1rem;width:1rem;height:1rem;fill:var(--cds-icon-secondary,#525252);pointer-events:none;transform:translateY(-50%)}.cds--search-close{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;outline:2px solid transparent;outline-offset:-2px;position:absolute;top:0;left:0}.cds--search-close *,.cds--search-close ::after,.cds--search-close ::before{box-sizing:inherit}.cds--search-close::-moz-focus-inner{border:0}.cds--search-close::before{position:absolute;top:.0625rem;right:0;display:block;width:2px;height:calc(100% - 2px);background-color:var(--cds-field);content:\"\";transition:background-color 110ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--search-close::before{transition:none}}.cds--search-close:hover{border-bottom:1px solid var(--cds-border-strong)}.cds--search-close:hover::before{background-color:var(--cds-field-hover)}.cds--search-button{flex-shrink:0;margin-right:.125rem;background-color:var(--cds-field)}.cds--search-button svg{fill:currentColor;vertical-align:middle}.cds--search-close svg{fill:inherit}.cds--search-button,.cds--search-close{display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-width:1px 0;border-style:solid;border-color:transparent;cursor:pointer;fill:var(--cds-icon-primary,#161616);opacity:1;transition:opacity 110ms cubic-bezier(.2,0,.38,.9),background-color 110ms cubic-bezier(.2,0,.38,.9),outline 110ms cubic-bezier(.2,0,.38,.9),border 110ms cubic-bezier(.2,0,.38,.9);visibility:inherit}.cds--search-button:hover,.cds--search-close:hover{background-color:var(--cds-field-hover)}.cds--search-button:focus,.cds--search-close:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-button:focus,.cds--search-close:focus{outline-style:dotted}}.cds--search-button:active,.cds--search-close:active{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;background-color:var(--cds-background-selected,rgba(141,141,141,.2))}@media screen and (prefers-contrast){.cds--search-button:active,.cds--search-close:active{outline-style:dotted}}.cds--search--disabled .cds--search-close,.cds--search--disabled.cds--search--expandable .cds--search-magnifier{cursor:not-allowed;outline:0}.cds--search--disabled .cds--search-close:hover,.cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover{border-bottom-color:transparent;background-color:transparent}.cds--search--disabled .cds--search-close:hover::before,.cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover::before{background-color:transparent}.cds--search--disabled svg{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--search-close:active::before,.cds--search-close:focus::before{background-color:var(--cds-focus,#0f62fe)}.cds--search-input:focus~.cds--search-close:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-input:focus~.cds--search-close:hover{outline-style:dotted}}.cds--search--sm .cds--search-close,.cds--search--sm.cds--search--expandable,.cds--search--sm.cds--search--expandable .cds--search-magnifier,.cds--search--sm~.cds--search-button,:host(cds-search-skeleton[size=sm]) .cds--search-close,:host(cds-search-skeleton[size=sm])~.cds--search-button,:host(cds-search-skeleton[size=sm].cds--search--expandable),:host(cds-search-skeleton[size=sm].cds--search--expandable) .cds--search-magnifier,:host(cds-search[size=sm]) .cds--search-close,:host(cds-search[size=sm])~.cds--search-button,:host(cds-search[size=sm].cds--search--expandable),:host(cds-search[size=sm].cds--search--expandable) .cds--search-magnifier{width:2rem;height:2rem}.cds--search--expandable:host(cds-search-skeleton[size=sm]) .cds--search-input::-moz-placeholder,.cds--search--expandable:host(cds-search[size=sm]) .cds--search-input::-moz-placeholder,.cds--search--sm.cds--search--expandable .cds--search-input::-moz-placeholder{padding:0 2rem}.cds--search--sm.cds--search--expandable .cds--search-input::placeholder,:host(cds-search-skeleton[size=sm].cds--search--expandable) .cds--search-input::placeholder,:host(cds-search[size=sm].cds--search--expandable) .cds--search-input::placeholder{padding:0 2rem}.cds--search--md .cds--search-close,.cds--search--md.cds--search--expandable,.cds--search--md.cds--search--expandable .cds--search-magnifier,.cds--search--md~.cds--search-button{width:2.5rem;height:2.5rem}.cds--search--md.cds--search--expandable .cds--search-input::-moz-placeholder{padding:0 2.5rem}.cds--search--md.cds--search--expandable .cds--search-input::placeholder{padding:0 2.5rem}.cds--search--lg .cds--search-close,.cds--search--lg.cds--search--expandable,.cds--search--lg.cds--search--expandable .cds--search-magnifier,.cds--search--lg~.cds--search-button,:host(cds-search) .cds--search-close,:host(cds-search)~.cds--search-button,:host(cds-search-skeleton) .cds--search-close,:host(cds-search-skeleton)~.cds--search-button,:host(cds-search-skeleton.cds--search--expandable),:host(cds-search-skeleton.cds--search--expandable) .cds--search-magnifier,:host(cds-search.cds--search--expandable),:host(cds-search.cds--search--expandable) .cds--search-magnifier{width:3rem;height:3rem}.cds--search--expandable:host(cds-search) .cds--search-input::-moz-placeholder,.cds--search--expandable:host(cds-search-skeleton) .cds--search-input::-moz-placeholder,.cds--search--lg.cds--search--expandable .cds--search-input::-moz-placeholder{padding:0 3rem}.cds--search--lg.cds--search--expandable .cds--search-input::placeholder,:host(cds-search-skeleton.cds--search--expandable) .cds--search-input::placeholder,:host(cds-search.cds--search--expandable) .cds--search-input::placeholder{padding:0 3rem}.cds--search-close--hidden{opacity:0;visibility:hidden}.cds--search--lg.cds--skeleton .cds--search-input,.cds--search--md.cds--skeleton .cds--search-input,.cds--search--sm.cds--skeleton .cds--search-input,:host(cds-search-skeleton.cds--skeleton) .cds--search-input,:host(cds-search.cds--skeleton) .cds--search-input{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%}.cds--search--lg.cds--skeleton .cds--search-input:active,.cds--search--lg.cds--skeleton .cds--search-input:focus,.cds--search--lg.cds--skeleton .cds--search-input:hover,.cds--search--md.cds--skeleton .cds--search-input:active,.cds--search--md.cds--skeleton .cds--search-input:focus,.cds--search--md.cds--skeleton .cds--search-input:hover,.cds--search--sm.cds--skeleton .cds--search-input:active,.cds--search--sm.cds--skeleton .cds--search-input:focus,.cds--search--sm.cds--skeleton .cds--search-input:hover,:host(cds-search-skeleton.cds--skeleton) .cds--search-input:active,:host(cds-search-skeleton.cds--skeleton) .cds--search-input:focus,:host(cds-search-skeleton.cds--skeleton) .cds--search-input:hover,:host(cds-search.cds--skeleton) .cds--search-input:active,:host(cds-search.cds--skeleton) .cds--search-input:focus,:host(cds-search.cds--skeleton) .cds--search-input:hover{border:none;cursor:default;outline:0}.cds--search--lg.cds--skeleton .cds--search-input::before,.cds--search--md.cds--skeleton .cds--search-input::before,.cds--search--sm.cds--skeleton .cds--search-input::before,:host(cds-search-skeleton.cds--skeleton) .cds--search-input::before,:host(cds-search.cds--skeleton) .cds--search-input::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--search--lg.cds--skeleton .cds--search-input::before,.cds--search--md.cds--skeleton .cds--search-input::before,.cds--search--sm.cds--skeleton .cds--search-input::before,:host(cds-search-skeleton.cds--skeleton) .cds--search-input::before,:host(cds-search.cds--skeleton) .cds--search-input::before{animation:none}}.cds--search--lg.cds--skeleton .cds--search-input::-moz-placeholder,.cds--search--md.cds--skeleton .cds--search-input::-moz-placeholder,.cds--search--sm.cds--skeleton .cds--search-input::-moz-placeholder,.cds--skeleton:host(cds-search) .cds--search-input::-moz-placeholder,.cds--skeleton:host(cds-search-skeleton) .cds--search-input::-moz-placeholder{color:transparent}.cds--search--lg.cds--skeleton .cds--search-input::placeholder,.cds--search--md.cds--skeleton .cds--search-input::placeholder,.cds--search--sm.cds--skeleton .cds--search-input::placeholder,:host(cds-search-skeleton.cds--skeleton) .cds--search-input::placeholder,:host(cds-search.cds--skeleton) .cds--search-input::placeholder{color:transparent}.cds--search--expandable{transition:width 70ms cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded{width:100%}.cds--search--expandable .cds--search-input{width:0;padding:0;transition:padding 70ms cubic-bezier(.2,0,.38,.9),width 0s linear 70ms}.cds--search--expandable .cds--search-input::-moz-placeholder{position:relative;opacity:0;transition-duration:70ms;-moz-transition-property:padding,opacity;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.cds--search--expandable .cds--search-input::placeholder{position:relative;opacity:0;transition-duration:70ms;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded .cds--search-input{width:100%;transition:padding 70ms cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded .cds--search-input::-moz-placeholder{position:relative;padding:0;opacity:1}.cds--search--expandable.cds--search--expanded .cds--search-input::placeholder{position:relative;padding:0;opacity:1}.cds--search--expandable .cds--search-magnifier{position:absolute;cursor:pointer}.cds--search--expandable .cds--search-magnifier:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12))}.cds--search--expandable.cds--search--expanded .cds--search-magnifier{pointer-events:none}.cds--search--expandable .cds--search-magnifier-icon{fill:var(--cds-icon-primary,#161616)}.cds--search--expandable.cds--search--expanded .cds--search-magnifier-icon{fill:var(--cds-icon-secondary,#525252)}.cds--search--expandable.cds--search--disabled svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--search-close svg,.cds--search-magnifier-icon{fill:ButtonText}}:host(cds-search){outline:0}:host(cds-search-skeleton){width:100%}:host(cds-search-skeleton) .cds--search-input{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%}:host(cds-search-skeleton) .cds--search-input:active,:host(cds-search-skeleton) .cds--search-input:focus,:host(cds-search-skeleton) .cds--search-input:hover{border:none;cursor:default;outline:0}:host(cds-search-skeleton) .cds--search-input::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-search-skeleton) .cds--search-input::before{animation:none}}:host(cds-search-skeleton) .cds--search-input::-moz-placeholder{color:transparent}:host(cds-search-skeleton) .cds--search-input::placeholder{color:transparent}",
+  "@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset html{font-size:100%}.cds--fieldset body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--fieldset code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--fieldset strong{font-weight:600}.cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:inline-block;margin-bottom:.5rem;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;vertical-align:baseline}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--label strong{font-weight:600}.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label--no-margin{margin-bottom:0}.cds--label+.cds--tooltip{position:relative;top:.2rem;right:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger ::after,.cds--label+.cds--tooltip .cds--tooltip__trigger ::before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{top:.2rem;right:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:4.6875rem;height:.875rem}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--label.cds--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton::before{animation:none}}input[type=number]{font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:0}.cds--form--fluid .cds--form-requirement{padding:.5rem 1rem .5rem 2.5rem;margin:0}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:none;overflow:hidden;max-height:0;margin:.25rem 0 0}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--form-requirement strong{font-weight:600}.cds--select--inline .cds--form__helper-text{margin-top:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;width:100%;margin-top:.25rem;color:var(--cds-text-secondary,#525252);opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--search,:host(cds-search){position:relative;display:flex;width:100%;align-items:center}.cds--search .cds--label,:host(cds-search) .cds--label{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--search-input{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);outline:2px solid transparent;outline-offset:-2px;width:100%;order:1;padding:0 2.5rem;border:none;border-bottom:1px solid var(--cds-border-strong);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);color:var(--cds-text-primary,#161616);text-overflow:ellipsis;transition:background-color 110ms cubic-bezier(.2,0,.38,.9),outline 110ms cubic-bezier(.2,0,.38,.9)}.cds--search-input *,.cds--search-input ::after,.cds--search-input ::before{box-sizing:inherit}.cds--search-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-input:focus{outline-style:dotted}}.cds--search-input::-moz-placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--search-input::placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--search-input::-ms-clear{display:none}.cds--search-input[disabled]{border-bottom:1px solid transparent;background-color:var(--cds-field);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--search-input[disabled]::-moz-placeholder{color:var(--cds-field)}.cds--search-input[disabled]::placeholder{color:var(--cds-field)}.cds--search--light .cds--search-input{background:var(--cds-field-02,#fff)}.cds--search--light .cds--search-close::before{background:var(--cds-field-02,#fff)}.cds--search--sm .cds--search-input,.cds--search--sm.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search-skeleton[size=sm]) .cds--search-input,:host(cds-search.cds--search--sm[expandable][expanded]) .cds--search-input,:host(cds-search[size=sm]) .cds--search-input{height:2rem;padding:0 2rem}.cds--search--sm .cds--search-magnifier-icon,:host(cds-search-skeleton[size=sm]) .cds--search-magnifier-icon,:host(cds-search[size=sm]) .cds--search-magnifier-icon{right:.5rem}.cds--search--md .cds--search-input,.cds--search--md.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search-skeleton[size=md]) .cds--search-input,:host(cds-search.cds--search--md[expandable][expanded]) .cds--search-input,:host(cds-search[size=md]) .cds--search-input{height:2.5rem;padding:0 2.5rem}.cds--search--md .cds--search-magnifier-icon,:host(cds-search-skeleton[size=md]) .cds--search-magnifier-icon,:host(cds-search[size=md]) .cds--search-magnifier-icon{right:.75rem}.cds--search--lg .cds--search-input,.cds--search--lg.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search-skeleton[size=lg]) .cds--search-input,:host(cds-search.cds--search--lg[expandable][expanded]) .cds--search-input,:host(cds-search[size=lg]) .cds--search-input{height:3rem;padding:0 3rem}.cds--search-magnifier-icon{position:absolute;z-index:2;top:50%;right:1rem;width:1rem;height:1rem;fill:var(--cds-icon-secondary,#525252);pointer-events:none;transform:translateY(-50%)}.cds--search-close{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;outline:2px solid transparent;outline-offset:-2px;position:absolute;top:0;left:0}.cds--search-close *,.cds--search-close ::after,.cds--search-close ::before{box-sizing:inherit}.cds--search-close::-moz-focus-inner{border:0}.cds--search-close::before{position:absolute;top:.0625rem;right:0;display:block;width:2px;height:calc(100% - 2px);background-color:var(--cds-field);content:\"\";transition:background-color 110ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--search-close::before{transition:none}}.cds--search-close:hover{border-bottom:1px solid var(--cds-border-strong)}.cds--search-close:hover::before{background-color:var(--cds-field-hover)}.cds--search-button{flex-shrink:0;margin-right:.125rem;background-color:var(--cds-field)}.cds--search-button svg{fill:currentColor;vertical-align:middle}.cds--search-close svg{fill:inherit}.cds--search-button,.cds--search-close{display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-width:1px 0;border-style:solid;border-color:transparent;cursor:pointer;fill:var(--cds-icon-primary,#161616);opacity:1;transition:opacity 110ms cubic-bezier(.2,0,.38,.9),background-color 110ms cubic-bezier(.2,0,.38,.9),outline 110ms cubic-bezier(.2,0,.38,.9),border 110ms cubic-bezier(.2,0,.38,.9);visibility:inherit}.cds--search-button:hover,.cds--search-close:hover{background-color:var(--cds-field-hover)}.cds--search-button:focus,.cds--search-close:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-button:focus,.cds--search-close:focus{outline-style:dotted}}.cds--search-button:active,.cds--search-close:active{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;background-color:var(--cds-background-selected,rgba(141,141,141,.2))}@media screen and (prefers-contrast){.cds--search-button:active,.cds--search-close:active{outline-style:dotted}}.cds--search--disabled .cds--search-close,.cds--search--disabled.cds--search--expandable .cds--search-magnifier,:host(cds-search.cds--search--disabled[expandable]) .cds--search-magnifier{cursor:not-allowed;outline:0}.cds--search--disabled .cds--search-close:hover,.cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover,:host(cds-search.cds--search--disabled[expandable]) .cds--search-magnifier:hover{border-bottom-color:transparent;background-color:transparent}.cds--search--disabled .cds--search-close:hover::before,.cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover::before,:host(cds-search.cds--search--disabled[expandable]) .cds--search-magnifier:hover::before{background-color:transparent}.cds--search--disabled svg{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--search-close:active::before,.cds--search-close:focus::before{background-color:var(--cds-focus,#0f62fe)}.cds--search-input:focus~.cds--search-close:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-input:focus~.cds--search-close:hover{outline-style:dotted}}.cds--search--sm .cds--search-close,.cds--search--sm.cds--search--expandable,.cds--search--sm.cds--search--expandable .cds--search-magnifier,.cds--search--sm~.cds--search-button,:host(cds-search-skeleton.cds--search--expandable[size=sm]),:host(cds-search-skeleton.cds--search--expandable[size=sm]) .cds--search-magnifier,:host(cds-search-skeleton[size=sm]) .cds--search-close,:host(cds-search-skeleton[size=sm])~.cds--search-button,:host(cds-search.cds--search--expandable[size=sm]),:host(cds-search.cds--search--expandable[size=sm]) .cds--search-magnifier,:host(cds-search.cds--search--sm[expandable]),:host(cds-search.cds--search--sm[expandable]) .cds--search-magnifier,:host(cds-search[expandable][size=sm]),:host(cds-search[expandable][size=sm]) .cds--search-magnifier,:host(cds-search[size=sm]) .cds--search-close,:host(cds-search[size=sm])~.cds--search-button{width:2rem;height:2rem}.cds--search--expandable[size=sm]:host(cds-search) .cds--search-input::-moz-placeholder,.cds--search--expandable[size=sm]:host(cds-search-skeleton) .cds--search-input::-moz-placeholder,.cds--search--sm.cds--search--expandable .cds--search-input::-moz-placeholder,.cds--search--sm[expandable]:host(cds-search) .cds--search-input::-moz-placeholder,[expandable]:host(cds-search)[size=sm] .cds--search-input::-moz-placeholder{padding:0 2rem}.cds--search--sm.cds--search--expandable .cds--search-input::placeholder,:host(cds-search-skeleton.cds--search--expandable[size=sm]) .cds--search-input::placeholder,:host(cds-search.cds--search--expandable[size=sm]) .cds--search-input::placeholder,:host(cds-search.cds--search--sm[expandable]) .cds--search-input::placeholder,:host(cds-search[expandable][size=sm]) .cds--search-input::placeholder{padding:0 2rem}.cds--search--md .cds--search-close,.cds--search--md.cds--search--expandable,.cds--search--md.cds--search--expandable .cds--search-magnifier,.cds--search--md~.cds--search-button,:host(cds-search-skeleton.cds--search--expandable[size=md]),:host(cds-search-skeleton.cds--search--expandable[size=md]) .cds--search-magnifier,:host(cds-search-skeleton[size=md]) .cds--search-close,:host(cds-search-skeleton[size=md])~.cds--search-button,:host(cds-search.cds--search--expandable[size=md]),:host(cds-search.cds--search--expandable[size=md]) .cds--search-magnifier,:host(cds-search.cds--search--md[expandable]),:host(cds-search.cds--search--md[expandable]) .cds--search-magnifier,:host(cds-search[expandable][size=md]),:host(cds-search[expandable][size=md]) .cds--search-magnifier,:host(cds-search[size=md]) .cds--search-close,:host(cds-search[size=md])~.cds--search-button{width:2.5rem;height:2.5rem}.cds--search--expandable[size=md]:host(cds-search) .cds--search-input::-moz-placeholder,.cds--search--expandable[size=md]:host(cds-search-skeleton) .cds--search-input::-moz-placeholder,.cds--search--md.cds--search--expandable .cds--search-input::-moz-placeholder,.cds--search--md[expandable]:host(cds-search) .cds--search-input::-moz-placeholder,[expandable]:host(cds-search)[size=md] .cds--search-input::-moz-placeholder{padding:0 2.5rem}.cds--search--md.cds--search--expandable .cds--search-input::placeholder,:host(cds-search-skeleton.cds--search--expandable[size=md]) .cds--search-input::placeholder,:host(cds-search.cds--search--expandable[size=md]) .cds--search-input::placeholder,:host(cds-search.cds--search--md[expandable]) .cds--search-input::placeholder,:host(cds-search[expandable][size=md]) .cds--search-input::placeholder{padding:0 2.5rem}.cds--search--lg .cds--search-close,.cds--search--lg.cds--search--expandable,.cds--search--lg.cds--search--expandable .cds--search-magnifier,.cds--search--lg~.cds--search-button,:host(cds-search-skeleton.cds--search--expandable[size=lg]),:host(cds-search-skeleton.cds--search--expandable[size=lg]) .cds--search-magnifier,:host(cds-search-skeleton[size=lg]) .cds--search-close,:host(cds-search-skeleton[size=lg])~.cds--search-button,:host(cds-search.cds--search--expandable[size=lg]),:host(cds-search.cds--search--expandable[size=lg]) .cds--search-magnifier,:host(cds-search.cds--search--lg[expandable]),:host(cds-search.cds--search--lg[expandable]) .cds--search-magnifier,:host(cds-search[expandable][size=lg]),:host(cds-search[expandable][size=lg]) .cds--search-magnifier,:host(cds-search[size=lg]) .cds--search-close,:host(cds-search[size=lg])~.cds--search-button{width:3rem;height:3rem}.cds--search--expandable[size=lg]:host(cds-search) .cds--search-input::-moz-placeholder,.cds--search--expandable[size=lg]:host(cds-search-skeleton) .cds--search-input::-moz-placeholder,.cds--search--lg.cds--search--expandable .cds--search-input::-moz-placeholder,.cds--search--lg[expandable]:host(cds-search) .cds--search-input::-moz-placeholder,[expandable]:host(cds-search)[size=lg] .cds--search-input::-moz-placeholder{padding:0 3rem}.cds--search--lg.cds--search--expandable .cds--search-input::placeholder,:host(cds-search-skeleton.cds--search--expandable[size=lg]) .cds--search-input::placeholder,:host(cds-search.cds--search--expandable[size=lg]) .cds--search-input::placeholder,:host(cds-search.cds--search--lg[expandable]) .cds--search-input::placeholder,:host(cds-search[expandable][size=lg]) .cds--search-input::placeholder{padding:0 3rem}.cds--search-close--hidden{opacity:0;visibility:hidden}.cds--search--lg.cds--skeleton .cds--search-input,.cds--search--md.cds--skeleton .cds--search-input,.cds--search--sm.cds--skeleton .cds--search-input,:host(cds-search-skeleton.cds--skeleton[size=lg]) .cds--search-input,:host(cds-search-skeleton.cds--skeleton[size=md]) .cds--search-input,:host(cds-search-skeleton.cds--skeleton[size=sm]) .cds--search-input,:host(cds-search.cds--skeleton[size=lg]) .cds--search-input,:host(cds-search.cds--skeleton[size=md]) .cds--search-input,:host(cds-search.cds--skeleton[size=sm]) .cds--search-input{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%}.cds--search--lg.cds--skeleton .cds--search-input:active,.cds--search--lg.cds--skeleton .cds--search-input:focus,.cds--search--lg.cds--skeleton .cds--search-input:hover,.cds--search--md.cds--skeleton .cds--search-input:active,.cds--search--md.cds--skeleton .cds--search-input:focus,.cds--search--md.cds--skeleton .cds--search-input:hover,.cds--search--sm.cds--skeleton .cds--search-input:active,.cds--search--sm.cds--skeleton .cds--search-input:focus,.cds--search--sm.cds--skeleton .cds--search-input:hover,:host(cds-search-skeleton.cds--skeleton[size=lg]) .cds--search-input:active,:host(cds-search-skeleton.cds--skeleton[size=lg]) .cds--search-input:focus,:host(cds-search-skeleton.cds--skeleton[size=lg]) .cds--search-input:hover,:host(cds-search-skeleton.cds--skeleton[size=md]) .cds--search-input:active,:host(cds-search-skeleton.cds--skeleton[size=md]) .cds--search-input:focus,:host(cds-search-skeleton.cds--skeleton[size=md]) .cds--search-input:hover,:host(cds-search-skeleton.cds--skeleton[size=sm]) .cds--search-input:active,:host(cds-search-skeleton.cds--skeleton[size=sm]) .cds--search-input:focus,:host(cds-search-skeleton.cds--skeleton[size=sm]) .cds--search-input:hover,:host(cds-search.cds--skeleton[size=lg]) .cds--search-input:active,:host(cds-search.cds--skeleton[size=lg]) .cds--search-input:focus,:host(cds-search.cds--skeleton[size=lg]) .cds--search-input:hover,:host(cds-search.cds--skeleton[size=md]) .cds--search-input:active,:host(cds-search.cds--skeleton[size=md]) .cds--search-input:focus,:host(cds-search.cds--skeleton[size=md]) .cds--search-input:hover,:host(cds-search.cds--skeleton[size=sm]) .cds--search-input:active,:host(cds-search.cds--skeleton[size=sm]) .cds--search-input:focus,:host(cds-search.cds--skeleton[size=sm]) .cds--search-input:hover{border:none;cursor:default;outline:0}.cds--search--lg.cds--skeleton .cds--search-input::before,.cds--search--md.cds--skeleton .cds--search-input::before,.cds--search--sm.cds--skeleton .cds--search-input::before,:host(cds-search-skeleton.cds--skeleton[size=lg]) .cds--search-input::before,:host(cds-search-skeleton.cds--skeleton[size=md]) .cds--search-input::before,:host(cds-search-skeleton.cds--skeleton[size=sm]) .cds--search-input::before,:host(cds-search.cds--skeleton[size=lg]) .cds--search-input::before,:host(cds-search.cds--skeleton[size=md]) .cds--search-input::before,:host(cds-search.cds--skeleton[size=sm]) .cds--search-input::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--search--lg.cds--skeleton .cds--search-input::before,.cds--search--md.cds--skeleton .cds--search-input::before,.cds--search--sm.cds--skeleton .cds--search-input::before,:host(cds-search-skeleton.cds--skeleton[size=lg]) .cds--search-input::before,:host(cds-search-skeleton.cds--skeleton[size=md]) .cds--search-input::before,:host(cds-search-skeleton.cds--skeleton[size=sm]) .cds--search-input::before,:host(cds-search.cds--skeleton[size=lg]) .cds--search-input::before,:host(cds-search.cds--skeleton[size=md]) .cds--search-input::before,:host(cds-search.cds--skeleton[size=sm]) .cds--search-input::before{animation:none}}.cds--search--lg.cds--skeleton .cds--search-input::-moz-placeholder,.cds--search--md.cds--skeleton .cds--search-input::-moz-placeholder,.cds--search--sm.cds--skeleton .cds--search-input::-moz-placeholder,.cds--skeleton[size=lg]:host(cds-search) .cds--search-input::-moz-placeholder,.cds--skeleton[size=lg]:host(cds-search-skeleton) .cds--search-input::-moz-placeholder,.cds--skeleton[size=md]:host(cds-search) .cds--search-input::-moz-placeholder,.cds--skeleton[size=md]:host(cds-search-skeleton) .cds--search-input::-moz-placeholder,.cds--skeleton[size=sm]:host(cds-search) .cds--search-input::-moz-placeholder,.cds--skeleton[size=sm]:host(cds-search-skeleton) .cds--search-input::-moz-placeholder{color:transparent}.cds--search--lg.cds--skeleton .cds--search-input::placeholder,.cds--search--md.cds--skeleton .cds--search-input::placeholder,.cds--search--sm.cds--skeleton .cds--search-input::placeholder,:host(cds-search-skeleton.cds--skeleton[size=lg]) .cds--search-input::placeholder,:host(cds-search-skeleton.cds--skeleton[size=md]) .cds--search-input::placeholder,:host(cds-search-skeleton.cds--skeleton[size=sm]) .cds--search-input::placeholder,:host(cds-search.cds--skeleton[size=lg]) .cds--search-input::placeholder,:host(cds-search.cds--skeleton[size=md]) .cds--search-input::placeholder,:host(cds-search.cds--skeleton[size=sm]) .cds--search-input::placeholder{color:transparent}.cds--search--expandable,:host(cds-search[expandable]){transition:width 70ms cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded,:host(cds-search.cds--search--expanded[expandable]),:host(cds-search[expanded][expandable]){width:100%}.cds--search--expandable .cds--search-input,:host(cds-search[expandable]) .cds--search-input{width:0;padding:0;transition:padding 70ms cubic-bezier(.2,0,.38,.9),width 0s linear 70ms}.cds--search--expandable .cds--search-input::-moz-placeholder,:host(cds-search)[expandable] .cds--search-input::-moz-placeholder{position:relative;opacity:0;transition-duration:70ms;-moz-transition-property:padding,opacity;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.cds--search--expandable .cds--search-input::placeholder,:host(cds-search[expandable]) .cds--search-input::placeholder{position:relative;opacity:0;transition-duration:70ms;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search.cds--search--expanded[expandable]) .cds--search-input,:host(cds-search[expanded][expandable]) .cds--search-input{width:100%;transition:padding 70ms cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded .cds--search-input::-moz-placeholder,.cds--search--expanded[expandable]:host(cds-search) .cds--search-input::-moz-placeholder,[expanded]:host(cds-search)[expandable] .cds--search-input::-moz-placeholder{position:relative;padding:0;opacity:1}.cds--search--expandable.cds--search--expanded .cds--search-input::placeholder,:host(cds-search.cds--search--expanded[expandable]) .cds--search-input::placeholder,:host(cds-search[expanded][expandable]) .cds--search-input::placeholder{position:relative;padding:0;opacity:1}.cds--search--expandable .cds--search-magnifier,:host(cds-search[expandable]) .cds--search-magnifier{position:absolute;cursor:pointer}.cds--search--expandable .cds--search-magnifier:hover,:host(cds-search[expandable]) .cds--search-magnifier:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12))}.cds--search--expandable.cds--search--expanded .cds--search-magnifier,:host(cds-search.cds--search--expanded[expandable]) .cds--search-magnifier,:host(cds-search[expanded][expandable]) .cds--search-magnifier{pointer-events:none}.cds--search--expandable .cds--search-magnifier-icon,:host(cds-search[expandable]) .cds--search-magnifier-icon{fill:var(--cds-icon-primary,#161616)}.cds--search--expandable.cds--search--expanded .cds--search-magnifier-icon,:host(cds-search.cds--search--expanded[expandable]) .cds--search-magnifier-icon,:host(cds-search[expanded][expandable]) .cds--search-magnifier-icon{fill:var(--cds-icon-secondary,#525252)}.cds--search--expandable.cds--search--disabled svg,:host(cds-search.cds--search--disabled[expandable]) svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--search-close svg,.cds--search-magnifier-icon{fill:ButtonText}}.cds--search,:host(cds-search){position:relative;display:flex;width:100%;align-items:center}.cds--search .cds--label,:host(cds-search) .cds--label{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--search-input{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);outline:2px solid transparent;outline-offset:-2px;width:100%;order:1;padding:0 2.5rem;border:none;border-bottom:1px solid var(--cds-border-strong);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);color:var(--cds-text-primary,#161616);text-overflow:ellipsis;transition:background-color 110ms cubic-bezier(.2,0,.38,.9),outline 110ms cubic-bezier(.2,0,.38,.9)}.cds--search-input *,.cds--search-input ::after,.cds--search-input ::before{box-sizing:inherit}.cds--search-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-input:focus{outline-style:dotted}}.cds--search-input::-moz-placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--search-input::placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--search-input::-ms-clear{display:none}.cds--search-input[disabled]{border-bottom:1px solid transparent;background-color:var(--cds-field);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--search-input[disabled]::-moz-placeholder{color:var(--cds-field)}.cds--search-input[disabled]::placeholder{color:var(--cds-field)}.cds--search--light .cds--search-input{background:var(--cds-field-02,#fff)}.cds--search--light .cds--search-close::before{background:var(--cds-field-02,#fff)}.cds--search--sm .cds--search-input,.cds--search--sm.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search-skeleton[size=sm]) .cds--search-input,:host(cds-search.cds--search--sm.cds--search--expandable[expandable][expanded]) .cds--search-input,:host(cds-search[size=sm]) .cds--search-input{height:2rem;padding:0 2rem}.cds--search--sm .cds--search-magnifier-icon,:host(cds-search-skeleton[size=sm]) .cds--search-magnifier-icon,:host(cds-search[size=sm]) .cds--search-magnifier-icon{right:.5rem}.cds--search--md .cds--search-input,.cds--search--md.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search-skeleton[size=md]) .cds--search-input,:host(cds-search.cds--search--md.cds--search--expandable[expandable][expanded]) .cds--search-input,:host(cds-search[size=md]) .cds--search-input{height:2.5rem;padding:0 2.5rem}.cds--search--md .cds--search-magnifier-icon,:host(cds-search-skeleton[size=md]) .cds--search-magnifier-icon,:host(cds-search[size=md]) .cds--search-magnifier-icon{right:.75rem}.cds--search--lg .cds--search-input,.cds--search--lg.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search-skeleton[size=lg]) .cds--search-input,:host(cds-search.cds--search--lg.cds--search--expandable[expandable][expanded]) .cds--search-input,:host(cds-search[size=lg]) .cds--search-input{height:3rem;padding:0 3rem}.cds--search-magnifier-icon{position:absolute;z-index:2;top:50%;right:1rem;width:1rem;height:1rem;fill:var(--cds-icon-secondary,#525252);pointer-events:none;transform:translateY(-50%)}.cds--search-close{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;outline:2px solid transparent;outline-offset:-2px;position:absolute;top:0;left:0}.cds--search-close *,.cds--search-close ::after,.cds--search-close ::before{box-sizing:inherit}.cds--search-close::-moz-focus-inner{border:0}.cds--search-close::before{position:absolute;top:.0625rem;right:0;display:block;width:2px;height:calc(100% - 2px);background-color:var(--cds-field);content:\"\";transition:background-color 110ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--search-close::before{transition:none}}.cds--search-close:hover{border-bottom:1px solid var(--cds-border-strong)}.cds--search-close:hover::before{background-color:var(--cds-field-hover)}.cds--search-button{flex-shrink:0;margin-right:.125rem;background-color:var(--cds-field)}.cds--search-button svg{fill:currentColor;vertical-align:middle}.cds--search-close svg{fill:inherit}.cds--search-button,.cds--search-close{display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-width:1px 0;border-style:solid;border-color:transparent;cursor:pointer;fill:var(--cds-icon-primary,#161616);opacity:1;transition:opacity 110ms cubic-bezier(.2,0,.38,.9),background-color 110ms cubic-bezier(.2,0,.38,.9),outline 110ms cubic-bezier(.2,0,.38,.9),border 110ms cubic-bezier(.2,0,.38,.9);visibility:inherit}.cds--search-button:hover,.cds--search-close:hover{background-color:var(--cds-field-hover)}.cds--search-button:focus,.cds--search-close:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-button:focus,.cds--search-close:focus{outline-style:dotted}}.cds--search-button:active,.cds--search-close:active{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;background-color:var(--cds-background-selected,rgba(141,141,141,.2))}@media screen and (prefers-contrast){.cds--search-button:active,.cds--search-close:active{outline-style:dotted}}.cds--search--disabled .cds--search-close,.cds--search--disabled.cds--search--expandable .cds--search-magnifier,:host(cds-search.cds--search--disabled[expandable]) .cds--search-magnifier{cursor:not-allowed;outline:0}.cds--search--disabled .cds--search-close:hover,.cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover,:host(cds-search.cds--search--disabled[expandable]) .cds--search-magnifier:hover{border-bottom-color:transparent;background-color:transparent}.cds--search--disabled .cds--search-close:hover::before,.cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover::before,:host(cds-search.cds--search--disabled[expandable]) .cds--search-magnifier:hover::before{background-color:transparent}.cds--search--disabled svg{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--search-close:active::before,.cds--search-close:focus::before{background-color:var(--cds-focus,#0f62fe)}.cds--search-input:focus~.cds--search-close:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-input:focus~.cds--search-close:hover{outline-style:dotted}}.cds--search--sm .cds--search-close,.cds--search--sm.cds--search--expandable,.cds--search--sm.cds--search--expandable .cds--search-magnifier,.cds--search--sm~.cds--search-button,:host(cds-search-skeleton.cds--search--expandable[size=sm]),:host(cds-search-skeleton.cds--search--expandable[size=sm]) .cds--search-magnifier,:host(cds-search-skeleton[size=sm]) .cds--search-close,:host(cds-search-skeleton[size=sm])~.cds--search-button,:host(cds-search.cds--search--expandable[size=sm]),:host(cds-search.cds--search--expandable[size=sm]) .cds--search-magnifier,:host(cds-search.cds--search--sm[expandable]),:host(cds-search.cds--search--sm[expandable]) .cds--search-magnifier,:host(cds-search[expandable][size=sm]),:host(cds-search[expandable][size=sm]) .cds--search-magnifier,:host(cds-search[size=sm]) .cds--search-close,:host(cds-search[size=sm])~.cds--search-button{width:2rem;height:2rem}.cds--search--expandable[size=sm]:host(cds-search) .cds--search-input::-moz-placeholder,.cds--search--expandable[size=sm]:host(cds-search-skeleton) .cds--search-input::-moz-placeholder,.cds--search--sm.cds--search--expandable .cds--search-input::-moz-placeholder,.cds--search--sm[expandable]:host(cds-search) .cds--search-input::-moz-placeholder,[expandable][size=sm]:host(cds-search) .cds--search-input::-moz-placeholder{padding:0 2rem}.cds--search--sm.cds--search--expandable .cds--search-input::placeholder,:host(cds-search-skeleton.cds--search--expandable[size=sm]) .cds--search-input::placeholder,:host(cds-search.cds--search--expandable[size=sm]) .cds--search-input::placeholder,:host(cds-search.cds--search--sm[expandable]) .cds--search-input::placeholder,:host(cds-search[expandable][size=sm]) .cds--search-input::placeholder{padding:0 2rem}.cds--search--md .cds--search-close,.cds--search--md.cds--search--expandable,.cds--search--md.cds--search--expandable .cds--search-magnifier,.cds--search--md~.cds--search-button,:host(cds-search-skeleton.cds--search--expandable[size=md]),:host(cds-search-skeleton.cds--search--expandable[size=md]) .cds--search-magnifier,:host(cds-search-skeleton[size=md]) .cds--search-close,:host(cds-search-skeleton[size=md])~.cds--search-button,:host(cds-search.cds--search--expandable[size=md]),:host(cds-search.cds--search--expandable[size=md]) .cds--search-magnifier,:host(cds-search.cds--search--md[expandable]),:host(cds-search.cds--search--md[expandable]) .cds--search-magnifier,:host(cds-search[expandable][size=md]),:host(cds-search[expandable][size=md]) .cds--search-magnifier,:host(cds-search[size=md]) .cds--search-close,:host(cds-search[size=md])~.cds--search-button{width:2.5rem;height:2.5rem}.cds--search--expandable[size=md]:host(cds-search) .cds--search-input::-moz-placeholder,.cds--search--expandable[size=md]:host(cds-search-skeleton) .cds--search-input::-moz-placeholder,.cds--search--md.cds--search--expandable .cds--search-input::-moz-placeholder,.cds--search--md[expandable]:host(cds-search) .cds--search-input::-moz-placeholder,[expandable][size=md]:host(cds-search) .cds--search-input::-moz-placeholder{padding:0 2.5rem}.cds--search--md.cds--search--expandable .cds--search-input::placeholder,:host(cds-search-skeleton.cds--search--expandable[size=md]) .cds--search-input::placeholder,:host(cds-search.cds--search--expandable[size=md]) .cds--search-input::placeholder,:host(cds-search.cds--search--md[expandable]) .cds--search-input::placeholder,:host(cds-search[expandable][size=md]) .cds--search-input::placeholder{padding:0 2.5rem}.cds--search--lg .cds--search-close,.cds--search--lg.cds--search--expandable,.cds--search--lg.cds--search--expandable .cds--search-magnifier,.cds--search--lg~.cds--search-button,:host(cds-search-skeleton.cds--search--expandable[size=lg]),:host(cds-search-skeleton.cds--search--expandable[size=lg]) .cds--search-magnifier,:host(cds-search-skeleton[size=lg]) .cds--search-close,:host(cds-search-skeleton[size=lg])~.cds--search-button,:host(cds-search.cds--search--expandable[size=lg]),:host(cds-search.cds--search--expandable[size=lg]) .cds--search-magnifier,:host(cds-search.cds--search--lg[expandable]),:host(cds-search.cds--search--lg[expandable]) .cds--search-magnifier,:host(cds-search[expandable][size=lg]),:host(cds-search[expandable][size=lg]) .cds--search-magnifier,:host(cds-search[size=lg]) .cds--search-close,:host(cds-search[size=lg])~.cds--search-button{width:3rem;height:3rem}.cds--search--expandable[size=lg]:host(cds-search) .cds--search-input::-moz-placeholder,.cds--search--expandable[size=lg]:host(cds-search-skeleton) .cds--search-input::-moz-placeholder,.cds--search--lg.cds--search--expandable .cds--search-input::-moz-placeholder,.cds--search--lg[expandable]:host(cds-search) .cds--search-input::-moz-placeholder,[expandable][size=lg]:host(cds-search) .cds--search-input::-moz-placeholder{padding:0 3rem}.cds--search--lg.cds--search--expandable .cds--search-input::placeholder,:host(cds-search-skeleton.cds--search--expandable[size=lg]) .cds--search-input::placeholder,:host(cds-search.cds--search--expandable[size=lg]) .cds--search-input::placeholder,:host(cds-search.cds--search--lg[expandable]) .cds--search-input::placeholder,:host(cds-search[expandable][size=lg]) .cds--search-input::placeholder{padding:0 3rem}.cds--search-close--hidden{opacity:0;visibility:hidden}.cds--search--lg.cds--skeleton .cds--search-input,.cds--search--md.cds--skeleton .cds--search-input,.cds--search--sm.cds--skeleton .cds--search-input,:host(cds-search-skeleton.cds--skeleton[size=lg]) .cds--search-input,:host(cds-search-skeleton.cds--skeleton[size=md]) .cds--search-input,:host(cds-search-skeleton.cds--skeleton[size=sm]) .cds--search-input,:host(cds-search.cds--skeleton[size=lg]) .cds--search-input,:host(cds-search.cds--skeleton[size=md]) .cds--search-input,:host(cds-search.cds--skeleton[size=sm]) .cds--search-input{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%}.cds--search--lg.cds--skeleton .cds--search-input:active,.cds--search--lg.cds--skeleton .cds--search-input:focus,.cds--search--lg.cds--skeleton .cds--search-input:hover,.cds--search--md.cds--skeleton .cds--search-input:active,.cds--search--md.cds--skeleton .cds--search-input:focus,.cds--search--md.cds--skeleton .cds--search-input:hover,.cds--search--sm.cds--skeleton .cds--search-input:active,.cds--search--sm.cds--skeleton .cds--search-input:focus,.cds--search--sm.cds--skeleton .cds--search-input:hover,:host(cds-search-skeleton.cds--skeleton[size=lg]) .cds--search-input:active,:host(cds-search-skeleton.cds--skeleton[size=lg]) .cds--search-input:focus,:host(cds-search-skeleton.cds--skeleton[size=lg]) .cds--search-input:hover,:host(cds-search-skeleton.cds--skeleton[size=md]) .cds--search-input:active,:host(cds-search-skeleton.cds--skeleton[size=md]) .cds--search-input:focus,:host(cds-search-skeleton.cds--skeleton[size=md]) .cds--search-input:hover,:host(cds-search-skeleton.cds--skeleton[size=sm]) .cds--search-input:active,:host(cds-search-skeleton.cds--skeleton[size=sm]) .cds--search-input:focus,:host(cds-search-skeleton.cds--skeleton[size=sm]) .cds--search-input:hover,:host(cds-search.cds--skeleton[size=lg]) .cds--search-input:active,:host(cds-search.cds--skeleton[size=lg]) .cds--search-input:focus,:host(cds-search.cds--skeleton[size=lg]) .cds--search-input:hover,:host(cds-search.cds--skeleton[size=md]) .cds--search-input:active,:host(cds-search.cds--skeleton[size=md]) .cds--search-input:focus,:host(cds-search.cds--skeleton[size=md]) .cds--search-input:hover,:host(cds-search.cds--skeleton[size=sm]) .cds--search-input:active,:host(cds-search.cds--skeleton[size=sm]) .cds--search-input:focus,:host(cds-search.cds--skeleton[size=sm]) .cds--search-input:hover{border:none;cursor:default;outline:0}.cds--search--lg.cds--skeleton .cds--search-input::before,.cds--search--md.cds--skeleton .cds--search-input::before,.cds--search--sm.cds--skeleton .cds--search-input::before,:host(cds-search-skeleton.cds--skeleton[size=lg]) .cds--search-input::before,:host(cds-search-skeleton.cds--skeleton[size=md]) .cds--search-input::before,:host(cds-search-skeleton.cds--skeleton[size=sm]) .cds--search-input::before,:host(cds-search.cds--skeleton[size=lg]) .cds--search-input::before,:host(cds-search.cds--skeleton[size=md]) .cds--search-input::before,:host(cds-search.cds--skeleton[size=sm]) .cds--search-input::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--search--lg.cds--skeleton .cds--search-input::before,.cds--search--md.cds--skeleton .cds--search-input::before,.cds--search--sm.cds--skeleton .cds--search-input::before,:host(cds-search-skeleton.cds--skeleton[size=lg]) .cds--search-input::before,:host(cds-search-skeleton.cds--skeleton[size=md]) .cds--search-input::before,:host(cds-search-skeleton.cds--skeleton[size=sm]) .cds--search-input::before,:host(cds-search.cds--skeleton[size=lg]) .cds--search-input::before,:host(cds-search.cds--skeleton[size=md]) .cds--search-input::before,:host(cds-search.cds--skeleton[size=sm]) .cds--search-input::before{animation:none}}.cds--search--lg.cds--skeleton .cds--search-input::-moz-placeholder,.cds--search--md.cds--skeleton .cds--search-input::-moz-placeholder,.cds--search--sm.cds--skeleton .cds--search-input::-moz-placeholder,.cds--skeleton[size=lg]:host(cds-search) .cds--search-input::-moz-placeholder,.cds--skeleton[size=lg]:host(cds-search-skeleton) .cds--search-input::-moz-placeholder,.cds--skeleton[size=md]:host(cds-search) .cds--search-input::-moz-placeholder,.cds--skeleton[size=md]:host(cds-search-skeleton) .cds--search-input::-moz-placeholder,.cds--skeleton[size=sm]:host(cds-search) .cds--search-input::-moz-placeholder,.cds--skeleton[size=sm]:host(cds-search-skeleton) .cds--search-input::-moz-placeholder{color:transparent}.cds--search--lg.cds--skeleton .cds--search-input::placeholder,.cds--search--md.cds--skeleton .cds--search-input::placeholder,.cds--search--sm.cds--skeleton .cds--search-input::placeholder,:host(cds-search-skeleton.cds--skeleton[size=lg]) .cds--search-input::placeholder,:host(cds-search-skeleton.cds--skeleton[size=md]) .cds--search-input::placeholder,:host(cds-search-skeleton.cds--skeleton[size=sm]) .cds--search-input::placeholder,:host(cds-search.cds--skeleton[size=lg]) .cds--search-input::placeholder,:host(cds-search.cds--skeleton[size=md]) .cds--search-input::placeholder,:host(cds-search.cds--skeleton[size=sm]) .cds--search-input::placeholder{color:transparent}.cds--search--expandable,:host(cds-search[expandable]){transition:width 70ms cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded,:host(cds-search.cds--search--expanded[expandable]),:host(cds-search[expandable][expanded]){width:100%}.cds--search--expandable .cds--search-input,:host(cds-search[expandable]) .cds--search-input{width:0;padding:0;transition:padding 70ms cubic-bezier(.2,0,.38,.9),width 0s linear 70ms}.cds--search--expandable .cds--search-input::-moz-placeholder,:host(cds-search)[expandable] .cds--search-input::-moz-placeholder{position:relative;opacity:0;transition-duration:70ms;-moz-transition-property:padding,opacity;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.cds--search--expandable .cds--search-input::placeholder,:host(cds-search[expandable]) .cds--search-input::placeholder{position:relative;opacity:0;transition-duration:70ms;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search.cds--search--expanded[expandable]) .cds--search-input,:host(cds-search[expandable][expanded]) .cds--search-input{width:100%;transition:padding 70ms cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded .cds--search-input::-moz-placeholder,.cds--search--expanded[expandable]:host(cds-search) .cds--search-input::-moz-placeholder,[expandable][expanded]:host(cds-search) .cds--search-input::-moz-placeholder{position:relative;padding:0;opacity:1}.cds--search--expandable.cds--search--expanded .cds--search-input::placeholder,:host(cds-search.cds--search--expanded[expandable]) .cds--search-input::placeholder,:host(cds-search[expandable][expanded]) .cds--search-input::placeholder{position:relative;padding:0;opacity:1}.cds--search--expandable .cds--search-magnifier,:host(cds-search[expandable]) .cds--search-magnifier{position:absolute;cursor:pointer}.cds--search--expandable .cds--search-magnifier:hover,:host(cds-search[expandable]) .cds--search-magnifier:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12))}.cds--search--expandable.cds--search--expanded .cds--search-magnifier,:host(cds-search.cds--search--expanded[expandable]) .cds--search-magnifier,:host(cds-search[expandable][expanded]) .cds--search-magnifier{pointer-events:none}.cds--search--expandable .cds--search-magnifier-icon,:host(cds-search[expandable]) .cds--search-magnifier-icon{fill:var(--cds-icon-primary,#161616)}.cds--search--expandable.cds--search--expanded .cds--search-magnifier-icon,:host(cds-search.cds--search--expanded[expandable]) .cds--search-magnifier-icon,:host(cds-search[expandable][expanded]) .cds--search-magnifier-icon{fill:var(--cds-icon-secondary,#525252)}.cds--search--expandable.cds--search--disabled svg,:host(cds-search.cds--search--disabled[expandable]) svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--search-close svg,.cds--search-magnifier-icon{fill:ButtonText}}:host(cds-search){outline:0}:host(cds-search[expandable][expanded][size=sm]) .cds--search-input{padding:0 2rem}:host(cds-search[expandable][expanded][size=md]) .cds--search-input{padding:0 2.5rem}:host(cds-search[expandable][expanded][size=lg]) .cds--search-input{padding:0 3rem}:host(cds-search[disabled]) svg{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}:host(cds-search[disabled]) .cds--search-close{pointer-events:none;outline:0}:host(cds-search[disabled]) .cds--search-close::before{background:0 0}:host(cds-search-skeleton){width:100%}:host(cds-search-skeleton) .cds--search-input{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%}:host(cds-search-skeleton) .cds--search-input:active,:host(cds-search-skeleton) .cds--search-input:focus,:host(cds-search-skeleton) .cds--search-input:hover{border:none;cursor:default;outline:0}:host(cds-search-skeleton) .cds--search-input::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-search-skeleton) .cds--search-input::before{animation:none}}:host(cds-search-skeleton) .cds--search-input::-moz-placeholder{color:transparent}:host(cds-search-skeleton) .cds--search-input::placeholder{color:transparent}",
 ]);

package/es/components/select/index.d.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2021
+ * Copyright IBM Corp. 2021, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -9,5 +9,6 @@
 import './select';
 import './select-item';
 import './select-item-group';
+import './select-skeleton';
 
 //# sourceMappingURL=index.d.ts.map

package/es/components/select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/select/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,UAAU,CAAC;AAClB,OAAO,eAAe,CAAC;AACvB,OAAO,qBAAqB,CAAC","file":"index.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport './select';\nimport './select-item';\nimport './select-item-group';\n"]}
+{"version":3,"sources":["components/select/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,UAAU,CAAC;AAClB,OAAO,eAAe,CAAC;AACvB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,mBAAmB,CAAC","file":"index.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport './select';\nimport './select-item';\nimport './select-item-group';\nimport './select-skeleton';\n"]}

package/es/components/select/index.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2021
+ * Copyright IBM Corp. 2021, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -10,4 +10,5 @@
 import './select';
 import './select-item';
 import './select-item-group';
+import './select-skeleton';
 //# sourceMappingURL=index.js.map

package/es/components/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["components/select/index.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport './select';\nimport './select-item';\nimport './select-item-group';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,UAAU;AACjB,OAAO,eAAe;AACtB,OAAO,qBAAqB"}
+{"version":3,"file":"index.js","names":[],"sources":["components/select/index.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport './select';\nimport './select-item';\nimport './select-item-group';\nimport './select-skeleton';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,UAAU;AACjB,OAAO,eAAe;AACtB,OAAO,qBAAqB;AAC5B,OAAO,mBAAmB"}