@carbon/web-components 2.0.0-beta.2 → 2.0.0-beta.4
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/README.md +9 -9
- package/custom-elements.json +4026 -1801
- package/es/components/breadcrumb/breadcrumb.css.js +1 -1
- package/es/components/breadcrumb/breadcrumb.rtl.css.js +1 -1
- package/es/components/button/button.css.js +1 -1
- package/es/components/button/button.d.ts +12 -4
- package/es/components/button/button.d.ts.map +1 -1
- package/es/components/button/button.js +57 -19
- package/es/components/button/button.js.map +1 -1
- package/es/components/button/button.rtl.css.js +1 -1
- package/es/components/checkbox/checkbox.css.js +1 -1
- package/es/components/checkbox/checkbox.d.ts +9 -0
- package/es/components/checkbox/checkbox.d.ts.map +1 -1
- package/es/components/checkbox/checkbox.js +32 -1
- package/es/components/checkbox/checkbox.js.map +1 -1
- package/es/components/checkbox/checkbox.rtl.css.js +1 -1
- package/es/components/code-snippet/code-snippet-skeleton.d.ts +2 -2
- package/es/components/code-snippet/code-snippet-skeleton.d.ts.map +1 -1
- package/es/components/code-snippet/code-snippet-skeleton.js +4 -4
- package/es/components/code-snippet/code-snippet-skeleton.js.map +1 -1
- package/es/components/code-snippet/code-snippet.css.js +1 -1
- package/es/components/code-snippet/code-snippet.d.ts +75 -29
- package/es/components/code-snippet/code-snippet.d.ts.map +1 -1
- package/es/components/code-snippet/code-snippet.js +370 -164
- package/es/components/code-snippet/code-snippet.js.map +1 -1
- package/es/components/code-snippet/code-snippet.rtl.css.js +1 -1
- package/es/components/copy/copy.d.ts +1 -2
- package/es/components/copy/copy.d.ts.map +1 -1
- package/es/components/copy/copy.js +6 -13
- package/es/components/copy/copy.js.map +1 -1
- package/es/components/copy-button/copy-button.css.js +1 -1
- package/es/components/copy-button/copy-button.d.ts +8 -0
- package/es/components/copy-button/copy-button.d.ts.map +1 -1
- package/es/components/copy-button/copy-button.js +38 -2
- package/es/components/copy-button/copy-button.js.map +1 -1
- package/es/components/copy-button/copy-button.rtl.css.js +1 -1
- package/es/components/data-table/data-table.css.js +1 -1
- package/es/components/data-table/data-table.rtl.css.js +1 -1
- package/es/components/data-table/defs.d.ts +0 -13
- package/es/components/data-table/defs.d.ts.map +1 -1
- package/es/components/data-table/defs.js +0 -9
- package/es/components/data-table/defs.js.map +1 -1
- package/es/components/data-table/index.d.ts +6 -5
- package/es/components/data-table/index.d.ts.map +1 -1
- package/es/components/data-table/index.js +6 -5
- package/es/components/data-table/index.js.map +1 -1
- package/es/components/data-table/table-batch-actions.d.ts +7 -2
- package/es/components/data-table/table-batch-actions.d.ts.map +1 -1
- package/es/components/data-table/table-batch-actions.js +25 -6
- package/es/components/data-table/table-batch-actions.js.map +1 -1
- package/es/components/data-table/table-body.d.ts +8 -4
- package/es/components/data-table/table-body.d.ts.map +1 -1
- package/es/components/data-table/table-body.js +21 -14
- package/es/components/data-table/table-body.js.map +1 -1
- package/es/components/data-table/table-cell-content.d.ts +21 -0
- package/es/components/data-table/table-cell-content.d.ts.map +1 -0
- package/es/components/data-table/table-cell-content.js +53 -0
- package/es/components/data-table/table-cell-content.js.map +1 -0
- package/es/components/data-table/table-cell.d.ts +15 -2
- package/es/components/data-table/table-cell.d.ts.map +1 -1
- package/es/components/data-table/table-cell.js +43 -8
- package/es/components/data-table/table-cell.js.map +1 -1
- package/es/components/data-table/table-expanded-row.d.ts +336 -2
- package/es/components/data-table/table-expanded-row.d.ts.map +1 -1
- package/es/components/data-table/table-expanded-row.js +69 -16
- package/es/components/data-table/table-expanded-row.js.map +1 -1
- package/es/components/data-table/table-head.d.ts +7 -2
- package/es/components/data-table/table-head.d.ts.map +1 -1
- package/es/components/data-table/table-head.js +15 -6
- package/es/components/data-table/table-head.js.map +1 -1
- package/es/components/data-table/table-header-cell.d.ts +21 -3
- package/es/components/data-table/table-header-cell.d.ts.map +1 -1
- package/es/components/data-table/table-header-cell.js +67 -10
- package/es/components/data-table/table-header-cell.js.map +1 -1
- package/es/components/data-table/table-header-description.d.ts +21 -0
- package/es/components/data-table/table-header-description.d.ts.map +1 -0
- package/es/components/data-table/table-header-description.js +53 -0
- package/es/components/data-table/table-header-description.js.map +1 -0
- package/es/components/data-table/table-header-row.d.ts +3 -3
- package/es/components/data-table/table-header-row.d.ts.map +1 -1
- package/es/components/data-table/table-header-row.js +6 -6
- package/es/components/data-table/table-header-row.js.map +1 -1
- package/es/components/data-table/table-header-title.d.ts +21 -0
- package/es/components/data-table/table-header-title.d.ts.map +1 -0
- package/es/components/data-table/table-header-title.js +53 -0
- package/es/components/data-table/table-header-title.js.map +1 -0
- package/es/components/data-table/table-row.d.ts +413 -5
- package/es/components/data-table/table-row.d.ts.map +1 -1
- package/es/components/data-table/table-row.js +386 -45
- package/es/components/data-table/table-row.js.map +1 -1
- package/es/components/data-table/table-skeleton.d.ts +59 -0
- package/es/components/data-table/table-skeleton.d.ts.map +1 -0
- package/es/components/data-table/table-skeleton.js +259 -0
- package/es/components/data-table/table-skeleton.js.map +1 -0
- package/es/components/data-table/table-toolbar-content.d.ts +6 -2
- package/es/components/data-table/table-toolbar-content.d.ts.map +1 -1
- package/es/components/data-table/table-toolbar-content.js +21 -4
- package/es/components/data-table/table-toolbar-content.js.map +1 -1
- package/es/components/data-table/table-toolbar-search.d.ts +7 -3
- package/es/components/data-table/table-toolbar-search.d.ts.map +1 -1
- package/es/components/data-table/table-toolbar-search.js +25 -8
- package/es/components/data-table/table-toolbar-search.js.map +1 -1
- package/es/components/data-table/table-toolbar.d.ts +19 -2
- package/es/components/data-table/table-toolbar.d.ts.map +1 -1
- package/es/components/data-table/table-toolbar.js +68 -13
- package/es/components/data-table/table-toolbar.js.map +1 -1
- package/es/components/data-table/table.d.ts +556 -6
- package/es/components/data-table/table.d.ts.map +1 -1
- package/es/components/data-table/table.js +1012 -15
- package/es/components/data-table/table.js.map +1 -1
- package/es/components/dropdown/defs.d.ts +6 -6
- package/es/components/dropdown/defs.d.ts.map +1 -1
- package/es/components/dropdown/defs.js +2 -2
- package/es/components/dropdown/defs.js.map +1 -1
- package/es/components/dropdown/dropdown-item.d.ts.map +1 -1
- package/es/components/dropdown/dropdown-item.js +1 -1
- package/es/components/dropdown/dropdown-item.js.map +1 -1
- package/es/components/dropdown/dropdown.d.ts +9 -2
- package/es/components/dropdown/dropdown.d.ts.map +1 -1
- package/es/components/dropdown/dropdown.js +83 -62
- package/es/components/dropdown/dropdown.js.map +1 -1
- package/es/components/file-uploader/demo-file-uploader.d.ts +1 -1
- package/es/components/file-uploader/demo-file-uploader.d.ts.map +1 -1
- package/es/components/file-uploader/demo-file-uploader.js +38 -4
- package/es/components/file-uploader/demo-file-uploader.js.map +1 -1
- package/es/components/floating-menu/defs.d.ts +1 -39
- package/es/components/floating-menu/defs.d.ts.map +1 -1
- package/es/components/floating-menu/defs.js +2 -23
- package/es/components/floating-menu/defs.js.map +1 -1
- package/es/components/floating-menu/floating-menu-trigger.d.ts +3 -3
- package/es/components/floating-menu/floating-menu-trigger.d.ts.map +1 -1
- package/es/components/floating-menu/floating-menu.d.ts +11 -13
- package/es/components/floating-menu/floating-menu.d.ts.map +1 -1
- package/es/components/floating-menu/floating-menu.js +44 -54
- package/es/components/floating-menu/floating-menu.js.map +1 -1
- package/es/components/form/form-item.d.ts +2 -2
- package/es/components/form/form-item.d.ts.map +1 -1
- package/es/components/form/form-item.js +4 -4
- package/es/components/form/form-item.js.map +1 -1
- package/es/components/form-group/form-group.css.js +12 -0
- package/es/components/form-group/form-group.d.ts +44 -0
- package/es/components/form-group/form-group.d.ts.map +1 -0
- package/es/components/form-group/form-group.js +141 -0
- package/es/components/form-group/form-group.js.map +1 -0
- package/es/components/form-group/form-group.rtl.css.js +12 -0
- package/es/components/form-group/index.d.ts +11 -0
- package/es/components/form-group/index.d.ts.map +1 -0
- package/es/components/form-group/index.js +11 -0
- package/es/components/form-group/index.js.map +1 -0
- package/es/components/icon-button/icon-button.css.js +1 -1
- package/es/components/icon-button/icon-button.d.ts +1 -1
- package/es/components/icon-button/icon-button.d.ts.map +1 -1
- package/es/components/icon-button/icon-button.js +5 -3
- package/es/components/icon-button/icon-button.js.map +1 -1
- package/es/components/icon-button/icon-button.rtl.css.js +1 -1
- package/es/components/list/list.css.js +1 -1
- package/es/components/list/list.rtl.css.js +1 -1
- package/es/components/modal/defs.d.ts +3 -3
- package/es/components/modal/defs.d.ts.map +1 -1
- package/es/components/modal/defs.js +2 -2
- package/es/components/modal/defs.js.map +1 -1
- package/es/components/modal/index.d.ts +2 -1
- package/es/components/modal/index.d.ts.map +1 -1
- package/es/components/modal/index.js +2 -1
- package/es/components/modal/index.js.map +1 -1
- package/es/components/modal/modal-body-content.d.ts +21 -0
- package/es/components/modal/modal-body-content.d.ts.map +1 -0
- package/es/components/modal/modal-body-content.js +53 -0
- package/es/components/modal/modal-body-content.js.map +1 -0
- package/es/components/modal/modal-body.d.ts +2 -2
- package/es/components/modal/modal-body.d.ts.map +1 -1
- package/es/components/modal/modal-body.js +4 -4
- package/es/components/modal/modal-body.js.map +1 -1
- package/es/components/modal/modal-close-button.d.ts +5 -5
- package/es/components/modal/modal-close-button.d.ts.map +1 -1
- package/es/components/modal/modal-close-button.js +9 -9
- package/es/components/modal/modal-close-button.js.map +1 -1
- package/es/components/modal/modal-footer.d.ts +3 -3
- package/es/components/modal/modal-footer.d.ts.map +1 -1
- package/es/components/modal/modal-footer.js +13 -21
- package/es/components/modal/modal-footer.js.map +1 -1
- package/es/components/modal/modal-header.d.ts +2 -2
- package/es/components/modal/modal-header.d.ts.map +1 -1
- package/es/components/modal/modal-header.js +4 -4
- package/es/components/modal/modal-header.js.map +1 -1
- package/es/components/modal/modal-heading.d.ts +2 -2
- package/es/components/modal/modal-heading.d.ts.map +1 -1
- package/es/components/modal/modal-heading.js +4 -4
- package/es/components/modal/modal-heading.js.map +1 -1
- package/es/components/modal/modal-label.d.ts +2 -2
- package/es/components/modal/modal-label.d.ts.map +1 -1
- package/es/components/modal/modal-label.js +4 -4
- package/es/components/modal/modal-label.js.map +1 -1
- package/es/components/modal/modal.css.js +1 -1
- package/es/components/modal/modal.d.ts +33 -3
- package/es/components/modal/modal.d.ts.map +1 -1
- package/es/components/modal/modal.js +121 -14
- package/es/components/modal/modal.js.map +1 -1
- package/es/components/modal/modal.rtl.css.js +1 -1
- package/es/components/multi-select/defs.d.ts +27 -0
- package/es/components/multi-select/defs.d.ts.map +1 -0
- package/es/components/multi-select/defs.js +19 -0
- package/es/components/multi-select/defs.js.map +1 -0
- package/es/components/multi-select/multi-select-item.d.ts.map +1 -1
- package/es/components/multi-select/multi-select-item.js +9 -14
- package/es/components/multi-select/multi-select-item.js.map +1 -1
- package/es/components/multi-select/multi-select.css.js +1 -1
- package/es/components/multi-select/multi-select.d.ts +44 -5
- package/es/components/multi-select/multi-select.d.ts.map +1 -1
- package/es/components/multi-select/multi-select.js +250 -32
- package/es/components/multi-select/multi-select.js.map +1 -1
- package/es/components/multi-select/multi-select.rtl.css.js +1 -1
- package/es/components/number-input/number-input.css.js +1 -1
- package/es/components/number-input/number-input.d.ts.map +1 -1
- package/es/components/number-input/number-input.js +1 -1
- package/es/components/number-input/number-input.js.map +1 -1
- package/es/components/number-input/number-input.rtl.css.js +1 -1
- package/es/components/overflow-menu/defs.d.ts +4 -9
- package/es/components/overflow-menu/defs.d.ts.map +1 -1
- package/es/components/overflow-menu/defs.js +1 -4
- package/es/components/overflow-menu/defs.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu-body.d.ts +16 -15
- package/es/components/overflow-menu/overflow-menu-body.d.ts.map +1 -1
- package/es/components/overflow-menu/overflow-menu-body.js +49 -28
- package/es/components/overflow-menu/overflow-menu-body.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu-item.d.ts +12 -3
- package/es/components/overflow-menu/overflow-menu-item.d.ts.map +1 -1
- package/es/components/overflow-menu/overflow-menu-item.js +44 -12
- package/es/components/overflow-menu/overflow-menu-item.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu.css.js +1 -1
- package/es/components/overflow-menu/overflow-menu.d.ts +22 -10
- package/es/components/overflow-menu/overflow-menu.d.ts.map +1 -1
- package/es/components/overflow-menu/overflow-menu.js +89 -40
- package/es/components/overflow-menu/overflow-menu.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu.rtl.css.js +1 -1
- package/es/components/pagination/defs.d.ts +27 -0
- package/es/components/pagination/defs.d.ts.map +1 -0
- package/es/components/pagination/defs.js +19 -0
- package/es/components/pagination/defs.js.map +1 -0
- package/es/components/pagination/index.d.ts +1 -3
- package/es/components/pagination/index.d.ts.map +1 -1
- package/es/components/pagination/index.js +1 -3
- package/es/components/pagination/index.js.map +1 -1
- package/es/components/pagination/pagination.css.js +1 -1
- package/es/components/pagination/pagination.d.ts +55 -20
- package/es/components/pagination/pagination.d.ts.map +1 -1
- package/es/components/pagination/pagination.js +303 -123
- package/es/components/pagination/pagination.js.map +1 -1
- package/es/components/pagination/pagination.rtl.css.js +1 -1
- package/es/components/progress-indicator/progress-indicator-skeleton.d.ts +1 -2
- package/es/components/progress-indicator/progress-indicator-skeleton.d.ts.map +1 -1
- package/es/components/progress-indicator/progress-indicator-skeleton.js +5 -5
- package/es/components/progress-indicator/progress-indicator-skeleton.js.map +1 -1
- package/es/components/progress-indicator/progress-indicator.css.js +1 -1
- package/es/components/progress-indicator/progress-indicator.d.ts +8 -3
- package/es/components/progress-indicator/progress-indicator.d.ts.map +1 -1
- package/es/components/progress-indicator/progress-indicator.js +35 -8
- package/es/components/progress-indicator/progress-indicator.js.map +1 -1
- package/es/components/progress-indicator/progress-indicator.rtl.css.js +1 -1
- package/es/components/progress-indicator/progress-step-skeleton.d.ts +2 -2
- package/es/components/progress-indicator/progress-step-skeleton.d.ts.map +1 -1
- package/es/components/progress-indicator/progress-step-skeleton.js +12 -12
- package/es/components/progress-indicator/progress-step-skeleton.js.map +1 -1
- package/es/components/progress-indicator/progress-step.d.ts +11 -3
- package/es/components/progress-indicator/progress-step.d.ts.map +1 -1
- package/es/components/progress-indicator/progress-step.js +65 -24
- package/es/components/progress-indicator/progress-step.js.map +1 -1
- package/es/components/radio-button/radio-button.css.js +1 -1
- package/es/components/radio-button/radio-button.d.ts +4 -0
- package/es/components/radio-button/radio-button.d.ts.map +1 -1
- package/es/components/radio-button/radio-button.js +22 -0
- package/es/components/radio-button/radio-button.js.map +1 -1
- package/es/components/radio-button/radio-button.rtl.css.js +1 -1
- package/es/components/select/select.css.js +1 -1
- package/es/components/select/select.d.ts.map +1 -1
- package/es/components/select/select.js +3 -1
- package/es/components/select/select.js.map +1 -1
- package/es/components/select/select.rtl.css.js +1 -1
- package/es/components/slider/slider.css.js +1 -1
- package/es/components/slider/slider.rtl.css.js +1 -1
- package/es/components/stack/defs.d.ts +29 -0
- package/es/components/stack/defs.d.ts.map +1 -0
- package/es/components/stack/defs.js +31 -0
- package/es/components/stack/defs.js.map +1 -0
- package/es/components/stack/index.d.ts +11 -0
- package/es/components/stack/index.d.ts.map +1 -0
- package/es/components/stack/index.js +11 -0
- package/es/components/stack/index.js.map +1 -0
- package/es/components/stack/stack.css.js +12 -0
- package/es/components/stack/stack.d.ts +46 -0
- package/es/components/stack/stack.d.ts.map +1 -0
- package/es/components/stack/stack.js +116 -0
- package/es/components/stack/stack.js.map +1 -0
- package/es/components/stack/stack.rtl.css.js +12 -0
- package/es/components/structured-list/structured-list.css.js +1 -1
- package/es/components/structured-list/structured-list.d.ts +9 -0
- package/es/components/structured-list/structured-list.d.ts.map +1 -1
- package/es/components/structured-list/structured-list.js +47 -1
- package/es/components/structured-list/structured-list.js.map +1 -1
- package/es/components/structured-list/structured-list.rtl.css.js +1 -1
- package/es/components/tabs/tabs.css.js +1 -1
- package/es/components/tabs/tabs.rtl.css.js +1 -1
- package/es/components/text-input/defs.d.ts +38 -0
- package/es/components/text-input/defs.d.ts.map +1 -1
- package/es/components/text-input/defs.js +24 -3
- package/es/components/text-input/defs.js.map +1 -1
- package/es/components/text-input/text-input.d.ts +4 -5
- package/es/components/text-input/text-input.d.ts.map +1 -1
- package/es/components/text-input/text-input.js +5 -6
- package/es/components/text-input/text-input.js.map +1 -1
- package/es/components/textarea/textarea.d.ts.map +1 -1
- package/es/components/textarea/textarea.js +1 -1
- package/es/components/textarea/textarea.js.map +1 -1
- package/es/components/tile/expandable-tile.d.ts +1 -3
- package/es/components/tile/expandable-tile.d.ts.map +1 -1
- package/es/components/tile/expandable-tile.js +1 -1
- package/es/components/tile/expandable-tile.js.map +1 -1
- package/es/components/tile/radio-tile.d.ts.map +1 -1
- package/es/components/tile/radio-tile.js +2 -2
- package/es/components/tile/radio-tile.js.map +1 -1
- package/es/components/toggle-tip/toggletip.d.ts +1 -1
- package/es/components/toggle-tip/toggletip.d.ts.map +1 -1
- package/es/components/toggle-tip/toggletip.js +28 -3
- package/es/components/toggle-tip/toggletip.js.map +1 -1
- package/es/components/tooltip/tooltip.css.js +1 -1
- package/es/components/tooltip/tooltip.d.ts +12 -1
- package/es/components/tooltip/tooltip.d.ts.map +1 -1
- package/es/components/tooltip/tooltip.js +47 -1
- package/es/components/tooltip/tooltip.js.map +1 -1
- package/es/components/tooltip/tooltip.rtl.css.js +1 -1
- package/es/components/ui-shell/header-global-action.d.ts +31 -0
- package/es/components/ui-shell/header-global-action.d.ts.map +1 -0
- package/es/components/ui-shell/header-global-action.js +88 -0
- package/es/components/ui-shell/header-global-action.js.map +1 -0
- package/es/components/ui-shell/header-menu-button.d.ts +6 -6
- package/es/components/ui-shell/header-menu-button.d.ts.map +1 -1
- package/es/components/ui-shell/header-menu-button.js +10 -10
- package/es/components/ui-shell/header-menu-button.js.map +1 -1
- package/es/components/ui-shell/header-menu-item.d.ts +3 -3
- package/es/components/ui-shell/header-menu-item.d.ts.map +1 -1
- package/es/components/ui-shell/header-menu-item.js +6 -6
- package/es/components/ui-shell/header-menu-item.js.map +1 -1
- package/es/components/ui-shell/header-menu.d.ts +11 -3
- package/es/components/ui-shell/header-menu.d.ts.map +1 -1
- package/es/components/ui-shell/header-menu.js +47 -7
- package/es/components/ui-shell/header-menu.js.map +1 -1
- package/es/components/ui-shell/header-name.d.ts +3 -3
- package/es/components/ui-shell/header-name.d.ts.map +1 -1
- package/es/components/ui-shell/header-name.js +4 -4
- package/es/components/ui-shell/header-name.js.map +1 -1
- package/es/components/ui-shell/header-nav-item.d.ts +11 -3
- package/es/components/ui-shell/header-nav-item.d.ts.map +1 -1
- package/es/components/ui-shell/header-nav-item.js +39 -6
- package/es/components/ui-shell/header-nav-item.js.map +1 -1
- package/es/components/ui-shell/header-nav.d.ts +2 -2
- package/es/components/ui-shell/header-nav.d.ts.map +1 -1
- package/es/components/ui-shell/header-nav.js +5 -5
- package/es/components/ui-shell/header-nav.js.map +1 -1
- package/es/components/ui-shell/header-panel.d.ts +30 -0
- package/es/components/ui-shell/header-panel.d.ts.map +1 -0
- package/es/components/ui-shell/header-panel.js +72 -0
- package/es/components/ui-shell/header-panel.js.map +1 -0
- package/es/components/ui-shell/header-side-nav-items.d.ts +27 -0
- package/es/components/ui-shell/header-side-nav-items.d.ts.map +1 -0
- package/es/components/ui-shell/header-side-nav-items.js +80 -0
- package/es/components/ui-shell/header-side-nav-items.js.map +1 -0
- package/es/components/ui-shell/header.css.js +1 -1
- package/es/components/ui-shell/header.d.ts +2 -2
- package/es/components/ui-shell/header.d.ts.map +1 -1
- package/es/components/ui-shell/header.js +5 -5
- package/es/components/ui-shell/header.js.map +1 -1
- package/es/components/ui-shell/header.rtl.css.js +1 -1
- package/es/components/ui-shell/index.d.ts +5 -0
- package/es/components/ui-shell/index.d.ts.map +1 -1
- package/es/components/ui-shell/index.js +5 -0
- package/es/components/ui-shell/index.js.map +1 -1
- package/es/components/ui-shell/side-nav-divider.d.ts +2 -2
- package/es/components/ui-shell/side-nav-divider.d.ts.map +1 -1
- package/es/components/ui-shell/side-nav-divider.js +5 -5
- package/es/components/ui-shell/side-nav-divider.js.map +1 -1
- package/es/components/ui-shell/side-nav-items.d.ts +2 -2
- package/es/components/ui-shell/side-nav-items.d.ts.map +1 -1
- package/es/components/ui-shell/side-nav-items.js +6 -6
- package/es/components/ui-shell/side-nav-items.js.map +1 -1
- package/es/components/ui-shell/side-nav-link.d.ts +7 -3
- package/es/components/ui-shell/side-nav-link.d.ts.map +1 -1
- package/es/components/ui-shell/side-nav-link.js +18 -5
- package/es/components/ui-shell/side-nav-link.js.map +1 -1
- package/es/components/ui-shell/side-nav-menu-item.d.ts +3 -3
- package/es/components/ui-shell/side-nav-menu-item.d.ts.map +1 -1
- package/es/components/ui-shell/side-nav-menu-item.js +4 -4
- package/es/components/ui-shell/side-nav-menu-item.js.map +1 -1
- package/es/components/ui-shell/side-nav-menu.d.ts +7 -3
- package/es/components/ui-shell/side-nav-menu.d.ts.map +1 -1
- package/es/components/ui-shell/side-nav-menu.js +18 -5
- package/es/components/ui-shell/side-nav-menu.js.map +1 -1
- package/es/components/ui-shell/side-nav.css.js +1 -1
- package/es/components/ui-shell/side-nav.d.ts +35 -13
- package/es/components/ui-shell/side-nav.d.ts.map +1 -1
- package/es/components/ui-shell/side-nav.js +142 -48
- package/es/components/ui-shell/side-nav.js.map +1 -1
- package/es/components/ui-shell/side-nav.rtl.css.js +1 -1
- package/es/components/ui-shell/switcher-divider.d.ts +21 -0
- package/es/components/ui-shell/switcher-divider.d.ts.map +1 -0
- package/es/components/ui-shell/switcher-divider.js +56 -0
- package/es/components/ui-shell/switcher-divider.js.map +1 -0
- package/es/components/{pagination/page-sizes-select.d.ts → ui-shell/switcher-item.d.ts} +18 -22
- package/es/components/ui-shell/switcher-item.d.ts.map +1 -0
- package/es/components/ui-shell/switcher-item.js +162 -0
- package/es/components/ui-shell/switcher-item.js.map +1 -0
- package/es/components/ui-shell/switcher.d.ts +35 -0
- package/es/components/ui-shell/switcher.d.ts.map +1 -0
- package/es/components/ui-shell/switcher.js +95 -0
- package/es/components/ui-shell/switcher.js.map +1 -0
- package/es/components-react/code-snippet/code-snippet-skeleton.d.ts +2 -2
- package/es/components-react/code-snippet/code-snippet.d.ts +2 -2
- package/es/components-react/data-table/table-batch-actions.d.ts +2 -2
- package/es/components-react/data-table/table-body.d.ts +2 -2
- package/es/components-react/{pagination/pages-select.d.ts → data-table/table-cell-content.d.ts} +2 -6
- package/es/components-react/{pagination/pages-select.js → data-table/table-cell-content.js} +4 -10
- package/es/components-react/data-table/table-cell.d.ts +2 -2
- package/es/components-react/data-table/table-expanded-row.d.ts +2 -2
- package/es/components-react/data-table/table-head.d.ts +2 -2
- package/es/components-react/data-table/table-header-cell.d.ts +2 -2
- package/es/components-react/{pagination/page-sizes-select.d.ts → data-table/table-header-description.d.ts} +2 -6
- package/es/components-react/{pagination/page-sizes-select.js → data-table/table-header-description.js} +4 -10
- package/es/components-react/data-table/table-header-row.d.ts +2 -2
- package/es/components-react/data-table/table-header-title.d.ts +15 -0
- package/es/components-react/data-table/{table-header-cell-skeleton.js → table-header-title.js} +4 -6
- package/es/components-react/data-table/table-row.d.ts +19 -2
- package/es/components-react/data-table/table-row.js +16 -0
- package/es/components-react/data-table/table-skeleton.d.ts +15 -0
- package/es/components-react/data-table/table-skeleton.js +21 -0
- package/es/components-react/data-table/table-toolbar-content.d.ts +2 -2
- package/es/components-react/data-table/table-toolbar-search.d.ts +2 -2
- package/es/components-react/data-table/table-toolbar.d.ts +2 -2
- package/es/components-react/data-table/table.d.ts +44 -2
- package/es/components-react/data-table/table.js +45 -3
- package/es/components-react/file-uploader/demo-file-uploader.d.ts +0 -49
- package/es/components-react/file-uploader/demo-file-uploader.js +3 -51
- package/es/components-react/floating-menu/floating-menu.d.ts +2 -2
- package/es/components-react/floating-menu/floating-menu.js +0 -2
- package/es/components-react/form/form-item.d.ts +2 -2
- package/es/components-react/form-group/form-group.d.ts +15 -0
- package/es/components-react/form-group/form-group.js +21 -0
- package/es/components-react/form-group/index.d.ts +14 -0
- package/es/components-react/form-group/index.js +8 -0
- package/es/components-react/modal/modal-body-content.d.ts +15 -0
- package/es/components-react/modal/modal-body-content.js +21 -0
- package/es/components-react/modal/modal-body.d.ts +2 -2
- package/es/components-react/modal/modal-close-button.d.ts +2 -2
- package/es/components-react/modal/modal-footer.d.ts +2 -2
- package/es/components-react/modal/modal-header.d.ts +2 -2
- package/es/components-react/modal/modal-heading.d.ts +2 -2
- package/es/components-react/modal/modal-label.d.ts +2 -2
- package/es/components-react/modal/modal.d.ts +2 -2
- package/es/components-react/multi-select/defs.d.ts +14 -0
- package/es/components-react/multi-select/defs.js +9 -0
- package/es/components-react/multi-select/multi-select.js +6 -1
- package/es/components-react/overflow-menu/overflow-menu-body.d.ts +2 -2
- package/es/components-react/overflow-menu/overflow-menu-item.d.ts +2 -2
- package/es/components-react/overflow-menu/overflow-menu.d.ts +4 -5
- package/es/components-react/overflow-menu/overflow-menu.js +5 -3
- package/es/components-react/pagination/defs.d.ts +14 -0
- package/es/components-react/pagination/defs.js +9 -0
- package/es/components-react/pagination/pagination.d.ts +3 -7
- package/es/components-react/pagination/pagination.js +3 -7
- package/es/components-react/progress-indicator/progress-indicator-skeleton.d.ts +2 -3
- package/es/components-react/progress-indicator/progress-indicator.d.ts +2 -3
- package/es/components-react/progress-indicator/progress-step-skeleton.d.ts +2 -3
- package/es/components-react/progress-indicator/progress-step.d.ts +2 -3
- package/es/components-react/stack/defs.d.ts +14 -0
- package/es/components-react/stack/defs.js +9 -0
- package/es/components-react/stack/index.d.ts +14 -0
- package/es/components-react/stack/index.js +8 -0
- package/es/components-react/stack/stack.d.ts +15 -0
- package/es/components-react/stack/stack.js +22 -0
- package/es/components-react/text-input/text-input.js +7 -1
- package/es/components-react/toggle-tip/toggletip.d.ts +0 -5
- package/es/components-react/toggle-tip/toggletip.js +3 -13
- package/es/components-react/{data-table/table-cell-skeleton.d.ts → ui-shell/header-global-action.d.ts} +3 -3
- package/es/components-react/{data-table/table-cell-skeleton.js → ui-shell/header-global-action.js} +4 -4
- package/es/components-react/ui-shell/header-menu-button.d.ts +2 -2
- package/es/components-react/ui-shell/header-menu-item.d.ts +2 -2
- package/es/components-react/ui-shell/header-menu.d.ts +2 -2
- package/es/components-react/ui-shell/header-name.d.ts +2 -2
- package/es/components-react/ui-shell/header-nav-item.d.ts +2 -2
- package/es/components-react/ui-shell/header-nav.d.ts +2 -2
- package/es/components-react/ui-shell/header-panel.d.ts +15 -0
- package/es/components-react/ui-shell/header-panel.js +21 -0
- package/es/components-react/ui-shell/header-side-nav-items.d.ts +15 -0
- package/es/components-react/ui-shell/header-side-nav-items.js +21 -0
- package/es/components-react/ui-shell/header.d.ts +2 -2
- package/es/components-react/ui-shell/side-nav-divider.d.ts +2 -2
- package/es/components-react/ui-shell/side-nav-items.d.ts +2 -2
- package/es/components-react/ui-shell/side-nav-link.d.ts +2 -2
- package/es/components-react/ui-shell/side-nav-menu-item.d.ts +2 -2
- package/es/components-react/ui-shell/side-nav-menu.d.ts +2 -2
- package/es/components-react/ui-shell/side-nav.d.ts +2 -2
- package/es/components-react/ui-shell/switcher-divider.d.ts +15 -0
- package/es/components-react/ui-shell/switcher-divider.js +21 -0
- package/es/components-react/ui-shell/switcher-item.d.ts +15 -0
- package/es/components-react/ui-shell/switcher-item.js +21 -0
- package/es/components-react/ui-shell/switcher.d.ts +15 -0
- package/es/components-react/ui-shell/switcher.js +21 -0
- package/es/icons/arrow--down/16.js +1 -1
- package/es/icons/arrow--down/32.js +1 -1
- package/es/icons/arrows--vertical/16.js +1 -1
- package/es/icons/arrows--vertical/32.js +1 -1
- package/es/icons/overflow-menu--vertical/16.js +1 -1
- package/es/index.d.ts +12 -2
- package/es/index.d.ts.map +1 -1
- package/es/index.js +12 -2
- package/es/index.js.map +1 -1
- package/lib/components/data-table/defs.js +1 -10
- package/lib/components/data-table/defs.js.map +1 -1
- package/lib/components/dropdown/defs.js +2 -2
- package/lib/components/dropdown/defs.js.map +1 -1
- package/lib/components/floating-menu/defs.js +3 -24
- package/lib/components/floating-menu/defs.js.map +1 -1
- package/lib/components/modal/defs.js +2 -2
- package/lib/components/modal/defs.js.map +1 -1
- package/lib/components/multi-select/defs.js +25 -0
- package/lib/components/multi-select/defs.js.map +1 -0
- package/lib/components/overflow-menu/defs.js +2 -11
- package/lib/components/overflow-menu/defs.js.map +1 -1
- package/lib/components/pagination/defs.js +25 -0
- package/lib/components/pagination/defs.js.map +1 -0
- package/lib/components/stack/defs.js +36 -0
- package/lib/components/stack/defs.js.map +1 -0
- package/lib/components/text-input/defs.js +25 -4
- package/lib/components/text-input/defs.js.map +1 -1
- package/lib/components-react-node/{pagination/pages-select.js → data-table/table-cell-content.js} +3 -9
- package/lib/components-react-node/{pagination/page-sizes-select.js → data-table/table-header-description.js} +3 -9
- package/lib/components-react-node/data-table/{table-cell-skeleton.js → table-header-title.js} +3 -4
- package/lib/components-react-node/data-table/table-row.js +16 -0
- package/lib/components-react-node/data-table/{table-header-cell-skeleton.js → table-skeleton.js} +3 -4
- package/lib/components-react-node/data-table/table.js +44 -8
- package/lib/components-react-node/file-uploader/demo-file-uploader.js +3 -89
- package/lib/components-react-node/floating-menu/floating-menu.js +0 -12
- package/lib/components-react-node/form-group/form-group.js +36 -0
- package/lib/components-react-node/form-group/index.js +9 -0
- package/lib/components-react-node/modal/modal-body-content.js +36 -0
- package/lib/components-react-node/multi-select/defs.js +24 -0
- package/lib/components-react-node/multi-select/multi-select.js +13 -0
- package/lib/components-react-node/overflow-menu/overflow-menu.js +3 -8
- package/lib/components-react-node/pagination/defs.js +24 -0
- package/lib/components-react-node/pagination/pagination.js +3 -7
- package/lib/components-react-node/stack/defs.js +24 -0
- package/lib/components-react-node/stack/index.js +9 -0
- package/lib/components-react-node/stack/stack.js +49 -0
- package/lib/components-react-node/text-input/text-input.js +12 -0
- package/lib/components-react-node/toggle-tip/toggletip.js +3 -51
- package/lib/components-react-node/ui-shell/header-global-action.js +37 -0
- package/lib/components-react-node/ui-shell/header-panel.js +36 -0
- package/lib/components-react-node/ui-shell/header-side-nav-items.js +36 -0
- package/lib/components-react-node/ui-shell/switcher-divider.js +36 -0
- package/lib/components-react-node/ui-shell/switcher-item.js +36 -0
- package/lib/components-react-node/ui-shell/switcher.js +36 -0
- package/package.json +6 -7
- package/scss/components/button/button.scss +48 -1
- package/scss/components/checkbox/checkbox.scss +16 -0
- package/scss/components/code-snippet/code-snippet.scss +82 -101
- package/scss/components/copy-button/copy-button.scss +17 -0
- package/scss/components/data-table/_table-action.scss +50 -32
- package/scss/components/data-table/_table-core.scss +253 -29
- package/scss/components/data-table/_table-expandable.scss +25 -32
- package/scss/components/data-table/_table-selection.scss +36 -20
- package/scss/components/data-table/_table-sizes.scss +162 -20
- package/scss/components/data-table/_table-sort.scss +5 -21
- package/scss/components/data-table/data-table.scss +4 -3
- package/scss/components/form-group/form-group.scss +23 -0
- package/scss/components/modal/modal.scss +61 -87
- package/scss/components/multi-select/multi-select.scss +54 -19
- package/scss/components/overflow-menu/overflow-menu.scss +21 -9
- package/scss/components/pagination/pagination.scss +0 -66
- package/scss/components/progress-indicator/progress-indicator.scss +11 -10
- package/scss/components/radio-button/radio-button.scss +11 -1
- package/scss/components/select/select.scss +28 -1
- package/scss/components/stack/stack.scss +33 -0
- package/scss/components/structured-list/structured-list.scss +90 -20
- package/scss/components/tooltip/tooltip.scss +26 -0
- package/scss/components/ui-shell/header.scss +69 -0
- package/scss/components/ui-shell/side-nav.scss +27 -49
- package/es/components/data-table/table-cell-skeleton.d.ts +0 -20
- package/es/components/data-table/table-cell-skeleton.d.ts.map +0 -1
- package/es/components/data-table/table-cell-skeleton.js +0 -42
- package/es/components/data-table/table-cell-skeleton.js.map +0 -1
- package/es/components/data-table/table-expand-row.d.ts +0 -371
- package/es/components/data-table/table-expand-row.d.ts.map +0 -1
- package/es/components/data-table/table-expand-row.js +0 -192
- package/es/components/data-table/table-expand-row.js.map +0 -1
- package/es/components/data-table/table-header-cell-skeleton.d.ts +0 -19
- package/es/components/data-table/table-header-cell-skeleton.d.ts.map +0 -1
- package/es/components/data-table/table-header-cell-skeleton.js +0 -33
- package/es/components/data-table/table-header-cell-skeleton.js.map +0 -1
- package/es/components/data-table/table-header-expand-row.d.ts +0 -33
- package/es/components/data-table/table-header-expand-row.d.ts.map +0 -1
- package/es/components/data-table/table-header-expand-row.js +0 -68
- package/es/components/data-table/table-header-expand-row.js.map +0 -1
- package/es/components/pagination/page-sizes-select.d.ts.map +0 -1
- package/es/components/pagination/page-sizes-select.js +0 -172
- package/es/components/pagination/page-sizes-select.js.map +0 -1
- package/es/components/pagination/pages-select.d.ts +0 -362
- package/es/components/pagination/pages-select.d.ts.map +0 -1
- package/es/components/pagination/pages-select.js +0 -185
- package/es/components/pagination/pages-select.js.map +0 -1
- package/es/components-react/data-table/table-expand-row.d.ts +0 -24
- package/es/components-react/data-table/table-expand-row.js +0 -33
- package/es/components-react/data-table/table-header-cell-skeleton.d.ts +0 -14
- package/es/components-react/data-table/table-header-expand-row.d.ts +0 -29
- package/es/components-react/data-table/table-header-expand-row.js +0 -37
- package/lib/components-react-node/data-table/table-expand-row.js +0 -47
- package/lib/components-react-node/data-table/table-header-expand-row.js +0 -51
- package/scss/components/data-table/_table-skeleton.scss +0 -27
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
*/
|
|
9
9
|
import { css } from 'lit';
|
|
10
10
|
export default css([
|
|
11
|
-
"@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--breadcrumb,:host(cds-breadcrumb),:host(cds-breadcrumb-skeleton){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:inline}.cds--breadcrumb html,:host(cds-breadcrumb) html,:host(cds-breadcrumb-skeleton) html{font-size:100%}.cds--breadcrumb body,:host(cds-breadcrumb) body,:host(cds-breadcrumb-skeleton) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--breadcrumb code,:host(cds-breadcrumb) code,:host(cds-breadcrumb-skeleton) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--breadcrumb strong,:host(cds-breadcrumb) strong,:host(cds-breadcrumb-skeleton) strong{font-weight:600}@media (min-width:42rem){.cds--breadcrumb,:host(cds-breadcrumb),:host(cds-breadcrumb-skeleton){display:flex;flex-wrap:wrap}}.cds--breadcrumb-item,:host(cds-breadcrumb-item),:host(cds-breadcrumb-item-skeleton){position:relative;display:flex;align-items:center;margin-right:.5rem}.cds--breadcrumb-item .cds--link:visited,:host(cds-breadcrumb-item) .cds--link:visited,:host(cds-breadcrumb-item-skeleton) .cds--link:visited{color:var(--cds-link-primary,#0f62fe)}.cds--breadcrumb-item .cds--link:visited:hover,:host(cds-breadcrumb-item) .cds--link:visited:hover,:host(cds-breadcrumb-item-skeleton) .cds--link:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--breadcrumb-item::after,:host(cds-breadcrumb-item)::after,:host(cds-breadcrumb-item-skeleton)::after{margin-left:.5rem;color:var(--cds-text-primary,#161616);content:\"/\"}.cds--breadcrumb--no-trailing-slash .cds--breadcrumb-item:last-child::after,.cds--breadcrumb--no-trailing-slash :last-child:host(cds-breadcrumb-item)::after,.cds--breadcrumb--no-trailing-slash :last-child:host(cds-breadcrumb-item-skeleton)::after{content:\"\"}.cds--breadcrumb-item:last-child,.cds--breadcrumb-item:last-child::after,:last-child:host(cds-breadcrumb-item),:last-child:host(cds-breadcrumb-item)::after,:last-child:host(cds-breadcrumb-item-skeleton),:last-child:host(cds-breadcrumb-item-skeleton)::after{margin-right:0}.cds--breadcrumb .cds--link,:host(cds-breadcrumb) .cds--link,:host(cds-breadcrumb-skeleton) .cds--link{white-space:nowrap}.cds--breadcrumb-item [aria-current=page],.cds--breadcrumb-item--current:host(cds-breadcrumb-item) .cds--link,.cds--breadcrumb-item--current:host(cds-breadcrumb-item-skeleton) .cds--link,.cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link,:host(cds-breadcrumb-item) [aria-current=page],:host(cds-breadcrumb-item-skeleton) [aria-current=page]{color:var(--cds-text-primary,#161616);cursor:auto}.cds--breadcrumb-item [aria-current=page]:hover,.cds--breadcrumb-item--current:host(cds-breadcrumb-item) .cds--link:hover,.cds--breadcrumb-item--current:host(cds-breadcrumb-item-skeleton) .cds--link:hover,.cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link:hover,:host(cds-breadcrumb-item) [aria-current=page]:hover,:host(cds-breadcrumb-item-skeleton) [aria-current=page]:hover{text-decoration:none}.cds--breadcrumb-item .cds--overflow-menu,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item :host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) :host(cds-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu){position:relative;width:1.25rem;height:1.125rem}.cds--breadcrumb-item .cds--overflow-menu:focus,.cds--breadcrumb-item :focus:host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item :focus:host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu:focus,:host(cds-breadcrumb-item) :focus:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) :focus:host(cds-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:focus,:host(cds-breadcrumb-item-skeleton) :focus:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item-skeleton) :focus:host(cds-overflow-menu){outline:1px solid var(--cds-focus,#0f62fe)}.cds--breadcrumb-item .cds--overflow-menu:hover,.cds--breadcrumb-item :hover:host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item :hover:host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu:hover,:host(cds-breadcrumb-item) :hover:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) :hover:host(cds-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:hover,:host(cds-breadcrumb-item-skeleton) :hover:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item-skeleton) :hover:host(cds-overflow-menu){background:0 0}.cds--breadcrumb-item .cds--overflow-menu::after,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu)::after,.cds--breadcrumb-item :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item) .cds--overflow-menu::after,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item) :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu::after,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu)::after{position:absolute;bottom:2px;width:.75rem;height:1px;background:var(--cds-link-primary-hover,#0043ce);content:\"\";opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--breadcrumb-item .cds--overflow-menu::after,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu)::after,.cds--breadcrumb-item :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item) .cds--overflow-menu::after,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item) :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu::after,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu)::after{transition:none}}.cds--breadcrumb-item .cds--overflow-menu:hover::after,.cds--breadcrumb-item :hover:host(cds-breadcrumb-overflow-menu)::after,.cds--breadcrumb-item :hover:host(cds-overflow-menu)::after,:host(cds-breadcrumb-item) .cds--overflow-menu:hover::after,:host(cds-breadcrumb-item) :hover:host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item) :hover:host(cds-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:hover::after,:host(cds-breadcrumb-item-skeleton) :hover:host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) :hover:host(cds-overflow-menu)::after{opacity:1}.cds--breadcrumb-item .cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item .cds--overflow-menu--open:host(cds-overflow-menu),.cds--breadcrumb-item .cds--overflow-menu.cds--overflow-menu--open,:host(cds-breadcrumb-item) .cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu--open:host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu.cds--overflow-menu--open,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu--open:host(cds-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu.cds--overflow-menu--open{background:0 0;box-shadow:none}.cds--breadcrumb-item .cds--overflow-menu__icon,:host(cds-breadcrumb-item) .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu__icon{position:relative;fill:var(--cds-link-primary,#0f62fe);transform:translateY(4px)}.cds--breadcrumb-item .cds--overflow-menu:hover .cds--overflow-menu__icon,.cds--breadcrumb-item :hover:host(cds-breadcrumb-overflow-menu) .cds--overflow-menu__icon,.cds--breadcrumb-item :hover:host(cds-overflow-menu) .cds--overflow-menu__icon,:host(cds-breadcrumb-item) .cds--overflow-menu:hover .cds--overflow-menu__icon,:host(cds-breadcrumb-item) :hover:host(cds-breadcrumb-overflow-menu) .cds--overflow-menu__icon,:host(cds-breadcrumb-item) :hover:host(cds-overflow-menu) .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:hover .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) :hover:host(cds-breadcrumb-overflow-menu) .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) :hover:host(cds-overflow-menu) .cds--overflow-menu__icon{fill:var(--cds-link-primary-hover,#0043ce)}.cds--breadcrumb-menu-options:focus{outline:0}.cds--breadcrumb-menu-options.cds--overflow-menu-options::after,.cds--breadcrumb-menu-options:host(cds-overflow-menu-body)::after{top:-.4375rem;left:.875rem;width:0;height:0;border-right:.4375rem solid transparent;border-bottom:.4375rem solid var(--cds-field);border-left:.4375rem solid transparent;margin:0 auto;background:0 0}.cds--breadcrumb.cds--skeleton .cds--link,.cds--skeleton:host(cds-breadcrumb) .cds--link,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem;height:1rem}.cds--breadcrumb.cds--skeleton .cds--link:active,.cds--breadcrumb.cds--skeleton .cds--link:focus,.cds--breadcrumb.cds--skeleton .cds--link:hover,.cds--skeleton:host(cds-breadcrumb) .cds--link:active,.cds--skeleton:host(cds-breadcrumb) .cds--link:focus,.cds--skeleton:host(cds-breadcrumb) .cds--link:hover,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link:active,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link:focus,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link:hover{border:none;cursor:default;outline:0}.cds--breadcrumb.cds--skeleton .cds--link::before,.cds--skeleton:host(cds-breadcrumb) .cds--link::before,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--breadcrumb.cds--skeleton .cds--link::before,.cds--skeleton:host(cds-breadcrumb) .cds--link::before,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link::before{animation:none}}.cds--breadcrumb .cds--btn--icon-only:host(cds-breadcrumb-overflow-menu),.cds--breadcrumb .cds--btn--icon-only:host(cds-overflow-menu),.cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only,:host(cds-breadcrumb) .cds--btn--icon-only:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb) .cds--btn--icon-only:host(cds-overflow-menu),:host(cds-breadcrumb) .cds--overflow-menu.cds--btn--icon-only,:host(cds-breadcrumb-skeleton) .cds--btn--icon-only:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-skeleton) .cds--btn--icon-only:host(cds-overflow-menu),:host(cds-breadcrumb-skeleton) .cds--overflow-menu.cds--btn--icon-only{min-height:1.125rem;padding-right:0;padding-left:0}.cds--link{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:inline-flex;color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));outline:0;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9)}.cds--link *,.cds--link ::after,.cds--link ::before{box-sizing:inherit}.cds--link:hover{color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce));text-decoration:underline}.cds--link:active,.cds--link:active:visited,.cds--link:active:visited:hover{color:var(--cds-text-primary,#161616);text-decoration:underline}.cds--link:focus{outline:1px solid var(--cds-focus,#0f62fe);outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe))}@media screen and (prefers-contrast){.cds--link:focus{outline-style:dotted}}.cds--link:visited{color:var(--cds-link-primary,#0f62fe)}.cds--link:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--link--disabled,.cds--link--disabled:hover{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed;font-weight:400;text-decoration:none}.cds--link--disabled *,.cds--link--disabled ::after,.cds--link--disabled ::before,.cds--link--disabled:hover *,.cds--link--disabled:hover ::after,.cds--link--disabled:hover ::before{box-sizing:inherit}.cds--link.cds--link--visited:visited{color:var(--cds-link-visited,#8a3ffc)}.cds--link.cds--link--visited:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--link.cds--link--inline{display:inline;text-decoration:underline}.cds--link.cds--link--inline:focus,.cds--link.cds--link--inline:visited{text-decoration:none}.cds--link--disabled.cds--link--inline{text-decoration:underline}.cds--link--sm,.cds--link--sm.cds--link--disabled:hover{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px)}.cds--link--lg,.cds--link--lg.cds--link--disabled:hover{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);line-height:var(--cds-body-compact-02-line-height,1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing,0)}.cds--link__icon{display:inline-flex;align-self:center;margin-left:.5rem}.cds--overflow-menu,.cds--overflow-menu__trigger,:host(cds-breadcrumb-overflow-menu),:host(cds-overflow-menu){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;outline:2px solid transparent;outline-offset:-2px;position:relative;display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;cursor:pointer;transition:outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu *,.cds--overflow-menu ::after,.cds--overflow-menu ::before,.cds--overflow-menu__trigger *,.cds--overflow-menu__trigger ::after,.cds--overflow-menu__trigger ::before,:host(cds-breadcrumb-overflow-menu) *,:host(cds-breadcrumb-overflow-menu) ::after,:host(cds-breadcrumb-overflow-menu) ::before,:host(cds-overflow-menu) *,:host(cds-overflow-menu) ::after,:host(cds-overflow-menu) ::before{box-sizing:inherit}.cds--overflow-menu::-moz-focus-inner,.cds--overflow-menu__trigger::-moz-focus-inner,:host(cds-breadcrumb-overflow-menu)::-moz-focus-inner,:host(cds-overflow-menu)::-moz-focus-inner{border:0}.cds--overflow-menu html,.cds--overflow-menu__trigger html,:host(cds-breadcrumb-overflow-menu) html,:host(cds-overflow-menu) html{font-size:100%}.cds--overflow-menu body,.cds--overflow-menu__trigger body,:host(cds-breadcrumb-overflow-menu) body,:host(cds-overflow-menu) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu code,.cds--overflow-menu__trigger code,:host(cds-breadcrumb-overflow-menu) code,:host(cds-overflow-menu) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu strong,.cds--overflow-menu__trigger strong,:host(cds-breadcrumb-overflow-menu) strong,:host(cds-overflow-menu) strong{font-weight:600}.cds--overflow-menu:focus,.cds--overflow-menu__trigger:focus,:focus:host(cds-breadcrumb-overflow-menu),:focus:host(cds-overflow-menu){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu:focus,.cds--overflow-menu__trigger:focus,:focus:host(cds-breadcrumb-overflow-menu),:focus:host(cds-overflow-menu){outline-style:dotted}}.cds--overflow-menu:hover,.cds--overflow-menu__trigger:hover,:hover:host(cds-breadcrumb-overflow-menu),:hover:host(cds-overflow-menu){background-color:var(--cds-layer-hover)}.cds--overflow-menu--sm,:host(cds-breadcrumb-overflow-menu)[size=sm],:host(cds-overflow-menu)[size=sm]{width:2rem;height:2rem}.cds--overflow-menu--lg,:host(cds-breadcrumb-overflow-menu)[size=lg],:host(cds-overflow-menu)[size=lg]{width:3rem;height:3rem}.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus{outline-style:dotted}}.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus svg{outline:0}.cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu),.cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu) .cds--overflow-menu__trigger,.cds--overflow-menu--open:host(cds-overflow-menu),.cds--overflow-menu--open:host(cds-overflow-menu) .cds--overflow-menu__trigger,.cds--overflow-menu.cds--overflow-menu--open,.cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__trigger{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));background-color:var(--cds-layer);transition:none}.cds--overflow-menu--light.cds--overflow-menu--open,.cds--overflow-menu--light.cds--overflow-menu--open .cds--overflow-menu__trigger{background-color:var(--cds-layer)}.cds--overflow-menu__icon{width:1rem;height:1rem;fill:var(--cds-icon-primary,#161616)}.cds--overflow-menu__wrapper{line-height:0}.cds--overflow-menu-options,:host(cds-overflow-menu-body){box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));position:absolute;z-index:6000;top:32px;left:0;display:none;width:10rem;flex-direction:column;align-items:flex-start;background-color:var(--cds-layer);list-style:none}.cds--overflow-menu-options html,:host(cds-overflow-menu-body) html{font-size:100%}.cds--overflow-menu-options body,:host(cds-overflow-menu-body) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu-options code,:host(cds-overflow-menu-body) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu-options strong,:host(cds-overflow-menu-body) strong{font-weight:600}.cds--overflow-menu-options::after,:host(cds-overflow-menu-body)::after{position:absolute;display:block;background-color:var(--cds-layer);content:\"\";transition:background-color 110ms cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--overflow-menu-options::after,:host(cds-overflow-menu-body)::after{transition:none}}.cds--overflow-menu--open:hover:host(cds-breadcrumb-overflow-menu),.cds--overflow-menu--open:hover:host(cds-overflow-menu),.cds--overflow-menu.cds--overflow-menu--open:hover{background-color:var(--cds-layer)}.cds--overflow-menu-options--light{background-color:var(--cds-layer)}.cds--overflow-menu-options--light::after{background-color:var(--cds-layer)}.cds--overflow-menu--light.cds--overflow-menu--open:hover:host(cds-breadcrumb-overflow-menu),.cds--overflow-menu--light.cds--overflow-menu--open:hover:host(cds-overflow-menu),.cds--overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover{background-color:var(--cds-layer)}.cds--overflow-menu-options[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options)::after,[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options):host(cds-overflow-menu-body)::after{top:-.1875rem;left:0;width:2.5rem;height:.1875rem}.cds--overflow-menu-options[data-floating-menu-direction=top]::after,[data-floating-menu-direction=top]:host(cds-overflow-menu-body)::after{bottom:-.5rem;left:0;width:2.5rem;height:.5rem}.cds--overflow-menu-options[data-floating-menu-direction=left]::after,[data-floating-menu-direction=left]:host(cds-overflow-menu-body)::after{top:0;right:-.375rem;width:.375rem;height:2.5rem}.cds--overflow-menu-options[data-floating-menu-direction=right]::after,[data-floating-menu-direction=right]:host(cds-overflow-menu-body)::after{top:0;left:-.375rem;width:.375rem;height:2.5rem}.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=top]::after,.cds--overflow-menu-options--sm[data-floating-menu-direction=bottom]:host(cds-overflow-menu-body)::after,.cds--overflow-menu-options--sm[data-floating-menu-direction=top]:host(cds-overflow-menu-body)::after{width:2rem}.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=right]::after,.cds--overflow-menu-options--sm[data-floating-menu-direction=left]:host(cds-overflow-menu-body)::after,.cds--overflow-menu-options--sm[data-floating-menu-direction=right]:host(cds-overflow-menu-body)::after{height:2rem}.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=top]::after,.cds--overflow-menu-options--lg[data-floating-menu-direction=bottom]:host(cds-overflow-menu-body)::after,.cds--overflow-menu-options--lg[data-floating-menu-direction=top]:host(cds-overflow-menu-body)::after{width:3rem}.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=right]::after,.cds--overflow-menu-options--lg[data-floating-menu-direction=left]:host(cds-overflow-menu-body)::after,.cds--overflow-menu-options--lg[data-floating-menu-direction=right]:host(cds-overflow-menu-body)::after{height:3rem}.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=top]::after,.cds--overflow-menu--flip[data-floating-menu-direction=bottom]:host(cds-overflow-menu-body)::after,.cds--overflow-menu--flip[data-floating-menu-direction=top]:host(cds-overflow-menu-body)::after{right:0;left:auto}.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=right]::after,.cds--overflow-menu--flip[data-floating-menu-direction=left]:host(cds-overflow-menu-body)::after,.cds--overflow-menu--flip[data-floating-menu-direction=right]:host(cds-overflow-menu-body)::after{top:auto;bottom:0}.cds--overflow-menu-options--open,:host(cds-overflow-menu-body[open]){display:flex}.cds--overflow-menu-options__content{width:100%}.cds--overflow-menu-options__option,:host(cds-overflow-menu-item){display:flex;width:100%;height:2.5rem;align-items:center;padding:0;background-color:transparent;transition:background-color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu-options__option html,:host(cds-overflow-menu-item) html{font-size:100%}.cds--overflow-menu-options__option body,:host(cds-overflow-menu-item) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu-options__option code,:host(cds-overflow-menu-item) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu-options__option strong,:host(cds-overflow-menu-item) strong{font-weight:600}.cds--overflow-menu-options--sm .cds--overflow-menu-options__option,.cds--overflow-menu-options--sm :host(cds-overflow-menu-item){height:2rem}.cds--overflow-menu-options--lg .cds--overflow-menu-options__option,.cds--overflow-menu-options--lg :host(cds-overflow-menu-item){height:3rem}.cds--overflow-menu--divider{border-top:1px solid var(--cds-border-subtle)}.cds--overflow-menu--light .cds--overflow-menu--divider{border-top:1px solid var(--cds-border-subtle)}a.cds--overflow-menu-options__btn::before{display:inline-block;height:100%;content:\"\";vertical-align:middle}.cds--overflow-menu-options__btn{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);outline:2px solid transparent;outline-offset:-2px;display:inline-flex;width:100%;max-width:11.25rem;height:100%;align-items:center;padding:0 1rem;border:none;background-color:transparent;color:var(--cds-text-secondary,#525252);cursor:pointer;font-family:inherit;font-weight:400;text-align:left;transition:outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9),color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu-options__btn:hover{color:var(--cds-text-primary,#161616)}.cds--overflow-menu-options__btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu-options__btn:focus{outline-style:dotted}}.cds--overflow-menu-options__btn::-moz-focus-inner{border:none}.cds--overflow-menu-options__btn svg{fill:var(--cds-icon-secondary,#525252)}.cds--overflow-menu-options__btn:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--overflow-menu-options__option-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--overflow-menu-options__option:hover,:hover:host(cds-overflow-menu-item){background-color:var(--cds-layer-hover)}.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus,.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:focus,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus svg,.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover svg,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:focus svg,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:hover svg{fill:currentColor}.cds--overflow-menu-options__option--disabled:hover,:hover:host(cds-overflow-menu-item[disabled]){background-color:var(--cds-layer);cursor:not-allowed}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:active,.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:focus,.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:hover,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:active,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:focus,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:hover{outline:2px solid transparent;outline-offset:-2px;background-color:var(--cds-layer)}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn svg,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--overflow-menu--flip{left:-140px}.cds--overflow-menu--flip::before{left:145px}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--overflow-menu-options__btn:focus,.cds--overflow-menu:focus,:focus:host(cds-breadcrumb-overflow-menu),:focus:host(cds-overflow-menu){color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--overflow-menu svg,:host(cds-breadcrumb-overflow-menu) svg,:host(cds-overflow-menu) svg{fill:ButtonText}}:host(cds-breadcrumb-overflow-menu[disabled]),:host(cds-overflow-menu[disabled]){cursor:not-allowed}:host(cds-breadcrumb-overflow-menu[disabled]) svg,:host(cds-overflow-menu[disabled]) svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25));cursor:not-allowed}:host(cds-breadcrumb-overflow-menu[disabled]:hover),:host(cds-overflow-menu[disabled]:hover){background-color:transparent}:host(cds-breadcrumb-overflow-menu[open]),:host(cds-overflow-menu[open]){background-color:var(--cds-layer-01,#f4f4f4);transition:none;box-shadow:0 2px 6px 0 rgba(0,0,0,.3)}:host(cds-breadcrumb-overflow-menu[color-scheme=light][open]),:host(cds-overflow-menu[color-scheme=light][open]){background-color:var(--cds-layer-02,#fff)}:host(cds-overflow-menu-body[direction=top]){margin-top:0;margin-bottom:.25rem}:host(cds-overflow-menu-body[color-scheme=light]){background-color:var(--cds-layer-02,#fff)}:host(cds-overflow-menu-body[color-scheme=light])::after{background-color:var(--cds-layer-02,#fff)}:host(cds-overflow-menu-item){outline:0}:host(cds-breadcrumb-overflow-menu){position:relative;width:1.25rem;height:1.125rem}:host(cds-breadcrumb-overflow-menu):focus{outline:1px solid var(--cds-focus,#0f62fe)}:host(cds-breadcrumb-overflow-menu):hover{background:0 0}:host(cds-breadcrumb-overflow-menu):hover ::after{opacity:1}:host(cds-breadcrumb-overflow-menu) ::after{position:absolute;bottom:2px;width:.75rem;height:1px;background:var(--cds-link-primary-hover,#0043ce);content:\"\";opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}:host(cds-breadcrumb-overflow-menu[open]){background:0 0;box-shadow:none}:host(cds-breadcrumb-overflow-menu) svg{position:relative;fill:var(--cds-link-primary,#0f62fe);transform:translateY(4px)}:host(cds-breadcrumb-overflow-menu):hover svg{fill:var(--cds-link-primary-hover,#0043ce)}:host(cds-breadcrumb[no-trailing-slash]) ::slotted(cds-breadcrumb-item:last-of-type)::after{content:\"\"}:host(cds-breadcrumb-link){outline:0}:host(cds-breadcrumb-link) .cds--link--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(cds-breadcrumb-link) .cds--link__icon[hidden]{display:none}:host(cds-breadcrumb-link[aria-current=page]) .cds--link{color:var(--cds-text-primary,#161616);cursor:auto}:host(cds-breadcrumb-link[aria-current=page]) .cds--link:hover{text-decoration:none}",
|
|
11
|
+
"@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--breadcrumb,:host(cds-breadcrumb),:host(cds-breadcrumb-skeleton){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:inline}.cds--breadcrumb html,:host(cds-breadcrumb) html,:host(cds-breadcrumb-skeleton) html{font-size:100%}.cds--breadcrumb body,:host(cds-breadcrumb) body,:host(cds-breadcrumb-skeleton) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--breadcrumb code,:host(cds-breadcrumb) code,:host(cds-breadcrumb-skeleton) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--breadcrumb strong,:host(cds-breadcrumb) strong,:host(cds-breadcrumb-skeleton) strong{font-weight:600}@media (min-width:42rem){.cds--breadcrumb,:host(cds-breadcrumb),:host(cds-breadcrumb-skeleton){display:flex;flex-wrap:wrap}}.cds--breadcrumb-item,:host(cds-breadcrumb-item),:host(cds-breadcrumb-item-skeleton){position:relative;display:flex;align-items:center;margin-right:.5rem}.cds--breadcrumb-item .cds--link:visited,:host(cds-breadcrumb-item) .cds--link:visited,:host(cds-breadcrumb-item-skeleton) .cds--link:visited{color:var(--cds-link-primary,#0f62fe)}.cds--breadcrumb-item .cds--link:visited:hover,:host(cds-breadcrumb-item) .cds--link:visited:hover,:host(cds-breadcrumb-item-skeleton) .cds--link:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--breadcrumb-item::after,:host(cds-breadcrumb-item)::after,:host(cds-breadcrumb-item-skeleton)::after{margin-left:.5rem;color:var(--cds-text-primary,#161616);content:\"/\"}.cds--breadcrumb--no-trailing-slash .cds--breadcrumb-item:last-child::after,.cds--breadcrumb--no-trailing-slash :last-child:host(cds-breadcrumb-item)::after,.cds--breadcrumb--no-trailing-slash :last-child:host(cds-breadcrumb-item-skeleton)::after{content:\"\"}.cds--breadcrumb-item:last-child,.cds--breadcrumb-item:last-child::after,:last-child:host(cds-breadcrumb-item),:last-child:host(cds-breadcrumb-item)::after,:last-child:host(cds-breadcrumb-item-skeleton),:last-child:host(cds-breadcrumb-item-skeleton)::after{margin-right:0}.cds--breadcrumb .cds--link,:host(cds-breadcrumb) .cds--link,:host(cds-breadcrumb-skeleton) .cds--link{white-space:nowrap}.cds--breadcrumb-item [aria-current=page],.cds--breadcrumb-item--current:host(cds-breadcrumb-item) .cds--link,.cds--breadcrumb-item--current:host(cds-breadcrumb-item-skeleton) .cds--link,.cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link,:host(cds-breadcrumb-item) [aria-current=page],:host(cds-breadcrumb-item-skeleton) [aria-current=page]{color:var(--cds-text-primary,#161616);cursor:auto}.cds--breadcrumb-item [aria-current=page]:hover,.cds--breadcrumb-item--current:host(cds-breadcrumb-item) .cds--link:hover,.cds--breadcrumb-item--current:host(cds-breadcrumb-item-skeleton) .cds--link:hover,.cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link:hover,:host(cds-breadcrumb-item) [aria-current=page]:hover,:host(cds-breadcrumb-item-skeleton) [aria-current=page]:hover{text-decoration:none}.cds--breadcrumb-item .cds--overflow-menu,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item :host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) :host(cds-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu){position:relative;width:1.25rem;height:1.125rem}.cds--breadcrumb-item .cds--overflow-menu:focus,.cds--breadcrumb-item :focus:host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item :focus:host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu:focus,:host(cds-breadcrumb-item) :focus:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) :focus:host(cds-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:focus,:host(cds-breadcrumb-item-skeleton) :focus:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item-skeleton) :focus:host(cds-overflow-menu){outline:1px solid var(--cds-focus,#0f62fe)}.cds--breadcrumb-item .cds--overflow-menu:hover,.cds--breadcrumb-item :hover:host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item :hover:host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu:hover,:host(cds-breadcrumb-item) :hover:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) :hover:host(cds-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:hover,:host(cds-breadcrumb-item-skeleton) :hover:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item-skeleton) :hover:host(cds-overflow-menu){background:0 0}.cds--breadcrumb-item .cds--overflow-menu::after,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu)::after,.cds--breadcrumb-item :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item) .cds--overflow-menu::after,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item) :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu::after,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu)::after{position:absolute;bottom:2px;width:.75rem;height:1px;background:var(--cds-link-primary-hover,#0043ce);content:\"\";opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--breadcrumb-item .cds--overflow-menu::after,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu)::after,.cds--breadcrumb-item :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item) .cds--overflow-menu::after,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item) :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu::after,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu)::after{transition:none}}.cds--breadcrumb-item .cds--overflow-menu:hover::after,.cds--breadcrumb-item :hover:host(cds-breadcrumb-overflow-menu)::after,.cds--breadcrumb-item :hover:host(cds-overflow-menu)::after,:host(cds-breadcrumb-item) .cds--overflow-menu:hover::after,:host(cds-breadcrumb-item) :hover:host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item) :hover:host(cds-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:hover::after,:host(cds-breadcrumb-item-skeleton) :hover:host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) :hover:host(cds-overflow-menu)::after{opacity:1}.cds--breadcrumb-item .cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item .cds--overflow-menu--open:host(cds-overflow-menu),.cds--breadcrumb-item .cds--overflow-menu.cds--overflow-menu--open,:host(cds-breadcrumb-item) .cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu--open:host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu.cds--overflow-menu--open,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu--open:host(cds-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu.cds--overflow-menu--open{background:0 0;box-shadow:none}.cds--breadcrumb-item .cds--overflow-menu__icon,:host(cds-breadcrumb-item) .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu__icon{position:relative;fill:var(--cds-link-primary,#0f62fe);transform:translateY(4px)}.cds--breadcrumb-item .cds--overflow-menu:hover .cds--overflow-menu__icon,.cds--breadcrumb-item :hover:host(cds-breadcrumb-overflow-menu) .cds--overflow-menu__icon,.cds--breadcrumb-item :hover:host(cds-overflow-menu) .cds--overflow-menu__icon,:host(cds-breadcrumb-item) .cds--overflow-menu:hover .cds--overflow-menu__icon,:host(cds-breadcrumb-item) :hover:host(cds-breadcrumb-overflow-menu) .cds--overflow-menu__icon,:host(cds-breadcrumb-item) :hover:host(cds-overflow-menu) .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:hover .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) :hover:host(cds-breadcrumb-overflow-menu) .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) :hover:host(cds-overflow-menu) .cds--overflow-menu__icon{fill:var(--cds-link-primary-hover,#0043ce)}.cds--breadcrumb-menu-options:focus{outline:0}.cds--breadcrumb-menu-options.cds--overflow-menu-options::after,.cds--breadcrumb-menu-options:host(cds-overflow-menu-body)::after{top:-.4375rem;left:.875rem;width:0;height:0;border-right:.4375rem solid transparent;border-bottom:.4375rem solid var(--cds-field);border-left:.4375rem solid transparent;margin:0 auto;background:0 0}.cds--breadcrumb.cds--skeleton .cds--link,.cds--skeleton:host(cds-breadcrumb) .cds--link,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem;height:1rem}.cds--breadcrumb.cds--skeleton .cds--link:active,.cds--breadcrumb.cds--skeleton .cds--link:focus,.cds--breadcrumb.cds--skeleton .cds--link:hover,.cds--skeleton:host(cds-breadcrumb) .cds--link:active,.cds--skeleton:host(cds-breadcrumb) .cds--link:focus,.cds--skeleton:host(cds-breadcrumb) .cds--link:hover,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link:active,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link:focus,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link:hover{border:none;cursor:default;outline:0}.cds--breadcrumb.cds--skeleton .cds--link::before,.cds--skeleton:host(cds-breadcrumb) .cds--link::before,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--breadcrumb.cds--skeleton .cds--link::before,.cds--skeleton:host(cds-breadcrumb) .cds--link::before,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link::before{animation:none}}.cds--breadcrumb .cds--btn--icon-only:host(cds-breadcrumb-overflow-menu),.cds--breadcrumb .cds--btn--icon-only:host(cds-overflow-menu),.cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only,:host(cds-breadcrumb) .cds--btn--icon-only:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb) .cds--btn--icon-only:host(cds-overflow-menu),:host(cds-breadcrumb) .cds--overflow-menu.cds--btn--icon-only,:host(cds-breadcrumb-skeleton) .cds--btn--icon-only:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-skeleton) .cds--btn--icon-only:host(cds-overflow-menu),:host(cds-breadcrumb-skeleton) .cds--overflow-menu.cds--btn--icon-only{min-height:1.125rem;padding-right:0;padding-left:0}.cds--link{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:inline-flex;color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));outline:0;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9)}.cds--link *,.cds--link ::after,.cds--link ::before{box-sizing:inherit}.cds--link:hover{color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce));text-decoration:underline}.cds--link:active,.cds--link:active:visited,.cds--link:active:visited:hover{color:var(--cds-text-primary,#161616);text-decoration:underline}.cds--link:focus{outline:1px solid var(--cds-focus,#0f62fe);outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe))}@media screen and (prefers-contrast){.cds--link:focus{outline-style:dotted}}.cds--link:visited{color:var(--cds-link-primary,#0f62fe)}.cds--link:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--link--disabled,.cds--link--disabled:hover{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed;font-weight:400;text-decoration:none}.cds--link--disabled *,.cds--link--disabled ::after,.cds--link--disabled ::before,.cds--link--disabled:hover *,.cds--link--disabled:hover ::after,.cds--link--disabled:hover ::before{box-sizing:inherit}.cds--link.cds--link--visited:visited{color:var(--cds-link-visited,#8a3ffc)}.cds--link.cds--link--visited:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--link.cds--link--inline{display:inline;text-decoration:underline}.cds--link.cds--link--inline:focus,.cds--link.cds--link--inline:visited{text-decoration:none}.cds--link--disabled.cds--link--inline{text-decoration:underline}.cds--link--sm,.cds--link--sm.cds--link--disabled:hover{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px)}.cds--link--lg,.cds--link--lg.cds--link--disabled:hover{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);line-height:var(--cds-body-compact-02-line-height,1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing,0)}.cds--link__icon{display:inline-flex;align-self:center;margin-left:.5rem}.cds--overflow-menu,.cds--overflow-menu__trigger,:host(cds-breadcrumb-overflow-menu),:host(cds-overflow-menu){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;outline:2px solid transparent;outline-offset:-2px;position:relative;display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;cursor:pointer;transition:outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu *,.cds--overflow-menu ::after,.cds--overflow-menu ::before,.cds--overflow-menu__trigger *,.cds--overflow-menu__trigger ::after,.cds--overflow-menu__trigger ::before,:host(cds-breadcrumb-overflow-menu) *,:host(cds-breadcrumb-overflow-menu) ::after,:host(cds-breadcrumb-overflow-menu) ::before,:host(cds-overflow-menu) *,:host(cds-overflow-menu) ::after,:host(cds-overflow-menu) ::before{box-sizing:inherit}.cds--overflow-menu::-moz-focus-inner,.cds--overflow-menu__trigger::-moz-focus-inner,:host(cds-breadcrumb-overflow-menu)::-moz-focus-inner,:host(cds-overflow-menu)::-moz-focus-inner{border:0}.cds--overflow-menu html,.cds--overflow-menu__trigger html,:host(cds-breadcrumb-overflow-menu) html,:host(cds-overflow-menu) html{font-size:100%}.cds--overflow-menu body,.cds--overflow-menu__trigger body,:host(cds-breadcrumb-overflow-menu) body,:host(cds-overflow-menu) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu code,.cds--overflow-menu__trigger code,:host(cds-breadcrumb-overflow-menu) code,:host(cds-overflow-menu) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu strong,.cds--overflow-menu__trigger strong,:host(cds-breadcrumb-overflow-menu) strong,:host(cds-overflow-menu) strong{font-weight:600}.cds--overflow-menu:focus,.cds--overflow-menu__trigger:focus,:focus:host(cds-breadcrumb-overflow-menu),:focus:host(cds-overflow-menu){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu:focus,.cds--overflow-menu__trigger:focus,:focus:host(cds-breadcrumb-overflow-menu),:focus:host(cds-overflow-menu){outline-style:dotted}}.cds--overflow-menu:hover,.cds--overflow-menu__trigger:hover,:hover:host(cds-breadcrumb-overflow-menu),:hover:host(cds-overflow-menu){background-color:var(--cds-layer-hover)}.cds--overflow-menu--sm,:host(cds-breadcrumb-overflow-menu)[size=sm],:host(cds-overflow-menu)[size=sm]{width:2rem;height:2rem}.cds--overflow-menu--lg,:host(cds-breadcrumb-overflow-menu)[size=lg],:host(cds-overflow-menu)[size=lg]{width:3rem;height:3rem}.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus{outline-style:dotted}}.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus svg{outline:0}.cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu),.cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu) .cds--overflow-menu__trigger,.cds--overflow-menu--open:host(cds-overflow-menu),.cds--overflow-menu--open:host(cds-overflow-menu) .cds--overflow-menu__trigger,.cds--overflow-menu.cds--overflow-menu--open,.cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__trigger{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));background-color:var(--cds-layer);transition:none}.cds--overflow-menu--light.cds--overflow-menu--open,.cds--overflow-menu--light.cds--overflow-menu--open .cds--overflow-menu__trigger{background-color:var(--cds-layer)}.cds--overflow-menu__icon{width:1rem;height:1rem;fill:var(--cds-icon-primary,#161616)}.cds--overflow-menu__wrapper{line-height:0}.cds--overflow-menu-options,:host(cds-overflow-menu-body){box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));position:absolute;z-index:6000;top:32px;left:0;display:none;width:10rem;flex-direction:column;align-items:flex-start;background-color:var(--cds-layer);list-style:none}.cds--overflow-menu-options html,:host(cds-overflow-menu-body) html{font-size:100%}.cds--overflow-menu-options body,:host(cds-overflow-menu-body) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu-options code,:host(cds-overflow-menu-body) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu-options strong,:host(cds-overflow-menu-body) strong{font-weight:600}.cds--overflow-menu-options::after,:host(cds-overflow-menu-body)::after{position:absolute;display:block;background-color:var(--cds-layer);content:\"\";transition:background-color 110ms cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--overflow-menu-options::after,:host(cds-overflow-menu-body)::after{transition:none}}.cds--overflow-menu--open:hover:host(cds-breadcrumb-overflow-menu),.cds--overflow-menu--open:hover:host(cds-overflow-menu),.cds--overflow-menu.cds--overflow-menu--open:hover{background-color:var(--cds-layer)}.cds--overflow-menu-options--light{background-color:var(--cds-layer)}.cds--overflow-menu-options--light::after{background-color:var(--cds-layer)}.cds--overflow-menu--light.cds--overflow-menu--open:hover:host(cds-breadcrumb-overflow-menu),.cds--overflow-menu--light.cds--overflow-menu--open:hover:host(cds-overflow-menu),.cds--overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover{background-color:var(--cds-layer)}.cds--overflow-menu-options[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options)::after,[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options):host(cds-overflow-menu-body)::after{top:-.1875rem;left:0;width:2.5rem;height:.1875rem}.cds--overflow-menu-options[data-floating-menu-direction=top]::after,[data-floating-menu-direction=top]:host(cds-overflow-menu-body)::after{bottom:-.5rem;left:0;width:2.5rem;height:.5rem}.cds--overflow-menu-options[data-floating-menu-direction=left]::after,[data-floating-menu-direction=left]:host(cds-overflow-menu-body)::after{top:0;right:-.375rem;width:.375rem;height:2.5rem}.cds--overflow-menu-options[data-floating-menu-direction=right]::after,[data-floating-menu-direction=right]:host(cds-overflow-menu-body)::after{top:0;left:-.375rem;width:.375rem;height:2.5rem}.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=top]::after,.cds--overflow-menu-options--sm[data-floating-menu-direction=bottom]:host(cds-overflow-menu-body)::after,.cds--overflow-menu-options--sm[data-floating-menu-direction=top]:host(cds-overflow-menu-body)::after,[data-floating-menu-direction=bottom]:host(cds-overflow-menu-body):host(cds-overflow-menu-body[size=sm])::after,[data-floating-menu-direction=top]:host(cds-overflow-menu-body):host(cds-overflow-menu-body[size=sm])::after{width:2rem}.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=right]::after,.cds--overflow-menu-options--sm[data-floating-menu-direction=left]:host(cds-overflow-menu-body)::after,.cds--overflow-menu-options--sm[data-floating-menu-direction=right]:host(cds-overflow-menu-body)::after,[data-floating-menu-direction=left]:host(cds-overflow-menu-body):host(cds-overflow-menu-body[size=sm])::after,[data-floating-menu-direction=right]:host(cds-overflow-menu-body):host(cds-overflow-menu-body[size=sm])::after{height:2rem}.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=top]::after,.cds--overflow-menu-options--lg[data-floating-menu-direction=bottom]:host(cds-overflow-menu-body)::after,.cds--overflow-menu-options--lg[data-floating-menu-direction=top]:host(cds-overflow-menu-body)::after,[data-floating-menu-direction=bottom]:host(cds-overflow-menu-body):host(cds-overflow-menu-body[size=lg])::after,[data-floating-menu-direction=top]:host(cds-overflow-menu-body):host(cds-overflow-menu-body[size=lg])::after{width:3rem}.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=right]::after,.cds--overflow-menu-options--lg[data-floating-menu-direction=left]:host(cds-overflow-menu-body)::after,.cds--overflow-menu-options--lg[data-floating-menu-direction=right]:host(cds-overflow-menu-body)::after,[data-floating-menu-direction=left]:host(cds-overflow-menu-body):host(cds-overflow-menu-body[size=lg])::after,[data-floating-menu-direction=right]:host(cds-overflow-menu-body):host(cds-overflow-menu-body[size=lg])::after{height:3rem}.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=top]::after,.cds--overflow-menu--flip[data-floating-menu-direction=bottom]:host(cds-overflow-menu-body)::after,.cds--overflow-menu--flip[data-floating-menu-direction=top]:host(cds-overflow-menu-body)::after{right:0;left:auto}.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=right]::after,.cds--overflow-menu--flip[data-floating-menu-direction=left]:host(cds-overflow-menu-body)::after,.cds--overflow-menu--flip[data-floating-menu-direction=right]:host(cds-overflow-menu-body)::after{top:auto;bottom:0}.cds--overflow-menu-options--open,:host(cds-overflow-menu-body[open]){display:flex}.cds--overflow-menu-options__content{width:100%}.cds--overflow-menu-options__option,:host(cds-overflow-menu-item){display:flex;width:100%;height:2.5rem;align-items:center;padding:0;background-color:transparent;transition:background-color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu-options__option html,:host(cds-overflow-menu-item) html{font-size:100%}.cds--overflow-menu-options__option body,:host(cds-overflow-menu-item) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu-options__option code,:host(cds-overflow-menu-item) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu-options__option strong,:host(cds-overflow-menu-item) strong{font-weight:600}.cds--overflow-menu-options--sm .cds--overflow-menu-options__option,.cds--overflow-menu-options--sm :host(cds-overflow-menu-item),:host(cds-overflow-menu-body[size=sm]) .cds--overflow-menu-options__option,:host(cds-overflow-menu-body[size=sm]) :host(cds-overflow-menu-item){height:2rem}.cds--overflow-menu-options--lg .cds--overflow-menu-options__option,.cds--overflow-menu-options--lg :host(cds-overflow-menu-item),:host(cds-overflow-menu-body[size=lg]) .cds--overflow-menu-options__option,:host(cds-overflow-menu-body[size=lg]) :host(cds-overflow-menu-item){height:3rem}.cds--overflow-menu--divider,:host(cds-overflow-menu-item[divider]){border-top:1px solid var(--cds-border-subtle)}.cds--overflow-menu--light .cds--overflow-menu--divider,.cds--overflow-menu--light :host(cds-overflow-menu-item[divider]){border-top:1px solid var(--cds-border-subtle)}a.cds--overflow-menu-options__btn::before{display:inline-block;height:100%;content:\"\";vertical-align:middle}.cds--overflow-menu-options__btn{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);outline:2px solid transparent;outline-offset:-2px;display:inline-flex;width:100%;max-width:11.25rem;height:100%;align-items:center;padding:0 1rem;border:none;background-color:transparent;color:var(--cds-text-secondary,#525252);cursor:pointer;font-family:inherit;font-weight:400;text-align:left;transition:outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9),color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu-options__btn:hover{color:var(--cds-text-primary,#161616)}.cds--overflow-menu-options__btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu-options__btn:focus{outline-style:dotted}}.cds--overflow-menu-options__btn::-moz-focus-inner{border:none}.cds--overflow-menu-options__btn svg{fill:var(--cds-icon-secondary,#525252)}.cds--overflow-menu-options__btn:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--overflow-menu-options__option-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--overflow-menu-options__option:hover,:hover:host(cds-overflow-menu-item){background-color:var(--cds-layer-hover)}.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus,.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:focus,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus svg,.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover svg,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:focus svg,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:hover svg{fill:currentColor}.cds--overflow-menu-options__option--disabled:hover,:hover:host(cds-overflow-menu-item[disabled]){background-color:var(--cds-layer);cursor:not-allowed}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:active,.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:focus,.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:hover,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:active,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:focus,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:hover{outline:2px solid transparent;outline-offset:-2px;background-color:var(--cds-layer)}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn svg,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--overflow-menu--flip{left:-140px}.cds--overflow-menu--flip::before{left:145px}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--overflow-menu-options__btn:focus,.cds--overflow-menu:focus,:focus:host(cds-breadcrumb-overflow-menu),:focus:host(cds-overflow-menu){color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--overflow-menu svg,:host(cds-breadcrumb-overflow-menu) svg,:host(cds-overflow-menu) svg{fill:ButtonText}}:host(cds-breadcrumb-overflow-menu[disabled]),:host(cds-overflow-menu[disabled]){cursor:not-allowed}:host(cds-breadcrumb-overflow-menu[disabled]) svg,:host(cds-overflow-menu[disabled]) svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25));cursor:not-allowed}:host(cds-breadcrumb-overflow-menu[disabled]:hover),:host(cds-overflow-menu[disabled]:hover){background-color:transparent}:host(cds-breadcrumb-overflow-menu[open]),:host(cds-overflow-menu[open]){background-color:var(--cds-layer-01,#f4f4f4);transition:none;box-shadow:0 2px 6px 0 rgba(0,0,0,.3)}:host(cds-breadcrumb-overflow-menu[open]) :hover,:host(cds-overflow-menu[open]) :hover{background-color:var(--cds-layer)}:host(cds-overflow-menu-body[direction=top]){margin-top:0;margin-bottom:.25rem}:host(cds-overflow-menu-item){outline:0}:host(cds-overflow-menu-item[size=sm]){height:2rem}:host(cds-overflow-menu-item[size=lg]){height:3rem}:host(cds-breadcrumb-overflow-menu){position:relative;width:1.25rem;height:1.125rem}:host(cds-breadcrumb-overflow-menu):focus{outline:1px solid var(--cds-focus,#0f62fe)}:host(cds-breadcrumb-overflow-menu):hover{background:0 0}:host(cds-breadcrumb-overflow-menu):hover ::after{opacity:1}:host(cds-breadcrumb-overflow-menu) ::after{position:absolute;bottom:2px;width:.75rem;height:1px;background:var(--cds-link-primary-hover,#0043ce);content:\"\";opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}:host(cds-breadcrumb-overflow-menu[open]){background:0 0;box-shadow:none}:host(cds-breadcrumb-overflow-menu) svg{position:relative;fill:var(--cds-link-primary,#0f62fe);transform:translateY(4px)}:host(cds-breadcrumb-overflow-menu):hover svg{fill:var(--cds-link-primary-hover,#0043ce)}:host(cds-breadcrumb[no-trailing-slash]) ::slotted(cds-breadcrumb-item:last-of-type)::after{content:\"\"}:host(cds-breadcrumb-link){outline:0}:host(cds-breadcrumb-link) .cds--link--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(cds-breadcrumb-link) .cds--link__icon[hidden]{display:none}:host(cds-breadcrumb-link[aria-current=page]) .cds--link{color:var(--cds-text-primary,#161616);cursor:auto}:host(cds-breadcrumb-link[aria-current=page]) .cds--link:hover{text-decoration:none}",
|
|
12
12
|
]);
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
*/
|
|
9
9
|
import { css } from 'lit';
|
|
10
10
|
export default css([
|
|
11
|
-
"@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--breadcrumb,:host(cds-breadcrumb),:host(cds-breadcrumb-skeleton){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:inline}.cds--breadcrumb html,:host(cds-breadcrumb) html,:host(cds-breadcrumb-skeleton) html{font-size:100%}.cds--breadcrumb body,:host(cds-breadcrumb) body,:host(cds-breadcrumb-skeleton) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--breadcrumb code,:host(cds-breadcrumb) code,:host(cds-breadcrumb-skeleton) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--breadcrumb strong,:host(cds-breadcrumb) strong,:host(cds-breadcrumb-skeleton) strong{font-weight:600}@media (min-width:42rem){.cds--breadcrumb,:host(cds-breadcrumb),:host(cds-breadcrumb-skeleton){display:flex;flex-wrap:wrap}}.cds--breadcrumb-item,:host(cds-breadcrumb-item),:host(cds-breadcrumb-item-skeleton){position:relative;display:flex;align-items:center;margin-left:.5rem}.cds--breadcrumb-item .cds--link:visited,:host(cds-breadcrumb-item) .cds--link:visited,:host(cds-breadcrumb-item-skeleton) .cds--link:visited{color:var(--cds-link-primary,#0f62fe)}.cds--breadcrumb-item .cds--link:visited:hover,:host(cds-breadcrumb-item) .cds--link:visited:hover,:host(cds-breadcrumb-item-skeleton) .cds--link:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--breadcrumb-item::after,:host(cds-breadcrumb-item)::after,:host(cds-breadcrumb-item-skeleton)::after{margin-right:.5rem;color:var(--cds-text-primary,#161616);content:\"/\"}.cds--breadcrumb--no-trailing-slash .cds--breadcrumb-item:last-child::after,.cds--breadcrumb--no-trailing-slash :host(cds-breadcrumb-item-skeleton:last-child)::after,.cds--breadcrumb--no-trailing-slash :host(cds-breadcrumb-item:last-child)::after{content:\"\"}.cds--breadcrumb-item:last-child,.cds--breadcrumb-item:last-child::after,:host(cds-breadcrumb-item-skeleton:last-child),:host(cds-breadcrumb-item-skeleton:last-child)::after,:host(cds-breadcrumb-item:last-child),:host(cds-breadcrumb-item:last-child)::after{margin-left:0}.cds--breadcrumb .cds--link,:host(cds-breadcrumb) .cds--link,:host(cds-breadcrumb-skeleton) .cds--link{white-space:nowrap}.cds--breadcrumb-item [aria-current=page],.cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link,:host(cds-breadcrumb-item) [aria-current=page],:host(cds-breadcrumb-item-skeleton) [aria-current=page],:host(cds-breadcrumb-item-skeleton.cds--breadcrumb-item--current) .cds--link,:host(cds-breadcrumb-item.cds--breadcrumb-item--current) .cds--link{color:var(--cds-text-primary,#161616);cursor:auto}.cds--breadcrumb-item [aria-current=page]:hover,.cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link:hover,:host(cds-breadcrumb-item) [aria-current=page]:hover,:host(cds-breadcrumb-item-skeleton) [aria-current=page]:hover,:host(cds-breadcrumb-item-skeleton.cds--breadcrumb-item--current) .cds--link:hover,:host(cds-breadcrumb-item.cds--breadcrumb-item--current) .cds--link:hover{text-decoration:none}.cds--breadcrumb-item .cds--overflow-menu,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item :host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) :host(cds-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu){position:relative;width:1.25rem;height:1.125rem}.cds--breadcrumb-item .cds--overflow-menu:focus,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu:focus),.cds--breadcrumb-item :host(cds-overflow-menu:focus),:host(cds-breadcrumb-item) .cds--overflow-menu:focus,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu:focus),:host(cds-breadcrumb-item) :host(cds-overflow-menu:focus),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:focus,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu:focus),:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu:focus){outline:1px solid var(--cds-focus,#0f62fe)}.cds--breadcrumb-item .cds--overflow-menu:hover,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu:hover),.cds--breadcrumb-item :host(cds-overflow-menu:hover),:host(cds-breadcrumb-item) .cds--overflow-menu:hover,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu:hover),:host(cds-breadcrumb-item) :host(cds-overflow-menu:hover),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:hover,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu:hover),:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu:hover){background:0 0}.cds--breadcrumb-item .cds--overflow-menu::after,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu)::after,.cds--breadcrumb-item :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item) .cds--overflow-menu::after,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item) :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu::after,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu)::after{position:absolute;bottom:2px;width:.75rem;height:1px;background:var(--cds-link-primary-hover,#0043ce);content:\"\";opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--breadcrumb-item .cds--overflow-menu::after,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu)::after,.cds--breadcrumb-item :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item) .cds--overflow-menu::after,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item) :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu::after,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu)::after{transition:none}}.cds--breadcrumb-item .cds--overflow-menu:hover::after,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu:hover)::after,.cds--breadcrumb-item :host(cds-overflow-menu:hover)::after,:host(cds-breadcrumb-item) .cds--overflow-menu:hover::after,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu:hover)::after,:host(cds-breadcrumb-item) :host(cds-overflow-menu:hover)::after,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:hover::after,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu:hover)::after,:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu:hover)::after{opacity:1}.cds--breadcrumb-item .cds--overflow-menu.cds--overflow-menu--open,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open),.cds--breadcrumb-item :host(cds-overflow-menu.cds--overflow-menu--open),:host(cds-breadcrumb-item) .cds--overflow-menu.cds--overflow-menu--open,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open),:host(cds-breadcrumb-item) :host(cds-overflow-menu.cds--overflow-menu--open),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu.cds--overflow-menu--open,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open),:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu.cds--overflow-menu--open){background:0 0;box-shadow:none}.cds--breadcrumb-item .cds--overflow-menu__icon,:host(cds-breadcrumb-item) .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu__icon{position:relative;fill:var(--cds-link-primary,#0f62fe);transform:translateY(4px)}.cds--breadcrumb-item .cds--overflow-menu:hover .cds--overflow-menu__icon,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu:hover) .cds--overflow-menu__icon,.cds--breadcrumb-item :host(cds-overflow-menu:hover) .cds--overflow-menu__icon,:host(cds-breadcrumb-item) .cds--overflow-menu:hover .cds--overflow-menu__icon,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu:hover) .cds--overflow-menu__icon,:host(cds-breadcrumb-item) :host(cds-overflow-menu:hover) .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:hover .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu:hover) .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu:hover) .cds--overflow-menu__icon{fill:var(--cds-link-primary-hover,#0043ce)}.cds--breadcrumb-menu-options:focus{outline:0}.cds--breadcrumb-menu-options.cds--overflow-menu-options::after,:host(cds-overflow-menu-body.cds--breadcrumb-menu-options)::after{top:-.4375rem;right:.875rem;width:0;height:0;border-left:.4375rem solid transparent;border-bottom:.4375rem solid var(--cds-field);border-right:.4375rem solid transparent;margin:0 auto;background:0 0}.cds--breadcrumb.cds--skeleton .cds--link,:host(cds-breadcrumb-skeleton.cds--skeleton) .cds--link,:host(cds-breadcrumb.cds--skeleton) .cds--link{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem;height:1rem}.cds--breadcrumb.cds--skeleton .cds--link:active,.cds--breadcrumb.cds--skeleton .cds--link:focus,.cds--breadcrumb.cds--skeleton .cds--link:hover,:host(cds-breadcrumb-skeleton.cds--skeleton) .cds--link:active,:host(cds-breadcrumb-skeleton.cds--skeleton) .cds--link:focus,:host(cds-breadcrumb-skeleton.cds--skeleton) .cds--link:hover,:host(cds-breadcrumb.cds--skeleton) .cds--link:active,:host(cds-breadcrumb.cds--skeleton) .cds--link:focus,:host(cds-breadcrumb.cds--skeleton) .cds--link:hover{border:none;cursor:default;outline:0}.cds--breadcrumb.cds--skeleton .cds--link::before,:host(cds-breadcrumb-skeleton.cds--skeleton) .cds--link::before,:host(cds-breadcrumb.cds--skeleton) .cds--link::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--breadcrumb.cds--skeleton .cds--link::before,:host(cds-breadcrumb-skeleton.cds--skeleton) .cds--link::before,:host(cds-breadcrumb.cds--skeleton) .cds--link::before{animation:none}}.cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only,.cds--breadcrumb :host(cds-breadcrumb-overflow-menu.cds--btn--icon-only),.cds--breadcrumb :host(cds-overflow-menu.cds--btn--icon-only),:host(cds-breadcrumb) .cds--overflow-menu.cds--btn--icon-only,:host(cds-breadcrumb) :host(cds-breadcrumb-overflow-menu.cds--btn--icon-only),:host(cds-breadcrumb) :host(cds-overflow-menu.cds--btn--icon-only),:host(cds-breadcrumb-skeleton) .cds--overflow-menu.cds--btn--icon-only,:host(cds-breadcrumb-skeleton) :host(cds-breadcrumb-overflow-menu.cds--btn--icon-only),:host(cds-breadcrumb-skeleton) :host(cds-overflow-menu.cds--btn--icon-only){min-height:1.125rem;padding-left:0;padding-right:0}.cds--link{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:inline-flex;color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));outline:0;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9)}.cds--link *,.cds--link ::after,.cds--link ::before{box-sizing:inherit}.cds--link:hover{color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce));text-decoration:underline}.cds--link:active,.cds--link:active:visited,.cds--link:active:visited:hover{color:var(--cds-text-primary,#161616);text-decoration:underline}.cds--link:focus{outline:1px solid var(--cds-focus,#0f62fe);outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe))}@media screen and (prefers-contrast){.cds--link:focus{outline-style:dotted}}.cds--link:visited{color:var(--cds-link-primary,#0f62fe)}.cds--link:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--link--disabled,.cds--link--disabled:hover{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed;font-weight:400;text-decoration:none}.cds--link--disabled *,.cds--link--disabled ::after,.cds--link--disabled ::before,.cds--link--disabled:hover *,.cds--link--disabled:hover ::after,.cds--link--disabled:hover ::before{box-sizing:inherit}.cds--link.cds--link--visited:visited{color:var(--cds-link-visited,#8a3ffc)}.cds--link.cds--link--visited:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--link.cds--link--inline{display:inline;text-decoration:underline}.cds--link.cds--link--inline:focus,.cds--link.cds--link--inline:visited{text-decoration:none}.cds--link--disabled.cds--link--inline{text-decoration:underline}.cds--link--sm,.cds--link--sm.cds--link--disabled:hover{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px)}.cds--link--lg,.cds--link--lg.cds--link--disabled:hover{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);line-height:var(--cds-body-compact-02-line-height,1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing,0)}.cds--link__icon{display:inline-flex;align-self:center;margin-right:.5rem}.cds--overflow-menu,.cds--overflow-menu__trigger,:host(cds-breadcrumb-overflow-menu),:host(cds-overflow-menu){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;outline:2px solid transparent;outline-offset:-2px;position:relative;display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;cursor:pointer;transition:outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu *,.cds--overflow-menu ::after,.cds--overflow-menu ::before,.cds--overflow-menu__trigger *,.cds--overflow-menu__trigger ::after,.cds--overflow-menu__trigger ::before,:host(cds-breadcrumb-overflow-menu) *,:host(cds-breadcrumb-overflow-menu) ::after,:host(cds-breadcrumb-overflow-menu) ::before,:host(cds-overflow-menu) *,:host(cds-overflow-menu) ::after,:host(cds-overflow-menu) ::before{box-sizing:inherit}.cds--overflow-menu::-moz-focus-inner,.cds--overflow-menu__trigger::-moz-focus-inner,:host(cds-breadcrumb-overflow-menu::-moz-focus-inner),:host(cds-overflow-menu::-moz-focus-inner){border:0}.cds--overflow-menu html,.cds--overflow-menu__trigger html,:host(cds-breadcrumb-overflow-menu) html,:host(cds-overflow-menu) html{font-size:100%}.cds--overflow-menu body,.cds--overflow-menu__trigger body,:host(cds-breadcrumb-overflow-menu) body,:host(cds-overflow-menu) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu code,.cds--overflow-menu__trigger code,:host(cds-breadcrumb-overflow-menu) code,:host(cds-overflow-menu) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu strong,.cds--overflow-menu__trigger strong,:host(cds-breadcrumb-overflow-menu) strong,:host(cds-overflow-menu) strong{font-weight:600}.cds--overflow-menu:focus,.cds--overflow-menu__trigger:focus,:host(cds-breadcrumb-overflow-menu:focus),:host(cds-overflow-menu:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu:focus,.cds--overflow-menu__trigger:focus,:host(cds-breadcrumb-overflow-menu:focus),:host(cds-overflow-menu:focus){outline-style:dotted}}.cds--overflow-menu:hover,.cds--overflow-menu__trigger:hover,:host(cds-breadcrumb-overflow-menu:hover),:host(cds-overflow-menu:hover){background-color:var(--cds-layer-hover)}.cds--overflow-menu--sm,:host(cds-breadcrumb-overflow-menu[size=sm]),:host(cds-overflow-menu[size=sm]){width:2rem;height:2rem}.cds--overflow-menu--lg,:host(cds-breadcrumb-overflow-menu[size=lg]),:host(cds-overflow-menu[size=lg]){width:3rem;height:3rem}.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus{outline-style:dotted}}.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus svg{outline:0}.cds--overflow-menu.cds--overflow-menu--open,.cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__trigger,:host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open),:host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open) .cds--overflow-menu__trigger,:host(cds-overflow-menu.cds--overflow-menu--open),:host(cds-overflow-menu.cds--overflow-menu--open) .cds--overflow-menu__trigger{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));background-color:var(--cds-layer);transition:none}.cds--overflow-menu--light.cds--overflow-menu--open,.cds--overflow-menu--light.cds--overflow-menu--open .cds--overflow-menu__trigger{background-color:var(--cds-layer)}.cds--overflow-menu__icon{width:1rem;height:1rem;fill:var(--cds-icon-primary,#161616)}.cds--overflow-menu__wrapper{line-height:0}.cds--overflow-menu-options,:host(cds-overflow-menu-body){box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));position:absolute;z-index:6000;top:32px;right:0;display:none;width:10rem;flex-direction:column;align-items:flex-start;background-color:var(--cds-layer);list-style:none}.cds--overflow-menu-options html,:host(cds-overflow-menu-body) html{font-size:100%}.cds--overflow-menu-options body,:host(cds-overflow-menu-body) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu-options code,:host(cds-overflow-menu-body) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu-options strong,:host(cds-overflow-menu-body) strong{font-weight:600}.cds--overflow-menu-options::after,:host(cds-overflow-menu-body)::after{position:absolute;display:block;background-color:var(--cds-layer);content:\"\";transition:background-color 110ms cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--overflow-menu-options::after,:host(cds-overflow-menu-body)::after{transition:none}}.cds--overflow-menu.cds--overflow-menu--open:hover,:host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open:hover),:host(cds-overflow-menu.cds--overflow-menu--open:hover){background-color:var(--cds-layer)}.cds--overflow-menu-options--light{background-color:var(--cds-layer)}.cds--overflow-menu-options--light::after{background-color:var(--cds-layer)}.cds--overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover,:host(cds-breadcrumb-overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover),:host(cds-overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover){background-color:var(--cds-layer)}.cds--overflow-menu-options[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options)::after,:host(cds-overflow-menu-body[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options))::after{top:-.1875rem;right:0;width:2.5rem;height:.1875rem}.cds--overflow-menu-options[data-floating-menu-direction=top]::after,:host(cds-overflow-menu-body[data-floating-menu-direction=top])::after{bottom:-.5rem;right:0;width:2.5rem;height:.5rem}.cds--overflow-menu-options[data-floating-menu-direction=left]::after,:host(cds-overflow-menu-body[data-floating-menu-direction=left])::after{top:0;left:-.375rem;width:.375rem;height:2.5rem}.cds--overflow-menu-options[data-floating-menu-direction=right]::after,:host(cds-overflow-menu-body[data-floating-menu-direction=right])::after{top:0;right:-.375rem;width:.375rem;height:2.5rem}.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=top]::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--sm[data-floating-menu-direction=bottom])::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--sm[data-floating-menu-direction=top])::after{width:2rem}.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=right]::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--sm[data-floating-menu-direction=left])::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--sm[data-floating-menu-direction=right])::after{height:2rem}.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=top]::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--lg[data-floating-menu-direction=bottom])::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--lg[data-floating-menu-direction=top])::after{width:3rem}.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=right]::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--lg[data-floating-menu-direction=left])::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--lg[data-floating-menu-direction=right])::after{height:3rem}.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=top]::after,:host(cds-overflow-menu-body.cds--overflow-menu--flip[data-floating-menu-direction=bottom])::after,:host(cds-overflow-menu-body.cds--overflow-menu--flip[data-floating-menu-direction=top])::after{left:0;right:auto}.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=right]::after,:host(cds-overflow-menu-body.cds--overflow-menu--flip[data-floating-menu-direction=left])::after,:host(cds-overflow-menu-body.cds--overflow-menu--flip[data-floating-menu-direction=right])::after{top:auto;bottom:0}.cds--overflow-menu-options--open,:host(cds-overflow-menu-body[open]){display:flex}.cds--overflow-menu-options__content{width:100%}.cds--overflow-menu-options__option,:host(cds-overflow-menu-item){display:flex;width:100%;height:2.5rem;align-items:center;padding:0;background-color:transparent;transition:background-color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu-options__option html,:host(cds-overflow-menu-item) html{font-size:100%}.cds--overflow-menu-options__option body,:host(cds-overflow-menu-item) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu-options__option code,:host(cds-overflow-menu-item) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu-options__option strong,:host(cds-overflow-menu-item) strong{font-weight:600}.cds--overflow-menu-options--sm .cds--overflow-menu-options__option,.cds--overflow-menu-options--sm :host(cds-overflow-menu-item){height:2rem}.cds--overflow-menu-options--lg .cds--overflow-menu-options__option,.cds--overflow-menu-options--lg :host(cds-overflow-menu-item){height:3rem}.cds--overflow-menu--divider{border-top:1px solid var(--cds-border-subtle)}.cds--overflow-menu--light .cds--overflow-menu--divider{border-top:1px solid var(--cds-border-subtle)}a.cds--overflow-menu-options__btn::before{display:inline-block;height:100%;content:\"\";vertical-align:middle}.cds--overflow-menu-options__btn{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);outline:2px solid transparent;outline-offset:-2px;display:inline-flex;width:100%;max-width:11.25rem;height:100%;align-items:center;padding:0 1rem;border:none;background-color:transparent;color:var(--cds-text-secondary,#525252);cursor:pointer;font-family:inherit;font-weight:400;text-align:right;transition:outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9),color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu-options__btn:hover{color:var(--cds-text-primary,#161616)}.cds--overflow-menu-options__btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu-options__btn:focus{outline-style:dotted}}.cds--overflow-menu-options__btn::-moz-focus-inner{border:none}.cds--overflow-menu-options__btn svg{fill:var(--cds-icon-secondary,#525252)}.cds--overflow-menu-options__btn:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--overflow-menu-options__option-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--overflow-menu-options__option:hover,:host(cds-overflow-menu-item:hover){background-color:var(--cds-layer-hover)}.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus,.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:focus,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus svg,.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover svg,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:focus svg,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:hover svg{fill:currentColor}.cds--overflow-menu-options__option--disabled:hover,:host(cds-overflow-menu-item[disabled]:hover){background-color:var(--cds-layer);cursor:not-allowed}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:active,.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:focus,.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:hover,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:active,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:focus,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:hover{outline:2px solid transparent;outline-offset:-2px;background-color:var(--cds-layer)}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn svg,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--overflow-menu--flip{right:-140px}.cds--overflow-menu--flip::before{right:145px}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--overflow-menu-options__btn:focus,.cds--overflow-menu:focus,:host(cds-breadcrumb-overflow-menu:focus),:host(cds-overflow-menu:focus){color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--overflow-menu svg,:host(cds-breadcrumb-overflow-menu) svg,:host(cds-overflow-menu) svg{fill:ButtonText}}:host(cds-breadcrumb-overflow-menu[disabled]),:host(cds-overflow-menu[disabled]){cursor:not-allowed}:host(cds-breadcrumb-overflow-menu[disabled]) svg,:host(cds-overflow-menu[disabled]) svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25));cursor:not-allowed}:host(cds-breadcrumb-overflow-menu[disabled]:hover),:host(cds-overflow-menu[disabled]:hover){background-color:transparent}:host(cds-breadcrumb-overflow-menu[open]),:host(cds-overflow-menu[open]){background-color:var(--cds-layer-01,#f4f4f4);transition:none;box-shadow:0 2px 6px 0 rgba(0,0,0,.3)}:host(cds-breadcrumb-overflow-menu[color-scheme=light][open]),:host(cds-overflow-menu[color-scheme=light][open]){background-color:var(--cds-layer-02,#fff)}:host(cds-overflow-menu-body[direction=top]){margin-top:0;margin-bottom:.25rem}:host(cds-overflow-menu-body[color-scheme=light]){background-color:var(--cds-layer-02,#fff)}:host(cds-overflow-menu-body[color-scheme=light])::after{background-color:var(--cds-layer-02,#fff)}:host(cds-overflow-menu-item){outline:0}:host(cds-breadcrumb-overflow-menu){position:relative;width:1.25rem;height:1.125rem}:host(cds-breadcrumb-overflow-menu:focus){outline:1px solid var(--cds-focus,#0f62fe)}:host(cds-breadcrumb-overflow-menu:hover){background:0 0}:host(cds-breadcrumb-overflow-menu:hover) ::after{opacity:1}:host(cds-breadcrumb-overflow-menu) ::after{position:absolute;bottom:2px;width:.75rem;height:1px;background:var(--cds-link-primary-hover,#0043ce);content:\"\";opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}:host(cds-breadcrumb-overflow-menu[open]){background:0 0;box-shadow:none}:host(cds-breadcrumb-overflow-menu) svg{position:relative;fill:var(--cds-link-primary,#0f62fe);transform:translateY(4px)}:host(cds-breadcrumb-overflow-menu:hover) svg{fill:var(--cds-link-primary-hover,#0043ce)}:host(cds-breadcrumb[no-trailing-slash]) ::slotted(cds-breadcrumb-item:last-of-type)::after{content:\"\"}:host(cds-breadcrumb-link){outline:0}:host(cds-breadcrumb-link) .cds--link--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(cds-breadcrumb-link) .cds--link__icon[hidden]{display:none}:host(cds-breadcrumb-link[aria-current=page]) .cds--link{color:var(--cds-text-primary,#161616);cursor:auto}:host(cds-breadcrumb-link[aria-current=page]) .cds--link:hover{text-decoration:none}",
|
|
11
|
+
"@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--breadcrumb,:host(cds-breadcrumb),:host(cds-breadcrumb-skeleton){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:inline}.cds--breadcrumb html,:host(cds-breadcrumb) html,:host(cds-breadcrumb-skeleton) html{font-size:100%}.cds--breadcrumb body,:host(cds-breadcrumb) body,:host(cds-breadcrumb-skeleton) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--breadcrumb code,:host(cds-breadcrumb) code,:host(cds-breadcrumb-skeleton) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--breadcrumb strong,:host(cds-breadcrumb) strong,:host(cds-breadcrumb-skeleton) strong{font-weight:600}@media (min-width:42rem){.cds--breadcrumb,:host(cds-breadcrumb),:host(cds-breadcrumb-skeleton){display:flex;flex-wrap:wrap}}.cds--breadcrumb-item,:host(cds-breadcrumb-item),:host(cds-breadcrumb-item-skeleton){position:relative;display:flex;align-items:center;margin-left:.5rem}.cds--breadcrumb-item .cds--link:visited,:host(cds-breadcrumb-item) .cds--link:visited,:host(cds-breadcrumb-item-skeleton) .cds--link:visited{color:var(--cds-link-primary,#0f62fe)}.cds--breadcrumb-item .cds--link:visited:hover,:host(cds-breadcrumb-item) .cds--link:visited:hover,:host(cds-breadcrumb-item-skeleton) .cds--link:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--breadcrumb-item::after,:host(cds-breadcrumb-item)::after,:host(cds-breadcrumb-item-skeleton)::after{margin-right:.5rem;color:var(--cds-text-primary,#161616);content:\"/\"}.cds--breadcrumb--no-trailing-slash .cds--breadcrumb-item:last-child::after,.cds--breadcrumb--no-trailing-slash :host(cds-breadcrumb-item-skeleton:last-child)::after,.cds--breadcrumb--no-trailing-slash :host(cds-breadcrumb-item:last-child)::after{content:\"\"}.cds--breadcrumb-item:last-child,.cds--breadcrumb-item:last-child::after,:host(cds-breadcrumb-item-skeleton:last-child),:host(cds-breadcrumb-item-skeleton:last-child)::after,:host(cds-breadcrumb-item:last-child),:host(cds-breadcrumb-item:last-child)::after{margin-left:0}.cds--breadcrumb .cds--link,:host(cds-breadcrumb) .cds--link,:host(cds-breadcrumb-skeleton) .cds--link{white-space:nowrap}.cds--breadcrumb-item [aria-current=page],.cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link,:host(cds-breadcrumb-item) [aria-current=page],:host(cds-breadcrumb-item-skeleton) [aria-current=page],:host(cds-breadcrumb-item-skeleton.cds--breadcrumb-item--current) .cds--link,:host(cds-breadcrumb-item.cds--breadcrumb-item--current) .cds--link{color:var(--cds-text-primary,#161616);cursor:auto}.cds--breadcrumb-item [aria-current=page]:hover,.cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link:hover,:host(cds-breadcrumb-item) [aria-current=page]:hover,:host(cds-breadcrumb-item-skeleton) [aria-current=page]:hover,:host(cds-breadcrumb-item-skeleton.cds--breadcrumb-item--current) .cds--link:hover,:host(cds-breadcrumb-item.cds--breadcrumb-item--current) .cds--link:hover{text-decoration:none}.cds--breadcrumb-item .cds--overflow-menu,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item :host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) :host(cds-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu){position:relative;width:1.25rem;height:1.125rem}.cds--breadcrumb-item .cds--overflow-menu:focus,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu:focus),.cds--breadcrumb-item :host(cds-overflow-menu:focus),:host(cds-breadcrumb-item) .cds--overflow-menu:focus,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu:focus),:host(cds-breadcrumb-item) :host(cds-overflow-menu:focus),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:focus,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu:focus),:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu:focus){outline:1px solid var(--cds-focus,#0f62fe)}.cds--breadcrumb-item .cds--overflow-menu:hover,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu:hover),.cds--breadcrumb-item :host(cds-overflow-menu:hover),:host(cds-breadcrumb-item) .cds--overflow-menu:hover,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu:hover),:host(cds-breadcrumb-item) :host(cds-overflow-menu:hover),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:hover,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu:hover),:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu:hover){background:0 0}.cds--breadcrumb-item .cds--overflow-menu::after,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu)::after,.cds--breadcrumb-item :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item) .cds--overflow-menu::after,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item) :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu::after,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu)::after{position:absolute;bottom:2px;width:.75rem;height:1px;background:var(--cds-link-primary-hover,#0043ce);content:\"\";opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--breadcrumb-item .cds--overflow-menu::after,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu)::after,.cds--breadcrumb-item :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item) .cds--overflow-menu::after,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item) :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu::after,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu)::after{transition:none}}.cds--breadcrumb-item .cds--overflow-menu:hover::after,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu:hover)::after,.cds--breadcrumb-item :host(cds-overflow-menu:hover)::after,:host(cds-breadcrumb-item) .cds--overflow-menu:hover::after,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu:hover)::after,:host(cds-breadcrumb-item) :host(cds-overflow-menu:hover)::after,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:hover::after,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu:hover)::after,:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu:hover)::after{opacity:1}.cds--breadcrumb-item .cds--overflow-menu.cds--overflow-menu--open,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open),.cds--breadcrumb-item :host(cds-overflow-menu.cds--overflow-menu--open),:host(cds-breadcrumb-item) .cds--overflow-menu.cds--overflow-menu--open,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open),:host(cds-breadcrumb-item) :host(cds-overflow-menu.cds--overflow-menu--open),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu.cds--overflow-menu--open,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open),:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu.cds--overflow-menu--open){background:0 0;box-shadow:none}.cds--breadcrumb-item .cds--overflow-menu__icon,:host(cds-breadcrumb-item) .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu__icon{position:relative;fill:var(--cds-link-primary,#0f62fe);transform:translateY(4px)}.cds--breadcrumb-item .cds--overflow-menu:hover .cds--overflow-menu__icon,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu:hover) .cds--overflow-menu__icon,.cds--breadcrumb-item :host(cds-overflow-menu:hover) .cds--overflow-menu__icon,:host(cds-breadcrumb-item) .cds--overflow-menu:hover .cds--overflow-menu__icon,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu:hover) .cds--overflow-menu__icon,:host(cds-breadcrumb-item) :host(cds-overflow-menu:hover) .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:hover .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu:hover) .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu:hover) .cds--overflow-menu__icon{fill:var(--cds-link-primary-hover,#0043ce)}.cds--breadcrumb-menu-options:focus{outline:0}.cds--breadcrumb-menu-options.cds--overflow-menu-options::after,:host(cds-overflow-menu-body.cds--breadcrumb-menu-options)::after{top:-.4375rem;right:.875rem;width:0;height:0;border-left:.4375rem solid transparent;border-bottom:.4375rem solid var(--cds-field);border-right:.4375rem solid transparent;margin:0 auto;background:0 0}.cds--breadcrumb.cds--skeleton .cds--link,:host(cds-breadcrumb-skeleton.cds--skeleton) .cds--link,:host(cds-breadcrumb.cds--skeleton) .cds--link{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem;height:1rem}.cds--breadcrumb.cds--skeleton .cds--link:active,.cds--breadcrumb.cds--skeleton .cds--link:focus,.cds--breadcrumb.cds--skeleton .cds--link:hover,:host(cds-breadcrumb-skeleton.cds--skeleton) .cds--link:active,:host(cds-breadcrumb-skeleton.cds--skeleton) .cds--link:focus,:host(cds-breadcrumb-skeleton.cds--skeleton) .cds--link:hover,:host(cds-breadcrumb.cds--skeleton) .cds--link:active,:host(cds-breadcrumb.cds--skeleton) .cds--link:focus,:host(cds-breadcrumb.cds--skeleton) .cds--link:hover{border:none;cursor:default;outline:0}.cds--breadcrumb.cds--skeleton .cds--link::before,:host(cds-breadcrumb-skeleton.cds--skeleton) .cds--link::before,:host(cds-breadcrumb.cds--skeleton) .cds--link::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--breadcrumb.cds--skeleton .cds--link::before,:host(cds-breadcrumb-skeleton.cds--skeleton) .cds--link::before,:host(cds-breadcrumb.cds--skeleton) .cds--link::before{animation:none}}.cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only,.cds--breadcrumb :host(cds-breadcrumb-overflow-menu.cds--btn--icon-only),.cds--breadcrumb :host(cds-overflow-menu.cds--btn--icon-only),:host(cds-breadcrumb) .cds--overflow-menu.cds--btn--icon-only,:host(cds-breadcrumb) :host(cds-breadcrumb-overflow-menu.cds--btn--icon-only),:host(cds-breadcrumb) :host(cds-overflow-menu.cds--btn--icon-only),:host(cds-breadcrumb-skeleton) .cds--overflow-menu.cds--btn--icon-only,:host(cds-breadcrumb-skeleton) :host(cds-breadcrumb-overflow-menu.cds--btn--icon-only),:host(cds-breadcrumb-skeleton) :host(cds-overflow-menu.cds--btn--icon-only){min-height:1.125rem;padding-left:0;padding-right:0}.cds--link{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:inline-flex;color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));outline:0;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9)}.cds--link *,.cds--link ::after,.cds--link ::before{box-sizing:inherit}.cds--link:hover{color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce));text-decoration:underline}.cds--link:active,.cds--link:active:visited,.cds--link:active:visited:hover{color:var(--cds-text-primary,#161616);text-decoration:underline}.cds--link:focus{outline:1px solid var(--cds-focus,#0f62fe);outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe))}@media screen and (prefers-contrast){.cds--link:focus{outline-style:dotted}}.cds--link:visited{color:var(--cds-link-primary,#0f62fe)}.cds--link:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--link--disabled,.cds--link--disabled:hover{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed;font-weight:400;text-decoration:none}.cds--link--disabled *,.cds--link--disabled ::after,.cds--link--disabled ::before,.cds--link--disabled:hover *,.cds--link--disabled:hover ::after,.cds--link--disabled:hover ::before{box-sizing:inherit}.cds--link.cds--link--visited:visited{color:var(--cds-link-visited,#8a3ffc)}.cds--link.cds--link--visited:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--link.cds--link--inline{display:inline;text-decoration:underline}.cds--link.cds--link--inline:focus,.cds--link.cds--link--inline:visited{text-decoration:none}.cds--link--disabled.cds--link--inline{text-decoration:underline}.cds--link--sm,.cds--link--sm.cds--link--disabled:hover{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px)}.cds--link--lg,.cds--link--lg.cds--link--disabled:hover{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);line-height:var(--cds-body-compact-02-line-height,1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing,0)}.cds--link__icon{display:inline-flex;align-self:center;margin-right:.5rem}.cds--overflow-menu,.cds--overflow-menu__trigger,:host(cds-breadcrumb-overflow-menu),:host(cds-overflow-menu){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;outline:2px solid transparent;outline-offset:-2px;position:relative;display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;cursor:pointer;transition:outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu *,.cds--overflow-menu ::after,.cds--overflow-menu ::before,.cds--overflow-menu__trigger *,.cds--overflow-menu__trigger ::after,.cds--overflow-menu__trigger ::before,:host(cds-breadcrumb-overflow-menu) *,:host(cds-breadcrumb-overflow-menu) ::after,:host(cds-breadcrumb-overflow-menu) ::before,:host(cds-overflow-menu) *,:host(cds-overflow-menu) ::after,:host(cds-overflow-menu) ::before{box-sizing:inherit}.cds--overflow-menu::-moz-focus-inner,.cds--overflow-menu__trigger::-moz-focus-inner,:host(cds-breadcrumb-overflow-menu::-moz-focus-inner),:host(cds-overflow-menu::-moz-focus-inner){border:0}.cds--overflow-menu html,.cds--overflow-menu__trigger html,:host(cds-breadcrumb-overflow-menu) html,:host(cds-overflow-menu) html{font-size:100%}.cds--overflow-menu body,.cds--overflow-menu__trigger body,:host(cds-breadcrumb-overflow-menu) body,:host(cds-overflow-menu) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu code,.cds--overflow-menu__trigger code,:host(cds-breadcrumb-overflow-menu) code,:host(cds-overflow-menu) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu strong,.cds--overflow-menu__trigger strong,:host(cds-breadcrumb-overflow-menu) strong,:host(cds-overflow-menu) strong{font-weight:600}.cds--overflow-menu:focus,.cds--overflow-menu__trigger:focus,:host(cds-breadcrumb-overflow-menu:focus),:host(cds-overflow-menu:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu:focus,.cds--overflow-menu__trigger:focus,:host(cds-breadcrumb-overflow-menu:focus),:host(cds-overflow-menu:focus){outline-style:dotted}}.cds--overflow-menu:hover,.cds--overflow-menu__trigger:hover,:host(cds-breadcrumb-overflow-menu:hover),:host(cds-overflow-menu:hover){background-color:var(--cds-layer-hover)}.cds--overflow-menu--sm,:host(cds-breadcrumb-overflow-menu[size=sm]),:host(cds-overflow-menu[size=sm]){width:2rem;height:2rem}.cds--overflow-menu--lg,:host(cds-breadcrumb-overflow-menu[size=lg]),:host(cds-overflow-menu[size=lg]){width:3rem;height:3rem}.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus{outline-style:dotted}}.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus svg{outline:0}.cds--overflow-menu.cds--overflow-menu--open,.cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__trigger,:host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open),:host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open) .cds--overflow-menu__trigger,:host(cds-overflow-menu.cds--overflow-menu--open),:host(cds-overflow-menu.cds--overflow-menu--open) .cds--overflow-menu__trigger{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));background-color:var(--cds-layer);transition:none}.cds--overflow-menu--light.cds--overflow-menu--open,.cds--overflow-menu--light.cds--overflow-menu--open .cds--overflow-menu__trigger{background-color:var(--cds-layer)}.cds--overflow-menu__icon{width:1rem;height:1rem;fill:var(--cds-icon-primary,#161616)}.cds--overflow-menu__wrapper{line-height:0}.cds--overflow-menu-options,:host(cds-overflow-menu-body){box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));position:absolute;z-index:6000;top:32px;right:0;display:none;width:10rem;flex-direction:column;align-items:flex-start;background-color:var(--cds-layer);list-style:none}.cds--overflow-menu-options html,:host(cds-overflow-menu-body) html{font-size:100%}.cds--overflow-menu-options body,:host(cds-overflow-menu-body) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu-options code,:host(cds-overflow-menu-body) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu-options strong,:host(cds-overflow-menu-body) strong{font-weight:600}.cds--overflow-menu-options::after,:host(cds-overflow-menu-body)::after{position:absolute;display:block;background-color:var(--cds-layer);content:\"\";transition:background-color 110ms cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--overflow-menu-options::after,:host(cds-overflow-menu-body)::after{transition:none}}.cds--overflow-menu.cds--overflow-menu--open:hover,:host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open:hover),:host(cds-overflow-menu.cds--overflow-menu--open:hover){background-color:var(--cds-layer)}.cds--overflow-menu-options--light{background-color:var(--cds-layer)}.cds--overflow-menu-options--light::after{background-color:var(--cds-layer)}.cds--overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover,:host(cds-breadcrumb-overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover),:host(cds-overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover){background-color:var(--cds-layer)}.cds--overflow-menu-options[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options)::after,:host(cds-overflow-menu-body[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options))::after{top:-.1875rem;right:0;width:2.5rem;height:.1875rem}.cds--overflow-menu-options[data-floating-menu-direction=top]::after,:host(cds-overflow-menu-body[data-floating-menu-direction=top])::after{bottom:-.5rem;right:0;width:2.5rem;height:.5rem}.cds--overflow-menu-options[data-floating-menu-direction=left]::after,:host(cds-overflow-menu-body[data-floating-menu-direction=left])::after{top:0;left:-.375rem;width:.375rem;height:2.5rem}.cds--overflow-menu-options[data-floating-menu-direction=right]::after,:host(cds-overflow-menu-body[data-floating-menu-direction=right])::after{top:0;right:-.375rem;width:.375rem;height:2.5rem}.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=top]::after,:host(:host(cds-overflow-menu-body[size=sm]cds-overflow-menu-body[data-floating-menu-direction=bottom]))::after,:host(:host(cds-overflow-menu-body[size=sm]cds-overflow-menu-body[data-floating-menu-direction=top]))::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--sm[data-floating-menu-direction=bottom])::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--sm[data-floating-menu-direction=top])::after{width:2rem}.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=right]::after,:host(:host(cds-overflow-menu-body[size=sm]cds-overflow-menu-body[data-floating-menu-direction=left]))::after,:host(:host(cds-overflow-menu-body[size=sm]cds-overflow-menu-body[data-floating-menu-direction=right]))::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--sm[data-floating-menu-direction=left])::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--sm[data-floating-menu-direction=right])::after{height:2rem}.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=top]::after,:host(:host(cds-overflow-menu-body[size=lg]cds-overflow-menu-body[data-floating-menu-direction=bottom]))::after,:host(:host(cds-overflow-menu-body[size=lg]cds-overflow-menu-body[data-floating-menu-direction=top]))::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--lg[data-floating-menu-direction=bottom])::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--lg[data-floating-menu-direction=top])::after{width:3rem}.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=right]::after,:host(:host(cds-overflow-menu-body[size=lg]cds-overflow-menu-body[data-floating-menu-direction=left]))::after,:host(:host(cds-overflow-menu-body[size=lg]cds-overflow-menu-body[data-floating-menu-direction=right]))::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--lg[data-floating-menu-direction=left])::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--lg[data-floating-menu-direction=right])::after{height:3rem}.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=top]::after,:host(cds-overflow-menu-body.cds--overflow-menu--flip[data-floating-menu-direction=bottom])::after,:host(cds-overflow-menu-body.cds--overflow-menu--flip[data-floating-menu-direction=top])::after{left:0;right:auto}.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=right]::after,:host(cds-overflow-menu-body.cds--overflow-menu--flip[data-floating-menu-direction=left])::after,:host(cds-overflow-menu-body.cds--overflow-menu--flip[data-floating-menu-direction=right])::after{top:auto;bottom:0}.cds--overflow-menu-options--open,:host(cds-overflow-menu-body[open]){display:flex}.cds--overflow-menu-options__content{width:100%}.cds--overflow-menu-options__option,:host(cds-overflow-menu-item){display:flex;width:100%;height:2.5rem;align-items:center;padding:0;background-color:transparent;transition:background-color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu-options__option html,:host(cds-overflow-menu-item) html{font-size:100%}.cds--overflow-menu-options__option body,:host(cds-overflow-menu-item) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu-options__option code,:host(cds-overflow-menu-item) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu-options__option strong,:host(cds-overflow-menu-item) strong{font-weight:600}.cds--overflow-menu-options--sm .cds--overflow-menu-options__option,.cds--overflow-menu-options--sm :host(cds-overflow-menu-item),:host(cds-overflow-menu-body[size=sm]) .cds--overflow-menu-options__option,:host(cds-overflow-menu-body[size=sm]) :host(cds-overflow-menu-item){height:2rem}.cds--overflow-menu-options--lg .cds--overflow-menu-options__option,.cds--overflow-menu-options--lg :host(cds-overflow-menu-item),:host(cds-overflow-menu-body[size=lg]) .cds--overflow-menu-options__option,:host(cds-overflow-menu-body[size=lg]) :host(cds-overflow-menu-item){height:3rem}.cds--overflow-menu--divider,:host(cds-overflow-menu-item[divider]){border-top:1px solid var(--cds-border-subtle)}.cds--overflow-menu--light .cds--overflow-menu--divider,.cds--overflow-menu--light :host(cds-overflow-menu-item[divider]){border-top:1px solid var(--cds-border-subtle)}a.cds--overflow-menu-options__btn::before{display:inline-block;height:100%;content:\"\";vertical-align:middle}.cds--overflow-menu-options__btn{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);outline:2px solid transparent;outline-offset:-2px;display:inline-flex;width:100%;max-width:11.25rem;height:100%;align-items:center;padding:0 1rem;border:none;background-color:transparent;color:var(--cds-text-secondary,#525252);cursor:pointer;font-family:inherit;font-weight:400;text-align:right;transition:outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9),color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu-options__btn:hover{color:var(--cds-text-primary,#161616)}.cds--overflow-menu-options__btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu-options__btn:focus{outline-style:dotted}}.cds--overflow-menu-options__btn::-moz-focus-inner{border:none}.cds--overflow-menu-options__btn svg{fill:var(--cds-icon-secondary,#525252)}.cds--overflow-menu-options__btn:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--overflow-menu-options__option-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--overflow-menu-options__option:hover,:host(cds-overflow-menu-item:hover){background-color:var(--cds-layer-hover)}.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus,.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:focus,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus svg,.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover svg,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:focus svg,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:hover svg{fill:currentColor}.cds--overflow-menu-options__option--disabled:hover,:host(cds-overflow-menu-item[disabled]:hover){background-color:var(--cds-layer);cursor:not-allowed}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:active,.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:focus,.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:hover,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:active,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:focus,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:hover{outline:2px solid transparent;outline-offset:-2px;background-color:var(--cds-layer)}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn svg,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--overflow-menu--flip{right:-140px}.cds--overflow-menu--flip::before{right:145px}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--overflow-menu-options__btn:focus,.cds--overflow-menu:focus,:host(cds-breadcrumb-overflow-menu:focus),:host(cds-overflow-menu:focus){color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--overflow-menu svg,:host(cds-breadcrumb-overflow-menu) svg,:host(cds-overflow-menu) svg{fill:ButtonText}}:host(cds-breadcrumb-overflow-menu[disabled]),:host(cds-overflow-menu[disabled]){cursor:not-allowed}:host(cds-breadcrumb-overflow-menu[disabled]) svg,:host(cds-overflow-menu[disabled]) svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25));cursor:not-allowed}:host(cds-breadcrumb-overflow-menu[disabled]:hover),:host(cds-overflow-menu[disabled]:hover){background-color:transparent}:host(cds-breadcrumb-overflow-menu[open]),:host(cds-overflow-menu[open]){background-color:var(--cds-layer-01,#f4f4f4);transition:none;box-shadow:0 2px 6px 0 rgba(0,0,0,.3)}:host(cds-breadcrumb-overflow-menu[open]) :hover,:host(cds-overflow-menu[open]) :hover{background-color:var(--cds-layer)}:host(cds-overflow-menu-body[direction=top]){margin-top:0;margin-bottom:.25rem}:host(cds-overflow-menu-item){outline:0}:host(cds-overflow-menu-item[size=sm]){height:2rem}:host(cds-overflow-menu-item[size=lg]){height:3rem}:host(cds-breadcrumb-overflow-menu){position:relative;width:1.25rem;height:1.125rem}:host(cds-breadcrumb-overflow-menu:focus){outline:1px solid var(--cds-focus,#0f62fe)}:host(cds-breadcrumb-overflow-menu:hover){background:0 0}:host(cds-breadcrumb-overflow-menu:hover) ::after{opacity:1}:host(cds-breadcrumb-overflow-menu) ::after{position:absolute;bottom:2px;width:.75rem;height:1px;background:var(--cds-link-primary-hover,#0043ce);content:\"\";opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}:host(cds-breadcrumb-overflow-menu[open]){background:0 0;box-shadow:none}:host(cds-breadcrumb-overflow-menu) svg{position:relative;fill:var(--cds-link-primary,#0f62fe);transform:translateY(4px)}:host(cds-breadcrumb-overflow-menu:hover) svg{fill:var(--cds-link-primary-hover,#0043ce)}:host(cds-breadcrumb[no-trailing-slash]) ::slotted(cds-breadcrumb-item:last-of-type)::after{content:\"\"}:host(cds-breadcrumb-link){outline:0}:host(cds-breadcrumb-link) .cds--link--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(cds-breadcrumb-link) .cds--link__icon[hidden]{display:none}:host(cds-breadcrumb-link[aria-current=page]) .cds--link{color:var(--cds-text-primary,#161616);cursor:auto}:host(cds-breadcrumb-link[aria-current=page]) .cds--link:hover{text-decoration:none}",
|
|
12
12
|
]);
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
*/
|
|
9
9
|
import { css } from 'lit';
|
|
10
10
|
export default css([
|
|
11
|
-
'@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--btn{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);position:relative;display:inline-flex;width:-moz-max-content;width:max-content;max-width:20rem;min-height:3rem;flex-shrink:0;align-items:center;justify-content:space-between;padding:calc(.875rem - 3px) calc(4rem - 1px) calc(.875rem - 3px) calc(1rem - 1px);margin:0;border-radius:0;cursor:pointer;outline:0;text-align:left;text-decoration:none;transition:background 70ms cubic-bezier(0,0,.38,.9),box-shadow 70ms cubic-bezier(0,0,.38,.9),border-color 70ms cubic-bezier(0,0,.38,.9),outline 70ms cubic-bezier(0,0,.38,.9);vertical-align:top}.cds--btn *,.cds--btn ::after,.cds--btn ::before{box-sizing:inherit}.cds--btn.cds--btn--disabled,.cds--btn.cds--btn--disabled:focus,.cds--btn.cds--btn--disabled:hover,.cds--btn:disabled,.cds--btn:focus:disabled,.cds--btn:hover:disabled{border-color:var(--cds-button-disabled,#c6c6c6);background:var(--cds-button-disabled,#c6c6c6);box-shadow:none;color:var(--cds-text-on-color-disabled,#8d8d8d);cursor:not-allowed}.cds--btn .cds--btn__icon{position:absolute;right:1rem;width:1rem;height:1rem;flex-shrink:0}.cds--btn::-moz-focus-inner{padding:0;border:0}.cds--btn--primary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}.cds--btn--primary:hover{background-color:var(--cds-button-primary-hover,#0050e6)}.cds--btn--primary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--primary:active{background-color:var(--cds-button-primary-active,#002d9c)}.cds--btn--primary .cds--btn__icon,.cds--btn--primary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--primary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--secondary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-secondary,#393939);color:var(--cds-text-on-color,#fff)}.cds--btn--secondary:hover{background-color:var(--cds-button-secondary-hover,#474747)}.cds--btn--secondary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--secondary:active{background-color:var(--cds-button-secondary-active,#6f6f6f)}.cds--btn--secondary .cds--btn__icon,.cds--btn--secondary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--secondary:focus,.cds--btn--secondary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-tertiary,#0f62fe);background-color:transparent;color:var(--cds-button-tertiary,#0f62fe)}.cds--btn--tertiary:hover{background-color:var(--cds-button-tertiary-hover,#0050e6)}.cds--btn--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--tertiary:active{background-color:var(--cds-button-tertiary-active,#002d9c)}.cds--btn--tertiary .cds--btn__icon,.cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--tertiary:hover{color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:focus{background-color:var(--cds-button-tertiary,#0f62fe);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:active{border-color:transparent;background-color:var(--cds-button-tertiary-active,#002d9c);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary.cds--btn--disabled,.cds--btn--tertiary.cds--btn--disabled:focus,.cds--btn--tertiary.cds--btn--disabled:hover,.cds--btn--tertiary:disabled,.cds--btn--tertiary:focus:disabled,.cds--btn--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-link-primary,#0f62fe);padding:calc(.875rem - 3px) 1rem}.cds--btn--ghost:hover{background-color:var(--cds-layer-hover)}.cds--btn--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--ghost:active{background-color:var(--cds-layer-active)}.cds--btn--ghost .cds--btn__icon,.cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--ghost .cds--btn__icon{position:static;margin-left:.5rem}.cds--btn--ghost:active,.cds--btn--ghost:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--btn--ghost:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}.cds--btn--ghost.cds--btn--disabled,.cds--btn--ghost.cds--btn--disabled:focus,.cds--btn--ghost.cds--btn--disabled:hover,.cds--btn--ghost:disabled,.cds--btn--ghost:focus:disabled,.cds--btn--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost.cds--btn--sm{padding:calc(.375rem - 3px) 1rem}.cds--btn--ghost.cds--btn--field,.cds--btn--ghost.cds--btn--md{padding:calc(.675rem - 3px) 1rem}.cds--btn--ghost:not([disabled]) svg{fill:var(--cds-icon-primary,#161616)}.cds--btn--icon-only{padding-right:.9375rem;padding-left:.9375rem}.cds--btn--icon-only .cds--btn__icon{position:static}.cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--icon-only.cds--btn--ghost .cds--btn__icon{margin:0}.cds--btn--icon-only.cds--btn--selected{background:var(--cds-background-selected,rgba(141,141,141,.2))}.cds--btn path[data-icon-path=inner-path]{fill:none}.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:var(--cds-icon-primary,#161616)}.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon path:not([data-icon-path]):not([fill=none]),.cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover .cds--btn__icon{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn--ghost.cds--btn--icon-only[disabled]{cursor:not-allowed}.cds--btn--field.cds--btn--icon-only,.cds--btn--md.cds--btn--icon-only{padding-right:.6875rem;padding-left:.6875rem}.cds--btn--sm.cds--btn--icon-only{padding-right:.4375rem;padding-left:.4375rem}.cds--btn--danger{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger .cds--btn__icon,.cds--btn--danger .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-danger-secondary,#da1e28);background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28)}.cds--btn--danger--tertiary:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--tertiary:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--tertiary .cds--btn__icon,.cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--tertiary:hover{border-color:var(--cds-button-danger-hover,#b81921);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:focus{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:active{border-color:var(--cds-button-danger-active,#750e13);background-color:var(--cds-button-danger-active,#750e13);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary.cds--btn--disabled,.cds--btn--danger--tertiary.cds--btn--disabled:focus,.cds--btn--danger--tertiary.cds--btn--disabled:hover,.cds--btn--danger--tertiary:disabled,.cds--btn--danger--tertiary:focus:disabled,.cds--btn--danger--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--danger--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28);padding:calc(.875rem - 3px) 1rem}.cds--btn--danger--ghost:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--ghost:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--ghost .cds--btn__icon{position:static;margin-left:.5rem}.cds--btn--danger--ghost:active,.cds--btn--danger--ghost:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--ghost.cds--btn--disabled,.cds--btn--danger--ghost.cds--btn--disabled:focus,.cds--btn--danger--ghost.cds--btn--disabled:hover,.cds--btn--danger--ghost:disabled,.cds--btn--danger--ghost:focus:disabled,.cds--btn--danger--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-disabled,rgba(22,22,22,.25));outline:0}.cds--btn--danger--ghost.cds--btn--sm{padding:calc(.375rem - 3px) 1rem}.cds--btn--danger--ghost.cds--btn--field,.cds--btn--danger--ghost.cds--btn--md{padding:calc(.675rem - 3px) 1rem}.cds--btn--sm{min-height:2rem;padding:calc(.375rem - 3px) calc(4rem - 4px) calc(.375rem - 3px) calc(1rem - 4px)}.cds--btn--2xl:not(.cds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-right:4rem;padding-left:1rem;min-height:5rem}.cds--btn--xl:not(.cds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-right:4rem;padding-left:1rem;min-height:4rem}.cds--btn--field,.cds--btn--md{min-height:2.5rem;padding:calc(.675rem - 3px) calc(4rem - 4px) calc(.675rem - 3px) calc(1rem - 4px)}.cds--btn--expressive{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);line-height:var(--cds-body-compact-02-line-height,1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);min-height:3rem}.cds--btn--icon-only.cds--btn--expressive{padding:12px 13px}.cds--btn.cds--btn--expressive .cds--btn__icon{width:1.25rem;height:1.25rem}.cds--btn-set .cds--btn.cds--btn--expressive,:host(cds-button-set) .cds--btn.cds--btn--expressive{max-width:20rem}.cds--btn.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:9.375rem}.cds--btn.cds--skeleton:active,.cds--btn.cds--skeleton:focus,.cds--btn.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--btn.cds--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--btn.cds--skeleton::before{animation:none}}.cds--btn-set,:host(cds-button-set){display:flex}.cds--btn-set--stacked,:host(cds-button-set)[stacked]{flex-direction:column}.cds--btn-set .cds--btn,:host(cds-button-set) .cds--btn{width:100%;max-width:12.25rem}.cds--btn-set .cds--btn:not(:focus),:host(cds-button-set) .cds--btn:not(:focus){box-shadow:-.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set .cds--btn:first-of-type:not(:focus),:host(cds-button-set) .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn:focus+.cds--btn,:host(cds-button-set) .cds--btn:focus+.cds--btn{box-shadow:inherit}.cds--btn-set--stacked .cds--btn:not(:focus),:host(cds-button-set)[stacked] .cds--btn:not(:focus){box-shadow:0 -.0625rem 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set--stacked .cds--btn:first-of-type:not(:focus),:host(cds-button-set)[stacked] .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn.cds--btn--disabled,:host(cds-button-set) .cds--btn.cds--btn--disabled{box-shadow:-.0625rem 0 0 0 var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn-set .cds--btn.cds--btn--disabled:first-of-type,:host(cds-button-set) .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}.cds--btn-set--stacked .cds--btn.cds--btn--disabled,:host(cds-button-set)[stacked] .cds--btn.cds--btn--disabled{box-shadow:0 -.0625rem 0 0 var(--cds-layer-selected-disabled,#8d8d8d)}.cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type,:host(cds-button-set)[stacked] .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:ButtonText}}.cds--popover-container{position:relative;display:inline-block}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.cds--popover--drop-shadow .cds--popover{--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{position:absolute;z-index:6000;top:0;right:0;bottom:0;left:0;filter:var(--cds-popover-drop-shadow, none);pointer-events:none}.cds--popover-content{position:absolute;z-index:6000;display:none;width:-moz-max-content;width:max-content;max-width:23rem;background-color:var(--cds-popover-background-color,var(--cds-layer));border-radius:var(--cds-popover-border-radius,2px);color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));pointer-events:auto}.cds--popover--open .cds--popover-content{display:block}.cds--popover-content::before{position:absolute;display:none;content:""}.cds--popover--open .cds--popover-content::before{display:block}.cds--popover-caret{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color,var(--cds-layer));will-change:transform}.cds--popover--open.cds--popover--caret .cds--popover-caret{display:block}.cds--popover--bottom .cds--popover-content{bottom:0;left:50%;transform:translate(-50%,calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-left .cds--popover-content{bottom:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-right .cds--popover-content{right:0;bottom:0;transform:translate(var(--cds-popover-offset,0),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom .cds--popover-content::before,.cds--popover--bottom-left .cds--popover-content::before,.cds--popover--bottom-right .cds--popover-content::before{top:0;right:0;left:0;height:var(--cds-popover-offset,0);transform:translateY(-100%)}.cds--popover--bottom .cds--popover-caret,.cds--popover--bottom-left .cds--popover-caret,.cds--popover--bottom-right .cds--popover-caret{bottom:0;left:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%);transform:translate(-50%,var(--cds-popover-offset,0))}.cds--popover--top .cds--popover-content{top:0;left:50%;transform:translate(-50%,calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-left .cds--popover-content{top:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-right .cds--popover-content{top:0;right:0;transform:translate(var(--cds-popover-offset,0),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top .cds--popover-content::before,.cds--popover--top-left .cds--popover-content::before,.cds--popover--top-right .cds--popover-content::before{right:0;bottom:0;left:0;height:var(--cds-popover-offset,0);transform:translateY(100%)}.cds--popover--top .cds--popover-caret,.cds--popover--top-left .cds--popover-caret,.cds--popover--top-right .cds--popover-caret{top:0;left:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);transform:translate(-50%,calc(-1 * var(--cds-popover-offset,0)))}.cds--popover--right .cds--popover-content{top:50%;left:100%;transform:translate(var(--cds-popover-offset,0),-50%)}.cds--popover--right-top .cds--popover-content{top:50%;left:100%;transform:translate(var(--cds-popover-offset,0),calc(.5 * var(--cds-popover-offset,0) * -1 - 16px))}.cds--popover--right-bottom .cds--popover-content{bottom:50%;left:100%;transform:translate(var(--cds-popover-offset,0),calc(.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--right .cds--popover-content::before,.cds--popover--right-bottom .cds--popover-content::before,.cds--popover--right-top .cds--popover-content::before{top:0;bottom:0;left:0;width:var(--cds-popover-offset,0);transform:translateX(-100%)}.cds--popover--right .cds--popover-caret,.cds--popover--right-bottom .cds--popover-caret,.cds--popover--right-top .cds--popover-caret{top:50%;left:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%);transform:translate(calc(var(--cds-popover-offset,0) - 100%),-50%)}.cds--popover--left .cds--popover-content{top:50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset,0) + .1px),-50%)}.cds--popover--left-top .cds--popover-content{top:-50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(-.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--left-bottom .cds--popover-content{right:100%;bottom:-50%;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(.5 * var(--cds-popover-offset,0) - 16px))}.cds--popover--left .cds--popover-content::before,.cds--popover--left-bottom .cds--popover-content::before,.cds--popover--left-top .cds--popover-content::before{top:0;right:0;bottom:0;width:var(--cds-popover-offset,0);transform:translateX(100%)}.cds--popover--left .cds--popover-caret,.cds--popover--left-bottom .cds--popover-caret,.cds--popover--left-top .cds--popover-caret{top:50%;right:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(calc(-1 * var(--cds-popover-offset,0) + 100%),-50%)}.cds--popover--tab-tip .cds--popover-content{border-radius:0}.cds--popover--tab-tip__button{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;position:relative;display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center}.cds--popover--tab-tip__button *,.cds--popover--tab-tip__button ::after,.cds--popover--tab-tip__button ::before{box-sizing:inherit}.cds--popover--tab-tip__button::-moz-focus-inner{border:0}.cds--popover--tab-tip__button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus{outline-style:dotted}}.cds--popover--tab-tip__button:hover{background-color:var(--cds-layer-hover)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after{position:absolute;z-index:6001;bottom:0;width:100%;height:2px;background:var(--cds-layer);content:""}.cds--popover--tab-tip__button svg{fill:var(--cds-icon-primary,#161616)}.cds--tooltip{--cds-popover-offset:12px}.cds--tooltip-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:18rem;padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem);color:var(--cds-text-inverse,#fff)}.cds--icon-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-content{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}.cds--definition-term{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;border-bottom:1px dotted var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616)}.cds--definition-term *,.cds--definition-term ::after,.cds--definition-term ::before{box-sizing:inherit}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term:focus{outline:1px solid var(--cds-focus,#0f62fe);border-bottom-color:var(--cds-border-interactive,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:hover{border-bottom-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:11rem;padding:.5rem 1rem}:host(cds-button),:host(cds-modal-footer-button){display:inline-flex}:host(cds-button)[isExpressive] ::slotted([slot=icon]),:host(cds-modal-footer-button)[isExpressive] ::slotted([slot=icon]){width:1.25rem;height:1.25rem}:host(cds-button[kind=ghost]) .cds--btn--ghost:active,:host(cds-button[kind=ghost]:hover) .cds--btn--ghost{outline:0}:host(cds-button-set) ::slotted(cds-button){width:100%;max-width:12.25rem}',
|
|
11
|
+
"@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--btn{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);position:relative;display:inline-flex;width:-moz-max-content;width:max-content;max-width:20rem;min-height:3rem;flex-shrink:0;align-items:center;justify-content:space-between;padding:calc(.875rem - 3px) calc(4rem - 1px) calc(.875rem - 3px) calc(1rem - 1px);margin:0;border-radius:0;cursor:pointer;outline:0;text-align:left;text-decoration:none;transition:background 70ms cubic-bezier(0,0,.38,.9),box-shadow 70ms cubic-bezier(0,0,.38,.9),border-color 70ms cubic-bezier(0,0,.38,.9),outline 70ms cubic-bezier(0,0,.38,.9);vertical-align:top}.cds--btn *,.cds--btn ::after,.cds--btn ::before{box-sizing:inherit}.cds--btn.cds--btn--disabled,.cds--btn.cds--btn--disabled:focus,.cds--btn.cds--btn--disabled:hover,.cds--btn:disabled,.cds--btn:focus:disabled,.cds--btn:hover:disabled{border-color:var(--cds-button-disabled,#c6c6c6);background:var(--cds-button-disabled,#c6c6c6);box-shadow:none;color:var(--cds-text-on-color-disabled,#8d8d8d);cursor:not-allowed}.cds--btn .cds--btn__icon{position:absolute;right:1rem;width:1rem;height:1rem;flex-shrink:0}.cds--btn::-moz-focus-inner{padding:0;border:0}.cds--btn--primary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}.cds--btn--primary:hover{background-color:var(--cds-button-primary-hover,#0050e6)}.cds--btn--primary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--primary:active{background-color:var(--cds-button-primary-active,#002d9c)}.cds--btn--primary .cds--btn__icon,.cds--btn--primary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--primary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--secondary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-secondary,#393939);color:var(--cds-text-on-color,#fff)}.cds--btn--secondary:hover{background-color:var(--cds-button-secondary-hover,#474747)}.cds--btn--secondary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--secondary:active{background-color:var(--cds-button-secondary-active,#6f6f6f)}.cds--btn--secondary .cds--btn__icon,.cds--btn--secondary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--secondary:focus,.cds--btn--secondary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-tertiary,#0f62fe);background-color:transparent;color:var(--cds-button-tertiary,#0f62fe)}.cds--btn--tertiary:hover{background-color:var(--cds-button-tertiary-hover,#0050e6)}.cds--btn--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--tertiary:active{background-color:var(--cds-button-tertiary-active,#002d9c)}.cds--btn--tertiary .cds--btn__icon,.cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--tertiary:hover{color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:focus{background-color:var(--cds-button-tertiary,#0f62fe);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:active{border-color:transparent;background-color:var(--cds-button-tertiary-active,#002d9c);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary.cds--btn--disabled,.cds--btn--tertiary.cds--btn--disabled:focus,.cds--btn--tertiary.cds--btn--disabled:hover,.cds--btn--tertiary:disabled,.cds--btn--tertiary:focus:disabled,.cds--btn--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-link-primary,#0f62fe);padding:calc(.875rem - 3px) 1rem}.cds--btn--ghost:hover{background-color:var(--cds-layer-hover)}.cds--btn--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--ghost:active{background-color:var(--cds-layer-active)}.cds--btn--ghost .cds--btn__icon,.cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--ghost .cds--btn__icon{position:static;margin-left:.5rem}.cds--btn--ghost:active,.cds--btn--ghost:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--btn--ghost:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}.cds--btn--ghost.cds--btn--disabled,.cds--btn--ghost.cds--btn--disabled:focus,.cds--btn--ghost.cds--btn--disabled:hover,.cds--btn--ghost:disabled,.cds--btn--ghost:focus:disabled,.cds--btn--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost.cds--btn--sm{padding:calc(.375rem - 3px) 1rem}.cds--btn--ghost.cds--btn--field,.cds--btn--ghost.cds--btn--md{padding:calc(.675rem - 3px) 1rem}.cds--btn--ghost:not([disabled]) svg{fill:var(--cds-icon-primary,#161616)}.cds--btn--icon-only{padding-right:.9375rem;padding-left:.9375rem}.cds--btn--icon-only .cds--btn__icon{position:static}.cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--icon-only.cds--btn--ghost .cds--btn__icon{margin:0}.cds--btn--icon-only.cds--btn--selected{background:var(--cds-background-selected,rgba(141,141,141,.2))}.cds--btn path[data-icon-path=inner-path]{fill:none}.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:var(--cds-icon-primary,#161616)}.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon path:not([data-icon-path]):not([fill=none]),.cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover .cds--btn__icon{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn--ghost.cds--btn--icon-only[disabled]{cursor:not-allowed}.cds--btn--field.cds--btn--icon-only,.cds--btn--md.cds--btn--icon-only{padding-right:.6875rem;padding-left:.6875rem}.cds--btn--sm.cds--btn--icon-only{padding-right:.4375rem;padding-left:.4375rem}.cds--btn--danger{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger .cds--btn__icon,.cds--btn--danger .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-danger-secondary,#da1e28);background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28)}.cds--btn--danger--tertiary:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--tertiary:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--tertiary .cds--btn__icon,.cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--tertiary:hover{border-color:var(--cds-button-danger-hover,#b81921);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:focus{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:active{border-color:var(--cds-button-danger-active,#750e13);background-color:var(--cds-button-danger-active,#750e13);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary.cds--btn--disabled,.cds--btn--danger--tertiary.cds--btn--disabled:focus,.cds--btn--danger--tertiary.cds--btn--disabled:hover,.cds--btn--danger--tertiary:disabled,.cds--btn--danger--tertiary:focus:disabled,.cds--btn--danger--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--danger--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28);padding:calc(.875rem - 3px) 1rem}.cds--btn--danger--ghost:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--ghost:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--ghost .cds--btn__icon{position:static;margin-left:.5rem}.cds--btn--danger--ghost:active,.cds--btn--danger--ghost:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--ghost.cds--btn--disabled,.cds--btn--danger--ghost.cds--btn--disabled:focus,.cds--btn--danger--ghost.cds--btn--disabled:hover,.cds--btn--danger--ghost:disabled,.cds--btn--danger--ghost:focus:disabled,.cds--btn--danger--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-disabled,rgba(22,22,22,.25));outline:0}.cds--btn--danger--ghost.cds--btn--sm{padding:calc(.375rem - 3px) 1rem}.cds--btn--danger--ghost.cds--btn--field,.cds--btn--danger--ghost.cds--btn--md{padding:calc(.675rem - 3px) 1rem}.cds--btn--sm{min-height:2rem;padding:calc(.375rem - 3px) calc(4rem - 4px) calc(.375rem - 3px) calc(1rem - 4px)}.cds--btn--2xl:not(.cds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-right:4rem;padding-left:1rem;min-height:5rem}.cds--btn--xl:not(.cds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-right:4rem;padding-left:1rem;min-height:4rem}.cds--btn--field,.cds--btn--md{min-height:2.5rem;padding:calc(.675rem - 3px) calc(4rem - 4px) calc(.675rem - 3px) calc(1rem - 4px)}.cds--btn--expressive{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);line-height:var(--cds-body-compact-02-line-height,1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);min-height:3rem}.cds--btn--icon-only.cds--btn--expressive{padding:12px 13px}.cds--btn.cds--btn--expressive .cds--btn__icon{width:1.25rem;height:1.25rem}.cds--btn-set .cds--btn.cds--btn--expressive,:host(cds-button-set) .cds--btn.cds--btn--expressive{max-width:20rem}.cds--btn.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:9.375rem}.cds--btn.cds--skeleton:active,.cds--btn.cds--skeleton:focus,.cds--btn.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--btn.cds--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--btn.cds--skeleton::before{animation:none}}.cds--btn-set,:host(cds-button-set){display:flex}.cds--btn-set--stacked,:host(cds-button-set)[stacked]{flex-direction:column}.cds--btn-set .cds--btn,:host(cds-button-set) .cds--btn{width:100%;max-width:12.25rem}.cds--btn-set .cds--btn:not(:focus),:host(cds-button-set) .cds--btn:not(:focus){box-shadow:-.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set .cds--btn:first-of-type:not(:focus),:host(cds-button-set) .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn:focus+.cds--btn,:host(cds-button-set) .cds--btn:focus+.cds--btn{box-shadow:inherit}.cds--btn-set--stacked .cds--btn:not(:focus),:host(cds-button-set)[stacked] .cds--btn:not(:focus){box-shadow:0 -.0625rem 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set--stacked .cds--btn:first-of-type:not(:focus),:host(cds-button-set)[stacked] .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn.cds--btn--disabled,:host(cds-button-set) .cds--btn.cds--btn--disabled{box-shadow:-.0625rem 0 0 0 var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn-set .cds--btn.cds--btn--disabled:first-of-type,:host(cds-button-set) .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}.cds--btn-set--stacked .cds--btn.cds--btn--disabled,:host(cds-button-set)[stacked] .cds--btn.cds--btn--disabled{box-shadow:0 -.0625rem 0 0 var(--cds-layer-selected-disabled,#8d8d8d)}.cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type,:host(cds-button-set)[stacked] .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:ButtonText}}.cds--popover-container{position:relative;display:inline-block}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.cds--popover--drop-shadow .cds--popover{--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{position:absolute;z-index:6000;top:0;right:0;bottom:0;left:0;filter:var(--cds-popover-drop-shadow, none);pointer-events:none}.cds--popover-content{position:absolute;z-index:6000;display:none;width:-moz-max-content;width:max-content;max-width:23rem;background-color:var(--cds-popover-background-color,var(--cds-layer));border-radius:var(--cds-popover-border-radius,2px);color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));pointer-events:auto}.cds--popover--open .cds--popover-content{display:block}.cds--popover-content::before{position:absolute;display:none;content:\"\"}.cds--popover--open .cds--popover-content::before{display:block}.cds--popover-caret{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color,var(--cds-layer));will-change:transform}.cds--popover--open.cds--popover--caret .cds--popover-caret{display:block}.cds--popover--bottom .cds--popover-content{bottom:0;left:50%;transform:translate(-50%,calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-left .cds--popover-content{bottom:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-right .cds--popover-content{right:0;bottom:0;transform:translate(var(--cds-popover-offset,0),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom .cds--popover-content::before,.cds--popover--bottom-left .cds--popover-content::before,.cds--popover--bottom-right .cds--popover-content::before{top:0;right:0;left:0;height:var(--cds-popover-offset,0);transform:translateY(-100%)}.cds--popover--bottom .cds--popover-caret,.cds--popover--bottom-left .cds--popover-caret,.cds--popover--bottom-right .cds--popover-caret{bottom:0;left:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%);transform:translate(-50%,var(--cds-popover-offset,0))}.cds--popover--top .cds--popover-content{top:0;left:50%;transform:translate(-50%,calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-left .cds--popover-content{top:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-right .cds--popover-content{top:0;right:0;transform:translate(var(--cds-popover-offset,0),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top .cds--popover-content::before,.cds--popover--top-left .cds--popover-content::before,.cds--popover--top-right .cds--popover-content::before{right:0;bottom:0;left:0;height:var(--cds-popover-offset,0);transform:translateY(100%)}.cds--popover--top .cds--popover-caret,.cds--popover--top-left .cds--popover-caret,.cds--popover--top-right .cds--popover-caret{top:0;left:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);transform:translate(-50%,calc(-1 * var(--cds-popover-offset,0)))}.cds--popover--right .cds--popover-content{top:50%;left:100%;transform:translate(var(--cds-popover-offset,0),-50%)}.cds--popover--right-top .cds--popover-content{top:50%;left:100%;transform:translate(var(--cds-popover-offset,0),calc(.5 * var(--cds-popover-offset,0) * -1 - 16px))}.cds--popover--right-bottom .cds--popover-content{bottom:50%;left:100%;transform:translate(var(--cds-popover-offset,0),calc(.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--right .cds--popover-content::before,.cds--popover--right-bottom .cds--popover-content::before,.cds--popover--right-top .cds--popover-content::before{top:0;bottom:0;left:0;width:var(--cds-popover-offset,0);transform:translateX(-100%)}.cds--popover--right .cds--popover-caret,.cds--popover--right-bottom .cds--popover-caret,.cds--popover--right-top .cds--popover-caret{top:50%;left:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%);transform:translate(calc(var(--cds-popover-offset,0) - 100%),-50%)}.cds--popover--left .cds--popover-content{top:50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset,0) + .1px),-50%)}.cds--popover--left-top .cds--popover-content{top:-50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(-.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--left-bottom .cds--popover-content{right:100%;bottom:-50%;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(.5 * var(--cds-popover-offset,0) - 16px))}.cds--popover--left .cds--popover-content::before,.cds--popover--left-bottom .cds--popover-content::before,.cds--popover--left-top .cds--popover-content::before{top:0;right:0;bottom:0;width:var(--cds-popover-offset,0);transform:translateX(100%)}.cds--popover--left .cds--popover-caret,.cds--popover--left-bottom .cds--popover-caret,.cds--popover--left-top .cds--popover-caret{top:50%;right:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(calc(-1 * var(--cds-popover-offset,0) + 100%),-50%)}.cds--popover--tab-tip .cds--popover-content{border-radius:0}.cds--popover--tab-tip__button{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;position:relative;display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center}.cds--popover--tab-tip__button *,.cds--popover--tab-tip__button ::after,.cds--popover--tab-tip__button ::before{box-sizing:inherit}.cds--popover--tab-tip__button::-moz-focus-inner{border:0}.cds--popover--tab-tip__button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus{outline-style:dotted}}.cds--popover--tab-tip__button:hover{background-color:var(--cds-layer-hover)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after{position:absolute;z-index:6001;bottom:0;width:100%;height:2px;background:var(--cds-layer);content:\"\"}.cds--popover--tab-tip__button svg{fill:var(--cds-icon-primary,#161616)}.cds--copy-btn{position:relative;display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;padding:0;border:none;background-color:var(--cds-layer);cursor:pointer}.cds--copy-btn html{font-size:100%}.cds--copy-btn body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--copy-btn code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--copy-btn strong{font-weight:600}.cds--copy-btn:hover{background-color:var(--cds-layer-hover)}.cds--copy-btn:active{background-color:var(--cds-layer-active)}.cds--copy-btn::before{position:absolute;z-index:6000;width:0;height:0;border-style:solid;content:\"\";display:none}.cds--copy-btn .cds--copy-btn__feedback{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));z-index:6000;width:-moz-max-content;width:max-content;min-width:1.5rem;max-width:13rem;height:auto;padding:.1875rem 1rem;background-color:var(--cds-background-inverse,#393939);border-radius:.125rem;color:var(--cds-text-inverse,#fff);font-weight:400;text-align:left;transform:translateX(-50%);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:none;overflow:visible;box-sizing:content-box;margin:auto;clip:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.cds--copy-btn .cds--copy-btn__feedback{width:auto}}@supports (-ms-accelerator:true){.cds--copy-btn .cds--copy-btn__feedback{width:auto}}@supports (-ms-ime-align:auto){.cds--copy-btn .cds--copy-btn__feedback{width:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--copy-btn .cds--copy-btn__feedback{border:1px solid transparent}}.cds--copy-btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;outline-color:var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--copy-btn:focus{outline-style:dotted}}.cds--copy-btn.cds--copy-btn--animating .cds--copy-btn__feedback,.cds--copy-btn.cds--copy-btn--animating::before{display:block}.cds--copy-btn.cds--copy-btn--animating::before{border:none}.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback,.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out::before{animation:110ms cubic-bezier(.2,0,.38,.9) hide-feedback}.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback,.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in::before{animation:110ms cubic-bezier(.2,0,.38,.9) show-feedback}.cds--copy{font-size:0}.cds--tooltip{--cds-popover-offset:12px}.cds--tooltip-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:18rem;padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem);color:var(--cds-text-inverse,#fff)}.cds--icon-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-content{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}.cds--definition-term{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;border-bottom:1px dotted var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616)}.cds--definition-term *,.cds--definition-term ::after,.cds--definition-term ::before{box-sizing:inherit}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term:focus{outline:1px solid var(--cds-focus,#0f62fe);border-bottom-color:var(--cds-border-interactive,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:hover{border-bottom-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:11rem;padding:.5rem 1rem}.cds--snippet html{font-size:100%}.cds--snippet body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--snippet code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--snippet strong{font-weight:600}.cds--snippet--disabled,.cds--snippet--disabled .cds--btn.cds--snippet-btn--expand{background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--snippet--disabled .cds--copy-btn,.cds--snippet--disabled .cds--copy-btn:hover,.cds--snippet--disabled .cds--snippet-btn--expand:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--snippet--disabled .cds--snippet-btn--expand .cds--icon-chevron--down,.cds--snippet--disabled .cds--snippet__icon{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--snippet code{font-family:var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px)}.cds--snippet--inline{position:relative;display:inline;padding:0;border:1px solid transparent;background-color:var(--cds-layer);border-radius:4px;color:var(--cds-text-primary,#161616);cursor:pointer}.cds--snippet--inline html{font-size:100%}.cds--snippet--inline body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--snippet--inline code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--snippet--inline strong{font-weight:600}.cds--snippet--inline:hover{background-color:var(--cds-layer-hover)}.cds--snippet--inline:active{background-color:var(--cds-layer-active)}.cds--snippet--inline:focus{border:1px solid var(--cds-focus,#0f62fe);outline:0}.cds--snippet--inline::before{position:absolute;z-index:6000;width:0;height:0;border-style:solid;content:\"\";display:none;border:none}.cds--snippet--inline .cds--copy-btn__feedback{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));z-index:6000;width:-moz-max-content;width:max-content;min-width:1.5rem;max-width:13rem;height:auto;padding:.1875rem 1rem;background-color:var(--cds-background-inverse,#393939);border-radius:.125rem;color:var(--cds-text-inverse,#fff);font-weight:400;text-align:left;transform:translateX(-50%);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:none;overflow:visible;box-sizing:content-box;margin:auto;clip:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.cds--snippet--inline .cds--copy-btn__feedback{width:auto}}@supports (-ms-accelerator:true){.cds--snippet--inline .cds--copy-btn__feedback{width:auto}}@supports (-ms-ime-align:auto){.cds--snippet--inline .cds--copy-btn__feedback{width:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--snippet--inline .cds--copy-btn__feedback{border:1px solid transparent}}.cds--snippet--inline.cds--copy-btn--animating .cds--copy-btn__feedback,.cds--snippet--inline.cds--copy-btn--animating::before{display:block}.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback,.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out::before{animation:110ms cubic-bezier(.2,0,.38,.9) hide-feedback}.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback,.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in::before{animation:110ms cubic-bezier(.2,0,.38,.9) show-feedback}.cds--snippet--inline code{padding:0 .5rem}.cds--snippet--inline.cds--snippet--no-copy{display:inline-block}.cds--snippet--inline.cds--snippet--no-copy:hover{background-color:var(--cds-layer);cursor:auto}.cds--snippet--light.cds--snippet--inline.cds--snippet--no-copy:hover{background-color:var(--cds-layer-hover);cursor:auto}.cds--snippet--single{font-family:var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px);position:relative;width:100%;max-width:48rem;background-color:var(--cds-layer);display:flex;height:2.5rem;align-items:center;padding-right:2.5rem}.cds--snippet--single.cds--snippet--no-copy{padding:0}.cds--snippet--single.cds--snippet--no-copy::after{right:1rem}.cds--snippet--single .cds--snippet-container{position:relative;display:flex;height:100%;align-items:center;padding-left:1rem;overflow-x:auto}.cds--snippet--single .cds--snippet-container:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--snippet--single .cds--snippet-container:focus{outline-style:dotted}}.cds--snippet--single pre{font-family:var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px);padding-right:.5rem}.cds--snippet--inline code,.cds--snippet--single pre{white-space:pre}.cds--snippet--multi{font-family:var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px);position:relative;width:100%;max-width:48rem;background-color:var(--cds-layer);display:flex;padding:1rem}.cds--snippet--multi .cds--snippet-container{position:relative;min-height:100%;max-height:100%;order:1;overflow-y:auto;transition:max-height 150ms cubic-bezier(.2,0,.38,.9)}.cds--snippet--multi .cds--snippet-container:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;outline-offset:0}@media screen and (prefers-contrast){.cds--snippet--multi .cds--snippet-container:focus{outline-style:dotted}}.cds--snippet--multi.cds--snippet--expand .cds--snippet-container{padding-bottom:1rem;transition:max-height 150ms cubic-bezier(.2,0,.38,.9)}.cds--snippet--multi.cds--snippet--wraptext pre{white-space:pre-wrap;word-wrap:break-word}.cds--snippet--multi .cds--snippet-container pre{padding-right:2.5rem;padding-bottom:1.5rem;overflow-x:auto}.cds--snippet--multi.cds--snippet--no-copy .cds--snippet-container pre{padding-right:0}.cds--snippet--multi.cds--snippet--expand .cds--snippet-container pre{overflow-x:auto}.cds--snippet--multi.cds--snippet--has-right-overflow .cds--snippet-container pre::after{position:absolute;top:0;right:0;width:1rem;height:100%;background-image:linear-gradient(to right,transparent,var(--cds-layer));content:\"\"}.cds--snippet--multi .cds--snippet-container pre code{overflow:hidden}.cds--snippet__icon{width:1rem;height:1rem;fill:var(--cds-icon-primary,#161616);transition:all 70ms cubic-bezier(.2,0,.38,.9)}.cds--copy-btn{display:flex;overflow:visible;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;padding:0;border:none;background-color:var(--cds-layer);cursor:pointer;outline:0}.cds--copy-btn html{font-size:100%}.cds--copy-btn body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--copy-btn code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--copy-btn strong{font-weight:600}.cds--copy-btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;outline-color:var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--copy-btn:focus{outline-style:dotted}}.cds--snippet .cds--popover-container{font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;position:absolute;top:0;right:0}.cds--snippet--inline.cds--btn--md.cds--btn--icon-only{padding-right:0;padding-left:0}.cds--snippet--inline.cds--btn--md{min-height:1.25rem}.cds--snippet--inline.cds--btn--primary:hover{color:var(--cds-text-primary,#161616)}.cds--snippet.cds--snippet--multi .cds--popover-container{top:.5rem;right:.5rem}.cds--snippet--multi .cds--copy-btn.cds--btn--md{z-index:10;width:2rem;height:2rem;min-height:2rem;padding:0}.cds--snippet-btn--expand{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;position:absolute;z-index:10;right:0;bottom:0;display:inline-flex;align-items:center;padding:.5rem 1rem;border:0;background-color:var(--cds-layer);color:var(--cds-text-primary,#161616)}.cds--snippet-btn--expand .cds--snippet-btn--text{position:relative;top:-.0625rem}.cds--snippet-btn--expand--hide.cds--snippet-btn--expand{display:none}.cds--snippet-btn--expand .cds--icon-chevron--down{margin-left:.5rem;fill:var(--cds-icon-primary,#161616);transform:rotate(0);transition:150ms cubic-bezier(.2,0,.38,.9)}.cds--snippet-btn--expand:hover{background:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--snippet-btn--expand:active{background-color:var(--cds-layer-active)}.cds--snippet-btn--expand:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;border-color:transparent}@media screen and (prefers-contrast){.cds--snippet-btn--expand:focus{outline-style:dotted}}.cds--snippet--expand .cds--snippet-btn--expand .cds--icon-chevron--down{transform:rotate(180deg);transition:transform .3s}.cds--snippet--light,.cds--snippet--light .cds--btn.cds--snippet-btn--expand,.cds--snippet--light .cds--copy-btn,.cds--snippet--light .cds--snippet-button{background-color:var(--cds-layer)}.cds--snippet--light .cds--btn.cds--snippet-btn--expand:hover,.cds--snippet--light .cds--copy-btn:hover,.cds--snippet--light .cds--snippet-button:hover,.cds--snippet--light.cds--snippet--inline:hover{background-color:var(--cds-layer-hover)}.cds--snippet--light .cds--btn.cds--snippet-btn--expand:active,.cds--snippet--light .cds--copy-btn:active,.cds--snippet--light .cds--snippet-button:active,.cds--snippet--light.cds--snippet--inline:active{background-color:var(--cds-layer-active)}.cds--snippet--light.cds--snippet--multi .cds--snippet-container pre::after,.cds--snippet--light.cds--snippet--single::after{background-image:linear-gradient(to right,rgba(var(--cds-layer),0),var(--cds-layer))}.cds--snippet.cds--skeleton .cds--snippet-container{width:100%;height:100%}.cds--snippet-button .cds--btn--copy__feedback{top:3.175rem;right:auto;left:50%}.cds--snippet-button .cds--btn--copy__feedback::before{top:0}.cds--snippet-button .cds--btn--copy__feedback::after{top:-.25rem}.cds--snippet--multi .cds--snippet-button .cds--btn--copy__feedback{top:2.675rem}.cds--snippet--inline .cds--btn--copy__feedback{top:calc(100% - .25rem);right:auto;left:50%}.cds--snippet__overflow-indicator--left,.cds--snippet__overflow-indicator--right{z-index:1;width:1rem;flex:1 0 auto}.cds--snippet__overflow-indicator--left{order:0;margin-right:-1rem;background-image:linear-gradient(to left,transparent,var(--cds-layer))}.cds--snippet__overflow-indicator--right{order:2;margin-left:-1rem;background-image:linear-gradient(to right,transparent,var(--cds-layer))}.cds--snippet--single .cds--snippet__overflow-indicator--left,.cds--snippet--single .cds--snippet__overflow-indicator--right{position:absolute;width:2rem;height:calc(100% - .25rem)}.cds--snippet--single .cds--snippet__overflow-indicator--right{right:2.5rem}.cds--snippet--single.cds--snippet--no-copy .cds--snippet__overflow-indicator--right{right:0}.cds--snippet--single .cds--snippet-container:focus~.cds--snippet__overflow-indicator--right{right:calc(2.5rem + .125rem)}.cds--snippet--single .cds--snippet-container:focus+.cds--snippet__overflow-indicator--left{left:.125rem}.cds--snippet--light .cds--snippet__overflow-indicator--left{background-image:linear-gradient(to left,transparent,var(--cds-layer))}.cds--snippet--light .cds--snippet__overflow-indicator--right{background-image:linear-gradient(to right,transparent,var(--cds-layer))}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.cds--snippet__overflow-indicator--left{background-image:linear-gradient(to left,rgba(var(--cds-layer),0),var(--cds-layer))}.cds--snippet__overflow-indicator--right{background-image:linear-gradient(to right,rgba(var(--cds-layer),0),var(--cds-layer))}}}.cds--snippet--multi.cds--skeleton{height:6.125rem}.cds--snippet--single.cds--skeleton{height:3.5rem}.cds--snippet.cds--skeleton span{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;display:block;width:100%;height:1rem;margin-top:.5rem}.cds--snippet.cds--skeleton span:active,.cds--snippet.cds--skeleton span:focus,.cds--snippet.cds--skeleton span:hover{border:none;cursor:default;outline:0}.cds--snippet.cds--skeleton span::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--snippet.cds--skeleton span::before{animation:none}}.cds--snippet.cds--skeleton span:first-child{margin:0}.cds--snippet.cds--skeleton span:nth-child(2){width:85%}.cds--snippet.cds--skeleton span:nth-child(3){width:95%}.cds--snippet--single.cds--skeleton .cds--snippet-container{padding-bottom:0}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--snippet__icon{fill:ButtonText}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--snippet--inline:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--snippet--multi,.cds--snippet--single{outline:1px solid transparent}}:host(cds-button),:host(cds-modal-footer-button){display:inline-flex}:host(cds-button)[isExpressive] ::slotted([slot=icon]),:host(cds-modal-footer-button)[isExpressive] ::slotted([slot=icon]){width:1.25rem;height:1.25rem}:host(cds-button)[pagination] .cds--btn,:host(cds-modal-footer-button)[pagination] .cds--btn{border:none;border-left:1px solid var(--cds-border-subtle);transition:none}:host(cds-button)[pagination] .cds--btn:focus,:host(cds-modal-footer-button)[pagination] .cds--btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;box-shadow:none;border-left:1px solid transparent}:host(cds-button)[pagination]:not([disabled]) .cds--btn,:host(cds-modal-footer-button)[pagination]:not([disabled]) .cds--btn{color:var(--cds-icon-primary,#161616)}:host(cds-button)[pagination]:not([disabled]) .cds--btn:active,:host(cds-modal-footer-button)[pagination]:not([disabled]) .cds--btn:active{background-color:var(--cds-layer-hover)}:host(cds-button)[batch-action] .cds--btn,:host(cds-modal-footer-button)[batch-action] .cds--btn{padding:calc(.875rem - 3px) 1rem}:host(cds-button)[batch-action] .cds--btn:focus,:host(cds-modal-footer-button)[batch-action] .cds--btn:focus{outline:2px solid var(--cds-layer);outline-offset:-.125rem}:host(cds-button)[batch-action][has-main-content] ::slotted([slot=icon]),:host(cds-modal-footer-button)[batch-action][has-main-content] ::slotted([slot=icon]){position:static;margin-left:.25rem}:host(cds-button[kind=ghost]) .cds--btn--ghost:active,:host(cds-button[kind=ghost]:hover) .cds--btn--ghost{outline:0}:host(cds-button-set) ::slotted(cds-button){width:100%;max-width:12.25rem}",
|
|
12
12
|
]);
|
|
@@ -641,10 +641,6 @@ declare class CDSButton extends CDSButton_base {
|
|
|
641
641
|
* `true` if there is an icon.
|
|
642
642
|
*/
|
|
643
643
|
private _hasIcon;
|
|
644
|
-
/**
|
|
645
|
-
* `true` if there is a non-icon content.
|
|
646
|
-
*/
|
|
647
|
-
private _hasMainContent;
|
|
648
644
|
/**
|
|
649
645
|
* Handles `slotchange` event.
|
|
650
646
|
*/
|
|
@@ -669,6 +665,14 @@ declare class CDSButton extends CDSButton_base {
|
|
|
669
665
|
* `true` if the button should have input focus when the page loads.
|
|
670
666
|
*/
|
|
671
667
|
autofocus: boolean;
|
|
668
|
+
/**
|
|
669
|
+
* `true` if the button is being used within a data table batch action toolbar
|
|
670
|
+
*/
|
|
671
|
+
batchAction: boolean;
|
|
672
|
+
/**
|
|
673
|
+
* Specify an optional className to be added to your Button
|
|
674
|
+
*/
|
|
675
|
+
className: any;
|
|
672
676
|
/**
|
|
673
677
|
* Specify the message read by screen readers for the danger button variant
|
|
674
678
|
*/
|
|
@@ -681,6 +685,10 @@ declare class CDSButton extends CDSButton_base {
|
|
|
681
685
|
* The default file name, used if this button is rendered as `<a>`.
|
|
682
686
|
*/
|
|
683
687
|
download: string;
|
|
688
|
+
/**
|
|
689
|
+
* `true` if there is a non-icon content.
|
|
690
|
+
*/
|
|
691
|
+
hasMainContent: boolean;
|
|
684
692
|
/**
|
|
685
693
|
* Link `href`. If present, this button is rendered as `<a>`.
|
|
686
694
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/button/button.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,wBAAwB,EACxB,uBAAuB,EACxB,MAAM,QAAQ,CAAC;AAKhB,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,wBAAwB,EACxB,uBAAuB,GACxB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF;;;;;GAKG;AACH,cACM,SAAU,SAAQ,cAAyC;IAC/D;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAS;IAEzB;;OAEG;IACH,OAAO,CAAC,eAAe,CAAS;IAEhC;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,oBAAoB;IAS5B,OAAO,CAAC,WAAW,CAEjB;IAEF;;OAEG;IAGH,OAAO,CAAC,eAAe,CAErB;IAEF;;;OAGG;IAGH,OAAO,CAAC,YAAY,CAElB;IAEF;;;OAGG;IAGH,OAAO,CAAC,eAAe,CAErB;IAEF;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,gBAAgB,MAAC;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,YAAY,UAAS;IAErB;;;OAGG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,IAAI,cAAuB;IAE3B;;OAEG;IAEH,QAAQ,SAAY;IAEpB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,GAAG,EAAG,MAAM,CAAC;IAEb;;OAEG;IAEH,IAAI,SAAQ;IAEZ;;OAEG;IAEH,MAAM,EAAG,MAAM,CAAC;IAEhB;;;OAGG;IAEH,gBAAgB,2BAAmC;IAEnD;;;OAGG;IAEH,eAAe,0BAA+B;IAE9C;;;OAGG;IAEH,WAAW,EAAG,MAAM,CAAC;IAErB;;OAEG;IAEH,IAAI,cAAsB;IAE1B,MAAM;IA2HN,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC","file":"button.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport {\n BUTTON_KIND,\n BUTTON_TYPE,\n BUTTON_SIZE,\n BUTTON_TOOLTIP_ALIGNMENT,\n BUTTON_TOOLTIP_POSITION,\n} from './defs';\nimport styles from './button.scss';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\n\nexport {\n BUTTON_KIND,\n BUTTON_TYPE,\n BUTTON_SIZE,\n BUTTON_TOOLTIP_ALIGNMENT,\n BUTTON_TOOLTIP_POSITION,\n};\n\n/**\n * Button.\n *\n * @element cds-button\n * @csspart button The button.\n */\n@customElement(`${prefix}-button`)\nclass CDSButton extends HostListenerMixin(FocusMixin(LitElement)) {\n /**\n * `true` if there is an icon.\n */\n private _hasIcon = false;\n\n /**\n * `true` if there is a non-icon content.\n */\n private _hasMainContent = false;\n\n /**\n * Handles `slotchange` event.\n */\n private _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n );\n this[name === 'icon' ? '_hasIcon' : '_hasMainContent'] = hasContent;\n this.requestUpdate();\n }\n\n @HostListener('click', { capture: true })\n // @ts-ignore\n private _handleDisabledClick(event: Event) {\n const { disabled } = this;\n if (disabled) {\n event.stopPropagation();\n }\n }\n\n @HostListener('mouseover')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleOver = () => {\n this.openTooltip = !this.openTooltip;\n };\n\n /**\n * Handles `keydown` event on this element.\n */\n @HostListener('mouseout')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleHoverOut = async () => {\n this.openTooltip = !this.openTooltip;\n };\n\n /**\n * Handles `keydown` event on this element.\n * Space & enter will toggle state, Escape will only close.\n */\n @HostListener('focus')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleFocus = async (event) => {\n this._handleOver();\n };\n\n /**\n * Handles `keydown` event on this element.\n * Space & enter will toggle state, Escape will only close.\n */\n @HostListener('focusout')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleFocusout = async (event) => {\n this._handleOver();\n };\n\n /**\n * `true` if the button should have input focus when the page loads.\n */\n @property({ type: Boolean, reflect: true })\n autofocus = false;\n\n /**\n * Specify the message read by screen readers for the danger button variant\n */\n @property({ reflect: true, attribute: 'danger-descriptor' })\n dangerDescriptor;\n\n /**\n * `true` if the button should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The default file name, used if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n download!: string;\n\n /**\n * Link `href`. If present, this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n href!: string;\n\n /**\n * The language of what `href` points to, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n hreflang!: string;\n\n /**\n * `true` if expressive theme enabled.\n */\n @property({ type: Boolean, reflect: true })\n isExpressive = false;\n\n /**\n * Specify whether the Button is currently selected.\n * Only applies to the Ghost variant.\n */\n @property({ type: Boolean, reflect: true })\n isSelected = false;\n\n /**\n * Button kind.\n */\n @property({ reflect: true })\n kind = BUTTON_KIND.PRIMARY;\n\n /**\n * The a11y role for `<a>`.\n */\n @property({ attribute: 'link-role' })\n linkRole = 'button';\n\n /**\n * Boolean to determine if tooltip is open.\n */\n @property({ type: Boolean })\n openTooltip = false;\n\n /**\n * URLs to ping, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n ping!: string;\n\n /**\n * The link type, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n rel!: string;\n\n /**\n * Button size.\n */\n @property({ reflect: true })\n size = 'lg';\n\n /**\n * The link target, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n target!: string;\n\n /**\n * Specify the alignment of the tooltip to the icon-only button.\n * Can be one of: start, center, or end.\n */\n @property({ reflect: true, attribute: 'tooltip-alignment' })\n tooltipAlignment = BUTTON_TOOLTIP_ALIGNMENT.CENTER;\n\n /**\n * Specify the direction of the tooltip for icon-only buttons.\n * Can be either top, right, bottom, or left.\n */\n @property({ reflect: true, attribute: 'tooltip-position' })\n tooltipPosition = BUTTON_TOOLTIP_POSITION.TOP;\n\n /**\n * Specify the direction of the tooltip for icon-only buttons.\n * Can be either top, right, bottom, or left.\n */\n @property({ reflect: true, attribute: 'tooltip-text' })\n tooltipText!: string;\n\n /**\n * Button type.\n */\n @property({ reflect: true })\n type = BUTTON_TYPE.BUTTON;\n\n render() {\n const {\n autofocus,\n dangerDescriptor,\n disabled,\n download,\n href,\n hreflang,\n kind,\n isExpressive,\n isSelected,\n linkRole,\n openTooltip,\n ping,\n rel,\n size,\n target,\n tooltipAlignment,\n tooltipPosition,\n tooltipText,\n type,\n _hasIcon: hasIcon,\n _hasMainContent: hasMainContent,\n _handleSlotChange: handleSlotChange,\n } = this;\n const classes = classMap({\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--${kind}`]: kind,\n [`${prefix}--btn--disabled`]: disabled,\n [`${prefix}--btn--icon-only`]: hasIcon && !hasMainContent,\n [`${prefix}--btn--${size}`]: size,\n [`${prefix}-ce--btn--has-icon`]: hasIcon,\n [`${prefix}--btn--expressive`]: isExpressive,\n [`${prefix}--btn--selected`]: isSelected && kind === 'ghost',\n });\n\n const isDanger = kind.includes('danger');\n\n if (href) {\n return disabled\n ? html`\n <p id=\"button\" part=\"button\" class=\"${classes}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </p>\n `\n : html`\n <a\n id=\"button\"\n part=\"button\"\n role=\"${ifDefined(linkRole)}\"\n class=\"${classes}\"\n download=\"${ifDefined(download)}\"\n href=\"${ifDefined(href)}\"\n hreflang=\"${ifDefined(hreflang)}\"\n ping=\"${ifDefined(ping)}\"\n rel=\"${ifDefined(rel)}\"\n target=\"${ifDefined(target)}\"\n type=\"${ifDefined(type)}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </a>\n `;\n }\n\n const alignmentClass =\n tooltipAlignment &&\n (tooltipPosition === BUTTON_TOOLTIP_POSITION.TOP ||\n tooltipPosition === BUTTON_TOOLTIP_POSITION.BOTTOM)\n ? `-${tooltipAlignment}`\n : '';\n\n const tooltipClasses = classMap({\n [`${prefix}--popover-container`]: true,\n [`${prefix}--popover--caret`]: true,\n [`${prefix}--popover--high-contrast`]: true,\n [`${prefix}--tooltip`]: true,\n [`${prefix}--icon-tooltip`]: hasIcon,\n [`${prefix}--popover--open`]: openTooltip,\n [`${prefix}--popover--${tooltipPosition}${alignmentClass}`]: tooltipText,\n });\n\n return tooltipText\n ? html`\n <span class=\"${tooltipClasses}\">\n <button\n id=\"button\"\n part=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifDefined(type)}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </button>\n <span class=\"${prefix}--popover\">\n <span\n class=\"${prefix}--popover-content ${prefix}--tooltip-content\">\n ${tooltipText}\n </span>\n <span class=\"${prefix}--popover-caret\"></span>\n </span>\n </span>\n `\n : html`\n <button\n id=\"button\"\n part=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifDefined(type)}\">\n ${isDanger\n ? html`<span class=\"${prefix}--visually-hidden\"\n >${dangerDescriptor}</span\n >`\n : ``}\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </button>\n `;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSButton;\n"]}
|
|
1
|
+
{"version":3,"sources":["components/button/button.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,wBAAwB,EACxB,uBAAuB,EACxB,MAAM,QAAQ,CAAC;AAKhB,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,wBAAwB,EACxB,uBAAuB,GACxB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF;;;;;GAKG;AACH,cACM,SAAU,SAAQ,cAAyC;IAC/D;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAS;IAEzB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,oBAAoB;IAS5B,OAAO,CAAC,WAAW,CAEjB;IAEF;;OAEG;IAGH,OAAO,CAAC,eAAe,CAErB;IAEF;;;OAGG;IAGH,OAAO,CAAC,YAAY,CAElB;IAEF;;;OAGG;IAGH,OAAO,CAAC,eAAe,CAErB;IAEF;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,SAAS,MAAC;IAEV;;OAEG;IAEH,gBAAgB,MAAC;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,cAAc,UAAS;IAEvB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,YAAY,UAAS;IAErB;;;OAGG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,IAAI,cAAuB;IAE3B;;OAEG;IAEH,QAAQ,SAAY;IAEpB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,GAAG,EAAG,MAAM,CAAC;IAEb;;OAEG;IAEH,IAAI,SAAQ;IAEZ;;OAEG;IAEH,MAAM,EAAG,MAAM,CAAC;IAEhB;;;OAGG;IAEH,gBAAgB,2BAAmC;IAEnD;;;OAGG;IAEH,eAAe,0BAA+B;IAE9C;;;OAGG;IAEH,WAAW,EAAG,MAAM,CAAC;IAErB;;OAEG;IAEH,IAAI,cAAsB;IAE1B,MAAM;IAsIN,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC","file":"button.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport {\n BUTTON_KIND,\n BUTTON_TYPE,\n BUTTON_SIZE,\n BUTTON_TOOLTIP_ALIGNMENT,\n BUTTON_TOOLTIP_POSITION,\n} from './defs';\nimport styles from './button.scss';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\n\nexport {\n BUTTON_KIND,\n BUTTON_TYPE,\n BUTTON_SIZE,\n BUTTON_TOOLTIP_ALIGNMENT,\n BUTTON_TOOLTIP_POSITION,\n};\n\n/**\n * Button.\n *\n * @element cds-button\n * @csspart button The button.\n */\n@customElement(`${prefix}-button`)\nclass CDSButton extends HostListenerMixin(FocusMixin(LitElement)) {\n /**\n * `true` if there is an icon.\n */\n private _hasIcon = false;\n\n /**\n * Handles `slotchange` event.\n */\n private _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n );\n this[name === 'icon' ? '_hasIcon' : 'hasMainContent'] = hasContent;\n this.requestUpdate();\n }\n\n @HostListener('click', { capture: true })\n // @ts-ignore\n private _handleDisabledClick(event: Event) {\n const { disabled } = this;\n if (disabled) {\n event.stopPropagation();\n }\n }\n\n @HostListener('mouseover')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleOver = () => {\n this.openTooltip = true;\n };\n\n /**\n * Handles `keydown` event on this element.\n */\n @HostListener('mouseout')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleHoverOut = async () => {\n this.openTooltip = false;\n };\n\n /**\n * Handles `keydown` event on this element.\n * Space & enter will toggle state, Escape will only close.\n */\n @HostListener('focus')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleFocus = async (event) => {\n this.openTooltip = true;\n };\n\n /**\n * Handles `keydown` event on this element.\n * Space & enter will toggle state, Escape will only close.\n */\n @HostListener('focusout')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleFocusout = async (event) => {\n this.openTooltip = false;\n };\n\n /**\n * `true` if the button should have input focus when the page loads.\n */\n @property({ type: Boolean, reflect: true })\n autofocus = false;\n\n /**\n * `true` if the button is being used within a data table batch action toolbar\n */\n @property({ type: Boolean, reflect: true, attribute: 'batch-action' })\n batchAction = false;\n\n /**\n * Specify an optional className to be added to your Button\n */\n @property({ reflect: true, attribute: 'class-name' })\n className;\n\n /**\n * Specify the message read by screen readers for the danger button variant\n */\n @property({ reflect: true, attribute: 'danger-descriptor' })\n dangerDescriptor;\n\n /**\n * `true` if the button should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The default file name, used if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n download!: string;\n\n /**\n * `true` if there is a non-icon content.\n */\n @property({ reflect: true, attribute: 'has-main-content', type: Boolean })\n hasMainContent = false;\n\n /**\n * Link `href`. If present, this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n href!: string;\n\n /**\n * The language of what `href` points to, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n hreflang!: string;\n\n /**\n * `true` if expressive theme enabled.\n */\n @property({ type: Boolean, reflect: true })\n isExpressive = false;\n\n /**\n * Specify whether the Button is currently selected.\n * Only applies to the Ghost variant.\n */\n @property({ type: Boolean, reflect: true })\n isSelected = false;\n\n /**\n * Button kind.\n */\n @property({ reflect: true })\n kind = BUTTON_KIND.PRIMARY;\n\n /**\n * The a11y role for `<a>`.\n */\n @property({ attribute: 'link-role' })\n linkRole = 'button';\n\n /**\n * Boolean to determine if tooltip is open.\n */\n @property({ type: Boolean })\n openTooltip = false;\n\n /**\n * URLs to ping, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n ping!: string;\n\n /**\n * The link type, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n rel!: string;\n\n /**\n * Button size.\n */\n @property({ reflect: true })\n size = 'lg';\n\n /**\n * The link target, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n target!: string;\n\n /**\n * Specify the alignment of the tooltip to the icon-only button.\n * Can be one of: start, center, or end.\n */\n @property({ reflect: true, attribute: 'tooltip-alignment' })\n tooltipAlignment = BUTTON_TOOLTIP_ALIGNMENT.CENTER;\n\n /**\n * Specify the direction of the tooltip for icon-only buttons.\n * Can be either top, right, bottom, or left.\n */\n @property({ reflect: true, attribute: 'tooltip-position' })\n tooltipPosition = BUTTON_TOOLTIP_POSITION.TOP;\n\n /**\n * Specify the direction of the tooltip for icon-only buttons.\n * Can be either top, right, bottom, or left.\n */\n @property({ reflect: true, attribute: 'tooltip-text' })\n tooltipText!: string;\n\n /**\n * Button type.\n */\n @property({ reflect: true })\n type = BUTTON_TYPE.BUTTON;\n\n render() {\n const {\n autofocus,\n className,\n dangerDescriptor,\n disabled,\n download,\n href,\n hreflang,\n kind,\n isExpressive,\n isSelected,\n linkRole,\n openTooltip,\n ping,\n rel,\n size,\n target,\n tooltipAlignment,\n tooltipPosition,\n tooltipText,\n type,\n _hasIcon: hasIcon,\n hasMainContent,\n _handleSlotChange: handleSlotChange,\n } = this;\n\n let defaultClasses = {\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--${kind}`]: kind,\n [`${prefix}--btn--disabled`]: disabled,\n [`${prefix}--btn--icon-only`]: hasIcon && !hasMainContent,\n [`${prefix}--btn--${size}`]: size,\n [`${prefix}-ce--btn--has-icon`]: hasIcon,\n [`${prefix}--btn--expressive`]: isExpressive,\n [`${prefix}--btn--selected`]: isSelected && kind === 'ghost',\n };\n\n if (className) {\n const outputObject = {};\n className?.split(' ').forEach((element) => {\n outputObject[element] = true;\n });\n defaultClasses = outputObject;\n }\n const classes = classMap(defaultClasses);\n\n const isDanger = kind.includes('danger');\n\n if (href) {\n return disabled\n ? html`\n <p id=\"button\" part=\"button\" class=\"${classes}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </p>\n `\n : html`\n <a\n id=\"button\"\n part=\"button\"\n role=\"${ifDefined(linkRole)}\"\n class=\"${classes}\"\n download=\"${ifDefined(download)}\"\n href=\"${ifDefined(href)}\"\n hreflang=\"${ifDefined(hreflang)}\"\n ping=\"${ifDefined(ping)}\"\n rel=\"${ifDefined(rel)}\"\n target=\"${ifDefined(target)}\"\n type=\"${ifDefined(type)}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </a>\n `;\n }\n\n const alignmentClass =\n tooltipAlignment &&\n (tooltipPosition === BUTTON_TOOLTIP_POSITION.TOP ||\n tooltipPosition === BUTTON_TOOLTIP_POSITION.BOTTOM)\n ? `-${tooltipAlignment}`\n : '';\n\n const tooltipClasses = classMap({\n [`${prefix}--popover-container`]: true,\n [`${prefix}--popover--caret`]: true,\n [`${prefix}--popover--high-contrast`]: true,\n [`${prefix}--tooltip`]: true,\n [`${prefix}--icon-tooltip`]: hasIcon,\n [`${prefix}--popover--open`]: openTooltip,\n [`${prefix}--popover--${tooltipPosition}${alignmentClass}`]: tooltipText,\n });\n\n return tooltipText && !disabled\n ? html`\n <span class=\"${tooltipClasses}\">\n <button\n id=\"button\"\n part=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifDefined(type)}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </button>\n <span class=\"${prefix}--popover\">\n <span\n class=\"${prefix}--popover-content ${prefix}--tooltip-content\">\n ${tooltipText}\n </span>\n <span class=\"${prefix}--popover-caret\"></span>\n </span>\n </span>\n `\n : html`\n <button\n id=\"button\"\n part=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifDefined(type)}\">\n ${isDanger\n ? html`<span class=\"${prefix}--visually-hidden\"\n >${dangerDescriptor}</span\n >`\n : ``}\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </button>\n `;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSButton;\n"]}
|