@carbon/web-components 2.45.0 → 2.46.0
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 +919 -101
- package/dist/{16-BBj-4U6O.js → 16-BXPirV4t.js} +3 -3
- package/dist/16-BiojhJb6.js +28 -0
- package/dist/{16-Fw7MQsgz.js → 16-BirbARgt.js} +3 -3
- package/dist/{16-CsB-3CrK.js → 16-CNObEOvs.js} +3 -3
- package/dist/{16-t_6d5Xg6.js → 16-DThcsE9v.js} +3 -3
- package/dist/{16-DOSrxpkh.js → 16-T0hLy__N.js} +3 -3
- package/dist/{16-BFG46iFc.js → 16-mUGLFymm.js} +3 -3
- package/dist/{20-Dz5R4rWy.js → 20-BSzLZNRY.js} +3 -3
- package/dist/accordion.min.js +3 -3
- package/dist/ai-label.min.js +3 -3
- package/dist/ai-skeleton.min.js +3 -3
- package/dist/badge-indicator.min.js +3 -3
- package/dist/breadcrumb.min.js +3 -3
- package/dist/{button-BINUfYkQ.js → button-3n7S6dfU.js} +5 -5
- package/dist/{button-skeleton-Ce4GOnYk.js → button-skeleton-DE9AxBek.js} +4 -4
- package/dist/button.min.js +3 -3
- package/dist/chat-button.min.js +3 -3
- package/dist/{checkbox-YpDgBEVJ.js → checkbox-CFU6bnOa.js} +3 -3
- package/dist/checkbox.min.js +6 -6
- package/dist/{class-map-DzlEdlET.js → class-map-BLvVLLRH.js} +3 -3
- package/dist/code-snippet.min.js +5 -5
- package/dist/combo-box.min.js +6 -6
- package/dist/combo-button.min.js +3 -3
- package/dist/contained-list.min.js +70 -0
- package/dist/{content-switcher-item-CTUxWE3X.js → content-switcher-item-CXc-BbRX.js} +3 -3
- package/dist/content-switcher.min.js +3 -3
- package/dist/copy-button.min.js +3 -3
- package/dist/data-table.min.js +5 -5
- package/dist/date-picker.min.js +3 -3
- package/dist/defs-CcLNpvSO.js +28 -0
- package/dist/dropdown-item-CSXYY4Up.js +100 -0
- package/dist/dropdown.min.js +5 -5
- package/dist/feature-flags.min.js +3 -3
- package/dist/file-uploader.min.js +3 -3
- package/dist/floating-controller-ClaZwDaj.js +28 -0
- package/dist/floating-menu.min.js +3 -3
- package/dist/fluid-number-input.min.js +28 -0
- package/dist/fluid-search.min.js +3 -3
- package/dist/fluid-select.min.js +3 -3
- package/dist/fluid-text-input.min.js +3 -3
- package/dist/fluid-textarea.min.js +3 -3
- package/dist/{focus-4hYY4Dyy.js → focus-DCv16lgz.js} +3 -3
- package/dist/{form-Bi7CmOIh.js → form-D0wM2t2A.js} +3 -3
- package/dist/form-group.min.js +3 -3
- package/dist/form.min.js +3 -3
- package/dist/grid.min.js +3 -3
- package/dist/heading.min.js +3 -3
- package/dist/{host-listener-DvFKBeEg.js → host-listener-maKckXVl.js} +3 -3
- package/dist/icon-button.min.js +3 -3
- package/dist/icon-indicator.min.js +3 -3
- package/dist/{icon-loader-C0ZqVK1W.js → icon-loader-BiaaiIZd.js} +3 -3
- package/dist/{icon-loader-utils-BR71i9XR.js → icon-loader-utils-Dw7YsY3n.js} +3 -3
- package/dist/icon.min.js +3 -3
- package/dist/{if-defined-CcLoN68A.js → if-defined-B342gMhK.js} +3 -3
- package/dist/{if-non-empty-B1wddvKZ.js → if-non-empty-BXM4sQkm.js} +3 -3
- package/dist/inline-loading.min.js +3 -3
- package/dist/layer.min.js +3 -3
- package/dist/link.min.js +3 -3
- package/dist/list.min.js +3 -3
- package/dist/{lit-element-DXoDLiKG.js → lit-element-W7dQy3wx.js} +4 -4
- package/dist/{loading-icon-BqRwBxw_.js → loading-icon-9dSwtpx9.js} +3 -3
- package/dist/loading.min.js +3 -3
- package/dist/menu-button.min.js +6 -6
- package/dist/menu.min.js +16 -16
- package/dist/modal.min.js +3 -3
- package/dist/multi-select.min.js +3 -3
- package/dist/notification.min.js +32 -32
- package/dist/number-input.min.js +32 -31
- package/dist/overflow-menu.min.js +3 -3
- package/dist/page-header.min.js +3 -3
- package/dist/pagination.min.js +3 -3
- package/dist/password-input.min.js +31 -30
- package/dist/popover.min.js +3 -3
- package/dist/progress-bar.min.js +3 -3
- package/dist/progress-indicator.min.js +3 -3
- package/dist/{property-uTgGvQPP.js → property-D8KHfsO7.js} +3 -3
- package/dist/{query-assigned-elements-DzwbMc--.js → query-assigned-elements-CuK851Xm.js} +3 -3
- package/dist/radio-button.min.js +6 -6
- package/dist/search-BpfBrZ_q.js +58 -0
- package/dist/search.min.js +4 -4
- package/dist/{select-DrnoHpZf.js → select-Bu-C3DEh.js} +3 -3
- package/dist/{select-item-XCdOkQFq.js → select-item-CY7ZCgDO.js} +3 -3
- package/dist/{select-skeleton-D_sk9gT-.js → select-skeleton-Bj1W9rv-.js} +3 -3
- package/dist/select.min.js +3 -3
- package/dist/shape-indicator.min.js +3 -3
- package/dist/side-panel.min.js +8 -8
- package/dist/skeleton-icon.min.js +3 -3
- package/dist/skeleton-placeholder.min.js +3 -3
- package/dist/skeleton-text.min.js +3 -3
- package/dist/skip-to-content.min.js +3 -3
- package/dist/slider.min.js +186 -100
- package/dist/slug.min.js +3 -3
- package/dist/stack.min.js +3 -3
- package/dist/{state-WaBTtiEK.js → state-DVnprZ3A.js} +3 -3
- package/dist/structured-list.min.js +3 -3
- package/dist/tabs.min.js +3 -3
- package/dist/tag.min.js +3 -3
- package/dist/tearsheet.min.js +3 -3
- package/dist/text-input-CMLDDQcE.js +95 -0
- package/dist/text-input.min.js +4 -4
- package/dist/textarea.min.js +6 -6
- package/dist/tile.min.js +3 -3
- package/dist/time-picker.min.js +3 -3
- package/dist/toggle-tip.min.js +3 -3
- package/dist/toggle.min.js +3 -3
- package/dist/{tooltip-content-qsyHhcSH.js → tooltip-content-eYgOs_c2.js} +3 -3
- package/dist/tooltip.min.js +3 -3
- package/dist/tree-view.min.js +3 -3
- package/dist/ui-shell.min.js +5 -5
- package/dist/{unsafe-html-DmB1txAP.js → unsafe-html-SGvBIOsG.js} +3 -3
- package/es/components/button/button.scss.js +1 -1
- package/es/components/chat-button/chat-button.scss.js +1 -1
- package/es/components/code-snippet/code-snippet.scss.js +1 -1
- package/es/components/combo-box/combo-box.d.ts +10 -3
- package/es/components/combo-box/combo-box.js +58 -7
- package/es/components/combo-box/combo-box.js.map +1 -1
- package/es/components/combo-box/combo-box.scss.js +1 -1
- package/es/components/contained-list/contained-list-description.d.ts +18 -0
- package/es/components/contained-list/contained-list-description.js +38 -0
- package/es/components/contained-list/contained-list-description.js.map +1 -0
- package/es/components/contained-list/contained-list-item.d.ts +43 -0
- package/es/components/contained-list/contained-list-item.js +135 -0
- package/es/components/contained-list/contained-list-item.js.map +1 -0
- package/es/components/contained-list/contained-list.d.ts +37 -0
- package/es/components/contained-list/contained-list.js +95 -0
- package/es/components/contained-list/contained-list.js.map +1 -0
- package/es/components/contained-list/contained-list.scss.js +13 -0
- package/es/components/contained-list/contained-list.scss.js.map +1 -0
- package/es/components/contained-list/index.d.ts +9 -0
- package/es/components/contained-list/index.js +11 -0
- package/es/components/contained-list/index.js.map +1 -0
- package/es/components/copy-button/copy-button.scss.js +1 -1
- package/es/components/data-table/data-table.scss.js +1 -1
- package/es/components/dropdown/dropdown.d.ts +25 -1
- package/es/components/dropdown/dropdown.js +72 -3
- package/es/components/dropdown/dropdown.js.map +1 -1
- package/es/components/dropdown/dropdown.scss.js +1 -1
- package/es/components/fluid-number-input/fluid-number-input-skeleton.d.ts +17 -0
- package/es/components/fluid-number-input/fluid-number-input-skeleton.js +38 -0
- package/es/components/fluid-number-input/fluid-number-input-skeleton.js.map +1 -0
- package/es/components/fluid-number-input/fluid-number-input.d.ts +19 -0
- package/es/components/fluid-number-input/fluid-number-input.js +53 -0
- package/es/components/fluid-number-input/fluid-number-input.js.map +1 -0
- package/es/components/fluid-number-input/fluid-number-input.scss.js +13 -0
- package/es/components/fluid-number-input/fluid-number-input.scss.js.map +1 -0
- package/es/components/fluid-number-input/index.d.ts +8 -0
- package/es/components/fluid-number-input/index.js +10 -0
- package/es/components/fluid-number-input/index.js.map +1 -0
- package/es/components/fluid-search/fluid-search.scss.js +1 -1
- package/es/components/fluid-text-input/fluid-text-input.scss.js +1 -1
- package/es/components/icon-button/icon-button.scss.js +1 -1
- package/es/components/menu/menu-item.d.ts +1 -0
- package/es/components/menu/menu-item.js +12 -2
- package/es/components/menu/menu-item.js.map +1 -1
- package/es/components/menu/menu.d.ts +4 -1
- package/es/components/menu/menu.js +28 -3
- package/es/components/menu/menu.js.map +1 -1
- package/es/components/menu/menu.scss.js +1 -1
- package/es/components/menu-button/menu-button.d.ts +5 -2
- package/es/components/menu-button/menu-button.js +77 -7
- package/es/components/menu-button/menu-button.js.map +1 -1
- package/es/components/multi-select/multi-select.scss.js +1 -1
- package/es/components/notification/callout-notification.d.ts +1 -1
- package/es/components/notification/callout-notification.js +8 -9
- package/es/components/notification/callout-notification.js.map +1 -1
- package/es/components/number-input/number-input.d.ts +4 -0
- package/es/components/number-input/number-input.js +28 -12
- package/es/components/number-input/number-input.js.map +1 -1
- package/es/components/number-input/number-input.scss.js +1 -1
- package/es/components/password-input/password-input.d.ts +5 -0
- package/es/components/password-input/password-input.js +14 -5
- package/es/components/password-input/password-input.js.map +1 -1
- package/es/components/password-input/password-input.scss.js +1 -1
- package/es/components/popover/popover.js.map +1 -1
- package/es/components/search/search.scss.js +1 -1
- package/es/components/slider/slider-input.js +14 -18
- package/es/components/slider/slider-input.js.map +1 -1
- package/es/components/slider/slider.d.ts +7 -0
- package/es/components/slider/slider.js +226 -83
- package/es/components/slider/slider.js.map +1 -1
- package/es/components/slider/slider.scss.js +1 -1
- package/es/components/text-input/text-input-skeleton.d.ts +1 -1
- package/es/components/text-input/text-input-skeleton.js +4 -3
- package/es/components/text-input/text-input-skeleton.js.map +1 -1
- package/es/components/text-input/text-input.scss.js +1 -1
- package/es/components/textarea/textarea-skeleton.d.ts +5 -1
- package/es/components/textarea/textarea-skeleton.js +16 -2
- package/es/components/textarea/textarea-skeleton.js.map +1 -1
- package/es/components/time-picker/time-picker.scss.js +1 -1
- package/es/components/toggle-tip/toggletip.js.map +1 -1
- package/es-custom/components/button/button.scss.js +1 -1
- package/es-custom/components/chat-button/chat-button.scss.js +1 -1
- package/es-custom/components/code-snippet/code-snippet.scss.js +1 -1
- package/es-custom/components/combo-box/combo-box.d.ts +10 -3
- package/es-custom/components/combo-box/combo-box.js +58 -7
- package/es-custom/components/combo-box/combo-box.js.map +1 -1
- package/es-custom/components/combo-box/combo-box.scss.js +1 -1
- package/es-custom/components/contained-list/contained-list-description.d.ts +18 -0
- package/es-custom/components/contained-list/contained-list-description.js +38 -0
- package/es-custom/components/contained-list/contained-list-description.js.map +1 -0
- package/es-custom/components/contained-list/contained-list-item.d.ts +43 -0
- package/es-custom/components/contained-list/contained-list-item.js +135 -0
- package/es-custom/components/contained-list/contained-list-item.js.map +1 -0
- package/es-custom/components/contained-list/contained-list.d.ts +37 -0
- package/es-custom/components/contained-list/contained-list.js +95 -0
- package/es-custom/components/contained-list/contained-list.js.map +1 -0
- package/es-custom/components/contained-list/contained-list.scss.js +13 -0
- package/es-custom/components/contained-list/contained-list.scss.js.map +1 -0
- package/es-custom/components/contained-list/index.d.ts +9 -0
- package/es-custom/components/contained-list/index.js +11 -0
- package/es-custom/components/contained-list/index.js.map +1 -0
- package/es-custom/components/copy-button/copy-button.scss.js +1 -1
- package/es-custom/components/data-table/data-table.scss.js +1 -1
- package/es-custom/components/dropdown/dropdown.d.ts +25 -1
- package/es-custom/components/dropdown/dropdown.js +72 -3
- package/es-custom/components/dropdown/dropdown.js.map +1 -1
- package/es-custom/components/dropdown/dropdown.scss.js +1 -1
- package/es-custom/components/fluid-number-input/fluid-number-input-skeleton.d.ts +17 -0
- package/es-custom/components/fluid-number-input/fluid-number-input-skeleton.js +38 -0
- package/es-custom/components/fluid-number-input/fluid-number-input-skeleton.js.map +1 -0
- package/es-custom/components/fluid-number-input/fluid-number-input.d.ts +19 -0
- package/es-custom/components/fluid-number-input/fluid-number-input.js +53 -0
- package/es-custom/components/fluid-number-input/fluid-number-input.js.map +1 -0
- package/es-custom/components/fluid-number-input/fluid-number-input.scss.js +13 -0
- package/es-custom/components/fluid-number-input/fluid-number-input.scss.js.map +1 -0
- package/es-custom/components/fluid-number-input/index.d.ts +8 -0
- package/es-custom/components/fluid-number-input/index.js +10 -0
- package/es-custom/components/fluid-number-input/index.js.map +1 -0
- package/es-custom/components/fluid-search/fluid-search.scss.js +1 -1
- package/es-custom/components/fluid-text-input/fluid-text-input.scss.js +1 -1
- package/es-custom/components/icon-button/icon-button.scss.js +1 -1
- package/es-custom/components/menu/menu-item.d.ts +1 -0
- package/es-custom/components/menu/menu-item.js +12 -2
- package/es-custom/components/menu/menu-item.js.map +1 -1
- package/es-custom/components/menu/menu.d.ts +4 -1
- package/es-custom/components/menu/menu.js +28 -3
- package/es-custom/components/menu/menu.js.map +1 -1
- package/es-custom/components/menu/menu.scss.js +1 -1
- package/es-custom/components/menu-button/menu-button.d.ts +5 -2
- package/es-custom/components/menu-button/menu-button.js +77 -7
- package/es-custom/components/menu-button/menu-button.js.map +1 -1
- package/es-custom/components/multi-select/multi-select.scss.js +1 -1
- package/es-custom/components/notification/callout-notification.d.ts +1 -1
- package/es-custom/components/notification/callout-notification.js +8 -9
- package/es-custom/components/notification/callout-notification.js.map +1 -1
- package/es-custom/components/number-input/number-input.d.ts +4 -0
- package/es-custom/components/number-input/number-input.js +28 -12
- package/es-custom/components/number-input/number-input.js.map +1 -1
- package/es-custom/components/number-input/number-input.scss.js +1 -1
- package/es-custom/components/password-input/password-input.d.ts +5 -0
- package/es-custom/components/password-input/password-input.js +14 -5
- package/es-custom/components/password-input/password-input.js.map +1 -1
- package/es-custom/components/password-input/password-input.scss.js +1 -1
- package/es-custom/components/popover/popover.js.map +1 -1
- package/es-custom/components/search/search.scss.js +1 -1
- package/es-custom/components/slider/slider-input.js +14 -18
- package/es-custom/components/slider/slider-input.js.map +1 -1
- package/es-custom/components/slider/slider.d.ts +7 -0
- package/es-custom/components/slider/slider.js +226 -83
- package/es-custom/components/slider/slider.js.map +1 -1
- package/es-custom/components/slider/slider.scss.js +1 -1
- package/es-custom/components/text-input/text-input-skeleton.d.ts +1 -1
- package/es-custom/components/text-input/text-input-skeleton.js +4 -3
- package/es-custom/components/text-input/text-input-skeleton.js.map +1 -1
- package/es-custom/components/text-input/text-input.scss.js +1 -1
- package/es-custom/components/textarea/textarea-skeleton.d.ts +5 -1
- package/es-custom/components/textarea/textarea-skeleton.js +16 -2
- package/es-custom/components/textarea/textarea-skeleton.js.map +1 -1
- package/es-custom/components/time-picker/time-picker.scss.js +1 -1
- package/es-custom/components/toggle-tip/toggletip.js.map +1 -1
- package/lib/components/combo-box/combo-box.d.ts +10 -3
- package/lib/components/contained-list/contained-list-description.d.ts +18 -0
- package/lib/components/contained-list/contained-list-item.d.ts +43 -0
- package/lib/components/contained-list/contained-list.d.ts +37 -0
- package/lib/components/contained-list/index.d.ts +9 -0
- package/lib/components/dropdown/dropdown.d.ts +25 -1
- package/lib/components/fluid-number-input/fluid-number-input-skeleton.d.ts +17 -0
- package/lib/components/fluid-number-input/fluid-number-input.d.ts +19 -0
- package/lib/components/fluid-number-input/index.d.ts +8 -0
- package/lib/components/menu/menu-item.d.ts +1 -0
- package/lib/components/menu/menu.d.ts +4 -1
- package/lib/components/menu-button/menu-button.d.ts +5 -2
- package/lib/components/notification/callout-notification.d.ts +1 -1
- package/lib/components/number-input/number-input.d.ts +4 -0
- package/lib/components/password-input/password-input.d.ts +5 -0
- package/lib/components/slider/slider.d.ts +7 -0
- package/lib/components/text-input/text-input-skeleton.d.ts +1 -1
- package/lib/components/textarea/textarea-skeleton.d.ts +5 -1
- package/package.json +5 -6
- package/scss/components/combo-box/combo-box.scss +21 -0
- package/scss/components/contained-list/contained-list.scss +48 -0
- package/scss/components/fluid-number-input/fluid-number-input.scss +27 -0
- package/scss/components/menu/menu.scss +2 -0
- package/scss/components/number-input/number-input.scss +13 -0
- package/scss/components/password-input/password-input.scss +21 -17
- package/scss/components/search/search.scss +6 -0
- package/scss/components/slider/slider.scss +33 -5
- package/scss/components/text-input/text-input.scss +5 -2
- package/telemetry.yml +14 -8
- package/dist/16-BFl-qNrl.js +0 -28
- package/dist/dropdown-item-ALZ34_OA.js +0 -100
- package/dist/floating-controller-BO48DFk2.js +0 -28
- package/dist/search-DNdS00wP.js +0 -58
- package/dist/text-input-B9VDpl4N.js +0 -95
- package/dist/{16-Co6aAEol.js → 16-BcPXq4VE.js} +2 -2
- package/dist/{16-B7pwVoJF.js → 16-CCrV-EKs.js} +2 -2
- package/dist/{16-CGBcKyTF.js → 16-CsHohlYG.js} +2 -2
- package/dist/{16-CE0vhrU3.js → 16-D9rqeJJl.js} +2 -2
- package/dist/{16-Di-633li.js → 16-DEZ8LNs3.js} +2 -2
- package/dist/{20-BkqtasS4.js → 20-ZHgmfbqd.js} +2 -2
- package/dist/{carbon-element-C1z5CnbR.js → carbon-element-tFMTVffV.js} +2 -2
- package/dist/{collection-helpers-CpMBYTSn.js → collection-helpers-C8K_t6zj.js} +2 -2
- package/dist/{consume-CJ68u14F.js → consume-DNv3sWri.js} +2 -2
- package/dist/{directive-D38JskT2.js → directive-CwpJ03IP.js} +2 -2
- package/dist/{host-listener-C5X2a6BU.js → host-listener-BFnrKETa.js} +2 -2
- package/dist/{on-CHmODq20.js → on-Bh72-1o0.js} +2 -2
- package/dist/{query-ClymL-mj.js → query-DZZk85FD.js} +2 -2
- package/dist/{radio-group-manager-Cd-2cWQY.js → radio-group-manager-BbeUxJeN.js} +2 -2
- package/dist/{settings--npNF0B7.js → settings-CVGvqY8T.js} +2 -2
- package/dist/{shared-enums-DNTUOzm5.js → shared-enums-D2BNx9-N.js} +2 -2
- package/dist/{validity-WwpJqqG9.js → validity-CzCNnEZK.js} +2 -2
package/dist/number-input.min.js
CHANGED
|
@@ -18,14 +18,14 @@
|
|
|
18
18
|
* https://www.npmjs.com/package/@floating-ui/dom
|
|
19
19
|
* https://www.npmjs.com/package/@carbon/icon-helpers
|
|
20
20
|
* https://www.npmjs.com/package/flatpickr
|
|
21
|
-
* https://www.npmjs.com/package/lit-element
|
|
22
21
|
* https://www.npmjs.com/package/lit-html
|
|
22
|
+
* https://www.npmjs.com/package/lit-element
|
|
23
23
|
* https://www.npmjs.com/package/@lit/reactive-element
|
|
24
|
-
* https://www.npmjs.com/package/@floating-ui/core
|
|
25
24
|
* https://www.npmjs.com/package/@floating-ui/utils
|
|
25
|
+
* https://www.npmjs.com/package/@floating-ui/core
|
|
26
26
|
*/
|
|
27
27
|
|
|
28
|
-
import{i as e,r as t,_ as n,x as r}from"./lit-element-DXoDLiKG.js";import{n as s}from"./property-uTgGvQPP.js";import{a as i}from"./query-ClymL-mj.js";import{e as d}from"./class-map-DzlEdlET.js";import{p as o}from"./settings--npNF0B7.js";import{i as a}from"./icon-loader-C0ZqVK1W.js";import{_ as c}from"./16-CGBcKyTF.js";import{_ as l}from"./16-B7pwVoJF.js";import{i as u}from"./if-non-empty-B1wddvKZ.js";import"./shared-enums-DNTUOzm5.js";import{C as m,I as p}from"./text-input-B9VDpl4N.js";import{c as b}from"./carbon-element-C1z5CnbR.js";import"./directive-D38JskT2.js";import"./icon-loader-utils-BR71i9XR.js";import"./unsafe-html-DmB1txAP.js";import"./if-defined-CcLoN68A.js";import"./form-Bi7CmOIh.js";import"./on-CHmODq20.js";import"./validity-WwpJqqG9.js";var _,h={elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:16,height:16},content:[{elem:"path",attrs:{d:"M17 15L17 8 15 8 15 15 8 15 8 17 15 17 15 24 17 24 17 17 24 17 24 15z"}}],name:"add",size:16},v={elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:16,height:16},content:[{elem:"path",attrs:{d:"M8 15H24V17H8z"}}],name:"subtract",size:16};!function(e){e.EXCEEDED_MAXIMUM="exceeded_maximum",e.EXCEEDED_MINIMUM="exceeded_minimum"}(_||(_={}));var y=e(['@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--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}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}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{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--label html{font-size:100%}.cds--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-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{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds--label+.cds--tooltip .cds--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.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{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.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{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--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--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]: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--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]: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--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.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--inline__wrapper[data-invalid]~.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:none}.cds--form--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-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--form-requirement{display:none;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--number__controls:hover .cds--number__control-btn:after,.cds--number__input-wrapper--decorator .cds--number__rule-divider,.cds--number__input-wrapper--slug .cds--number__rule-divider{display:none}.cds--number__input-wrapper--decorator .cds--number__control-btn:hover,.cds--number__input-wrapper--slug .cds--number__control-btn:hover{box-shadow:0 -1px 0 var(--cds-ai-border-strong,#4589ff) inset}.cds--number__controls:focus-within .cds--number__control-btn:after{display:none}.cds--number html{font-size:100%}.cds--number body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--number code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--number strong{font-weight:600}.cds--number{display:flex;flex-direction:column;inline-size:100%;position:relative}.cds--number .cds--number__input-wrapper--warning input[type=number],.cds--number .cds--number__input-wrapper--warning input[type=text]{padding-inline-end:8rem}.cds--number input[type=number],.cds--number input[type=text]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;background-color:var(--cds-field);block-size:2.5rem;border:0;border-block-end:.0625rem solid var(--cds-border-strong);border-radius:0;box-sizing:border-box;color:var(--cds-text-primary,#161616);display:inline-flex;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);font-weight:400;inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);min-inline-size:9.375rem;outline:2px solid transparent;outline-offset:-2px;padding-inline:1rem 6rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--number input[type=number]:focus,.cds--number input[type=text]:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--number input[type=number]:focus,.cds--number input[type=text]:focus{outline-style:dotted}}.cds--number input[type=number]:disabled~.cds--number__controls,.cds--number input[type=text]:disabled~.cds--number__controls{cursor:not-allowed;pointer-events:none}.cds--number input[type=number]:disabled~.cds--number__controls svg,.cds--number input[type=text]:disabled~.cds--number__controls svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--number input[type=number]::-ms-clear,.cds--number input[type=text]::-ms-clear{display:none}.cds--number input[type=number]::-webkit-inner-spin-button,.cds--number input[type=text]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.cds--number input[type=number][data-invalid],.cds--number input[type=text][data-invalid]{padding-inline-end:8rem}.cds--number--lg.cds--number input[type=number],.cds--number--lg.cds--number input[type=text]{padding-inline-end:7rem}.cds--number--lg.cds--number .cds--number__input-wrapper--warning input[type=number],.cds--number--lg.cds--number .cds--number__input-wrapper--warning input[type=text],.cds--number--lg.cds--number input[type=number][data-invalid],.cds--number--lg.cds--number input[type=text][data-invalid]{padding-inline-end:9rem}.cds--number--sm.cds--number input[type=number],.cds--number--sm.cds--number input[type=text]{padding-inline-end:5rem}.cds--number--sm.cds--number .cds--number__input-wrapper--warning input[type=number],.cds--number--sm.cds--number .cds--number__input-wrapper--warning input[type=text],.cds--number--sm.cds--number input[type=number][data-invalid],.cds--number--sm.cds--number input[type=text][data-invalid]{padding-inline-end:7rem}.cds--number input[type=number]:disabled,.cds--number input[type=text]:disabled{background-color:var(--cds-field);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--number__input-wrapper{align-items:center;display:flex;position:relative}.cds--number__controls html{font-size:100%}.cds--number__controls body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--number__controls code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--number__controls strong{font-weight:600}.cds--number__controls{align-items:center;block-size:100%;display:flex;flex-direction:row;inline-size:5rem;inset-block-start:50%;inset-inline-end:0;justify-content:center;position:absolute;transform:translateY(-50%)}.cds--number__control-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds--number__control-btn *,.cds--number__control-btn :after,.cds--number__control-btn :before{box-sizing:inherit}.cds--number__control-btn::-moz-focus-inner{border:0}.cds--number__control-btn{align-items:center;block-size:100%;color:var(--cds-icon-primary,#161616);display:inline-flex;justify-content:center;position:relative}.cds--number__control-btn svg{fill:currentColor}.cds--number__control-btn:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--number__control-btn:focus{outline-style:dotted}}.cds--number__control-btn:focus{color:var(--cds-icon-primary,#161616);outline-offset:-2px;outline-width:2px}.cds--number__control-btn:hover{background-color:var(--cds-field-hover);box-shadow:0 -1px 0 var(--cds-border-strong) inset;color:var(--cds-icon-primary,#161616);cursor:pointer}.cds--number__control-btn:disabled{border-block-end-color:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--number__control-btn.down-icon{order:1}.cds--number__control-btn.up-icon{order:2}.cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn,.cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn{border-block-end-color:var(--cds-support-error,#da1e28)}.cds--number input[type=number]:focus~.cds--number__controls .cds--number__control-btn,.cds--number input[type=text]:focus~.cds--number__controls .cds--number__control-btn{border-color:var(--cds-focus,#0f62fe);border-style:solid;border-width:2px 0;box-shadow:none;outline-offset:-2px}.cds--number input[type=number]:focus~.cds--number__controls .cds--number__control-btn:last-of-type:hover,.cds--number input[type=text]:focus~.cds--number__controls .cds--number__control-btn:last-of-type:hover{box-shadow:-4px 0 0 -2px var(--cds-focus,#0f62fe) inset}.cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover,.cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover{box-shadow:-4px 0 0 -2px var(--cds-support-error,#da1e28) inset}.cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover,.cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover{border-color:var(--cds-support-error,#da1e28);border-style:solid;border-width:2px 0;box-shadow:none;outline-offset:-2px}.cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover{outline-style:dotted}}.cds--number__rule-divider{background-color:var(--cds-border-subtle);block-size:1rem;inline-size:.0625rem;position:absolute;z-index:6000}.cds--number__rule-divider:first-of-type{order:0}.cds--number__controls .cds--number__rule-divider:first-of-type{background-color:transparent;inset-inline-start:0}.cds--number__invalid+.cds--number__controls .cds--number__rule-divider:first-of-type{background-color:var(--cds-border-subtle)}.cds--number--light .cds--number__invalid+.cds--number__controls .cds--number__rule-divider:first-of-type,.cds--number--light .cds--number__rule-divider{background-color:var(--cds-border-subtle-02,#e0e0e0)}.cds--number input[type=number]:disabled+.cds--number__controls .cds--number__rule-divider:first-of-type,.cds--number input[type=text]:disabled+.cds--number__controls .cds--number__rule-divider:first-of-type{background-color:transparent}.cds--number input[type=number]:disabled+.cds--number__controls .cds--number__rule-divider,.cds--number input[type=text]:disabled+.cds--number__controls .cds--number__rule-divider{background-color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--number__control-btn:focus~.cds--number__rule-divider{background-color:transparent}.cds--number__invalid{position:absolute;fill:var(--cds-support-error,#da1e28);inset-inline-end:6rem}.cds--number--lg .cds--number__invalid{inset-inline-end:7rem}.cds--number--sm .cds--number__invalid{inset-inline-end:5rem}.cds--number__invalid+.cds--number__rule-divider{inset-inline-end:5rem;position:absolute}.cds--number--lg .cds--number__invalid+.cds--number__rule-divider{inset-inline-end:6rem}.cds--number--sm .cds--number__invalid+.cds--number__rule-divider{inset-inline-end:4rem}.cds--number__control-btn.down-icon:focus~.cds--number__rule-divider,.cds--number__control-btn.down-icon:hover~.cds--number__rule-divider,.cds--number__control-btn.up-icon:focus+.cds--number__rule-divider,.cds--number__control-btn.up-icon:hover+.cds--number__rule-divider{background-color:transparent}.cds--number__invalid--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--number__invalid--warning path:first-of-type{fill:#000;opacity:1}.cds--number--lg input[type=number],.cds--number--lg input[type=text]{block-size:3rem}.cds--number--lg .cds--number__controls{inline-size:6rem}.cds--number--lg .cds--number__control-btn{inline-size:3rem}.cds--number--sm input[type=number],.cds--number--sm input[type=text]{block-size:2rem}.cds--number--sm .cds--number__controls{inline-size:4rem}.cds--number--sm .cds--number__control-btn{inline-size:2rem}.cds--number--nolabel .cds--label+.cds--form__helper-text{margin-block-start:0}.cds--number--nosteppers input[type=number],.cds--number--nosteppers input[type=text]{padding-inline-end:0}.cds--number--nosteppers .cds--number__input-wrapper--warning input[type=number],.cds--number--nosteppers .cds--number__input-wrapper--warning input[type=text],.cds--number--nosteppers input[type=number][data-invalid],.cds--number--nosteppers input[type=text][data-invalid]{padding-inline-end:3rem}.cds--number--nosteppers .cds--number__invalid{inset-inline-end:1rem}.cds--number--readonly input[type=number],.cds--number--readonly input[type=text]{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds--number--readonly .cds--number__control-btn{color:var(--cds-icon-disabled,hsla(0,0%,9%,.25));pointer-events:none}.cds--number--readonly .cds--number__control-btn:hover{background-color:transparent;cursor:pointer}.cds--number--readonly input[type=number]:focus~.cds--number__controls .cds--number__control-btn:hover,.cds--number--readonly input[type=text]:focus~.cds--number__controls .cds--number__control-btn:hover{outline:none}.cds--number--readonly .cds--number__controls:hover .cds--number__rule-divider:not(:first-of-type){background-color:var(--cds-border-subtle)}.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>*,.cds--number__input-wrapper--slug .cds--ai-label,.cds--number__input-wrapper--slug .cds--slug{inset-block-start:50%;inset-inline-end:6rem;position:absolute;transform:translateY(-50%)}.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator:not(:has(.cds--ai-label))>*{block-size:1rem}.cds--number__input-wrapper--decorator .cds--number__control-btn:after,.cds--number__input-wrapper--decorator .cds--number__control-btn:before,.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>:before,.cds--number__input-wrapper--slug .cds--ai-label:before,.cds--number__input-wrapper--slug .cds--number__control-btn:after,.cds--number__input-wrapper--slug .cds--number__control-btn:before,.cds--number__input-wrapper--slug .cds--slug:before{background-color:var(--cds-border-subtle);block-size:1rem;content:"";inline-size:.0625rem;position:absolute}.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>:before,.cds--number__input-wrapper--slug .cds--ai-label:before,.cds--number__input-wrapper--slug .cds--slug:before{display:none;inset-inline-start:-1rem}.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator .cds--ai-label--revert:before,.cds--number__input-wrapper--slug .cds--ai-label--revert:before,.cds--number__input-wrapper--slug .cds--slug--revert:before{inset-block-start:.5rem;inset-inline-start:-.5rem}.cds--number__control-btn:after{display:block;inset-inline-end:0}.cds--number__input-wrapper--decorator .cds--number__control-btn:before,.cds--number__input-wrapper--slug .cds--number__control-btn:before{display:block;inset-inline-end:2.5rem}.cds--number__input-wrapper--decorator .cds--number__control-btn:focus:before,.cds--number__input-wrapper--slug .cds--number__control-btn:focus:before{display:none}.cds--number__control-btn:hover:after,.cds--number__control-btn:hover:before{display:none;inset-inline-end:0}.cds--number__input-wrapper:has(.cds--number__control-btn:hover)~.cds--number__input-wrapper--decorator:after,.cds--number__input-wrapper:has(.cds--number__control-btn:hover)~.cds--number__input-wrapper--slug:after{display:none}.cds--number__control-btn:has(.up-icon):after,.cds--number__control-btn:has(.up-icon):before{display:none}.cds--number__input-wrapper--decorator .cds--number__invalid,.cds--number__input-wrapper--slug .cds--number__invalid{inset-inline-end:9rem}.cds--number__input-wrapper--decorator:has(.cds--number__invalid) .cds--number__input-inner-wrapper--decorator>:before,.cds--number__input-wrapper--slug:has(.cds--number__invalid) .cds--ai-label:before,.cds--number__input-wrapper--slug:has(.cds--number__invalid) .cds--slug:before{display:block}.cds--number .cds--number__input-wrapper--decorator input[data-invalid],.cds--number .cds--number__input-wrapper--decorator.cds--number__input-wrapper--warning input,.cds--number .cds--number__input-wrapper--slug input[data-invalid],.cds--number .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning input{padding-inline-end:9rem}.cds--number__input-wrapper--decorator input[type=number]:has(~.cds--number__input-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--number__input-inner-wrapper--decorator .cds--ai-label--revert)),.cds--number__input-wrapper--decorator input[type=text]:has(~.cds--number__input-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--number__input-inner-wrapper--decorator .cds--ai-label--revert)),.cds--number__input-wrapper--slug input[type=number]:disabled,.cds--number__input-wrapper--slug input[type=number]:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--number__input-wrapper--slug input[type=number]:has(~.cds--slug):not(:has(~.cds--slug--revert)),.cds--number__input-wrapper--slug input[type=text]:disabled,.cds--number__input-wrapper--slug input[type=text]:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--number__input-wrapper--slug input[type=text]:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff);padding-inline-end:9.0625rem}.cds--number.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--number.cds--skeleton:active,.cds--number.cds--skeleton:focus,.cds--number.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--number.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--number.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--number.cds--skeleton{background:CanvasText}.cds--number.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--number.cds--skeleton{inline-size:100%}.cds--number.cds--skeleton input[type=number],.cds--number.cds--skeleton input[type=text]{display:none}.cds--number.cds--skeleton.cds--number--sm{block-size:2rem}.cds--number.cds--skeleton.cds--number--md{block-size:2.5rem}.cds--number.cds--skeleton.cds--number--lg{block-size:3rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--number__control-btn:focus,.cds--number__control-btn:hover{color:Highlight;outline:1px solid Highlight}.cds--number__control-btn{outline:1px solid transparent}}:host(cds-number-input),:host(cds-number-input-skeleton){inline-size:100%;outline:none}:host(cds-number-input) .cds--form-requirement[hidden],:host(cds-number-input-skeleton) .cds--form-requirement[hidden]{display:none}.cds--number .cds--number__invalid~input[type=number]:disabled+.cds--number__controls .cds--number__rule-divider:first-of-type,.cds--number__invalid~.cds--number__controls .cds--number__rule-divider:first-of-type{background-color:var(--cds-border-subtle)}.cds--number--readonly .cds--number__controls .cds--number__control-btn{border-block-end:0}:host(cds-number-input) ::slotted(cds-ai-label),:host(cds-number-input) ::slotted(cds-slug){inset-block-start:50%;inset-inline-end:6rem;position:absolute}:host(cds-number-input) ::slotted(cds-ai-label:not([revert-active])),:host(cds-number-input) ::slotted(cds-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-number-input) .cds--number[data-invalid] ::slotted(cds-ai-label):after,:host(cds-number-input) .cds--number[data-invalid] ::slotted(cds-slug):after,:host(cds-number-input[invalid]) ::slotted(cds-ai-label):after,:host(cds-number-input[invalid]) ::slotted(cds-slug):after,:host(cds-number-input[warn]) ::slotted(cds-ai-label):after,:host(cds-number-input[warn]) ::slotted(cds-slug):after{background-color:var(--cds-border-subtle);block-size:100%;content:"";inline-size:.0625rem;inset-inline-start:-1rem;position:absolute}:host(cds-number-input) .up-icon:after,:host(cds-number-input) .up-icon:before{display:none}:host(cds-number-input[ai-label]) input{background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}']);let f=class extends m{constructor(){super(...arguments),this._preventWheel=e=>{e.preventDefault()},this._min="",this._max="",this._step="1",this.iconDescription="",this.incrementButtonAssistiveText="increase number input",this.decrementButtonAssistiveText="decrease number input",this.hideSteppers=!1,this.allowEmpty=!1,this.defaultValue="",this.disableWheel=!1,this.size=p.MEDIUM,this.getDecimalPlaces=e=>{const t=e.toString().split(".");return t[1]?t[1].length:0}}_handleInput(e){const{target:t}=e,{value:n}=t,r=void 0!==this._value&&Number(n)>Number(this._value)?"up":"down";this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:n,direction:r}})),this._value=n}_handleUserInitiatedStepDown(e){const{_input:t}=this;this.stepDown(),this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:t.value,direction:"down"}}))}_handleUserInitiatedStepUp(e){const{_input:t}=this;this.stepUp(),this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:t.value,direction:"up"}}))}_handleFocus(e){this.disableWheel&&e.target.addEventListener("wheel",this._preventWheel,{passive:!1})}_handleBlur(e){this.disableWheel&&e.target.removeEventListener("wheel",this._preventWheel)}_getInputValidity(){var e,t;return!this.invalid&&(""===this.value?this.allowEmpty:!((null===(e=this._input)||void 0===e?void 0:e.valueAsNumber)>Number(this.max)||(null===(t=this._input)||void 0===t?void 0:t.valueAsNumber)<Number(this.min)))}get min(){return this._min.toString()}set min(e){const t=this.min;this._min=e,this.requestUpdate("min",t)}get max(){return this._max.toString()}set max(e){const t=this.max;this._max=e,this.requestUpdate("max",t)}get step(){return this._step.toString()}set step(e){const t=this.step;this._step=e,this.requestUpdate("step",t)}stepUp(){const e=Number(this._input.value),t=e+Number(this.step),n=Math.max(this.getDecimalPlaces(e),this.getDecimalPlaces(Number(this.step))),r=parseFloat(t.toFixed(n));this._value=String(r),this.value=this._value}stepDown(){const e=Number(this._input.value),t=e-Number(this.step),n=Math.max(this.getDecimalPlaces(e),this.getDecimalPlaces(Number(this.step))),r=parseFloat(t.toFixed(n));this._value=String(r),this.value=this._value}render(){const{_handleInput:e,_handleUserInitiatedStepDown:t,_handleUserInitiatedStepUp:n,_handleFocus:s,_handleBlur:i}=this,m=this._getInputValidity(),p=a(c,{class:`${o}--number__invalid`}),b=a(l,{class:`${o}--number__invalid ${o}--number__invalid--warning`}),_={disabled:!this.readonly&&this.disabled,invalid:!this.readonly&&!m,warn:!this.readonly&&m&&this.warn,"slot-name":"","slot-text":"",icon:null},y=d({[`${o}--number`]:!0,[`${o}--number--${this.size}`]:this.size,[`${o}--number--nosteppers`]:this.hideSteppers,[`${o}--number--readonly`]:this.readonly}),f=d({[`${o}--number__input-wrapper`]:!0,[`${o}--number__input-wrapper--warning`]:_.warn,[`${o}--number__input-wrapper--decorator`]:this._hasAILabel}),g=d({[`${o}--label`]:!0,[`${o}--label--disabled`]:_.disabled,[`${o}--visually-hidden`]:this.hideLabel}),x=d({[`${o}--form__helper-text`]:!0,[`${o}--form__helper-text--disabled`]:_.disabled}),w=this.hasAttribute("value")?this._value:this.defaultValue||this._value,z=r`
|
|
28
|
+
import{i as e,r as n,_ as t,x as r}from"./lit-element-W7dQy3wx.js";import{n as i}from"./property-D8KHfsO7.js";import{a as s}from"./query-DZZk85FD.js";import{e as d}from"./class-map-BLvVLLRH.js";import{p as o}from"./settings-CVGvqY8T.js";import{i as c}from"./icon-loader-BiaaiIZd.js";import{_ as a}from"./16-CsHohlYG.js";import{_ as u}from"./16-CCrV-EKs.js";import{i as l}from"./if-non-empty-BXM4sQkm.js";import"./shared-enums-D2BNx9-N.js";import{C as p,I as b}from"./text-input-CMLDDQcE.js";import{c as m}from"./carbon-element-tFMTVffV.js";import"./directive-CwpJ03IP.js";import"./icon-loader-utils-Dw7YsY3n.js";import"./unsafe-html-SGvBIOsG.js";import"./if-defined-B342gMhK.js";import"./form-D0wM2t2A.js";import"./on-Bh72-1o0.js";import"./validity-CzCNnEZK.js";var _,f={elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:16,height:16},content:[{elem:"path",attrs:{d:"M17 15 17 8 15 8 15 15 8 15 8 17 15 17 15 24 17 24 17 17 24 17 24 15z"}}],name:"add",size:16},v={elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:16,height:16},content:[{elem:"path",attrs:{d:"M8 15H24V17H8z"}}],name:"subtract",size:16};!function(e){e.EXCEEDED_MAXIMUM="exceeded_maximum",e.EXCEEDED_MINIMUM="exceeded_minimum"}(_||(_={}));var h=e(['@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--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}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}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{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--label html{font-size:100%}.cds--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-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{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds--label+.cds--tooltip .cds--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.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{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.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{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--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--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]: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--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]: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--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.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--inline__wrapper[data-invalid]~.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:none}.cds--form--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-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--form-requirement{display:none;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--number__controls:hover .cds--number__control-btn:after,.cds--number__input-wrapper--decorator .cds--number__rule-divider,.cds--number__input-wrapper--slug .cds--number__rule-divider{display:none}.cds--number__input-wrapper--decorator .cds--number__control-btn:hover,.cds--number__input-wrapper--slug .cds--number__control-btn:hover{box-shadow:0 -1px 0 var(--cds-ai-border-strong,#4589ff) inset}.cds--number__controls:focus-within .cds--number__control-btn:after{display:none}.cds--number html{font-size:100%}.cds--number body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--number code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--number strong{font-weight:600}.cds--number{display:flex;flex-direction:column;inline-size:100%;position:relative}.cds--number .cds--number__input-wrapper--warning input[type=number],.cds--number .cds--number__input-wrapper--warning input[type=text]{padding-inline-end:8rem}.cds--number input[type=number],.cds--number input[type=text]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;background-color:var(--cds-field);block-size:2.5rem;border:0;border-block-end:.0625rem solid var(--cds-border-strong);border-radius:0;box-sizing:border-box;color:var(--cds-text-primary,#161616);display:inline-flex;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);font-weight:400;inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);min-inline-size:9.375rem;outline:2px solid transparent;outline-offset:-2px;padding-inline:1rem 6rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--number input[type=number]:focus,.cds--number input[type=text]:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--number input[type=number]:focus,.cds--number input[type=text]:focus{outline-style:dotted}}.cds--number input[type=number]:disabled~.cds--number__controls,.cds--number input[type=text]:disabled~.cds--number__controls{cursor:not-allowed;pointer-events:none}.cds--number input[type=number]:disabled~.cds--number__controls svg,.cds--number input[type=text]:disabled~.cds--number__controls svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--number input[type=number]::-ms-clear,.cds--number input[type=text]::-ms-clear{display:none}.cds--number input[type=number]::-webkit-inner-spin-button,.cds--number input[type=text]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.cds--number input[type=number][data-invalid],.cds--number input[type=text][data-invalid]{padding-inline-end:8rem}.cds--number--lg.cds--number input[type=number],.cds--number--lg.cds--number input[type=text]{padding-inline-end:7rem}.cds--number--lg.cds--number .cds--number__input-wrapper--warning input[type=number],.cds--number--lg.cds--number .cds--number__input-wrapper--warning input[type=text],.cds--number--lg.cds--number input[type=number][data-invalid],.cds--number--lg.cds--number input[type=text][data-invalid]{padding-inline-end:9rem}.cds--number--sm.cds--number input[type=number],.cds--number--sm.cds--number input[type=text]{padding-inline-end:5rem}.cds--number--sm.cds--number .cds--number__input-wrapper--warning input[type=number],.cds--number--sm.cds--number .cds--number__input-wrapper--warning input[type=text],.cds--number--sm.cds--number input[type=number][data-invalid],.cds--number--sm.cds--number input[type=text][data-invalid]{padding-inline-end:7rem}.cds--number input[type=number]:disabled,.cds--number input[type=text]:disabled{background-color:var(--cds-field);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--number__input-wrapper{align-items:center;display:flex;position:relative}.cds--number__controls html{font-size:100%}.cds--number__controls body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--number__controls code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--number__controls strong{font-weight:600}.cds--number__controls{align-items:center;block-size:100%;display:flex;flex-direction:row;inline-size:5rem;inset-block-start:50%;inset-inline-end:0;justify-content:center;position:absolute;transform:translateY(-50%)}.cds--number__control-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds--number__control-btn *,.cds--number__control-btn :after,.cds--number__control-btn :before{box-sizing:inherit}.cds--number__control-btn::-moz-focus-inner{border:0}.cds--number__control-btn{align-items:center;block-size:100%;color:var(--cds-icon-primary,#161616);display:inline-flex;justify-content:center;position:relative}.cds--number__control-btn svg{fill:currentColor}.cds--number__control-btn:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--number__control-btn:focus{outline-style:dotted}}.cds--number__control-btn:focus{color:var(--cds-icon-primary,#161616);outline-offset:-2px;outline-width:2px}.cds--number__control-btn:hover{background-color:var(--cds-field-hover);box-shadow:0 -1px 0 var(--cds-border-strong) inset;color:var(--cds-icon-primary,#161616);cursor:pointer}.cds--number__control-btn:disabled{border-block-end-color:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--number__control-btn.down-icon{order:1}.cds--number__control-btn.up-icon{order:2}.cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn,.cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn{border-block-end-color:var(--cds-support-error,#da1e28)}.cds--number input[type=number]:focus~.cds--number__controls .cds--number__control-btn,.cds--number input[type=text]:focus~.cds--number__controls .cds--number__control-btn{border-color:var(--cds-focus,#0f62fe);border-style:solid;border-width:2px 0;box-shadow:none;outline-offset:-2px}.cds--number input[type=number]:focus~.cds--number__controls .cds--number__control-btn:last-of-type:hover,.cds--number input[type=text]:focus~.cds--number__controls .cds--number__control-btn:last-of-type:hover{box-shadow:-4px 0 0 -2px var(--cds-focus,#0f62fe) inset}.cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover,.cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover{box-shadow:-4px 0 0 -2px var(--cds-support-error,#da1e28) inset}.cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover,.cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover{border-color:var(--cds-support-error,#da1e28);border-style:solid;border-width:2px 0;box-shadow:none;outline-offset:-2px}.cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover{outline-style:dotted}}.cds--number__rule-divider{background-color:var(--cds-border-subtle);block-size:1rem;inline-size:.0625rem;position:absolute;z-index:6000}.cds--number__rule-divider:first-of-type{order:0}.cds--number__controls .cds--number__rule-divider:first-of-type{background-color:transparent;inset-inline-start:0}.cds--number__invalid+.cds--number__controls .cds--number__rule-divider:first-of-type{background-color:var(--cds-border-subtle)}.cds--number--light .cds--number__invalid+.cds--number__controls .cds--number__rule-divider:first-of-type,.cds--number--light .cds--number__rule-divider{background-color:var(--cds-border-subtle-02,#e0e0e0)}.cds--number input[type=number]:disabled+.cds--number__controls .cds--number__rule-divider:first-of-type,.cds--number input[type=text]:disabled+.cds--number__controls .cds--number__rule-divider:first-of-type{background-color:transparent}.cds--number input[type=number]:disabled+.cds--number__controls .cds--number__rule-divider,.cds--number input[type=text]:disabled+.cds--number__controls .cds--number__rule-divider{background-color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--number__control-btn:focus~.cds--number__rule-divider{background-color:transparent}.cds--number__invalid{position:absolute;fill:var(--cds-support-error,#da1e28);inset-inline-end:6rem}.cds--number--lg .cds--number__invalid{inset-inline-end:7rem}.cds--number--sm .cds--number__invalid{inset-inline-end:5rem}.cds--number__invalid+.cds--number__rule-divider{inset-inline-end:5rem;position:absolute}.cds--number--lg .cds--number__invalid+.cds--number__rule-divider{inset-inline-end:6rem}.cds--number--sm .cds--number__invalid+.cds--number__rule-divider{inset-inline-end:4rem}.cds--number__control-btn.down-icon:focus~.cds--number__rule-divider,.cds--number__control-btn.down-icon:hover~.cds--number__rule-divider,.cds--number__control-btn.up-icon:focus+.cds--number__rule-divider,.cds--number__control-btn.up-icon:hover+.cds--number__rule-divider{background-color:transparent}.cds--number__invalid--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--number__invalid--warning path:first-of-type{fill:#000;opacity:1}.cds--number--lg input[type=number],.cds--number--lg input[type=text]{block-size:3rem}.cds--number--lg .cds--number__controls{inline-size:6rem}.cds--number--lg .cds--number__control-btn{inline-size:3rem}.cds--number--sm input[type=number],.cds--number--sm input[type=text]{block-size:2rem}.cds--number--sm .cds--number__controls{inline-size:4rem}.cds--number--sm .cds--number__control-btn{inline-size:2rem}.cds--number--nolabel .cds--label+.cds--form__helper-text{margin-block-start:0}.cds--number--nosteppers input[type=number],.cds--number--nosteppers input[type=text]{padding-inline-end:0}.cds--number--nosteppers .cds--number__input-wrapper--warning input[type=number],.cds--number--nosteppers .cds--number__input-wrapper--warning input[type=text],.cds--number--nosteppers input[type=number][data-invalid],.cds--number--nosteppers input[type=text][data-invalid]{padding-inline-end:3rem}.cds--number--nosteppers .cds--number__invalid{inset-inline-end:1rem}.cds--number--readonly input[type=number],.cds--number--readonly input[type=text]{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds--number--readonly .cds--number__control-btn{color:var(--cds-icon-disabled,hsla(0,0%,9%,.25));pointer-events:none}.cds--number--readonly .cds--number__control-btn:hover{background-color:transparent;cursor:pointer}.cds--number--readonly input[type=number]:focus~.cds--number__controls .cds--number__control-btn:hover,.cds--number--readonly input[type=text]:focus~.cds--number__controls .cds--number__control-btn:hover{outline:none}.cds--number--readonly .cds--number__controls:hover .cds--number__rule-divider:not(:first-of-type){background-color:var(--cds-border-subtle)}.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>*,.cds--number__input-wrapper--slug .cds--ai-label,.cds--number__input-wrapper--slug .cds--slug{inset-block-start:50%;inset-inline-end:6rem;position:absolute;transform:translateY(-50%)}.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator:not(:has(.cds--ai-label))>*{block-size:1rem}.cds--number__input-wrapper--decorator .cds--number__control-btn:after,.cds--number__input-wrapper--decorator .cds--number__control-btn:before,.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>:before,.cds--number__input-wrapper--slug .cds--ai-label:before,.cds--number__input-wrapper--slug .cds--number__control-btn:after,.cds--number__input-wrapper--slug .cds--number__control-btn:before,.cds--number__input-wrapper--slug .cds--slug:before{background-color:var(--cds-border-subtle);block-size:1rem;content:"";inline-size:.0625rem;position:absolute}.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>:before,.cds--number__input-wrapper--slug .cds--ai-label:before,.cds--number__input-wrapper--slug .cds--slug:before{display:none;inset-inline-start:-1rem}.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator .cds--ai-label--revert:before,.cds--number__input-wrapper--slug .cds--ai-label--revert:before,.cds--number__input-wrapper--slug .cds--slug--revert:before{inset-block-start:.5rem;inset-inline-start:-.5rem}.cds--number__control-btn:after{display:block;inset-inline-end:0}.cds--number__input-wrapper--decorator .cds--number__control-btn:before,.cds--number__input-wrapper--slug .cds--number__control-btn:before{display:block;inset-inline-end:2.5rem}.cds--number__input-wrapper--decorator .cds--number__control-btn:focus:before,.cds--number__input-wrapper--slug .cds--number__control-btn:focus:before{display:none}.cds--number__control-btn:hover:after,.cds--number__control-btn:hover:before{display:none;inset-inline-end:0}.cds--number__input-wrapper:has(.cds--number__control-btn:hover)~.cds--number__input-wrapper--decorator:after,.cds--number__input-wrapper:has(.cds--number__control-btn:hover)~.cds--number__input-wrapper--slug:after{display:none}.cds--number__control-btn:has(.up-icon):after,.cds--number__control-btn:has(.up-icon):before{display:none}.cds--number__input-wrapper--decorator .cds--number__invalid,.cds--number__input-wrapper--slug .cds--number__invalid{inset-inline-end:9rem}.cds--number__input-wrapper--decorator:has(.cds--number__invalid) .cds--number__input-inner-wrapper--decorator>:before,.cds--number__input-wrapper--slug:has(.cds--number__invalid) .cds--ai-label:before,.cds--number__input-wrapper--slug:has(.cds--number__invalid) .cds--slug:before{display:block}.cds--number .cds--number__input-wrapper--decorator input[data-invalid],.cds--number .cds--number__input-wrapper--decorator.cds--number__input-wrapper--warning input,.cds--number .cds--number__input-wrapper--slug input[data-invalid],.cds--number .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning input{padding-inline-end:9rem}.cds--number__input-wrapper--decorator input[type=number]:has(~.cds--number__input-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--number__input-inner-wrapper--decorator .cds--ai-label--revert)),.cds--number__input-wrapper--decorator input[type=text]:has(~.cds--number__input-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--number__input-inner-wrapper--decorator .cds--ai-label--revert)),.cds--number__input-wrapper--slug input[type=number]:disabled,.cds--number__input-wrapper--slug input[type=number]:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--number__input-wrapper--slug input[type=number]:has(~.cds--slug):not(:has(~.cds--slug--revert)),.cds--number__input-wrapper--slug input[type=text]:disabled,.cds--number__input-wrapper--slug input[type=text]:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--number__input-wrapper--slug input[type=text]:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff);padding-inline-end:9.0625rem}.cds--number.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--number.cds--skeleton:active,.cds--number.cds--skeleton:focus,.cds--number.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--number.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--number.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--number.cds--skeleton{background:CanvasText}.cds--number.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--number.cds--skeleton{inline-size:100%}.cds--number.cds--skeleton input[type=number],.cds--number.cds--skeleton input[type=text]{display:none}.cds--number.cds--skeleton.cds--number--sm{block-size:2rem}.cds--number.cds--skeleton.cds--number--md{block-size:2.5rem}.cds--number.cds--skeleton.cds--number--lg{block-size:3rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--number__control-btn:focus,.cds--number__control-btn:hover{color:Highlight;outline:1px solid Highlight}.cds--number__control-btn{outline:1px solid transparent}}.cds--number-input--fluid{background:var(--cds-field);block-size:100%;position:relative}.cds--number-input--fluid .cds--label{align-items:center;block-size:1rem;display:flex;inline-size:calc(100% - 2rem);inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds--number-input--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar,.cds--number-input--fluid .cds--label::-webkit-scrollbar{display:none}.cds--number-input--fluid .cds--label .cds--toggletip-label,.cds--number-input--fluid .cds--label:not(:has(.cds--toggletip-label)){-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none;white-space:nowrap}.cds--number-input--fluid .cds--number__input-wrapper{position:static}.cds--number-input--fluid input[type=number],.cds--number-input--fluid input[type=text]{background:transparent;min-block-size:4rem;outline:none;padding:2rem 5rem .8125rem 1rem}.cds--number-input--fluid .cds--number__controls{block-size:2.5rem;inset-block-start:1.4375rem;transform:translate(0)}.cds--number-input--fluid input[type=number]:focus~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid input[type=text]:focus~.cds--number__controls .cds--number__control-btn{border-block-end-color:var(--cds-focus,#0f62fe);box-shadow:inset 0 -1px var(--cds-focus,#0f62fe)}.cds--number-input--fluid input[type=number]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,.cds--number-input--fluid input[type=text]:focus~.cds--number__controls .cds--number__control-btn:last-of-type{box-shadow:inset 0 -1px var(--cds-focus,#0f62fe),inset -2px 0 var(--cds-focus,#0f62fe)}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]:focus~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid--invalid input[type=number]:focus~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid--invalid input[type=text]:focus~.cds--number__controls .cds--number__control-btn,:host(cds-number-input[invalid][fluid]) input[type=number]:focus~.cds--number__controls .cds--number__control-btn,:host(cds-number-input[invalid][fluid]) input[type=text]:focus~.cds--number__controls .cds--number__control-btn{border-block-end-color:transparent;box-shadow:none}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,.cds--number-input--fluid--invalid input[type=number][data-invalid]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,.cds--number-input--fluid--invalid input[type=text][data-invalid]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,:host(cds-number-input[invalid][fluid]) input[type=number][data-invalid]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,:host(cds-number-input[invalid][fluid]) input[type=text][data-invalid]:focus~.cds--number__controls .cds--number__control-btn:last-of-type{box-shadow:inset -2px 0 var(--cds-focus,#0f62fe)}.cds--number-input--fluid--invalid input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover,.cds--number-input--fluid--invalid input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover,:host(cds-number-input[invalid][fluid]) input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover,:host(cds-number-input[invalid][fluid]) input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover{box-shadow:inset -2px 0 var(--cds-support-error,#da1e28)}.cds--number-input--fluid--invalid input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover,.cds--number-input--fluid--invalid input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover,:host(cds-number-input[invalid][fluid]) input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover,:host(cds-number-input[invalid][fluid]) input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover{box-shadow:none}.cds--number-input--fluid.cds--number-input--fluid--focus .cds--number{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--number-input--fluid.cds--number-input--fluid--focus .cds--number{outline-style:dotted}}.cds--number-input--fluid:not(.cds--number-input--fluid--invalid) .cds--number-input-wrapper:not(.cds--number-input-wrapper__warning) input[type=number]:focus~.cds--number__controls .cds--number__control-btn:hover,.cds--number-input--fluid:not(.cds--number-input--fluid--invalid) .cds--number-input-wrapper:not(.cds--number-input-wrapper__warning) input[type=text]:focus~.cds--number__controls .cds--number__control-btn:hover{border-block-end:1px solid var(--cds-focus,#0f62fe);outline:none}.cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number-input--fluid--invalid input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,.cds--number-input--fluid--invalid input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,:host(cds-number-input[invalid][fluid]) input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,:host(cds-number-input[invalid][fluid]) input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number-input--fluid--invalid input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,.cds--number-input--fluid--invalid input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,:host(cds-number-input[invalid][fluid]) input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,:host(cds-number-input[invalid][fluid]) input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus{outline-style:dotted}}.cds--number-input--fluid .cds--number-input__divider{display:none}.cds--number-input--fluid .cds--number__invalid{inset-block-start:4.5625rem;inset-inline-end:1rem;pointer-events:none}.cds--number-input--fluid .cds--number__controls .cds--number__rule-divider:first-of-type{display:none}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number],.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]{border-block-end:1px solid transparent}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus,.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]:focus{outline:none}.cds--number-input--fluid .cds--number__input-wrapper--warning+.cds--number-input__divider,.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number-input__divider{block-size:.0625rem;border:none;border-block-end:1px solid var(--cds-border-subtle);display:block;inline-size:calc(100% - 2rem);inset-block-start:3.9375rem;margin:0 1rem;position:absolute}.cds--number-input--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}.cds--number-input--fluid.cds--number-input--fluid--invalid:not(.cds--number-input--fluid--focus) .cds--number{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--number-input--fluid.cds--number-input--fluid--invalid:not(.cds--number-input--fluid--focus) .cds--number{outline-style:dotted}}.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=number],.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=text],:host(cds-number-input[invalid][fluid]) .cds--number[data-invalid] input[type=number],:host(cds-number-input[invalid][fluid]) .cds--number[data-invalid] input[type=text]{border-block-end:1px solid transparent}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]~.cds--number__controls .cds--number__control-btn:hover:not(:focus),.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]~.cds--number__controls .cds--number__control-btn:hover:not(:focus),.cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:hover,.cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:hover,.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=number],.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=text],:host(cds-number-input[invalid][fluid]) .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:hover,:host(cds-number-input[invalid][fluid]) .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:hover,:host(cds-number-input[invalid][fluid]) .cds--number[data-invalid] input[type=number],:host(cds-number-input[invalid][fluid]) .cds--number[data-invalid] input[type=text]{outline:none}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid.cds--number-input--invalid .cds--number__input-wrapper input[type=number]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid.cds--number-input--invalid .cds--number__input-wrapper input[type=text]~.cds--number__controls .cds--number__control-btn{border-block-end:none}.cds--number-input--fluid .cds--number input[type=number]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid .cds--number input[type=text]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn,:host(cds-number-input[invalid][fluid]) .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn,:host(cds-number-input[invalid][fluid]) .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn{border:initial;border-block-end-width:.0625rem}.cds--number-input--fluid--disabled:not(.cds--number-input--fluid--invalid) .cds--number,:host(cds-number-input[disabled][fluid]:not(.cds--number-input--fluid--invalid)) .cds--number{border-block-end:1px solid var(--cds-border-subtle)}.cds--number-input--fluid--disabled.cds--number-input--fluid--invalid .cds--number input[type=number]:disabled,.cds--number-input--fluid--disabled.cds--number-input--fluid--invalid .cds--number input[type=text]:disabled,:host(:host(cds-number-input[invalid][fluid]cds-number-input[disabled][fluid])) .cds--number input[type=number]:disabled,:host(:host(cds-number-input[invalid][fluid]cds-number-input[disabled][fluid])) .cds--number input[type=text]:disabled{background-color:transparent}.cds--number-input--fluid .cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>*,.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--ai-label,.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--slug{inset-block-start:2.6875rem}.cds--number-input--fluid .cds--number__input-wrapper--decorator.cds--number__input-wrapper--warning .cds--number__input-inner-wrapper--decorator>*,.cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning .cds--ai-label,.cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning .cds--slug,.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>*,.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug .cds--ai-label,.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug .cds--slug{inset-inline-end:5.5rem}.cds--number-input--fluid .cds--number__input-wrapper--decorator input,.cds--number-input--fluid .cds--number__input-wrapper--decorator.cds--number__input-wrapper--warning input,.cds--number-input--fluid .cds--number__input-wrapper--slug input,.cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning input,.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--decorator input[data-invalid],.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug input[data-invalid]{padding-inline-end:7.5rem}.cds--number-input--fluid .cds--number__input-wrapper--decorator:has(.cds--ai-label):not(:has(.cds--ai-label--revert)),.cds--number-input--fluid .cds--number__input-wrapper--slug:has(.cds--ai-label):not(:has(.cds--ai-label--revert)),.cds--number-input--fluid .cds--number__input-wrapper--slug:has(.cds--slug):not(:has(.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--number-input--fluid .cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>:before,.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--ai-label:before,.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--slug:before{display:none}:host(cds-number-input),:host(cds-number-input-skeleton){inline-size:100%;outline:none}:host(cds-number-input) .cds--form-requirement[hidden],:host(cds-number-input-skeleton) .cds--form-requirement[hidden]{display:none}.cds--number .cds--number__invalid~input[type=number]:disabled+.cds--number__controls .cds--number__rule-divider:first-of-type,.cds--number__invalid~.cds--number__controls .cds--number__rule-divider:first-of-type{background-color:var(--cds-border-subtle)}.cds--number--readonly .cds--number__controls .cds--number__control-btn{border-block-end:0}:host(cds-number-input) ::slotted(cds-ai-label),:host(cds-number-input) ::slotted(cds-slug){inset-block-start:50%;inset-inline-end:6rem;position:absolute}:host(cds-number-input) ::slotted(cds-ai-label:not([revert-active])),:host(cds-number-input) ::slotted(cds-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-number-input) .cds--number[data-invalid] ::slotted(cds-ai-label):after,:host(cds-number-input) .cds--number[data-invalid] ::slotted(cds-slug):after,:host(cds-number-input[invalid]) ::slotted(cds-ai-label):after,:host(cds-number-input[invalid]) ::slotted(cds-slug):after,:host(cds-number-input[warn]) ::slotted(cds-ai-label):after,:host(cds-number-input[warn]) ::slotted(cds-slug):after{background-color:var(--cds-border-subtle);block-size:100%;content:"";inline-size:.0625rem;inset-inline-start:-1rem;position:absolute}:host(cds-number-input) .up-icon:after,:host(cds-number-input) .up-icon:before{display:none}:host(cds-number-input[ai-label]) input{background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}']);let y=class extends p{constructor(){super(...arguments),this._preventWheel=e=>{e.preventDefault()},this._min="",this._max="",this._step="1",this.iconDescription="",this.incrementButtonAssistiveText="increase number input",this.decrementButtonAssistiveText="decrease number input",this.hideSteppers=!1,this.allowEmpty=!1,this.defaultValue="",this.disableWheel=!1,this.isFluid=!1,this.size=b.MEDIUM,this.getDecimalPlaces=e=>{const n=e.toString().split(".");return n[1]?n[1].length:0}}_handleInput(e){const{target:n}=e,{value:t}=n,r=void 0!==this._value&&Number(t)>Number(this._value)?"up":"down";this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:t,direction:r}})),this._value=t}_handleUserInitiatedStepDown(e){const{_input:n}=this;this.stepDown(),this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:n.value,direction:"down"}}))}_handleUserInitiatedStepUp(e){const{_input:n}=this;this.stepUp(),this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:n.value,direction:"up"}}))}_handleFocus(e){this.disableWheel&&e.target.addEventListener("wheel",this._preventWheel,{passive:!1})}_handleBlur(e){this.disableWheel&&e.target.removeEventListener("wheel",this._preventWheel)}_getInputValidity(){var e,n;return!this.invalid&&(""===this.value?this.allowEmpty:!((null===(e=this._input)||void 0===e?void 0:e.valueAsNumber)>Number(this.max)||(null===(n=this._input)||void 0===n?void 0:n.valueAsNumber)<Number(this.min)))}get min(){return this._min.toString()}set min(e){const n=this.min;this._min=e,this.requestUpdate("min",n)}get max(){return this._max.toString()}set max(e){const n=this.max;this._max=e,this.requestUpdate("max",n)}get step(){return this._step.toString()}set step(e){const n=this.step;this._step=e,this.requestUpdate("step",n)}stepUp(){const e=Number(this._input.value),n=e+Number(this.step),t=Math.max(this.getDecimalPlaces(e),this.getDecimalPlaces(Number(this.step))),r=parseFloat(n.toFixed(t));this._value=String(r),this.value=this._value}stepDown(){const e=Number(this._input.value),n=e-Number(this.step),t=Math.max(this.getDecimalPlaces(e),this.getDecimalPlaces(Number(this.step))),r=parseFloat(n.toFixed(t));this._value=String(r),this.value=this._value}render(){const{_handleInput:e,_handleUserInitiatedStepDown:n,_handleUserInitiatedStepUp:t,_handleFocus:i,_handleBlur:s}=this,p=this._getInputValidity(),b=c(a,{class:`${o}--number__invalid`}),m=c(u,{class:`${o}--number__invalid ${o}--number__invalid--warning`}),_={disabled:!this.readonly&&this.disabled,invalid:!this.readonly&&!p,warn:!this.readonly&&p&&this.warn,"slot-name":"","slot-text":"",icon:null},h=d({[`${o}--number`]:!0,[`${o}--number--${this.size}`]:this.size,[`${o}--number--nosteppers`]:this.hideSteppers,[`${o}--number--readonly`]:this.readonly}),y=d({[`${o}--number__input-wrapper`]:!0,[`${o}--number__input-wrapper--warning`]:_.warn,[`${o}--number__input-wrapper--decorator`]:this._hasAILabel}),g=d({[`${o}--label`]:!0,[`${o}--label--disabled`]:_.disabled,[`${o}--visually-hidden`]:this.hideLabel}),x=d({[`${o}--form__helper-text`]:!0,[`${o}--form__helper-text--disabled`]:_.disabled}),w=this.hasAttribute("value")?this._value:this.defaultValue||this._value,z=r`
|
|
29
29
|
<button
|
|
30
30
|
class="${o}--number__control-btn up-icon"
|
|
31
31
|
aria-label="${this.iconDescription||this.incrementButtonAssistiveText}"
|
|
@@ -33,8 +33,8 @@ import{i as e,r as t,_ as n,x as r}from"./lit-element-DXoDLiKG.js";import{n as s
|
|
|
33
33
|
aria-atomic="true"
|
|
34
34
|
type="button"
|
|
35
35
|
?disabled=${_.disabled}
|
|
36
|
-
@click=${
|
|
37
|
-
${
|
|
36
|
+
@click=${t}>
|
|
37
|
+
${c(f)}
|
|
38
38
|
</button>
|
|
39
39
|
<div class="${o}--number__rule-divider"></div>
|
|
40
40
|
`,k=r`
|
|
@@ -45,8 +45,8 @@ import{i as e,r as t,_ as n,x as r}from"./lit-element-DXoDLiKG.js";import{n as s
|
|
|
45
45
|
aria-atomic="true"
|
|
46
46
|
type="button"
|
|
47
47
|
?disabled=${_.disabled}
|
|
48
|
-
@click=${
|
|
49
|
-
${
|
|
48
|
+
@click=${n}>
|
|
49
|
+
${c(v)}
|
|
50
50
|
</button>
|
|
51
51
|
<div class="${o}--number__rule-divider"></div>
|
|
52
52
|
`,$=r`
|
|
@@ -56,26 +56,37 @@ import{i as e,r as t,_ as n,x as r}from"./lit-element-DXoDLiKG.js";import{n as s
|
|
|
56
56
|
?data-invalid="${_.invalid}"
|
|
57
57
|
?disabled="${_.disabled}"
|
|
58
58
|
id="input"
|
|
59
|
-
name="${
|
|
60
|
-
pattern="${
|
|
59
|
+
name="${l(this.name)}"
|
|
60
|
+
pattern="${l(this.pattern)}"
|
|
61
61
|
?readonly="${this.readonly}"
|
|
62
62
|
?required="${this.required}"
|
|
63
63
|
type="number"
|
|
64
64
|
.value="${w}"
|
|
65
65
|
@input="${e}"
|
|
66
|
-
@focus="${
|
|
67
|
-
@blur="${
|
|
68
|
-
min="${
|
|
69
|
-
max="${
|
|
70
|
-
step="${
|
|
66
|
+
@focus="${i}"
|
|
67
|
+
@blur="${s}"
|
|
68
|
+
min="${l(this.min)}"
|
|
69
|
+
max="${l(this.max)}"
|
|
70
|
+
step="${l(this.step)}"
|
|
71
71
|
role="alert"
|
|
72
72
|
aria-atomic="true" />
|
|
73
|
-
`;
|
|
74
|
-
|
|
73
|
+
`;_.invalid?(_.icon=b,_["slot-name"]="invalid-text",_["slot-text"]=this.invalidText):_.warn&&(_.icon=m,_["slot-name"]="warn-text",_["slot-text"]=this.warnText);const S=_.invalid||_.warn?r`<div
|
|
74
|
+
class="${o}--form-requirement"
|
|
75
|
+
?hidden="${!_.invalid&&!_.warn}">
|
|
76
|
+
<slot name="${_["slot-name"]}">
|
|
77
|
+
${_["slot-text"]}
|
|
78
|
+
</slot>
|
|
79
|
+
</div>`:null,q=this.helperText?r`<div
|
|
80
|
+
class="${x}"
|
|
81
|
+
id="helper-text"
|
|
82
|
+
?hidden="${_.invalid||_.warn}">
|
|
83
|
+
<slot name="helper-text"> ${this.helperText} </slot>
|
|
84
|
+
</div>`:null;return r`
|
|
85
|
+
<div class="${h}" ?data-invalid=${_.invalid}>
|
|
75
86
|
<label class="${g}" for="input">
|
|
76
87
|
<slot name="label-text"> ${this.label} </slot>
|
|
77
88
|
</label>
|
|
78
|
-
<div class="${
|
|
89
|
+
<div class="${y}">
|
|
79
90
|
${_.icon} ${$}
|
|
80
91
|
<slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot>
|
|
81
92
|
<slot name="slug" @slotchange="${this._handleSlotChange}"></slot>
|
|
@@ -83,20 +94,10 @@ import{i as e,r as t,_ as n,x as r}from"./lit-element-DXoDLiKG.js";import{n as s
|
|
|
83
94
|
${this.hideSteppers?null:r`${k} ${z}`}
|
|
84
95
|
</div>
|
|
85
96
|
</div>
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
?hidden="${_.invalid||_.warn}">
|
|
89
|
-
<slot name="helper-text"> ${this.helperText} </slot>
|
|
90
|
-
</div>
|
|
91
|
-
<div
|
|
92
|
-
class="${o}--form-requirement"
|
|
93
|
-
?hidden="${!_.invalid&&!_.warn}">
|
|
94
|
-
<slot name="${_["slot-name"]}">
|
|
95
|
-
${_["slot-text"]}
|
|
96
|
-
</slot>
|
|
97
|
-
</div>
|
|
97
|
+
${this.isFluid?r`<hr class="${o}--number-input__divider" />`:null}
|
|
98
|
+
${S?S||q:null}
|
|
98
99
|
</div>
|
|
99
|
-
`}static get eventInput(){return`${o}-number-input`}};
|
|
100
|
+
`}static get eventInput(){return`${o}-number-input`}};y.shadowRootOptions=Object.assign(Object.assign({},n.shadowRootOptions),{delegatesFocus:!0}),y.styles=h,t([s("input")],y.prototype,"_input",void 0),t([i({reflect:!0})],y.prototype,"min",null),t([i({reflect:!0})],y.prototype,"max",null),t([i({reflect:!0})],y.prototype,"step",null),t([i({attribute:"icon-description"})],y.prototype,"iconDescription",void 0),t([i({attribute:"increment-button-assistive-text"})],y.prototype,"incrementButtonAssistiveText",void 0),t([i({attribute:"decrement-button-assistive-text"})],y.prototype,"decrementButtonAssistiveText",void 0),t([i({type:Boolean,attribute:"hide-steppers",reflect:!0})],y.prototype,"hideSteppers",void 0),t([i({type:Boolean,attribute:"allow-empty",reflect:!0})],y.prototype,"allowEmpty",void 0),t([i({attribute:"default-value"})],y.prototype,"defaultValue",void 0),t([i({type:Boolean,attribute:"disable-wheel",reflect:!0})],y.prototype,"disableWheel",void 0),t([i({type:Boolean})],y.prototype,"isFluid",void 0),t([i({reflect:!0})],y.prototype,"size",void 0),y=t([m(`${o}-number-input`)],y);var g=y;let x=class extends n{constructor(){super(...arguments),this.hideLabel=!1}render(){const{hideLabel:e}=this;return r`
|
|
100
101
|
${!e&&r` <span class="${o}--label ${o}--skeleton"></span> `}
|
|
101
102
|
<div class="${o}--number ${o}--skeleton"></div>
|
|
102
|
-
`}};
|
|
103
|
+
`}};x.styles=h,t([i({type:Boolean,reflect:!0,attribute:"hide-label"})],x.prototype,"hideLabel",void 0),x=t([m(`${o}-number-input-skeleton`)],x);var w=x;export{g as C,w as a};
|