@carbon/web-components 2.0.0-beta.0 → 2.0.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +5128 -3232
- package/es/components/breadcrumb/breadcrumb-skeleton.d.ts.map +1 -1
- package/es/components/breadcrumb/breadcrumb-skeleton.js.map +1 -1
- package/es/components/button/button-set.d.ts +2 -2
- package/es/components/button/button-set.d.ts.map +1 -1
- package/es/components/button/button-set.js +4 -4
- package/es/components/button/button-set.js.map +1 -1
- package/es/components/button/button-skeleton.d.ts +3 -3
- package/es/components/button/button-skeleton.d.ts.map +1 -1
- package/es/components/button/button-skeleton.js +6 -6
- package/es/components/button/button-skeleton.js.map +1 -1
- package/es/components/button/button.css.js +1 -1
- package/es/components/button/button.d.ts +5 -5
- package/es/components/button/button.d.ts.map +1 -1
- package/es/components/button/button.js +6 -6
- package/es/components/button/button.js.map +1 -1
- package/es/components/button/button.rtl.css.js +1 -1
- package/es/components/{tooltip/tooltip-footer.d.ts → checkbox/checkbox-skeleton.d.ts} +4 -4
- package/es/components/checkbox/checkbox-skeleton.d.ts.map +1 -0
- package/es/components/{tooltip/tooltip-footer.js → checkbox/checkbox-skeleton.js} +15 -9
- package/es/components/checkbox/checkbox-skeleton.js.map +1 -0
- package/es/components/checkbox/checkbox.css.js +1 -1
- package/es/components/checkbox/checkbox.d.ts +21 -8
- package/es/components/checkbox/checkbox.d.ts.map +1 -1
- package/es/components/checkbox/checkbox.js +65 -17
- package/es/components/checkbox/checkbox.js.map +1 -1
- package/es/components/checkbox/checkbox.rtl.css.js +1 -1
- package/es/components/checkbox/index.d.ts +2 -1
- package/es/components/checkbox/index.d.ts.map +1 -1
- package/es/components/checkbox/index.js +2 -1
- package/es/components/checkbox/index.js.map +1 -1
- package/es/components/code-snippet/code-snippet.d.ts +0 -8
- package/es/components/code-snippet/code-snippet.d.ts.map +1 -1
- package/es/components/code-snippet/code-snippet.js +20 -56
- package/es/components/code-snippet/code-snippet.js.map +1 -1
- package/es/components/combo-box/combo-box-item.d.ts +3 -3
- package/es/components/combo-box/combo-box-item.d.ts.map +1 -1
- package/es/components/combo-box/combo-box-item.js +6 -6
- package/es/components/combo-box/combo-box-item.js.map +1 -1
- package/es/components/combo-box/combo-box.css.js +1 -1
- package/es/components/combo-box/combo-box.d.ts +11 -11
- package/es/components/combo-box/combo-box.d.ts.map +1 -1
- package/es/components/combo-box/combo-box.js +40 -19
- package/es/components/combo-box/combo-box.js.map +1 -1
- package/es/components/combo-box/combo-box.rtl.css.js +1 -1
- package/es/components/content-switcher/content-switcher.css.js +1 -1
- package/es/components/content-switcher/content-switcher.rtl.css.js +1 -1
- package/es/components/copy/copy.d.ts +49 -0
- package/es/components/copy/copy.d.ts.map +1 -0
- package/es/components/copy/copy.js +183 -0
- package/es/components/copy/copy.js.map +1 -0
- package/es/components/copy-button/copy-button.css.js +1 -1
- package/es/components/copy-button/copy-button.d.ts +8 -53
- package/es/components/copy-button/copy-button.d.ts.map +1 -1
- package/es/components/copy-button/copy-button.js +22 -150
- package/es/components/copy-button/copy-button.js.map +1 -1
- package/es/components/copy-button/copy-button.rtl.css.js +1 -1
- package/es/components/data-table/data-table.css.js +1 -1
- package/es/components/data-table/data-table.rtl.css.js +1 -1
- package/es/components/data-table/table-header-cell.d.ts.map +1 -1
- package/es/components/data-table/table-header-cell.js +2 -2
- package/es/components/data-table/table-header-cell.js.map +1 -1
- package/es/components/data-table/table-toolbar-search.d.ts +3 -3
- package/es/components/data-table/table-toolbar-search.d.ts.map +1 -1
- package/es/components/data-table/table-toolbar-search.js +3 -3
- package/es/components/data-table/table-toolbar-search.js.map +1 -1
- package/es/components/date-picker/date-picker-input-skeleton.d.ts +2 -2
- package/es/components/date-picker/date-picker-input-skeleton.d.ts.map +1 -1
- package/es/components/date-picker/date-picker-input-skeleton.js +4 -4
- package/es/components/date-picker/date-picker-input-skeleton.js.map +1 -1
- package/es/components/date-picker/date-picker-input.d.ts +38 -352
- package/es/components/date-picker/date-picker-input.d.ts.map +1 -1
- package/es/components/date-picker/date-picker-input.js +138 -97
- package/es/components/date-picker/date-picker-input.js.map +1 -1
- package/es/components/date-picker/date-picker.css.js +1 -1
- package/es/components/date-picker/date-picker.d.ts +23 -3
- package/es/components/date-picker/date-picker.d.ts.map +1 -1
- package/es/components/date-picker/date-picker.js +100 -24
- package/es/components/date-picker/date-picker.js.map +1 -1
- package/es/components/date-picker/date-picker.rtl.css.js +1 -1
- package/es/components/date-picker/defs.d.ts +1 -14
- package/es/components/date-picker/defs.d.ts.map +1 -1
- package/es/components/date-picker/defs.js +1 -10
- package/es/components/date-picker/defs.js.map +1 -1
- package/es/components/date-picker/fix-events-plugin.d.ts +6 -6
- package/es/components/date-picker/fix-events-plugin.d.ts.map +1 -1
- package/es/components/date-picker/fix-events-plugin.js +7 -7
- package/es/components/date-picker/fix-events-plugin.js.map +1 -1
- package/es/components/date-picker/focus-plugin.d.ts +9 -9
- package/es/components/date-picker/focus-plugin.d.ts.map +1 -1
- package/es/components/date-picker/focus-plugin.js +16 -16
- package/es/components/date-picker/focus-plugin.js.map +1 -1
- package/es/components/date-picker/shadow-dom-events-plugin.d.ts +2 -2
- package/es/components/date-picker/shadow-dom-events-plugin.d.ts.map +1 -1
- package/es/components/date-picker/shadow-dom-events-plugin.js +4 -4
- package/es/components/date-picker/shadow-dom-events-plugin.js.map +1 -1
- package/es/components/date-picker/state-handshake-plugin.d.ts +2 -2
- package/es/components/date-picker/state-handshake-plugin.d.ts.map +1 -1
- package/es/components/date-picker/state-handshake-plugin.js.map +1 -1
- package/es/components/dropdown/defs.d.ts +16 -3
- package/es/components/dropdown/defs.d.ts.map +1 -1
- package/es/components/dropdown/defs.js +11 -2
- package/es/components/dropdown/defs.js.map +1 -1
- package/es/components/dropdown/dropdown-item.d.ts +2 -2
- package/es/components/dropdown/dropdown-item.d.ts.map +1 -1
- package/es/components/dropdown/dropdown-item.js +4 -4
- package/es/components/dropdown/dropdown-item.js.map +1 -1
- package/es/components/dropdown/dropdown-skeleton.d.ts +2 -2
- package/es/components/dropdown/dropdown-skeleton.d.ts.map +1 -1
- package/es/components/dropdown/dropdown-skeleton.js +4 -4
- package/es/components/dropdown/dropdown-skeleton.js.map +1 -1
- package/es/components/dropdown/dropdown.css.js +1 -1
- package/es/components/dropdown/dropdown.d.ts +45 -20
- package/es/components/dropdown/dropdown.d.ts.map +1 -1
- package/es/components/dropdown/dropdown.js +156 -65
- package/es/components/dropdown/dropdown.js.map +1 -1
- package/es/components/dropdown/dropdown.rtl.css.js +1 -1
- package/es/components/file-uploader/file-uploader.css.js +1 -1
- package/es/components/file-uploader/file-uploader.rtl.css.js +1 -1
- package/es/components/icon-button/defs.d.ts +64 -0
- package/es/components/icon-button/defs.d.ts.map +1 -0
- package/es/components/icon-button/defs.js +34 -0
- package/es/components/icon-button/defs.js.map +1 -0
- package/es/components/icon-button/icon-button.css.js +12 -0
- package/es/components/icon-button/icon-button.d.ts +50 -0
- package/es/components/icon-button/icon-button.d.ts.map +1 -0
- package/es/components/icon-button/icon-button.js +176 -0
- package/es/components/icon-button/icon-button.js.map +1 -0
- package/es/components/icon-button/icon-button.rtl.css.js +12 -0
- package/es/components/icon-button/index.d.ts +11 -0
- package/es/components/icon-button/index.d.ts.map +1 -0
- package/es/components/icon-button/index.js +11 -0
- package/es/components/icon-button/index.js.map +1 -0
- package/es/components/inline-loading/inline-loading.d.ts +6 -2
- package/es/components/inline-loading/inline-loading.d.ts.map +1 -1
- package/es/components/inline-loading/inline-loading.js +20 -5
- package/es/components/inline-loading/inline-loading.js.map +1 -1
- package/es/components/input/defs.d.ts +1 -1
- package/es/components/input/defs.d.ts.map +1 -1
- package/es/components/input/defs.js +1 -1
- package/es/components/input/defs.js.map +1 -1
- package/es/components/input/input.d.ts +31 -7
- package/es/components/input/input.d.ts.map +1 -1
- package/es/components/input/input.js +88 -11
- package/es/components/input/input.js.map +1 -1
- package/es/components/layer/layer.css.js +1 -1
- package/es/components/layer/layer.rtl.css.js +1 -1
- package/es/components/list/list.css.js +1 -1
- package/es/components/list/list.rtl.css.js +1 -1
- package/es/components/list/ordered-list.d.ts +3 -3
- package/es/components/list/ordered-list.d.ts.map +1 -1
- package/es/components/list/ordered-list.js +6 -6
- package/es/components/list/ordered-list.js.map +1 -1
- package/es/components/list/unordered-list.d.ts +2 -2
- package/es/components/list/unordered-list.d.ts.map +1 -1
- package/es/components/list/unordered-list.js +5 -5
- package/es/components/list/unordered-list.js.map +1 -1
- package/es/components/loading/loading.css.js +1 -1
- package/es/components/loading/loading.d.ts +2 -2
- package/es/components/loading/loading.d.ts.map +1 -1
- package/es/components/loading/loading.js +4 -4
- package/es/components/loading/loading.js.map +1 -1
- package/es/components/loading/loading.rtl.css.js +1 -1
- package/es/components/modal/modal-footer-button.d.ts +3 -3
- package/es/components/modal/modal-footer-button.d.ts.map +1 -1
- package/es/components/modal/modal-footer-button.js +6 -6
- package/es/components/modal/modal-footer-button.js.map +1 -1
- package/es/components/modal/modal-footer.d.ts.map +1 -1
- package/es/components/modal/modal-footer.js +1 -1
- package/es/components/modal/modal-footer.js.map +1 -1
- package/es/components/modal/modal.css.js +1 -1
- package/es/components/modal/modal.d.ts.map +1 -1
- package/es/components/modal/modal.js +2 -2
- package/es/components/modal/modal.js.map +1 -1
- package/es/components/modal/modal.rtl.css.js +1 -1
- package/es/components/multi-select/multi-select-item.d.ts +3 -3
- package/es/components/multi-select/multi-select-item.d.ts.map +1 -1
- package/es/components/multi-select/multi-select-item.js +6 -6
- package/es/components/multi-select/multi-select-item.js.map +1 -1
- package/es/components/multi-select/multi-select.css.js +1 -1
- package/es/components/multi-select/multi-select.d.ts +9 -9
- package/es/components/multi-select/multi-select.d.ts.map +1 -1
- package/es/components/multi-select/multi-select.js +17 -17
- package/es/components/multi-select/multi-select.js.map +1 -1
- package/es/components/multi-select/multi-select.rtl.css.js +1 -1
- package/es/components/notification/actionable-notification-button.d.ts +21 -0
- package/es/components/notification/actionable-notification-button.d.ts.map +1 -0
- package/es/components/notification/actionable-notification-button.js +56 -0
- package/es/components/notification/actionable-notification-button.js.map +1 -0
- package/es/components/notification/actionable-notification.css.js +12 -0
- package/es/components/notification/actionable-notification.d.ts +370 -0
- package/es/components/notification/actionable-notification.d.ts.map +1 -0
- package/es/components/notification/actionable-notification.js +281 -0
- package/es/components/notification/actionable-notification.js.map +1 -0
- package/es/components/notification/actionable-notification.rtl.css.js +12 -0
- package/es/components/notification/defs.d.ts +17 -1
- package/es/components/notification/defs.d.ts.map +1 -1
- package/es/components/notification/defs.js +3 -0
- package/es/components/notification/defs.js.map +1 -1
- package/es/components/notification/index.d.ts +2 -0
- package/es/components/notification/index.d.ts.map +1 -1
- package/es/components/notification/index.js +2 -0
- package/es/components/notification/index.js.map +1 -1
- package/es/components/notification/inline-notification.css.js +1 -1
- package/es/components/notification/inline-notification.d.ts +8 -8
- package/es/components/notification/inline-notification.d.ts.map +1 -1
- package/es/components/notification/inline-notification.js +23 -18
- package/es/components/notification/inline-notification.js.map +1 -1
- package/es/components/notification/inline-notification.rtl.css.js +1 -1
- package/es/components/notification/toast-notification.css.js +1 -1
- package/es/components/notification/toast-notification.d.ts +4 -4
- package/es/components/notification/toast-notification.d.ts.map +1 -1
- package/es/components/notification/toast-notification.js +7 -7
- package/es/components/notification/toast-notification.js.map +1 -1
- package/es/components/notification/toast-notification.rtl.css.js +1 -1
- package/es/components/number-input/index.d.ts +2 -1
- package/es/components/number-input/index.d.ts.map +1 -1
- package/es/components/number-input/index.js +2 -1
- package/es/components/number-input/index.js.map +1 -1
- package/es/components/number-input/number-input-skeleton.d.ts +2 -2
- package/es/components/number-input/number-input-skeleton.d.ts.map +1 -1
- package/es/components/number-input/number-input-skeleton.js +4 -4
- package/es/components/number-input/number-input-skeleton.js.map +1 -1
- package/es/components/number-input/number-input.css.js +1 -1
- package/es/components/number-input/number-input.d.ts +12 -25
- package/es/components/number-input/number-input.d.ts.map +1 -1
- package/es/components/number-input/number-input.js +85 -106
- package/es/components/number-input/number-input.js.map +1 -1
- package/es/components/number-input/number-input.rtl.css.js +1 -1
- package/es/components/pagination/pagination.css.js +1 -1
- package/es/components/pagination/pagination.rtl.css.js +1 -1
- package/es/components/popover/defs.d.ts +63 -0
- package/es/components/popover/defs.d.ts.map +1 -0
- package/es/components/popover/defs.js +28 -0
- package/es/components/popover/defs.js.map +1 -0
- package/es/components/popover/index.d.ts +12 -0
- package/es/components/popover/index.d.ts.map +1 -0
- package/es/components/popover/index.js +12 -0
- package/es/components/popover/index.js.map +1 -0
- package/es/components/popover/popover-content.d.ts +45 -0
- package/es/components/popover/popover-content.d.ts.map +1 -0
- package/es/components/popover/popover-content.js +141 -0
- package/es/components/popover/popover-content.js.map +1 -0
- package/es/components/popover/popover.css.js +12 -0
- package/es/components/popover/popover.d.ts +54 -0
- package/es/components/popover/popover.d.ts.map +1 -0
- package/es/components/popover/popover.js +201 -0
- package/es/components/popover/popover.js.map +1 -0
- package/es/components/popover/popover.rtl.css.js +12 -0
- package/es/components/progress-indicator/progress-indicator.css.js +1 -1
- package/es/components/progress-indicator/progress-indicator.rtl.css.js +1 -1
- package/es/components/radio-button/radio-button.css.js +1 -1
- package/es/components/radio-button/radio-button.rtl.css.js +1 -1
- package/es/components/search/search-skeleton.d.ts +3 -3
- package/es/components/search/search-skeleton.d.ts.map +1 -1
- package/es/components/search/search-skeleton.js +6 -6
- package/es/components/search/search-skeleton.js.map +1 -1
- package/es/components/search/search.css.js +1 -1
- package/es/components/search/search.d.ts +361 -19
- package/es/components/search/search.d.ts.map +1 -1
- package/es/components/search/search.js +136 -29
- package/es/components/search/search.js.map +1 -1
- package/es/components/search/search.rtl.css.js +1 -1
- package/es/components/select/index.d.ts +2 -1
- package/es/components/select/index.d.ts.map +1 -1
- package/es/components/select/index.js +2 -1
- package/es/components/select/index.js.map +1 -1
- package/es/components/select/select-item-group.d.ts +2 -2
- package/es/components/select/select-item-group.d.ts.map +1 -1
- package/es/components/select/select-item-group.js +4 -4
- package/es/components/select/select-item-group.js.map +1 -1
- package/es/components/select/select-item.d.ts +2 -2
- package/es/components/select/select-item.d.ts.map +1 -1
- package/es/components/select/select-item.js +4 -4
- package/es/components/select/select-item.js.map +1 -1
- package/es/components/select/select-skeleton.d.ts +23 -0
- package/es/components/select/select-skeleton.d.ts.map +1 -0
- package/es/components/select/select-skeleton.js +72 -0
- package/es/components/select/select-skeleton.js.map +1 -0
- package/es/components/select/select.css.js +1 -1
- package/es/components/select/select.d.ts +29 -331
- package/es/components/select/select.d.ts.map +1 -1
- package/es/components/select/select.js +151 -74
- package/es/components/select/select.js.map +1 -1
- package/es/components/select/select.rtl.css.js +1 -1
- package/es/components/skeleton-placeholder/skeleton-placeholder.d.ts +2 -2
- package/es/components/skeleton-placeholder/skeleton-placeholder.d.ts.map +1 -1
- package/es/components/skeleton-placeholder/skeleton-placeholder.js +4 -4
- package/es/components/skeleton-placeholder/skeleton-placeholder.js.map +1 -1
- package/es/components/skeleton-text/defs.d.ts +2 -6
- package/es/components/skeleton-text/defs.d.ts.map +1 -1
- package/es/components/skeleton-text/defs.js +1 -2
- package/es/components/skeleton-text/defs.js.map +1 -1
- package/es/components/skeleton-text/skeleton-text.css.js +1 -1
- package/es/components/skeleton-text/skeleton-text.d.ts +2 -2
- package/es/components/skeleton-text/skeleton-text.d.ts.map +1 -1
- package/es/components/skeleton-text/skeleton-text.js +4 -4
- package/es/components/skeleton-text/skeleton-text.js.map +1 -1
- package/es/components/skeleton-text/skeleton-text.rtl.css.js +1 -1
- package/es/components/slider/slider-input.d.ts +11 -9
- package/es/components/slider/slider-input.d.ts.map +1 -1
- package/es/components/slider/slider-input.js +36 -18
- package/es/components/slider/slider-input.js.map +1 -1
- package/es/components/slider/slider-skeleton.d.ts +2 -2
- package/es/components/slider/slider-skeleton.d.ts.map +1 -1
- package/es/components/slider/slider-skeleton.js +4 -4
- package/es/components/slider/slider-skeleton.js.map +1 -1
- package/es/components/slider/slider.css.js +1 -1
- package/es/components/slider/slider.d.ts +38 -20
- package/es/components/slider/slider.d.ts.map +1 -1
- package/es/components/slider/slider.js +119 -54
- package/es/components/slider/slider.js.map +1 -1
- package/es/components/slider/slider.rtl.css.js +1 -1
- package/es/components/structured-list/structured-list.css.js +1 -1
- package/es/components/structured-list/structured-list.rtl.css.js +1 -1
- package/es/components/tabs/tabs.css.js +1 -1
- package/es/components/tabs/tabs.rtl.css.js +1 -1
- package/es/components/text-input/defs.d.ts +44 -0
- package/es/components/text-input/defs.d.ts.map +1 -0
- package/es/components/text-input/defs.js +36 -0
- package/es/components/text-input/defs.js.map +1 -0
- package/es/components/text-input/index.d.ts +12 -0
- package/es/components/text-input/index.d.ts.map +1 -0
- package/es/components/text-input/index.js +12 -0
- package/es/components/text-input/index.js.map +1 -0
- package/es/components/text-input/text-input-skeleton.d.ts +23 -0
- package/es/components/text-input/text-input-skeleton.d.ts.map +1 -0
- package/es/components/text-input/text-input-skeleton.js +72 -0
- package/es/components/text-input/text-input-skeleton.js.map +1 -0
- package/es/components/text-input/text-input.css.js +12 -0
- package/es/components/text-input/text-input.d.ts +786 -0
- package/es/components/text-input/text-input.d.ts.map +1 -0
- package/es/components/text-input/text-input.js +657 -0
- package/es/components/text-input/text-input.js.map +1 -0
- package/es/components/text-input/text-input.rtl.css.js +12 -0
- package/es/components/textarea/textarea-skeleton.d.ts +2 -2
- package/es/components/textarea/textarea-skeleton.d.ts.map +1 -1
- package/es/components/textarea/textarea-skeleton.js +4 -4
- package/es/components/textarea/textarea-skeleton.js.map +1 -1
- package/es/components/textarea/textarea.css.js +1 -1
- package/es/components/textarea/textarea.d.ts +6 -681
- package/es/components/textarea/textarea.d.ts.map +1 -1
- package/es/components/textarea/textarea.js +63 -197
- package/es/components/textarea/textarea.js.map +1 -1
- package/es/components/textarea/textarea.rtl.css.js +1 -1
- package/es/components/tile/expandable-tile.d.ts.map +1 -1
- package/es/components/tile/expandable-tile.js +4 -0
- package/es/components/tile/expandable-tile.js.map +1 -1
- package/es/components/tile/tile.css.js +1 -1
- package/es/components/tile/tile.rtl.css.js +1 -1
- package/es/components/toggle-tip/toggletip.d.ts +2 -2
- package/es/components/toggle-tip/toggletip.d.ts.map +1 -1
- package/es/components/toggle-tip/toggletip.js +2 -2
- package/es/components/toggle-tip/toggletip.js.map +1 -1
- package/es/components/tooltip/index.d.ts +1 -3
- package/es/components/tooltip/index.d.ts.map +1 -1
- package/es/components/tooltip/index.js +1 -3
- package/es/components/tooltip/index.js.map +1 -1
- package/es/components/tooltip/tooltip-content.d.ts +20 -0
- package/es/components/tooltip/tooltip-content.d.ts.map +1 -0
- package/es/components/tooltip/tooltip-content.js +62 -0
- package/es/components/tooltip/tooltip-content.js.map +1 -0
- package/es/components/tooltip/tooltip.css.js +1 -1
- package/es/components/tooltip/tooltip.d.ts +36 -25
- package/es/components/tooltip/tooltip.d.ts.map +1 -1
- package/es/components/tooltip/tooltip.js +111 -124
- package/es/components/tooltip/tooltip.js.map +1 -1
- package/es/components/tooltip/tooltip.rtl.css.js +1 -1
- package/es/components-react/button/button-set.js +1 -1
- package/es/components-react/button/button-skeleton.d.ts +2 -2
- package/es/components-react/button/button-skeleton.js +1 -1
- package/es/components-react/button/button.d.ts +2 -2
- package/es/components-react/button/button.js +1 -1
- package/es/components-react/checkbox/checkbox-skeleton.d.ts +15 -0
- package/es/components-react/checkbox/checkbox-skeleton.js +21 -0
- package/es/components-react/checkbox/checkbox.d.ts +2 -2
- package/es/components-react/combo-box/combo-box-item.d.ts +2 -2
- package/es/components-react/combo-box/combo-box.d.ts +2 -2
- package/es/components-react/combo-box/combo-box.js +1 -5
- package/es/components-react/copy/copy.d.ts +14 -0
- package/es/components-react/copy/copy.js +23 -0
- package/es/components-react/copy-button/copy-button.d.ts +2 -2
- package/es/components-react/date-picker/date-picker-input-skeleton.d.ts +2 -2
- package/es/components-react/date-picker/date-picker-input.d.ts +2 -2
- package/es/components-react/date-picker/date-picker-input.js +0 -1
- package/es/components-react/date-picker/date-picker.d.ts +2 -2
- package/es/components-react/dropdown/dropdown-item.d.ts +2 -2
- package/es/components-react/dropdown/dropdown-skeleton.d.ts +2 -2
- package/es/components-react/dropdown/dropdown.d.ts +2 -2
- package/es/components-react/dropdown/dropdown.js +1 -1
- package/es/components-react/icon-button/defs.js +9 -0
- package/es/components-react/{tooltip/tooltip-body.d.ts → icon-button/icon-button.d.ts} +3 -3
- package/es/components-react/icon-button/icon-button.js +24 -0
- package/es/components-react/{slider/defs.js → icon-button/index.js} +0 -1
- package/es/components-react/inline-loading/inline-loading.d.ts +2 -2
- package/es/components-react/input/input.d.ts +2 -2
- package/es/components-react/list/ordered-list.d.ts +2 -2
- package/es/components-react/list/unordered-list.d.ts +2 -2
- package/es/components-react/loading/loading.d.ts +2 -2
- package/es/components-react/modal/modal-footer-button.d.ts +2 -2
- package/es/components-react/multi-select/multi-select-item.d.ts +2 -2
- package/es/components-react/multi-select/multi-select.d.ts +2 -2
- package/es/components-react/multi-select/multi-select.js +1 -5
- package/es/components-react/notification/actionable-notification-button.d.ts +15 -0
- package/es/components-react/notification/actionable-notification-button.js +23 -0
- package/es/components-react/notification/actionable-notification.d.ts +14 -0
- package/es/components-react/notification/actionable-notification.js +23 -0
- package/es/components-react/notification/inline-notification.d.ts +2 -2
- package/es/components-react/notification/toast-notification.d.ts +2 -2
- package/es/components-react/number-input/number-input-skeleton.d.ts +2 -2
- package/es/components-react/number-input/number-input.d.ts +3 -3
- package/es/components-react/number-input/number-input.js +3 -6
- package/es/components-react/popover/defs.d.ts +14 -0
- package/es/components-react/{tooltip → popover}/defs.js +1 -1
- package/es/components-react/popover/index.d.ts +14 -0
- package/es/components-react/popover/index.js +8 -0
- package/es/components-react/popover/popover-content.d.ts +15 -0
- package/es/components-react/popover/popover-content.js +21 -0
- package/es/components-react/{tooltip/tooltip-footer.d.ts → popover/popover.d.ts} +2 -2
- package/es/components-react/{tooltip/tooltip-footer.js → popover/popover.js} +2 -2
- package/es/components-react/search/search-skeleton.d.ts +2 -2
- package/es/components-react/search/search.d.ts +2 -2
- package/es/components-react/search/search.js +0 -1
- package/es/components-react/select/select-item-group.d.ts +2 -2
- package/es/components-react/select/select-item.d.ts +2 -2
- package/es/components-react/select/select-skeleton.d.ts +15 -0
- package/es/components-react/select/select-skeleton.js +21 -0
- package/es/components-react/select/select.d.ts +2 -2
- package/es/components-react/select/select.js +0 -1
- package/es/components-react/skeleton-placeholder/skeleton-placeholder.d.ts +2 -2
- package/es/components-react/skeleton-text/skeleton-text.d.ts +2 -2
- package/es/components-react/slider/slider-input.d.ts +2 -2
- package/es/components-react/slider/slider-input.js +0 -1
- package/es/components-react/slider/slider-skeleton.d.ts +2 -2
- package/es/components-react/slider/slider.d.ts +2 -2
- package/es/components-react/text-input/defs.d.ts +14 -0
- package/es/components-react/text-input/defs.js +9 -0
- package/es/components-react/text-input/index.d.ts +14 -0
- package/es/components-react/text-input/index.js +8 -0
- package/es/components-react/text-input/text-input-skeleton.d.ts +15 -0
- package/es/components-react/text-input/text-input-skeleton.js +21 -0
- package/es/components-react/text-input/text-input.d.ts +15 -0
- package/es/components-react/text-input/text-input.js +22 -0
- package/es/components-react/textarea/textarea-skeleton.d.ts +2 -2
- package/es/components-react/textarea/textarea.d.ts +4 -5
- package/es/components-react/textarea/textarea.js +4 -3
- package/es/components-react/tooltip/tooltip-content.d.ts +14 -0
- package/es/components-react/tooltip/{tooltip-body.js → tooltip-content.js} +4 -4
- package/es/components-react/tooltip/tooltip.d.ts +4 -5
- package/es/components-react/tooltip/tooltip.js +4 -2
- package/es/globals/settings.d.ts.map +1 -1
- package/es/globals/settings.js +1 -1
- package/es/globals/settings.js.map +1 -1
- package/es/globals/wrappers/createReactCustomElementType.d.ts +3 -3
- package/es/globals/wrappers/createReactCustomElementType.d.ts.map +1 -1
- package/es/globals/wrappers/createReactCustomElementType.js +3 -3
- package/es/globals/wrappers/createReactCustomElementType.js.map +1 -1
- package/es/icons/add/16.js +1 -1
- package/es/icons/arrows/16.js +1 -1
- package/es/icons/arrows--vertical/16.js +1 -1
- package/es/icons/caret--down/16.js +1 -1
- package/es/icons/caret--up/16.js +1 -1
- package/es/icons/information/16.js +1 -1
- package/es/icons/information--filled/20.js +1 -1
- package/es/icons/information--square--filled/20.js +1 -1
- package/es/icons/subtract/16.js +1 -1
- package/es/icons/warning--alt--filled/16.js +1 -1
- package/es/icons/warning--alt--filled/20.js +1 -1
- package/es/index.d.ts +110 -108
- package/es/index.d.ts.map +1 -1
- package/es/index.js +110 -108
- package/es/index.js.map +1 -1
- package/lib/components/date-picker/defs.js +2 -11
- package/lib/components/date-picker/defs.js.map +1 -1
- package/lib/components/dropdown/defs.js +12 -3
- package/lib/components/dropdown/defs.js.map +1 -1
- package/lib/components/icon-button/defs.js +40 -0
- package/lib/components/icon-button/defs.js.map +1 -0
- package/lib/components/input/defs.js +1 -1
- package/lib/components/input/defs.js.map +1 -1
- package/lib/components/notification/defs.js +3 -0
- package/lib/components/notification/defs.js.map +1 -1
- package/lib/components/popover/defs.js +34 -0
- package/lib/components/popover/defs.js.map +1 -0
- package/lib/components/skeleton-text/defs.js +1 -2
- package/lib/components/skeleton-text/defs.js.map +1 -1
- package/lib/components/text-input/defs.js +47 -0
- package/lib/components/text-input/defs.js.map +1 -0
- package/lib/components-react-node/button/button-set.js +1 -1
- package/lib/components-react-node/button/button-skeleton.js +1 -1
- package/lib/components-react-node/button/button.js +1 -1
- package/lib/components-react-node/{tooltip/tooltip-body.js → checkbox/checkbox-skeleton.js} +3 -4
- package/lib/components-react-node/combo-box/combo-box.js +2 -8
- package/lib/components-react-node/copy/copy.js +37 -0
- package/lib/components-react-node/date-picker/date-picker-input.js +0 -6
- package/lib/components-react-node/dropdown/dropdown.js +2 -2
- package/lib/components-react-node/icon-button/defs.js +24 -0
- package/lib/components-react-node/icon-button/icon-button.js +50 -0
- package/lib/components-react-node/icon-button/index.js +9 -0
- package/lib/components-react-node/multi-select/multi-select.js +0 -6
- package/lib/components-react-node/notification/actionable-notification-button.js +37 -0
- package/lib/components-react-node/notification/actionable-notification.js +37 -0
- package/lib/components-react-node/number-input/number-input.js +3 -9
- package/lib/components-react-node/{slider → popover}/defs.js +1 -1
- package/lib/components-react-node/popover/index.js +9 -0
- package/lib/components-react-node/popover/popover-content.js +36 -0
- package/lib/components-react-node/{tooltip/tooltip-footer.js → popover/popover.js} +1 -1
- package/lib/components-react-node/search/search.js +0 -7
- package/lib/components-react-node/select/select-skeleton.js +36 -0
- package/lib/components-react-node/select/select.js +0 -7
- package/lib/components-react-node/slider/slider-input.js +0 -7
- package/lib/components-react-node/{tooltip → text-input}/defs.js +1 -1
- package/lib/components-react-node/text-input/index.js +9 -0
- package/lib/components-react-node/text-input/text-input-skeleton.js +36 -0
- package/lib/components-react-node/text-input/text-input.js +55 -0
- package/lib/components-react-node/textarea/textarea.js +3 -9
- package/lib/components-react-node/tooltip/tooltip-content.js +37 -0
- package/lib/components-react-node/tooltip/tooltip.js +3 -2
- package/lib/globals/settings.js +1 -1
- package/lib/globals/settings.js.map +1 -1
- package/lib/globals/wrappers/createReactCustomElementType.js +3 -3
- package/lib/globals/wrappers/createReactCustomElementType.js.map +1 -1
- package/package.json +5 -5
- package/scss/components/button/button.scss +5 -5
- package/scss/components/checkbox/checkbox.scss +9 -1
- package/scss/components/combo-box/combo-box.scss +51 -42
- package/scss/components/copy-button/copy-button.scss +20 -0
- package/scss/components/date-picker/date-picker.scss +28 -14
- package/scss/components/dropdown/dropdown.scss +87 -34
- package/scss/components/icon-button/icon-button.scss +14 -0
- package/scss/components/layer/layer.scss +0 -6
- package/scss/components/list/list.scss +0 -5
- package/scss/components/loading/loading.scss +1 -0
- package/scss/components/modal/modal.scss +2 -2
- package/scss/components/notification/actionable-notification.scss +170 -0
- package/scss/components/notification/inline-notification.scss +26 -0
- package/scss/components/notification/toast-notification.scss +26 -0
- package/scss/components/number-input/number-input.scss +13 -0
- package/scss/components/popover/popover.scss +122 -0
- package/scss/components/search/search.scss +54 -21
- package/scss/components/select/select.scss +20 -4
- package/scss/components/skeleton-text/skeleton-text.scss +4 -0
- package/scss/components/slider/slider.scss +9 -1
- package/scss/components/text-input/text-input.scss +38 -0
- package/scss/components/textarea/textarea.scss +7 -0
- package/scss/components/tile/tile.scss +4 -0
- package/scss/components/tooltip/tooltip.scss +5 -135
- package/es/components/slider/defs.d.ts +0 -11
- package/es/components/slider/defs.d.ts.map +0 -1
- package/es/components/slider/defs.js +0 -11
- package/es/components/slider/defs.js.map +0 -1
- package/es/components/tooltip/defs.d.ts +0 -84
- package/es/components/tooltip/defs.d.ts.map +0 -1
- package/es/components/tooltip/defs.js +0 -39
- package/es/components/tooltip/defs.js.map +0 -1
- package/es/components/tooltip/tooltip-body.d.ts +0 -40
- package/es/components/tooltip/tooltip-body.d.ts.map +0 -1
- package/es/components/tooltip/tooltip-body.js +0 -175
- package/es/components/tooltip/tooltip-body.js.map +0 -1
- package/es/components/tooltip/tooltip-footer.d.ts.map +0 -1
- package/es/components/tooltip/tooltip-footer.js.map +0 -1
- package/lib/components/slider/defs.js +0 -21
- package/lib/components/slider/defs.js.map +0 -1
- package/lib/components/tooltip/defs.js +0 -45
- package/lib/components/tooltip/defs.js.map +0 -1
- /package/es/components-react/{slider → icon-button}/defs.d.ts +0 -0
- /package/es/components-react/{tooltip/defs.d.ts → icon-button/index.d.ts} +0 -0
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
*/
|
|
9
9
|
import { css } from 'lit';
|
|
10
10
|
export default css([
|
|
11
|
-
"@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:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.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;left:.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;left:.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 2.5rem .5rem 1rem;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{left:.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{left:.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%;left: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;right: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;left: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-left:.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--expandable:host(cds-search-skeleton[size=sm]),.cds--search--expandable:host(cds-search-skeleton[size=sm]) .cds--search-magnifier,.cds--search--expandable:host(cds-search[size=sm]),.cds--search--expandable:host(cds-search[size=sm]) .cds--search-magnifier,.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[size=sm]) .cds--search-close,:host(cds-search[size=sm])~.cds--search-button{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--expandable:host(cds-search-skeleton[size=sm]) .cds--search-input::placeholder,.cds--search--expandable:host(cds-search[size=sm]) .cds--search-input::placeholder,.cds--search--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--expandable:host(cds-search),.cds--search--expandable:host(cds-search) .cds--search-magnifier,.cds--search--expandable:host(cds-search-skeleton),.cds--search--expandable:host(cds-search-skeleton) .cds--search-magnifier,.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{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--expandable:host(cds-search) .cds--search-input::placeholder,.cds--search--expandable:host(cds-search-skeleton) .cds--search-input::placeholder,.cds--search--lg.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,.cds--skeleton:host(cds-search) .cds--search-input,.cds--skeleton: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%}.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,.cds--skeleton:host(cds-search) .cds--search-input:active,.cds--skeleton:host(cds-search) .cds--search-input:focus,.cds--skeleton:host(cds-search) .cds--search-input:hover,.cds--skeleton:host(cds-search-skeleton) .cds--search-input:active,.cds--skeleton:host(cds-search-skeleton) .cds--search-input:focus,.cds--skeleton:host(cds-search-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,.cds--skeleton:host(cds-search) .cds--search-input::before,.cds--skeleton: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){.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,.cds--skeleton:host(cds-search) .cds--search-input::before,.cds--skeleton:host(cds-search-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,.cds--skeleton:host(cds-search) .cds--search-input::placeholder,.cds--skeleton:host(cds-search-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{left:.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{left:.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%;left: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;right: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;left: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-left:.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--expandable:host(cds-search-skeleton[size=sm]),.cds--search--expandable:host(cds-search-skeleton[size=sm]) .cds--search-magnifier,.cds--search--expandable:host(cds-search[size=sm]),.cds--search--expandable:host(cds-search[size=sm]) .cds--search-magnifier,.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[size=sm]) .cds--search-close,:host(cds-search[size=sm])~.cds--search-button{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--expandable:host(cds-search-skeleton[size=sm]) .cds--search-input::placeholder,.cds--search--expandable:host(cds-search[size=sm]) .cds--search-input::placeholder,.cds--search--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--expandable:host(cds-search),.cds--search--expandable:host(cds-search) .cds--search-magnifier,.cds--search--expandable:host(cds-search-skeleton),.cds--search--expandable:host(cds-search-skeleton) .cds--search-magnifier,.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{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--expandable:host(cds-search) .cds--search-input::placeholder,.cds--search--expandable:host(cds-search-skeleton) .cds--search-input::placeholder,.cds--search--lg.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,.cds--skeleton:host(cds-search) .cds--search-input,.cds--skeleton: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%}.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,.cds--skeleton:host(cds-search) .cds--search-input:active,.cds--skeleton:host(cds-search) .cds--search-input:focus,.cds--skeleton:host(cds-search) .cds--search-input:hover,.cds--skeleton:host(cds-search-skeleton) .cds--search-input:active,.cds--skeleton:host(cds-search-skeleton) .cds--search-input:focus,.cds--skeleton:host(cds-search-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,.cds--skeleton:host(cds-search) .cds--search-input::before,.cds--skeleton: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){.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,.cds--skeleton:host(cds-search) .cds--search-input::before,.cds--skeleton:host(cds-search-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,.cds--skeleton:host(cds-search) .cds--search-input::placeholder,.cds--skeleton:host(cds-search-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}",
|
|
11
|
+
"@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:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.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;left:.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;left:.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 2.5rem .5rem 1rem;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,.cds--search--sm[expandable][expanded]:host(cds-search) .cds--search-input,:host(cds-search)[size=sm] .cds--search-input,:host(cds-search-skeleton)[size=sm] .cds--search-input{height:2rem;padding:0 2rem}.cds--search--sm .cds--search-magnifier-icon,:host(cds-search)[size=sm] .cds--search-magnifier-icon,:host(cds-search-skeleton)[size=sm] .cds--search-magnifier-icon{left:.5rem}.cds--search--md .cds--search-input,.cds--search--md.cds--search--expandable.cds--search--expanded .cds--search-input,.cds--search--md[expandable][expanded]:host(cds-search) .cds--search-input,:host(cds-search)[size=md] .cds--search-input,:host(cds-search-skeleton)[size=md] .cds--search-input{height:2.5rem;padding:0 2.5rem}.cds--search--md .cds--search-magnifier-icon,:host(cds-search)[size=md] .cds--search-magnifier-icon,:host(cds-search-skeleton)[size=md] .cds--search-magnifier-icon{left:.75rem}.cds--search--lg .cds--search-input,.cds--search--lg.cds--search--expandable.cds--search--expanded .cds--search-input,.cds--search--lg[expandable][expanded]:host(cds-search) .cds--search-input,:host(cds-search)[size=lg] .cds--search-input,:host(cds-search-skeleton)[size=lg] .cds--search-input{height:3rem;padding:0 3rem}.cds--search-magnifier-icon{position:absolute;z-index:2;top:50%;left: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;right: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;left: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-left:.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,.cds--search--disabled[expandable]:host(cds-search) .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,.cds--search--disabled[expandable]:host(cds-search) .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,.cds--search--disabled[expandable]:host(cds-search) .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--expandable[size=sm]:host(cds-search),.cds--search--expandable[size=sm]:host(cds-search) .cds--search-magnifier,.cds--search--expandable[size=sm]:host(cds-search-skeleton),.cds--search--expandable[size=sm]:host(cds-search-skeleton) .cds--search-magnifier,.cds--search--sm .cds--search-close,.cds--search--sm.cds--search--expandable,.cds--search--sm.cds--search--expandable .cds--search-magnifier,.cds--search--sm[expandable]:host(cds-search),.cds--search--sm[expandable]:host(cds-search) .cds--search-magnifier,.cds--search--sm~.cds--search-button,:host(cds-search)[size=sm] .cds--search-close,:host(cds-search)[size=sm]~.cds--search-button,:host(cds-search-skeleton)[size=sm] .cds--search-close,:host(cds-search-skeleton)[size=sm]~.cds--search-button,[expandable]:host(cds-search)[size=sm],[expandable]:host(cds-search)[size=sm] .cds--search-magnifier{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--expandable[size=sm]:host(cds-search) .cds--search-input::placeholder,.cds--search--expandable[size=sm]:host(cds-search-skeleton) .cds--search-input::placeholder,.cds--search--sm.cds--search--expandable .cds--search-input::placeholder,.cds--search--sm[expandable]:host(cds-search) .cds--search-input::placeholder,[expandable]:host(cds-search)[size=sm] .cds--search-input::placeholder{padding:0 2rem}.cds--search--expandable[size=md]:host(cds-search),.cds--search--expandable[size=md]:host(cds-search) .cds--search-magnifier,.cds--search--expandable[size=md]:host(cds-search-skeleton),.cds--search--expandable[size=md]:host(cds-search-skeleton) .cds--search-magnifier,.cds--search--md .cds--search-close,.cds--search--md.cds--search--expandable,.cds--search--md.cds--search--expandable .cds--search-magnifier,.cds--search--md[expandable]:host(cds-search),.cds--search--md[expandable]:host(cds-search) .cds--search-magnifier,.cds--search--md~.cds--search-button,:host(cds-search)[size=md] .cds--search-close,:host(cds-search)[size=md]~.cds--search-button,:host(cds-search-skeleton)[size=md] .cds--search-close,:host(cds-search-skeleton)[size=md]~.cds--search-button,[expandable]:host(cds-search)[size=md],[expandable]:host(cds-search)[size=md] .cds--search-magnifier{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--expandable[size=md]:host(cds-search) .cds--search-input::placeholder,.cds--search--expandable[size=md]:host(cds-search-skeleton) .cds--search-input::placeholder,.cds--search--md.cds--search--expandable .cds--search-input::placeholder,.cds--search--md[expandable]:host(cds-search) .cds--search-input::placeholder,[expandable]:host(cds-search)[size=md] .cds--search-input::placeholder{padding:0 2.5rem}.cds--search--expandable[size=lg]:host(cds-search),.cds--search--expandable[size=lg]:host(cds-search) .cds--search-magnifier,.cds--search--expandable[size=lg]:host(cds-search-skeleton),.cds--search--expandable[size=lg]:host(cds-search-skeleton) .cds--search-magnifier,.cds--search--lg .cds--search-close,.cds--search--lg.cds--search--expandable,.cds--search--lg.cds--search--expandable .cds--search-magnifier,.cds--search--lg[expandable]:host(cds-search),.cds--search--lg[expandable]:host(cds-search) .cds--search-magnifier,.cds--search--lg~.cds--search-button,:host(cds-search)[size=lg] .cds--search-close,:host(cds-search)[size=lg]~.cds--search-button,:host(cds-search-skeleton)[size=lg] .cds--search-close,:host(cds-search-skeleton)[size=lg]~.cds--search-button,[expandable]:host(cds-search)[size=lg],[expandable]:host(cds-search)[size=lg] .cds--search-magnifier{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--expandable[size=lg]:host(cds-search) .cds--search-input::placeholder,.cds--search--expandable[size=lg]:host(cds-search-skeleton) .cds--search-input::placeholder,.cds--search--lg.cds--search--expandable .cds--search-input::placeholder,.cds--search--lg[expandable]:host(cds-search) .cds--search-input::placeholder,[expandable]:host(cds-search)[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,.cds--skeleton[size=lg]:host(cds-search) .cds--search-input,.cds--skeleton[size=lg]:host(cds-search-skeleton) .cds--search-input,.cds--skeleton[size=md]:host(cds-search) .cds--search-input,.cds--skeleton[size=md]:host(cds-search-skeleton) .cds--search-input,.cds--skeleton[size=sm]:host(cds-search) .cds--search-input,.cds--skeleton[size=sm]: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%}.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,.cds--skeleton[size=lg]:host(cds-search) .cds--search-input:active,.cds--skeleton[size=lg]:host(cds-search) .cds--search-input:focus,.cds--skeleton[size=lg]:host(cds-search) .cds--search-input:hover,.cds--skeleton[size=lg]:host(cds-search-skeleton) .cds--search-input:active,.cds--skeleton[size=lg]:host(cds-search-skeleton) .cds--search-input:focus,.cds--skeleton[size=lg]:host(cds-search-skeleton) .cds--search-input:hover,.cds--skeleton[size=md]:host(cds-search) .cds--search-input:active,.cds--skeleton[size=md]:host(cds-search) .cds--search-input:focus,.cds--skeleton[size=md]:host(cds-search) .cds--search-input:hover,.cds--skeleton[size=md]:host(cds-search-skeleton) .cds--search-input:active,.cds--skeleton[size=md]:host(cds-search-skeleton) .cds--search-input:focus,.cds--skeleton[size=md]:host(cds-search-skeleton) .cds--search-input:hover,.cds--skeleton[size=sm]:host(cds-search) .cds--search-input:active,.cds--skeleton[size=sm]:host(cds-search) .cds--search-input:focus,.cds--skeleton[size=sm]:host(cds-search) .cds--search-input:hover,.cds--skeleton[size=sm]:host(cds-search-skeleton) .cds--search-input:active,.cds--skeleton[size=sm]:host(cds-search-skeleton) .cds--search-input:focus,.cds--skeleton[size=sm]:host(cds-search-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,.cds--skeleton[size=lg]:host(cds-search) .cds--search-input::before,.cds--skeleton[size=lg]:host(cds-search-skeleton) .cds--search-input::before,.cds--skeleton[size=md]:host(cds-search) .cds--search-input::before,.cds--skeleton[size=md]:host(cds-search-skeleton) .cds--search-input::before,.cds--skeleton[size=sm]:host(cds-search) .cds--search-input::before,.cds--skeleton[size=sm]: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){.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,.cds--skeleton[size=lg]:host(cds-search) .cds--search-input::before,.cds--skeleton[size=lg]:host(cds-search-skeleton) .cds--search-input::before,.cds--skeleton[size=md]:host(cds-search) .cds--search-input::before,.cds--skeleton[size=md]:host(cds-search-skeleton) .cds--search-input::before,.cds--skeleton[size=sm]:host(cds-search) .cds--search-input::before,.cds--skeleton[size=sm]:host(cds-search-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[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,.cds--skeleton[size=lg]:host(cds-search) .cds--search-input::placeholder,.cds--skeleton[size=lg]:host(cds-search-skeleton) .cds--search-input::placeholder,.cds--skeleton[size=md]:host(cds-search) .cds--search-input::placeholder,.cds--skeleton[size=md]:host(cds-search-skeleton) .cds--search-input::placeholder,.cds--skeleton[size=sm]:host(cds-search) .cds--search-input::placeholder,.cds--skeleton[size=sm]:host(cds-search-skeleton) .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,.cds--search--expanded[expandable]:host(cds-search),[expanded]:host(cds-search)[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,.cds--search--expanded[expandable]:host(cds-search) .cds--search-input,[expanded]:host(cds-search)[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,.cds--search--expanded[expandable]:host(cds-search) .cds--search-input::placeholder,[expanded]:host(cds-search)[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,.cds--search--expanded[expandable]:host(cds-search) .cds--search-magnifier,[expanded]:host(cds-search)[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,.cds--search--expanded[expandable]:host(cds-search) .cds--search-magnifier-icon,[expanded]:host(cds-search)[expandable] .cds--search-magnifier-icon{fill:var(--cds-icon-secondary,#525252)}.cds--search--disabled[expandable]:host(cds-search) svg,.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{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,.cds--search--sm.cds--search--expandable[expandable][expanded]:host(cds-search) .cds--search-input,:host(cds-search)[size=sm] .cds--search-input,:host(cds-search-skeleton)[size=sm] .cds--search-input{height:2rem;padding:0 2rem}.cds--search--sm .cds--search-magnifier-icon,:host(cds-search)[size=sm] .cds--search-magnifier-icon,:host(cds-search-skeleton)[size=sm] .cds--search-magnifier-icon{left:.5rem}.cds--search--md .cds--search-input,.cds--search--md.cds--search--expandable.cds--search--expanded .cds--search-input,.cds--search--md.cds--search--expandable[expandable][expanded]:host(cds-search) .cds--search-input,:host(cds-search)[size=md] .cds--search-input,:host(cds-search-skeleton)[size=md] .cds--search-input{height:2.5rem;padding:0 2.5rem}.cds--search--md .cds--search-magnifier-icon,:host(cds-search)[size=md] .cds--search-magnifier-icon,:host(cds-search-skeleton)[size=md] .cds--search-magnifier-icon{left:.75rem}.cds--search--lg .cds--search-input,.cds--search--lg.cds--search--expandable.cds--search--expanded .cds--search-input,.cds--search--lg.cds--search--expandable[expandable][expanded]:host(cds-search) .cds--search-input,:host(cds-search)[size=lg] .cds--search-input,:host(cds-search-skeleton)[size=lg] .cds--search-input{height:3rem;padding:0 3rem}.cds--search-magnifier-icon{position:absolute;z-index:2;top:50%;left: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;right: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;left: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-left:.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,.cds--search--disabled[expandable]:host(cds-search) .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,.cds--search--disabled[expandable]:host(cds-search) .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,.cds--search--disabled[expandable]:host(cds-search) .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--expandable[size=sm]:host(cds-search),.cds--search--expandable[size=sm]:host(cds-search) .cds--search-magnifier,.cds--search--expandable[size=sm]:host(cds-search-skeleton),.cds--search--expandable[size=sm]:host(cds-search-skeleton) .cds--search-magnifier,.cds--search--sm .cds--search-close,.cds--search--sm.cds--search--expandable,.cds--search--sm.cds--search--expandable .cds--search-magnifier,.cds--search--sm[expandable]:host(cds-search),.cds--search--sm[expandable]:host(cds-search) .cds--search-magnifier,.cds--search--sm~.cds--search-button,:host(cds-search)[size=sm] .cds--search-close,:host(cds-search)[size=sm]~.cds--search-button,:host(cds-search-skeleton)[size=sm] .cds--search-close,:host(cds-search-skeleton)[size=sm]~.cds--search-button,[expandable][size=sm]:host(cds-search),[expandable][size=sm]:host(cds-search) .cds--search-magnifier{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--expandable[size=sm]:host(cds-search) .cds--search-input::placeholder,.cds--search--expandable[size=sm]:host(cds-search-skeleton) .cds--search-input::placeholder,.cds--search--sm.cds--search--expandable .cds--search-input::placeholder,.cds--search--sm[expandable]:host(cds-search) .cds--search-input::placeholder,[expandable][size=sm]:host(cds-search) .cds--search-input::placeholder{padding:0 2rem}.cds--search--expandable[size=md]:host(cds-search),.cds--search--expandable[size=md]:host(cds-search) .cds--search-magnifier,.cds--search--expandable[size=md]:host(cds-search-skeleton),.cds--search--expandable[size=md]:host(cds-search-skeleton) .cds--search-magnifier,.cds--search--md .cds--search-close,.cds--search--md.cds--search--expandable,.cds--search--md.cds--search--expandable .cds--search-magnifier,.cds--search--md[expandable]:host(cds-search),.cds--search--md[expandable]:host(cds-search) .cds--search-magnifier,.cds--search--md~.cds--search-button,:host(cds-search)[size=md] .cds--search-close,:host(cds-search)[size=md]~.cds--search-button,:host(cds-search-skeleton)[size=md] .cds--search-close,:host(cds-search-skeleton)[size=md]~.cds--search-button,[expandable][size=md]:host(cds-search),[expandable][size=md]:host(cds-search) .cds--search-magnifier{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--expandable[size=md]:host(cds-search) .cds--search-input::placeholder,.cds--search--expandable[size=md]:host(cds-search-skeleton) .cds--search-input::placeholder,.cds--search--md.cds--search--expandable .cds--search-input::placeholder,.cds--search--md[expandable]:host(cds-search) .cds--search-input::placeholder,[expandable][size=md]:host(cds-search) .cds--search-input::placeholder{padding:0 2.5rem}.cds--search--expandable[size=lg]:host(cds-search),.cds--search--expandable[size=lg]:host(cds-search) .cds--search-magnifier,.cds--search--expandable[size=lg]:host(cds-search-skeleton),.cds--search--expandable[size=lg]:host(cds-search-skeleton) .cds--search-magnifier,.cds--search--lg .cds--search-close,.cds--search--lg.cds--search--expandable,.cds--search--lg.cds--search--expandable .cds--search-magnifier,.cds--search--lg[expandable]:host(cds-search),.cds--search--lg[expandable]:host(cds-search) .cds--search-magnifier,.cds--search--lg~.cds--search-button,:host(cds-search)[size=lg] .cds--search-close,:host(cds-search)[size=lg]~.cds--search-button,:host(cds-search-skeleton)[size=lg] .cds--search-close,:host(cds-search-skeleton)[size=lg]~.cds--search-button,[expandable][size=lg]:host(cds-search),[expandable][size=lg]:host(cds-search) .cds--search-magnifier{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--expandable[size=lg]:host(cds-search) .cds--search-input::placeholder,.cds--search--expandable[size=lg]:host(cds-search-skeleton) .cds--search-input::placeholder,.cds--search--lg.cds--search--expandable .cds--search-input::placeholder,.cds--search--lg[expandable]:host(cds-search) .cds--search-input::placeholder,[expandable][size=lg]:host(cds-search) .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,.cds--skeleton[size=lg]:host(cds-search) .cds--search-input,.cds--skeleton[size=lg]:host(cds-search-skeleton) .cds--search-input,.cds--skeleton[size=md]:host(cds-search) .cds--search-input,.cds--skeleton[size=md]:host(cds-search-skeleton) .cds--search-input,.cds--skeleton[size=sm]:host(cds-search) .cds--search-input,.cds--skeleton[size=sm]: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%}.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,.cds--skeleton[size=lg]:host(cds-search) .cds--search-input:active,.cds--skeleton[size=lg]:host(cds-search) .cds--search-input:focus,.cds--skeleton[size=lg]:host(cds-search) .cds--search-input:hover,.cds--skeleton[size=lg]:host(cds-search-skeleton) .cds--search-input:active,.cds--skeleton[size=lg]:host(cds-search-skeleton) .cds--search-input:focus,.cds--skeleton[size=lg]:host(cds-search-skeleton) .cds--search-input:hover,.cds--skeleton[size=md]:host(cds-search) .cds--search-input:active,.cds--skeleton[size=md]:host(cds-search) .cds--search-input:focus,.cds--skeleton[size=md]:host(cds-search) .cds--search-input:hover,.cds--skeleton[size=md]:host(cds-search-skeleton) .cds--search-input:active,.cds--skeleton[size=md]:host(cds-search-skeleton) .cds--search-input:focus,.cds--skeleton[size=md]:host(cds-search-skeleton) .cds--search-input:hover,.cds--skeleton[size=sm]:host(cds-search) .cds--search-input:active,.cds--skeleton[size=sm]:host(cds-search) .cds--search-input:focus,.cds--skeleton[size=sm]:host(cds-search) .cds--search-input:hover,.cds--skeleton[size=sm]:host(cds-search-skeleton) .cds--search-input:active,.cds--skeleton[size=sm]:host(cds-search-skeleton) .cds--search-input:focus,.cds--skeleton[size=sm]:host(cds-search-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,.cds--skeleton[size=lg]:host(cds-search) .cds--search-input::before,.cds--skeleton[size=lg]:host(cds-search-skeleton) .cds--search-input::before,.cds--skeleton[size=md]:host(cds-search) .cds--search-input::before,.cds--skeleton[size=md]:host(cds-search-skeleton) .cds--search-input::before,.cds--skeleton[size=sm]:host(cds-search) .cds--search-input::before,.cds--skeleton[size=sm]: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){.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,.cds--skeleton[size=lg]:host(cds-search) .cds--search-input::before,.cds--skeleton[size=lg]:host(cds-search-skeleton) .cds--search-input::before,.cds--skeleton[size=md]:host(cds-search) .cds--search-input::before,.cds--skeleton[size=md]:host(cds-search-skeleton) .cds--search-input::before,.cds--skeleton[size=sm]:host(cds-search) .cds--search-input::before,.cds--skeleton[size=sm]:host(cds-search-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[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,.cds--skeleton[size=lg]:host(cds-search) .cds--search-input::placeholder,.cds--skeleton[size=lg]:host(cds-search-skeleton) .cds--search-input::placeholder,.cds--skeleton[size=md]:host(cds-search) .cds--search-input::placeholder,.cds--skeleton[size=md]:host(cds-search-skeleton) .cds--search-input::placeholder,.cds--skeleton[size=sm]:host(cds-search) .cds--search-input::placeholder,.cds--skeleton[size=sm]:host(cds-search-skeleton) .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,.cds--search--expanded[expandable]:host(cds-search),[expandable][expanded]:host(cds-search){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,.cds--search--expanded[expandable]:host(cds-search) .cds--search-input,[expandable][expanded]:host(cds-search) .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,.cds--search--expanded[expandable]:host(cds-search) .cds--search-input::placeholder,[expandable][expanded]:host(cds-search) .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,.cds--search--expanded[expandable]:host(cds-search) .cds--search-magnifier,[expandable][expanded]:host(cds-search) .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,.cds--search--expanded[expandable]:host(cds-search) .cds--search-magnifier-icon,[expandable][expanded]:host(cds-search) .cds--search-magnifier-icon{fill:var(--cds-icon-secondary,#525252)}.cds--search--disabled[expandable]:host(cds-search) svg,.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)[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}",
|
|
12
12
|
]);
|