@carbon/web-components 2.0.0-beta.4 → 2.0.0-beta.5

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.
Files changed (221) hide show
  1. package/custom-elements.json +132 -4
  2. package/es/components/accordion/accordion.css.js +1 -1
  3. package/es/components/accordion/accordion.rtl.css.js +1 -1
  4. package/es/components/breadcrumb/breadcrumb.css.js +1 -1
  5. package/es/components/breadcrumb/breadcrumb.rtl.css.js +1 -1
  6. package/es/components/button/button.css.js +1 -1
  7. package/es/components/button/button.rtl.css.js +1 -1
  8. package/es/components/checkbox/checkbox.css.js +1 -1
  9. package/es/components/code-snippet/code-snippet.css.js +1 -1
  10. package/es/components/code-snippet/code-snippet.rtl.css.js +1 -1
  11. package/es/components/combo-box/combo-box.css.js +1 -1
  12. package/es/components/combo-box/combo-box.rtl.css.js +1 -1
  13. package/es/components/content-switcher/content-switcher-item.d.ts +33 -4
  14. package/es/components/content-switcher/content-switcher-item.d.ts.map +1 -1
  15. package/es/components/content-switcher/content-switcher-item.js +129 -24
  16. package/es/components/content-switcher/content-switcher-item.js.map +1 -1
  17. package/es/components/content-switcher/content-switcher.css.js +1 -1
  18. package/es/components/content-switcher/content-switcher.d.ts +14 -6
  19. package/es/components/content-switcher/content-switcher.d.ts.map +1 -1
  20. package/es/components/content-switcher/content-switcher.js +71 -7
  21. package/es/components/content-switcher/content-switcher.js.map +1 -1
  22. package/es/components/content-switcher/content-switcher.rtl.css.js +1 -1
  23. package/es/components/copy-button/copy-button.css.js +1 -1
  24. package/es/components/copy-button/copy-button.rtl.css.js +1 -1
  25. package/es/components/date-picker/date-picker.css.js +1 -1
  26. package/es/components/date-picker/date-picker.rtl.css.js +1 -1
  27. package/es/components/dropdown/dropdown.css.js +1 -1
  28. package/es/components/dropdown/dropdown.rtl.css.js +1 -1
  29. package/es/components/file-uploader/file-uploader.css.js +1 -1
  30. package/es/components/file-uploader/file-uploader.rtl.css.js +1 -1
  31. package/es/components/icon-button/icon-button.css.js +1 -1
  32. package/es/components/icon-button/icon-button.rtl.css.js +1 -1
  33. package/es/components/inline-loading/inline-loading.css.js +1 -1
  34. package/es/components/inline-loading/inline-loading.rtl.css.js +1 -1
  35. package/es/components/layer/layer.css.js +1 -1
  36. package/es/components/list/list-item.d.ts +2 -2
  37. package/es/components/list/list-item.d.ts.map +1 -1
  38. package/es/components/list/list-item.js +5 -5
  39. package/es/components/list/list-item.js.map +1 -1
  40. package/es/components/modal/modal.css.js +1 -1
  41. package/es/components/modal/modal.rtl.css.js +1 -1
  42. package/es/components/multi-select/multi-select.css.js +1 -1
  43. package/es/components/multi-select/multi-select.rtl.css.js +1 -1
  44. package/es/components/notification/actionable-notification.css.js +1 -1
  45. package/es/components/notification/actionable-notification.rtl.css.js +1 -1
  46. package/es/components/number-input/number-input.css.js +1 -1
  47. package/es/components/number-input/number-input.rtl.css.js +1 -1
  48. package/es/components/overflow-menu/overflow-menu.css.js +1 -1
  49. package/es/components/overflow-menu/overflow-menu.rtl.css.js +1 -1
  50. package/es/components/pagination/index.d.ts +1 -0
  51. package/es/components/pagination/index.d.ts.map +1 -1
  52. package/es/components/pagination/index.js +1 -0
  53. package/es/components/pagination/index.js.map +1 -1
  54. package/es/components/pagination/pagination.css.js +1 -1
  55. package/es/components/pagination/pagination.d.ts +1 -0
  56. package/es/components/pagination/pagination.d.ts.map +1 -1
  57. package/es/components/pagination/pagination.js +2 -0
  58. package/es/components/pagination/pagination.js.map +1 -1
  59. package/es/components/pagination/pagination.rtl.css.js +1 -1
  60. package/es/components/popover/popover.css.js +1 -1
  61. package/es/components/popover/popover.rtl.css.js +1 -1
  62. package/es/components/progress-bar/progress-bar.css.js +1 -1
  63. package/es/components/progress-bar/progress-bar.rtl.css.js +1 -1
  64. package/es/components/progress-indicator/progress-indicator.css.js +1 -1
  65. package/es/components/progress-indicator/progress-indicator.rtl.css.js +1 -1
  66. package/es/components/radio-button/radio-button-skeleton.d.ts +2 -2
  67. package/es/components/radio-button/radio-button-skeleton.d.ts.map +1 -1
  68. package/es/components/radio-button/radio-button-skeleton.js +4 -4
  69. package/es/components/radio-button/radio-button-skeleton.js.map +1 -1
  70. package/es/components/search/search.css.js +1 -1
  71. package/es/components/search/search.rtl.css.js +1 -1
  72. package/es/components/select/select.css.js +1 -1
  73. package/es/components/select/select.rtl.css.js +1 -1
  74. package/es/components/skip-to-content/skip-to-content.d.ts +3 -3
  75. package/es/components/skip-to-content/skip-to-content.d.ts.map +1 -1
  76. package/es/components/skip-to-content/skip-to-content.js +5 -5
  77. package/es/components/skip-to-content/skip-to-content.js.map +1 -1
  78. package/es/components/slider/slider.css.js +1 -1
  79. package/es/components/slider/slider.rtl.css.js +1 -1
  80. package/es/components/stack/stack.css.js +1 -1
  81. package/es/components/structured-list/structured-list-body.d.ts +2 -2
  82. package/es/components/structured-list/structured-list-body.d.ts.map +1 -1
  83. package/es/components/structured-list/structured-list-body.js +5 -5
  84. package/es/components/structured-list/structured-list-body.js.map +1 -1
  85. package/es/components/structured-list/structured-list-cell.d.ts +2 -2
  86. package/es/components/structured-list/structured-list-cell.d.ts.map +1 -1
  87. package/es/components/structured-list/structured-list-cell.js +5 -5
  88. package/es/components/structured-list/structured-list-cell.js.map +1 -1
  89. package/es/components/structured-list/structured-list-head.d.ts +2 -2
  90. package/es/components/structured-list/structured-list-head.d.ts.map +1 -1
  91. package/es/components/structured-list/structured-list-head.js +5 -5
  92. package/es/components/structured-list/structured-list-head.js.map +1 -1
  93. package/es/components/structured-list/structured-list-header-cell-skeleton.d.ts +2 -2
  94. package/es/components/structured-list/structured-list-header-cell-skeleton.d.ts.map +1 -1
  95. package/es/components/structured-list/structured-list-header-cell-skeleton.js +4 -4
  96. package/es/components/structured-list/structured-list-header-cell-skeleton.js.map +1 -1
  97. package/es/components/structured-list/structured-list-header-cell.d.ts +2 -2
  98. package/es/components/structured-list/structured-list-header-cell.d.ts.map +1 -1
  99. package/es/components/structured-list/structured-list-header-cell.js +5 -5
  100. package/es/components/structured-list/structured-list-header-cell.js.map +1 -1
  101. package/es/components/structured-list/structured-list-header-row.d.ts +2 -2
  102. package/es/components/structured-list/structured-list-header-row.d.ts.map +1 -1
  103. package/es/components/structured-list/structured-list-header-row.js +5 -5
  104. package/es/components/structured-list/structured-list-header-row.js.map +1 -1
  105. package/es/components/structured-list/structured-list-row.d.ts +3 -3
  106. package/es/components/structured-list/structured-list-row.d.ts.map +1 -1
  107. package/es/components/structured-list/structured-list-row.js +6 -6
  108. package/es/components/structured-list/structured-list-row.js.map +1 -1
  109. package/es/components/structured-list/structured-list.css.js +1 -1
  110. package/es/components/structured-list/structured-list.d.ts +3 -3
  111. package/es/components/structured-list/structured-list.d.ts.map +1 -1
  112. package/es/components/structured-list/structured-list.js +5 -5
  113. package/es/components/structured-list/structured-list.js.map +1 -1
  114. package/es/components/structured-list/structured-list.rtl.css.js +1 -1
  115. package/es/components/tabs/tab.d.ts +2 -2
  116. package/es/components/tabs/tab.d.ts.map +1 -1
  117. package/es/components/tabs/tab.js +4 -4
  118. package/es/components/tabs/tab.js.map +1 -1
  119. package/es/components/tabs/tabs.d.ts +2 -2
  120. package/es/components/tabs/tabs.d.ts.map +1 -1
  121. package/es/components/tabs/tabs.js +2 -2
  122. package/es/components/tabs/tabs.js.map +1 -1
  123. package/es/components/tag/tag.css.js +1 -1
  124. package/es/components/tag/tag.rtl.css.js +1 -1
  125. package/es/components/text-input/text-input.css.js +1 -1
  126. package/es/components/text-input/text-input.rtl.css.js +1 -1
  127. package/es/components/textarea/textarea.css.js +1 -1
  128. package/es/components/textarea/textarea.rtl.css.js +1 -1
  129. package/es/components/tile/clickable-tile.d.ts +3 -3
  130. package/es/components/tile/clickable-tile.d.ts.map +1 -1
  131. package/es/components/tile/clickable-tile.js +6 -6
  132. package/es/components/tile/clickable-tile.js.map +1 -1
  133. package/es/components/tile/expandable-tile.d.ts +3 -3
  134. package/es/components/tile/expandable-tile.d.ts.map +1 -1
  135. package/es/components/tile/expandable-tile.js +4 -4
  136. package/es/components/tile/expandable-tile.js.map +1 -1
  137. package/es/components/tile/selectable-tile.d.ts +3 -3
  138. package/es/components/tile/selectable-tile.d.ts.map +1 -1
  139. package/es/components/tile/selectable-tile.js +4 -4
  140. package/es/components/tile/selectable-tile.js.map +1 -1
  141. package/es/components/tile/tile.css.js +1 -1
  142. package/es/components/tile/tile.d.ts +2 -2
  143. package/es/components/tile/tile.d.ts.map +1 -1
  144. package/es/components/tile/tile.js +4 -4
  145. package/es/components/tile/tile.js.map +1 -1
  146. package/es/components/tile/tile.rtl.css.js +1 -1
  147. package/es/components/toggle/toggle.css.js +1 -1
  148. package/es/components/toggle/toggle.d.ts +2 -2
  149. package/es/components/toggle/toggle.d.ts.map +1 -1
  150. package/es/components/toggle/toggle.js +2 -2
  151. package/es/components/toggle/toggle.js.map +1 -1
  152. package/es/components/toggle-tip/index.d.ts +11 -0
  153. package/es/components/toggle-tip/index.d.ts.map +1 -0
  154. package/es/components/toggle-tip/index.js +11 -0
  155. package/es/components/toggle-tip/index.js.map +1 -0
  156. package/es/components/toggle-tip/toggletip.d.ts +3 -3
  157. package/es/components/toggle-tip/toggletip.d.ts.map +1 -1
  158. package/es/components/toggle-tip/toggletip.js +4 -4
  159. package/es/components/toggle-tip/toggletip.js.map +1 -1
  160. package/es/components/tooltip/tooltip.css.js +1 -1
  161. package/es/components/tooltip/tooltip.rtl.css.js +1 -1
  162. package/es/components/ui-shell/header.css.js +1 -1
  163. package/es/components/ui-shell/header.rtl.css.js +1 -1
  164. package/es/components/ui-shell/side-nav.css.js +1 -1
  165. package/es/components/ui-shell/side-nav.rtl.css.js +1 -1
  166. package/es/components-react/content-switcher/content-switcher-item.d.ts +2 -3
  167. package/es/components-react/content-switcher/content-switcher.d.ts +2 -3
  168. package/es/components-react/list/list-item.d.ts +2 -2
  169. package/es/components-react/radio-button/radio-button-skeleton.d.ts +2 -2
  170. package/es/components-react/skip-to-content/skip-to-content.d.ts +2 -2
  171. package/es/components-react/structured-list/structured-list-body.d.ts +2 -2
  172. package/es/components-react/structured-list/structured-list-cell.d.ts +2 -2
  173. package/es/components-react/structured-list/structured-list-head.d.ts +2 -2
  174. package/es/components-react/structured-list/structured-list-header-cell-skeleton.d.ts +2 -2
  175. package/es/components-react/structured-list/structured-list-header-cell.d.ts +2 -2
  176. package/es/components-react/structured-list/structured-list-header-row.d.ts +2 -2
  177. package/es/components-react/structured-list/structured-list-row.d.ts +2 -2
  178. package/es/components-react/structured-list/structured-list.d.ts +2 -2
  179. package/es/components-react/tile/clickable-tile.d.ts +2 -2
  180. package/es/components-react/tile/expandable-tile.d.ts +2 -2
  181. package/es/components-react/tile/selectable-tile.d.ts +2 -2
  182. package/es/components-react/tile/tile.d.ts +2 -2
  183. package/es/components-react/toggle-tip/index.d.ts +14 -0
  184. package/es/components-react/toggle-tip/index.js +8 -0
  185. package/es/components-react/toggle-tip/toggletip.d.ts +2 -2
  186. package/es/icons/information/16.js +1 -1
  187. package/lib/components-react-node/toggle-tip/index.js +9 -0
  188. package/package.json +1 -1
  189. package/scss/components/accordion/accordion.scss +19 -12
  190. package/scss/components/button/button.scss +51 -38
  191. package/scss/components/checkbox/checkbox.scss +13 -13
  192. package/scss/components/code-snippet/code-snippet.scss +17 -14
  193. package/scss/components/combo-box/combo-box.scss +45 -42
  194. package/scss/components/content-switcher/content-switcher.scss +37 -8
  195. package/scss/components/copy-button/copy-button.scss +3 -0
  196. package/scss/components/date-picker/date-picker.scss +3 -0
  197. package/scss/components/dropdown/dropdown.scss +70 -67
  198. package/scss/components/file-uploader/file-uploader.scss +16 -11
  199. package/scss/components/inline-loading/inline-loading.scss +3 -0
  200. package/scss/components/layer/layer.scss +10 -10
  201. package/scss/components/modal/modal.scss +29 -28
  202. package/scss/components/multi-select/multi-select.scss +41 -34
  203. package/scss/components/notification/actionable-notification.scss +12 -10
  204. package/scss/components/number-input/number-input.scss +3 -0
  205. package/scss/components/overflow-menu/overflow-menu.scss +7 -4
  206. package/scss/components/pagination/pagination.scss +3 -0
  207. package/scss/components/popover/popover.scss +17 -9
  208. package/scss/components/progress-bar/progress-bar.scss +6 -0
  209. package/scss/components/progress-indicator/progress-indicator.scss +3 -0
  210. package/scss/components/search/search.scss +48 -45
  211. package/scss/components/select/select.scss +43 -40
  212. package/scss/components/slider/slider.scss +7 -4
  213. package/scss/components/stack/stack.scss +8 -8
  214. package/scss/components/structured-list/structured-list.scss +5 -0
  215. package/scss/components/tag/tag.scss +67 -64
  216. package/scss/components/text-input/text-input.scss +21 -15
  217. package/scss/components/textarea/textarea.scss +9 -6
  218. package/scss/components/tile/tile.scss +33 -22
  219. package/scss/components/toggle/toggle.scss +8 -8
  220. package/scss/components/ui-shell/header.scss +3 -0
  221. package/scss/components/ui-shell/side-nav.scss +11 -6
@@ -1 +1 @@
1
- {"version":3,"sources":["components/list/list-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;;GAKG;AACH,cACM,UAAW,SAAQ,UAAU;IACjC;;OAEG;IACH,OAAO,CAAC,eAAe,CAAS;IAEhC;;;;OAIG;IACH,OAAO,CAAC,uBAAuB;IAM/B;;;OAGG;IAEH,MAAM,UAAS;IAEf,iBAAiB;IAcjB,MAAM;IAeN;;OAEG;IACH,MAAM,KAAK,kBAAkB,WAE5B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,UAAU,CAAC","file":"list-item.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 { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './list.scss';\n\n/**\n * List item.\n *\n * @element cds-list-item\n * @slot nested - The nested child list.\n */\n@customElement(`${prefix}-list-item`)\nclass BXListItem extends LitElement {\n /**\n * `true` if there is slotted nested child list.\n */\n private _hasNestedChild = false;\n\n /**\n * Handles `slotchange` event for the `<slot>` for the nested child list.\n *\n * @param event The event.\n */\n private _handleSlotChangeNested({ target }: Event) {\n this._hasNestedChild =\n (target as HTMLSlotElement).assignedNodes().length > 0;\n this.requestUpdate();\n }\n\n /**\n * `true` if this list item is a child of a nested list.\n * `<cds-ordered-list>` or `<cds-unordered-list>` automatically sets this property.\n */\n @property({ type: Boolean, reflect: true })\n nested = false;\n\n connectedCallback() {\n // Uses attribute for lookup from child\n this.toggleAttribute(\n 'nested',\n Boolean(\n this.closest((this.constructor as typeof BXListItem).selectorNestedList)\n )\n );\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n super.connectedCallback();\n }\n\n render() {\n const {\n _hasNestedChild: hasNestedChild,\n _handleSlotChangeNested: handleSlotChangeNested,\n } = this;\n return html`\n <slot></slot>\n <div\n ?hidden=\"${!hasNestedChild}\"\n class=\"${prefix}-ce--list__item__nested-child\">\n <slot name=\"nested\" @slotchange=\"${handleSlotChangeNested}\"></slot>\n </div>\n `;\n }\n\n /**\n * A selector that will return nested list.\n */\n static get selectorNestedList() {\n return `${prefix}-ordered-list[slot=\"nested\"],${prefix}-unordered-list[slot=\"nested\"]`;\n }\n\n static styles = styles;\n}\n\nexport default BXListItem;\n"]}
1
+ {"version":3,"sources":["components/list/list-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;;GAKG;AACH,cACM,WAAY,SAAQ,UAAU;IAClC;;OAEG;IACH,OAAO,CAAC,eAAe,CAAS;IAEhC;;;;OAIG;IACH,OAAO,CAAC,uBAAuB;IAM/B;;;OAGG;IAEH,MAAM,UAAS;IAEf,iBAAiB;IAgBjB,MAAM;IAeN;;OAEG;IACH,MAAM,KAAK,kBAAkB,WAE5B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,WAAW,CAAC","file":"list-item.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 { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './list.scss';\n\n/**\n * List item.\n *\n * @element cds-list-item\n * @slot nested - The nested child list.\n */\n@customElement(`${prefix}-list-item`)\nclass CDSListItem extends LitElement {\n /**\n * `true` if there is slotted nested child list.\n */\n private _hasNestedChild = false;\n\n /**\n * Handles `slotchange` event for the `<slot>` for the nested child list.\n *\n * @param event The event.\n */\n private _handleSlotChangeNested({ target }: Event) {\n this._hasNestedChild =\n (target as HTMLSlotElement).assignedNodes().length > 0;\n this.requestUpdate();\n }\n\n /**\n * `true` if this list item is a child of a nested list.\n * `<cds-ordered-list>` or `<cds-unordered-list>` automatically sets this property.\n */\n @property({ type: Boolean, reflect: true })\n nested = false;\n\n connectedCallback() {\n // Uses attribute for lookup from child\n this.toggleAttribute(\n 'nested',\n Boolean(\n this.closest(\n (this.constructor as typeof CDSListItem).selectorNestedList\n )\n )\n );\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n super.connectedCallback();\n }\n\n render() {\n const {\n _hasNestedChild: hasNestedChild,\n _handleSlotChangeNested: handleSlotChangeNested,\n } = this;\n return html`\n <slot></slot>\n <div\n ?hidden=\"${!hasNestedChild}\"\n class=\"${prefix}-ce--list__item__nested-child\">\n <slot name=\"nested\" @slotchange=\"${handleSlotChangeNested}\"></slot>\n </div>\n `;\n }\n\n /**\n * A selector that will return nested list.\n */\n static get selectorNestedList() {\n return `${prefix}-ordered-list[slot=\"nested\"],${prefix}-unordered-list[slot=\"nested\"]`;\n }\n\n static styles = styles;\n}\n\nexport default CDSListItem;\n"]}
@@ -28,15 +28,15 @@ import styles from "././list.css.js";
28
28
  * @element cds-list-item
29
29
  * @slot nested - The nested child list.
30
30
  */
31
- let BXListItem = _decorate([customElement(`${prefix}-list-item`)], function (_initialize, _LitElement) {
32
- class BXListItem extends _LitElement {
31
+ let CDSListItem = _decorate([customElement(`${prefix}-list-item`)], function (_initialize, _LitElement) {
32
+ class CDSListItem extends _LitElement {
33
33
  constructor(...args) {
34
34
  super(...args);
35
35
  _initialize(this);
36
36
  }
37
37
  }
38
38
  return {
39
- F: BXListItem,
39
+ F: CDSListItem,
40
40
  d: [{
41
41
  kind: "field",
42
42
  key: "_hasNestedChild",
@@ -86,7 +86,7 @@ let BXListItem = _decorate([customElement(`${prefix}-list-item`)], function (_in
86
86
  if (!this.hasAttribute('role')) {
87
87
  this.setAttribute('role', 'listitem');
88
88
  }
89
- _get(_getPrototypeOf(BXListItem.prototype), "connectedCallback", this).call(this);
89
+ _get(_getPrototypeOf(CDSListItem.prototype), "connectedCallback", this).call(this);
90
90
  }
91
91
  }, {
92
92
  kind: "method",
@@ -126,5 +126,5 @@ let BXListItem = _decorate([customElement(`${prefix}-list-item`)], function (_in
126
126
  }]
127
127
  };
128
128
  }, LitElement);
129
- export default BXListItem;
129
+ export default CDSListItem;
130
130
  //# sourceMappingURL=list-item.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"list-item.js","names":["LitElement","html","property","customElement","prefix","styles","BXListItem","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","_handleSlotChangeNested","target","_hasNestedChild","assignedNodes","length","requestUpdate","decorators","type","Boolean","reflect","connectedCallback","toggleAttribute","closest","selectorNestedList","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","hasNestedChild","handleSlotChangeNested","_t","_","static"],"sources":["components/list/list-item.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 { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './list.scss';\n\n/**\n * List item.\n *\n * @element cds-list-item\n * @slot nested - The nested child list.\n */\n@customElement(`${prefix}-list-item`)\nclass BXListItem extends LitElement {\n /**\n * `true` if there is slotted nested child list.\n */\n private _hasNestedChild = false;\n\n /**\n * Handles `slotchange` event for the `<slot>` for the nested child list.\n *\n * @param event The event.\n */\n private _handleSlotChangeNested({ target }: Event) {\n this._hasNestedChild =\n (target as HTMLSlotElement).assignedNodes().length > 0;\n this.requestUpdate();\n }\n\n /**\n * `true` if this list item is a child of a nested list.\n * `<cds-ordered-list>` or `<cds-unordered-list>` automatically sets this property.\n */\n @property({ type: Boolean, reflect: true })\n nested = false;\n\n connectedCallback() {\n // Uses attribute for lookup from child\n this.toggleAttribute(\n 'nested',\n Boolean(\n this.closest((this.constructor as typeof BXListItem).selectorNestedList)\n )\n );\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n super.connectedCallback();\n }\n\n render() {\n const {\n _hasNestedChild: hasNestedChild,\n _handleSlotChangeNested: handleSlotChangeNested,\n } = this;\n return html`\n <slot></slot>\n <div\n ?hidden=\"${!hasNestedChild}\"\n class=\"${prefix}-ce--list__item__nested-child\">\n <slot name=\"nested\" @slotchange=\"${handleSlotChangeNested}\"></slot>\n </div>\n `;\n }\n\n /**\n * A selector that will return nested list.\n */\n static get selectorNestedList() {\n return `${prefix}-ordered-list[slot=\"nested\"],${prefix}-unordered-list[slot=\"nested\"]`;\n }\n\n static styles = styles;\n}\n\nexport default BXListItem;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,iBAAa;;AAEhC;AACA;AACA;AACA;AACA;AACA,GALA;AACA;AACA;AACA;AACA;AACA;AALA,IAOMC,UAAU,GAAAC,SAAA,EADfJ,aAAa,CAAE,GAAEC,MAAO,YAAW,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAArC,MACMH,UAAU,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA6DpC;EAAC;IAAAI,CAAA,EA7DKN,UAAU;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAIY,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAH/B;AACF;AACA;;MAGE;AACF;AACA;AACA;AACA;MACE,SAAAC,wBAAgC;QAAEC;MAAc,CAAC,EAAE;QACjD,IAAI,CAACC,eAAe,GACjBD,MAAM,CAAqBE,aAAa,EAAE,CAACC,MAAM,GAAG,CAAC;QACxD,IAAI,CAACC,aAAa,EAAE;MACtB;;MAEA;AACF;AACA;AACA;IAHE;MAAAR,IAAA;MAAAS,UAAA,GAICrB,QAAQ,CAAC;QAAEsB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAX,GAAA;MAAAC,MAAA;QAAA,OAClC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAEd,SAAAW,kBAAA,EAAoB;QAClB;QACA,IAAI,CAACC,eAAe,CAClB,QAAQ,EACRH,OAAO,CACL,IAAI,CAACI,OAAO,CAAE,IAAI,CAACnB,WAAW,CAAuBoB,kBAAkB,CAAC,CACzE,CACF;QACD,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;QACAC,IAAA,CAAAC,eAAA,CAnCE5B,UAAU,CAAA6B,SAAA,8BAAAC,IAAA;MAoCd;IAAC;MAAAtB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAqB,OAAA,EAAS;QACP,MAAM;UACJlB,eAAe,EAAEmB,cAAc;UAC/BrB,uBAAuB,EAAEsB;QAC3B,CAAC,GAAG,IAAI;QACR,OAAOtC,IAAI,CAAAuC,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB;AACA;AACA,mBAAiB,CAAkB;AACnC,iBAAe,CAAS;AACxB,2CAAyC,CAAyB;AAClE;AACA,KAAI,GAJe,CAACH,cAAc,EACjBlC,MAAM,EACoBmC,sBAAsB;MAG/D;;MAEA;AACF;AACA;IAFE;MAAAzB,IAAA;MAAA4B,MAAA;MAAA3B,GAAA;MAAAC,KAAA,EAGA,SAAAc,mBAAA,EAAgC;QAC9B,OAAQ,GAAE1B,MAAO,gCAA+BA,MAAO,gCAA+B;MACxF;IAAC;MAAAU,IAAA;MAAA4B,MAAA;MAAA3B,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GA5DCL,UAAU;AA+DnC,eAAeM,UAAU"}
1
+ {"version":3,"file":"list-item.js","names":["LitElement","html","property","customElement","prefix","styles","CDSListItem","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","_handleSlotChangeNested","target","_hasNestedChild","assignedNodes","length","requestUpdate","decorators","type","Boolean","reflect","connectedCallback","toggleAttribute","closest","selectorNestedList","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","hasNestedChild","handleSlotChangeNested","_t","_","static"],"sources":["components/list/list-item.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 { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './list.scss';\n\n/**\n * List item.\n *\n * @element cds-list-item\n * @slot nested - The nested child list.\n */\n@customElement(`${prefix}-list-item`)\nclass CDSListItem extends LitElement {\n /**\n * `true` if there is slotted nested child list.\n */\n private _hasNestedChild = false;\n\n /**\n * Handles `slotchange` event for the `<slot>` for the nested child list.\n *\n * @param event The event.\n */\n private _handleSlotChangeNested({ target }: Event) {\n this._hasNestedChild =\n (target as HTMLSlotElement).assignedNodes().length > 0;\n this.requestUpdate();\n }\n\n /**\n * `true` if this list item is a child of a nested list.\n * `<cds-ordered-list>` or `<cds-unordered-list>` automatically sets this property.\n */\n @property({ type: Boolean, reflect: true })\n nested = false;\n\n connectedCallback() {\n // Uses attribute for lookup from child\n this.toggleAttribute(\n 'nested',\n Boolean(\n this.closest(\n (this.constructor as typeof CDSListItem).selectorNestedList\n )\n )\n );\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n super.connectedCallback();\n }\n\n render() {\n const {\n _hasNestedChild: hasNestedChild,\n _handleSlotChangeNested: handleSlotChangeNested,\n } = this;\n return html`\n <slot></slot>\n <div\n ?hidden=\"${!hasNestedChild}\"\n class=\"${prefix}-ce--list__item__nested-child\">\n <slot name=\"nested\" @slotchange=\"${handleSlotChangeNested}\"></slot>\n </div>\n `;\n }\n\n /**\n * A selector that will return nested list.\n */\n static get selectorNestedList() {\n return `${prefix}-ordered-list[slot=\"nested\"],${prefix}-unordered-list[slot=\"nested\"]`;\n }\n\n static styles = styles;\n}\n\nexport default CDSListItem;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,iBAAa;;AAEhC;AACA;AACA;AACA;AACA;AACA,GALA;AACA;AACA;AACA;AACA;AACA;AALA,IAOMC,WAAW,GAAAC,SAAA,EADhBJ,aAAa,CAAE,GAAEC,MAAO,YAAW,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAArC,MACMH,WAAW,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA+DrC;EAAC;IAAAI,CAAA,EA/DKN,WAAW;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAIW,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAH/B;AACF;AACA;;MAGE;AACF;AACA;AACA;AACA;MACE,SAAAC,wBAAgC;QAAEC;MAAc,CAAC,EAAE;QACjD,IAAI,CAACC,eAAe,GACjBD,MAAM,CAAqBE,aAAa,EAAE,CAACC,MAAM,GAAG,CAAC;QACxD,IAAI,CAACC,aAAa,EAAE;MACtB;;MAEA;AACF;AACA;AACA;IAHE;MAAAR,IAAA;MAAAS,UAAA,GAICrB,QAAQ,CAAC;QAAEsB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAX,GAAA;MAAAC,MAAA;QAAA,OAClC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAEd,SAAAW,kBAAA,EAAoB;QAClB;QACA,IAAI,CAACC,eAAe,CAClB,QAAQ,EACRH,OAAO,CACL,IAAI,CAACI,OAAO,CACT,IAAI,CAACnB,WAAW,CAAwBoB,kBAAkB,CAC5D,CACF,CACF;QACD,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;QACAC,IAAA,CAAAC,eAAA,CArCE5B,WAAW,CAAA6B,SAAA,8BAAAC,IAAA;MAsCf;IAAC;MAAAtB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAqB,OAAA,EAAS;QACP,MAAM;UACJlB,eAAe,EAAEmB,cAAc;UAC/BrB,uBAAuB,EAAEsB;QAC3B,CAAC,GAAG,IAAI;QACR,OAAOtC,IAAI,CAAAuC,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB;AACA;AACA,mBAAiB,CAAkB;AACnC,iBAAe,CAAS;AACxB,2CAAyC,CAAyB;AAClE;AACA,KAAI,GAJe,CAACH,cAAc,EACjBlC,MAAM,EACoBmC,sBAAsB;MAG/D;;MAEA;AACF;AACA;IAFE;MAAAzB,IAAA;MAAA4B,MAAA;MAAA3B,GAAA;MAAAC,KAAA,EAGA,SAAAc,mBAAA,EAAgC;QAC9B,OAAQ,GAAE1B,MAAO,gCAA+BA,MAAO,gCAA+B;MACxF;IAAC;MAAAU,IAAA;MAAA4B,MAAA;MAAA3B,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GA9DEL,UAAU;AAiEpC,eAAeM,WAAW"}
@@ -8,5 +8,5 @@
8
8
  */
9
9
  import { css } from 'lit';
10
10
  export default css([
11
- ':root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-one{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-two,:host(cds-modal-body){--cds-layer:var(--cds-layer-02, #ffffff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #ffffff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}@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{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{display:flex}.cds--btn-set--stacked{flex-direction:column}.cds--btn-set .cds--btn{width:100%;max-width:12.25rem}.cds--btn-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){box-shadow:inherit}.cds--btn-set .cds--btn:focus+.cds--btn{box-shadow:inherit}.cds--btn-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){box-shadow:inherit}.cds--btn-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{box-shadow:none}.cds--btn-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{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--modal,:host(cds-modal),:host(cds-modal)[open]{position:fixed;z-index:9000;top:0;left:0;display:flex;width:100vw;height:100vh;align-items:center;justify-content:center;background-color:var(--cds-overlay,rgba(22,22,22,.5));content:"";opacity:0;transition:opacity 240ms cubic-bezier(.4,.14,1,1),visibility 0s linear 240ms;visibility:hidden}.cds--modal.is-visible,.is-visible:host(cds-modal),[open]:host(cds-modal){opacity:1;transition:opacity 240ms cubic-bezier(0,0,.3,1),visibility 0s linear;visibility:inherit}@media screen and (prefers-reduced-motion:reduce){.cds--modal.is-visible,.is-visible:host(cds-modal),[open]:host(cds-modal){transition:none}}.cds--modal .cds--date-picker__input,.cds--modal .cds--dropdown,.cds--modal .cds--dropdown-list,.cds--modal .cds--multi-select,.cds--modal .cds--number input[type=number],.cds--modal .cds--number__control-btn::after,.cds--modal .cds--number__control-btn::before,.cds--modal .cds--pagination,.cds--modal .cds--pagination__control-buttons,.cds--modal .cds--search-input,.cds--modal .cds--select-input,.cds--modal .cds--text-area,.cds--modal .cds--text-input,:host(cds-modal) .cds--date-picker__input,:host(cds-modal) .cds--dropdown,:host(cds-modal) .cds--dropdown-list,:host(cds-modal) .cds--multi-select,:host(cds-modal) .cds--number input[type=number],:host(cds-modal) .cds--number__control-btn::after,:host(cds-modal) .cds--number__control-btn::before,:host(cds-modal) .cds--pagination,:host(cds-modal) .cds--pagination__control-buttons,:host(cds-modal) .cds--search-input,:host(cds-modal) .cds--select-input,:host(cds-modal) .cds--text-area,:host(cds-modal) .cds--text-input{background-color:var(--cds-field-02,#fff)}.cds--modal .cds--number__rule-divider,:host(cds-modal) .cds--number__rule-divider{background-color:var(--cds-border-subtle-02,#e0e0e0)}.cds--modal .cds--date-picker--fluid .ccdsds--date-picker-input__wrapper .cds--date-picker__input,.cds--modal .cds--list-box__wrapper--fluid .cds--list-box,.cds--modal .cds--list-box__wrapper--fluid.cds--list-box__wrapper,.cds--modal .cds--number-input--fluid .cds--number__control-btn::after,.cds--modal .cds--number-input--fluid .cds--number__control-btn::before,.cds--modal .cds--number-input--fluid input[type=number],.cds--modal .cds--search--fluid .cds--search-input,.cds--modal .cds--select--fluid .cds--select-input,.cds--modal .cds--text-area--fluid .cds--text-area,.cds--modal .cds--text-area--fluid .cds--text-area__wrapper,.cds--modal .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider+.cds--form-requirement,.cds--modal .cds--text-input--fluid .cds--text-input,:host(cds-modal) .cds--date-picker--fluid .ccdsds--date-picker-input__wrapper .cds--date-picker__input,:host(cds-modal) .cds--list-box__wrapper--fluid .cds--list-box,:host(cds-modal) .cds--list-box__wrapper--fluid.cds--list-box__wrapper,:host(cds-modal) .cds--number-input--fluid .cds--number__control-btn::after,:host(cds-modal) .cds--number-input--fluid .cds--number__control-btn::before,:host(cds-modal) .cds--number-input--fluid input[type=number],:host(cds-modal) .cds--search--fluid .cds--search-input,:host(cds-modal) .cds--select--fluid .cds--select-input,:host(cds-modal) .cds--text-area--fluid .cds--text-area,:host(cds-modal) .cds--text-area--fluid .cds--text-area__wrapper,:host(cds-modal) .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider+.cds--form-requirement,:host(cds-modal) .cds--text-input--fluid .cds--text-input{background-color:var(--cds-field-01,#f4f4f4)}.cds--modal .cds--number-input--fluid .cds--number__control-btn:hover::after,.cds--modal .cds--number-input--fluid .cds--number__control-btn:hover::before,:host(cds-modal) .cds--number-input--fluid .cds--number__control-btn:hover::after,:host(cds-modal) .cds--number-input--fluid .cds--number__control-btn:hover::before{background-color:var(--cds-field-hover)}.cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::after,.cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::before,:host(cds-modal) .cds--number-input--fluid .cds--number__control-btn:focus::after,:host(cds-modal) .cds--number-input--fluid .cds--number__control-btn:focus::before{border-left:2px solid var(--cds-focus,#0f62fe)}.cds--modal.is-visible .cds--modal-container,.is-visible:host(cds-modal) .cds--modal-container,[open]:host(cds-modal) .cds--modal-container{transform:translate3d(0,0,0);transition:transform 240ms cubic-bezier(0,0,.3,1)}.cds--modal-container{position:fixed;top:0;display:grid;overflow:hidden;width:100%;height:100%;max-height:100%;background-color:var(--cds-layer);grid-template-columns:100%;grid-template-rows:auto 1fr auto;outline:3px solid transparent;outline-offset:-3px;transform:translate3d(0,-24px,0);transform-origin:top center;transition:transform 240ms cubic-bezier(.4,.14,1,1)}@media (min-width:42rem){.cds--modal-container{position:static;width:84%;height:auto;max-height:90%}}@media (min-width:66rem){.cds--modal-container{width:60%;max-height:84%}}@media (min-width:82rem){.cds--modal-container{width:48%}}.cds--modal-container .cds--modal-container-body{display:contents}.cds--modal-content,:host(cds-modal-body){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);position:relative;padding-top:.5rem;padding-right:1rem;padding-left:1rem;margin-bottom:3rem;color:var(--cds-text-primary,#161616);font-weight:400;grid-column:1/-1;grid-row:2/-2;overflow-y:auto}.cds--modal-content:focus,:focus:host(cds-modal-body){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--modal-content:focus,:focus:host(cds-modal-body){outline-style:dotted}}.cds--modal-content .cds--form--fluid,:host(cds-modal-body) .cds--form--fluid{margin-right:-1rem;margin-left:-1rem}.cds--modal-content>p,.cds--modal-content__regular-content,:host(cds-modal-body)>p{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);padding-right:calc(20% - 2rem)}.cds--modal-content--with-form{padding-right:1rem}.cds--modal-header,:host(cds-modal-header){padding-top:1rem;padding-right:3rem;padding-left:1rem;margin-bottom:.5rem;grid-column:1/-1;grid-row:1/1}.cds--modal-header__label,:host(cds-modal-label){font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);margin-bottom:.25rem;color:var(--cds-text-secondary,#525252)}.cds--modal-header__heading,:host(cds-modal-heading){font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);line-height:var(--cds-heading-03-line-height,1.4);letter-spacing:var(--cds-heading-03-letter-spacing,0);padding-right:calc(20% - 3rem);color:var(--cds-text-primary,#161616)}.cds--modal-container--xs .cds--modal-content__regular-content{padding-right:1rem}.cds--modal-container--xs .cds--modal-content>p,.cds--modal-container--xs :host(cds-modal-body)>p{padding-right:0}@media (min-width:42rem){.cds--modal-container--xs{width:48%}}@media (min-width:66rem){.cds--modal-container--xs{width:32%;max-height:48%}}@media (min-width:82rem){.cds--modal-container--xs{width:24%}}.cds--modal-container--sm .cds--modal-content__regular-content{padding-right:1rem}.cds--modal-container--sm .cds--modal-content>p,.cds--modal-container--sm :host(cds-modal-body)>p{padding-right:0}@media (min-width:42rem){.cds--modal-container--sm{width:60%}}@media (min-width:66rem){.cds--modal-container--sm{width:42%;max-height:72%}.cds--modal-container--sm .cds--modal-content>p,.cds--modal-container--sm .cds--modal-content__regular-content,.cds--modal-container--sm :host(cds-modal-body)>p{padding-right:20%}}@media (min-width:82rem){.cds--modal-container--sm{width:36%}}@media (min-width:42rem){.cds--modal-container--lg{width:96%}}@media (min-width:66rem){.cds--modal-container--lg{width:84%;max-height:96%}}@media (min-width:82rem){.cds--modal-container--lg{width:72%}}.cds--modal-scroll-content>:last-child{padding-bottom:2rem}.cds--modal-content--overflow-indicator{position:absolute;bottom:3rem;left:0;width:100%;height:2rem;background-image:linear-gradient(to bottom,transparent,var(--cds-layer));content:"";grid-column:1/-1;grid-row:2/-2;pointer-events:none}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.cds--modal-content--overflow-indicator{background-image:linear-gradient(to bottom,rgba(var(--cds-layer),0),var(--cds-layer))}}}.cds--modal-content:focus~.cds--modal-content--overflow-indicator,:focus:host(cds-modal-body)~.cds--modal-content--overflow-indicator{width:calc(100% - 4px);margin:0 2px 2px}@media screen and (-ms-high-contrast:active){.cds--modal-scroll-content>:last-child{padding-bottom:0}.cds--modal-content--overflow-indicator{display:none}}.cds--modal-footer,:host(cds-modal-footer){display:flex;height:4rem;justify-content:flex-end;margin-top:auto;grid-column:1/-1;grid-row:-1/-1}.cds--modal-footer .cds--btn,:host(cds-modal-footer) .cds--btn{max-width:none;height:4rem;flex:0 1 50%;align-items:baseline;padding-top:.875rem;padding-bottom:2rem;margin:0}.cds--modal-footer--three-button .cds--btn,:host(cds-modal-footer)[has-three-buttons] .cds--btn{flex:0 1 25%;align-items:flex-start}.cds--modal-close{position:absolute;z-index:2;top:0;right:0;overflow:hidden;width:3rem;height:3rem;padding:.75rem;border:2px solid transparent;background-color:transparent;cursor:pointer;transition:background-color 110ms cubic-bezier(.2,0,.38,.9)}.cds--modal-close:hover{background-color:var(--cds-layer-hover)}.cds--modal-close:focus{border-color:var(--cds-focus,#0f62fe);outline:0}.cds--modal-close::-moz-focus-inner{border:0}.cds--modal-close__icon{width:1.25rem;height:1.25rem;fill:var(--cds-icon-primary,#161616)}.cds--body--with-modal-open{overflow:hidden}.cds--body--with-modal-open .cds--modal .cds--overflow-menu-options,.cds--body--with-modal-open .cds--modal .cds--tooltip,.cds--body--with-modal-open :host(cds-modal) .cds--overflow-menu-options,.cds--body--with-modal-open :host(cds-modal) .cds--tooltip{z-index:9000}.cds--modal-container--full-width .cds--modal-content,.cds--modal-container--full-width :host(cds-modal-body){padding:0;margin:0}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--modal-close__icon{fill:ButtonText}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--modal-close:focus{color:Highlight;outline:1px solid Highlight}}:host(cds-modal)[full-width] ::slotted(cds-modal-body){margin:0;padding:0}:host(cds-modal-close-button){outline:0}:host(cds-modal-heading),:host(cds-modal-label){display:block}:host(cds-modal-body) ::slotted(cds-form-item){margin-bottom:1rem}:host(cds-modal-body) ::slotted(cds-select:last-of-type){padding-bottom:0}:host(cds-modal-body) ::slotted(:last-child){padding-bottom:2rem}:host(cds-modal-body-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);display:block;padding-right:calc(20% - 2rem)}:host(cds-modal-body-content)[description]{margin-bottom:1rem}:host(cds-modal-footer)[has-three-buttons] ::slotted(cds-modal-footer-button){flex:0 1 25%}:host(cds-modal-footer-button) .cds--btn,:host(cds-modal-footer-button):first-of-type .cds--btn{box-shadow:inherit}:host(cds-modal-footer-button) .cds--btn:focus,:host(cds-modal-footer-button):first-of-type .cds--btn:focus{box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe),inset 0 0 0 2px var(--cds-background,#fff)}:host(cds-modal-footer-button) .cds--btn{width:100%;max-width:none;padding-top:1rem;padding-bottom:2rem;box-shadow:-.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}:host(cds-modal-footer) ::slotted(cds-button),:host(cds-modal-footer-button){flex:0 1 50%;max-width:none;width:50%;height:4rem;margin:0;padding-bottom:2rem}',
11
+ ':root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-one{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-two,:host(cds-modal-body){--cds-layer:var(--cds-layer-02, #ffffff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #ffffff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}@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{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{display:flex}.cds--btn-set--stacked{flex-direction:column}.cds--btn-set .cds--btn{width:100%;max-width:12.25rem}.cds--btn-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){box-shadow:inherit}.cds--btn-set .cds--btn:focus+.cds--btn{box-shadow:inherit}.cds--btn-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){box-shadow:inherit}.cds--btn-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{box-shadow:none}.cds--btn-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{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--modal,:host(cds-modal),:host(cds-modal[open]){position:fixed;z-index:9000;top:0;left:0;display:flex;width:100vw;height:100vh;align-items:center;justify-content:center;background-color:var(--cds-overlay,rgba(22,22,22,.5));content:"";opacity:0;transition:opacity 240ms cubic-bezier(.4,.14,1,1),visibility 0s linear 240ms;visibility:hidden}.cds--modal.is-visible,.is-visible:host(cds-modal),:host(cds-modal[open]){opacity:1;transition:opacity 240ms cubic-bezier(0,0,.3,1),visibility 0s linear;visibility:inherit}@media screen and (prefers-reduced-motion:reduce){.cds--modal.is-visible,.is-visible:host(cds-modal),:host(cds-modal[open]){transition:none}}.cds--modal .cds--date-picker__input,.cds--modal .cds--dropdown,.cds--modal .cds--dropdown-list,.cds--modal .cds--multi-select,.cds--modal .cds--number input[type=number],.cds--modal .cds--number__control-btn::after,.cds--modal .cds--number__control-btn::before,.cds--modal .cds--pagination,.cds--modal .cds--pagination__control-buttons,.cds--modal .cds--search-input,.cds--modal .cds--select-input,.cds--modal .cds--text-area,.cds--modal .cds--text-input,:host(cds-modal) .cds--date-picker__input,:host(cds-modal) .cds--dropdown,:host(cds-modal) .cds--dropdown-list,:host(cds-modal) .cds--multi-select,:host(cds-modal) .cds--number input[type=number],:host(cds-modal) .cds--number__control-btn::after,:host(cds-modal) .cds--number__control-btn::before,:host(cds-modal) .cds--pagination,:host(cds-modal) .cds--pagination__control-buttons,:host(cds-modal) .cds--search-input,:host(cds-modal) .cds--select-input,:host(cds-modal) .cds--text-area,:host(cds-modal) .cds--text-input{background-color:var(--cds-field-02,#fff)}.cds--modal .cds--number__rule-divider,:host(cds-modal) .cds--number__rule-divider{background-color:var(--cds-border-subtle-02,#e0e0e0)}.cds--modal .cds--date-picker--fluid .ccdsds--date-picker-input__wrapper .cds--date-picker__input,.cds--modal .cds--list-box__wrapper--fluid .cds--list-box,.cds--modal .cds--list-box__wrapper--fluid.cds--list-box__wrapper,.cds--modal .cds--number-input--fluid .cds--number__control-btn::after,.cds--modal .cds--number-input--fluid .cds--number__control-btn::before,.cds--modal .cds--number-input--fluid input[type=number],.cds--modal .cds--search--fluid .cds--search-input,.cds--modal .cds--select--fluid .cds--select-input,.cds--modal .cds--text-area--fluid .cds--text-area,.cds--modal .cds--text-area--fluid .cds--text-area__wrapper,.cds--modal .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider+.cds--form-requirement,.cds--modal .cds--text-input--fluid .cds--text-input,:host(cds-modal) .cds--date-picker--fluid .ccdsds--date-picker-input__wrapper .cds--date-picker__input,:host(cds-modal) .cds--list-box__wrapper--fluid .cds--list-box,:host(cds-modal) .cds--list-box__wrapper--fluid.cds--list-box__wrapper,:host(cds-modal) .cds--number-input--fluid .cds--number__control-btn::after,:host(cds-modal) .cds--number-input--fluid .cds--number__control-btn::before,:host(cds-modal) .cds--number-input--fluid input[type=number],:host(cds-modal) .cds--search--fluid .cds--search-input,:host(cds-modal) .cds--select--fluid .cds--select-input,:host(cds-modal) .cds--text-area--fluid .cds--text-area,:host(cds-modal) .cds--text-area--fluid .cds--text-area__wrapper,:host(cds-modal) .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider+.cds--form-requirement,:host(cds-modal) .cds--text-input--fluid .cds--text-input{background-color:var(--cds-field-01,#f4f4f4)}.cds--modal .cds--number-input--fluid .cds--number__control-btn:hover::after,.cds--modal .cds--number-input--fluid .cds--number__control-btn:hover::before,:host(cds-modal) .cds--number-input--fluid .cds--number__control-btn:hover::after,:host(cds-modal) .cds--number-input--fluid .cds--number__control-btn:hover::before{background-color:var(--cds-field-hover)}.cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::after,.cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::before,:host(cds-modal) .cds--number-input--fluid .cds--number__control-btn:focus::after,:host(cds-modal) .cds--number-input--fluid .cds--number__control-btn:focus::before{border-left:2px solid var(--cds-focus,#0f62fe)}.cds--modal.is-visible .cds--modal-container,.is-visible:host(cds-modal) .cds--modal-container,:host(cds-modal[open]) .cds--modal-container{transform:translate3d(0,0,0);transition:transform 240ms cubic-bezier(0,0,.3,1)}.cds--modal-container{position:fixed;top:0;display:grid;overflow:hidden;width:100%;height:100%;max-height:100%;background-color:var(--cds-layer);grid-template-columns:100%;grid-template-rows:auto 1fr auto;outline:3px solid transparent;outline-offset:-3px;transform:translate3d(0,-24px,0);transform-origin:top center;transition:transform 240ms cubic-bezier(.4,.14,1,1)}@media (min-width:42rem){.cds--modal-container{position:static;width:84%;height:auto;max-height:90%}}@media (min-width:66rem){.cds--modal-container{width:60%;max-height:84%}}@media (min-width:82rem){.cds--modal-container{width:48%}}.cds--modal-container .cds--modal-container-body{display:contents}.cds--modal-content,:host(cds-modal-body){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);position:relative;padding-top:.5rem;padding-right:1rem;padding-left:1rem;margin-bottom:3rem;color:var(--cds-text-primary,#161616);font-weight:400;grid-column:1/-1;grid-row:2/-2;overflow-y:auto}.cds--modal-content:focus,:focus:host(cds-modal-body){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--modal-content:focus,:focus:host(cds-modal-body){outline-style:dotted}}.cds--modal-content .cds--form--fluid,:host(cds-modal-body) .cds--form--fluid{margin-right:-1rem;margin-left:-1rem}.cds--modal-content>p,.cds--modal-content__regular-content,:host(cds-modal-body)>p{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);padding-right:calc(20% - 2rem)}.cds--modal-content--with-form{padding-right:1rem}.cds--modal-header,:host(cds-modal-header){padding-top:1rem;padding-right:3rem;padding-left:1rem;margin-bottom:.5rem;grid-column:1/-1;grid-row:1/1}.cds--modal-header__label,:host(cds-modal-label){font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);margin-bottom:.25rem;color:var(--cds-text-secondary,#525252)}.cds--modal-header__heading,:host(cds-modal-heading){font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);line-height:var(--cds-heading-03-line-height,1.4);letter-spacing:var(--cds-heading-03-letter-spacing,0);padding-right:calc(20% - 3rem);color:var(--cds-text-primary,#161616)}.cds--modal-container--xs .cds--modal-content__regular-content{padding-right:1rem}.cds--modal-container--xs .cds--modal-content>p,.cds--modal-container--xs :host(cds-modal-body)>p{padding-right:0}@media (min-width:42rem){.cds--modal-container--xs{width:48%}}@media (min-width:66rem){.cds--modal-container--xs{width:32%;max-height:48%}}@media (min-width:82rem){.cds--modal-container--xs{width:24%}}.cds--modal-container--sm .cds--modal-content__regular-content{padding-right:1rem}.cds--modal-container--sm .cds--modal-content>p,.cds--modal-container--sm :host(cds-modal-body)>p{padding-right:0}@media (min-width:42rem){.cds--modal-container--sm{width:60%}}@media (min-width:66rem){.cds--modal-container--sm{width:42%;max-height:72%}.cds--modal-container--sm .cds--modal-content>p,.cds--modal-container--sm .cds--modal-content__regular-content,.cds--modal-container--sm :host(cds-modal-body)>p{padding-right:20%}}@media (min-width:82rem){.cds--modal-container--sm{width:36%}}@media (min-width:42rem){.cds--modal-container--lg{width:96%}}@media (min-width:66rem){.cds--modal-container--lg{width:84%;max-height:96%}}@media (min-width:82rem){.cds--modal-container--lg{width:72%}}.cds--modal-scroll-content>:last-child{padding-bottom:2rem}.cds--modal-content--overflow-indicator{position:absolute;bottom:3rem;left:0;width:100%;height:2rem;background-image:linear-gradient(to bottom,transparent,var(--cds-layer));content:"";grid-column:1/-1;grid-row:2/-2;pointer-events:none}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.cds--modal-content--overflow-indicator{background-image:linear-gradient(to bottom,rgba(var(--cds-layer),0),var(--cds-layer))}}}.cds--modal-content:focus~.cds--modal-content--overflow-indicator,:focus:host(cds-modal-body)~.cds--modal-content--overflow-indicator{width:calc(100% - 4px);margin:0 2px 2px}@media screen and (-ms-high-contrast:active){.cds--modal-scroll-content>:last-child{padding-bottom:0}.cds--modal-content--overflow-indicator{display:none}}.cds--modal-footer,:host(cds-modal-footer){display:flex;height:4rem;justify-content:flex-end;margin-top:auto;grid-column:1/-1;grid-row:-1/-1}.cds--modal-footer .cds--btn,:host(cds-modal-footer) .cds--btn{max-width:none;height:4rem;flex:0 1 50%;align-items:baseline;padding-top:.875rem;padding-bottom:2rem;margin:0}.cds--modal-footer--three-button .cds--btn,:host(cds-modal-footer[has-three-buttons]) .cds--btn{flex:0 1 25%;align-items:flex-start}.cds--modal-close{position:absolute;z-index:2;top:0;right:0;overflow:hidden;width:3rem;height:3rem;padding:.75rem;border:2px solid transparent;background-color:transparent;cursor:pointer;transition:background-color 110ms cubic-bezier(.2,0,.38,.9)}.cds--modal-close:hover{background-color:var(--cds-layer-hover)}.cds--modal-close:focus{border-color:var(--cds-focus,#0f62fe);outline:0}.cds--modal-close::-moz-focus-inner{border:0}.cds--modal-close__icon{width:1.25rem;height:1.25rem;fill:var(--cds-icon-primary,#161616)}.cds--body--with-modal-open{overflow:hidden}.cds--body--with-modal-open .cds--modal .cds--overflow-menu-options,.cds--body--with-modal-open .cds--modal .cds--tooltip,.cds--body--with-modal-open :host(cds-modal) .cds--overflow-menu-options,.cds--body--with-modal-open :host(cds-modal) .cds--tooltip{z-index:9000}.cds--modal-container--full-width .cds--modal-content,.cds--modal-container--full-width :host(cds-modal-body){padding:0;margin:0}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--modal-close__icon{fill:ButtonText}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--modal-close:focus{color:Highlight;outline:1px solid Highlight}}:host(cds-modal){--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}:host(cds-modal[full-width]) ::slotted(cds-modal-body){margin:0;padding:0}:host(cds-modal-close-button){outline:0}:host(cds-modal-heading),:host(cds-modal-label){display:block}:host(cds-modal-body) ::slotted(cds-form-item){margin-bottom:1rem}:host(cds-modal-body) ::slotted(cds-select:last-of-type){padding-bottom:0}:host(cds-modal-body) ::slotted(:last-child){padding-bottom:2rem}:host(cds-modal-body-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);display:block;padding-right:calc(20% - 2rem)}:host(cds-modal-body-content[description]){margin-bottom:1rem}:host(cds-modal-footer[has-three-buttons]) ::slotted(cds-modal-footer-button){flex:0 1 25%}:host(cds-modal-footer-button:first-of-type) .cds--btn{box-shadow:inherit}:host(cds-modal-footer-button) .cds--btn{width:100%;max-width:none;padding-top:1rem;padding-bottom:2rem;box-shadow:-.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}:host(cds-modal-footer-button) .cds--btn:focus{box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe),inset 0 0 0 2px var(--cds-background,#fff)}:host(cds-modal-footer) ::slotted(cds-button),:host(cds-modal-footer-button){flex:0 1 50%;max-width:none;width:50%;height:4rem;margin:0;padding-bottom:2rem}',
12
12
  ]);
@@ -8,5 +8,5 @@
8
8
  */
9
9
  import { css } from 'lit';
10
10
  export default css([
11
- ':root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-one{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-two,:host(cds-modal-body){--cds-layer:var(--cds-layer-02, #ffffff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #ffffff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}@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--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(1rem - 1px) calc(.875rem - 3px) calc(4rem - 1px);margin:0;border-radius:0;cursor:pointer;outline:0;text-align:right;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;left: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-right:.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-left:.9375rem;padding-right:.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-left:.6875rem;padding-right:.6875rem}.cds--btn--sm.cds--btn--icon-only{padding-left:.4375rem;padding-right:.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-right:.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(1rem - 4px) calc(.375rem - 3px) calc(4rem - 4px)}.cds--btn--2xl:not(.cds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-left:4rem;padding-right:1rem;min-height:5rem}.cds--btn--xl:not(.cds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-left:4rem;padding-right:1rem;min-height:4rem}.cds--btn--field,.cds--btn--md{min-height:2.5rem;padding:calc(.675rem - 3px) calc(1rem - 4px) calc(.675rem - 3px) calc(4rem - 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{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{display:flex}.cds--btn-set--stacked{flex-direction:column}.cds--btn-set .cds--btn{width:100%;max-width:12.25rem}.cds--btn-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){box-shadow:inherit}.cds--btn-set .cds--btn:focus+.cds--btn{box-shadow:inherit}.cds--btn-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){box-shadow:inherit}.cds--btn-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{box-shadow:none}.cds--btn-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{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--modal,:host(cds-modal),:host(cds-modal[open]){position:fixed;z-index:9000;top:0;right:0;display:flex;width:100vw;height:100vh;align-items:center;justify-content:center;background-color:var(--cds-overlay,rgba(22,22,22,.5));content:"";opacity:0;transition:opacity 240ms cubic-bezier(.4,.14,1,1),visibility 0s linear 240ms;visibility:hidden}.cds--modal.is-visible,:host(cds-modal.is-visible),:host(cds-modal[open]){opacity:1;transition:opacity 240ms cubic-bezier(0,0,.3,1),visibility 0s linear;visibility:inherit}@media screen and (prefers-reduced-motion:reduce){.cds--modal.is-visible,:host(cds-modal.is-visible),:host(cds-modal[open]){transition:none}}.cds--modal .cds--date-picker__input,.cds--modal .cds--dropdown,.cds--modal .cds--dropdown-list,.cds--modal .cds--multi-select,.cds--modal .cds--number input[type=number],.cds--modal .cds--number__control-btn::after,.cds--modal .cds--number__control-btn::before,.cds--modal .cds--pagination,.cds--modal .cds--pagination__control-buttons,.cds--modal .cds--search-input,.cds--modal .cds--select-input,.cds--modal .cds--text-area,.cds--modal .cds--text-input,:host(cds-modal) .cds--date-picker__input,:host(cds-modal) .cds--dropdown,:host(cds-modal) .cds--dropdown-list,:host(cds-modal) .cds--multi-select,:host(cds-modal) .cds--number input[type=number],:host(cds-modal) .cds--number__control-btn::after,:host(cds-modal) .cds--number__control-btn::before,:host(cds-modal) .cds--pagination,:host(cds-modal) .cds--pagination__control-buttons,:host(cds-modal) .cds--search-input,:host(cds-modal) .cds--select-input,:host(cds-modal) .cds--text-area,:host(cds-modal) .cds--text-input{background-color:var(--cds-field-02,#fff)}.cds--modal .cds--number__rule-divider,:host(cds-modal) .cds--number__rule-divider{background-color:var(--cds-border-subtle-02,#e0e0e0)}.cds--modal .cds--date-picker--fluid .ccdsds--date-picker-input__wrapper .cds--date-picker__input,.cds--modal .cds--list-box__wrapper--fluid .cds--list-box,.cds--modal .cds--list-box__wrapper--fluid.cds--list-box__wrapper,.cds--modal .cds--number-input--fluid .cds--number__control-btn::after,.cds--modal .cds--number-input--fluid .cds--number__control-btn::before,.cds--modal .cds--number-input--fluid input[type=number],.cds--modal .cds--search--fluid .cds--search-input,.cds--modal .cds--select--fluid .cds--select-input,.cds--modal .cds--text-area--fluid .cds--text-area,.cds--modal .cds--text-area--fluid .cds--text-area__wrapper,.cds--modal .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider+.cds--form-requirement,.cds--modal .cds--text-input--fluid .cds--text-input,:host(cds-modal) .cds--date-picker--fluid .ccdsds--date-picker-input__wrapper .cds--date-picker__input,:host(cds-modal) .cds--list-box__wrapper--fluid .cds--list-box,:host(cds-modal) .cds--list-box__wrapper--fluid.cds--list-box__wrapper,:host(cds-modal) .cds--number-input--fluid .cds--number__control-btn::after,:host(cds-modal) .cds--number-input--fluid .cds--number__control-btn::before,:host(cds-modal) .cds--number-input--fluid input[type=number],:host(cds-modal) .cds--search--fluid .cds--search-input,:host(cds-modal) .cds--select--fluid .cds--select-input,:host(cds-modal) .cds--text-area--fluid .cds--text-area,:host(cds-modal) .cds--text-area--fluid .cds--text-area__wrapper,:host(cds-modal) .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider+.cds--form-requirement,:host(cds-modal) .cds--text-input--fluid .cds--text-input{background-color:var(--cds-field-01,#f4f4f4)}.cds--modal .cds--number-input--fluid .cds--number__control-btn:hover::after,.cds--modal .cds--number-input--fluid .cds--number__control-btn:hover::before,:host(cds-modal) .cds--number-input--fluid .cds--number__control-btn:hover::after,:host(cds-modal) .cds--number-input--fluid .cds--number__control-btn:hover::before{background-color:var(--cds-field-hover)}.cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::after,.cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::before,:host(cds-modal) .cds--number-input--fluid .cds--number__control-btn:focus::after,:host(cds-modal) .cds--number-input--fluid .cds--number__control-btn:focus::before{border-right:2px solid var(--cds-focus,#0f62fe)}.cds--modal.is-visible .cds--modal-container,:host(cds-modal.is-visible) .cds--modal-container,:host(cds-modal[open]) .cds--modal-container{transform:translate3d(0,0,0);transition:transform 240ms cubic-bezier(0,0,.3,1)}.cds--modal-container{position:fixed;top:0;display:grid;overflow:hidden;width:100%;height:100%;max-height:100%;background-color:var(--cds-layer);grid-template-columns:100%;grid-template-rows:auto 1fr auto;outline:3px solid transparent;outline-offset:-3px;transform:translate3d(0,-24px,0);transform-origin:top center;transition:transform 240ms cubic-bezier(.4,.14,1,1)}@media (min-width:42rem){.cds--modal-container{position:static;width:84%;height:auto;max-height:90%}}@media (min-width:66rem){.cds--modal-container{width:60%;max-height:84%}}@media (min-width:82rem){.cds--modal-container{width:48%}}.cds--modal-container .cds--modal-container-body{display:contents}.cds--modal-content,:host(cds-modal-body){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);position:relative;padding-top:.5rem;padding-left:1rem;padding-right:1rem;margin-bottom:3rem;color:var(--cds-text-primary,#161616);font-weight:400;grid-column:1/-1;grid-row:2/-2;overflow-y:auto}.cds--modal-content:focus,:host(cds-modal-body:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--modal-content:focus,:host(cds-modal-body:focus){outline-style:dotted}}.cds--modal-content .cds--form--fluid,:host(cds-modal-body) .cds--form--fluid{margin-left:-1rem;margin-right:-1rem}.cds--modal-content>p,.cds--modal-content__regular-content,:host(cds-modal-body)>p{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);padding-left:calc(20% - 2rem)}.cds--modal-content--with-form{padding-left:1rem}.cds--modal-header,:host(cds-modal-header){padding-top:1rem;padding-left:3rem;padding-right:1rem;margin-bottom:.5rem;grid-column:1/-1;grid-row:1/1}.cds--modal-header__label,:host(cds-modal-label){font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);margin-bottom:.25rem;color:var(--cds-text-secondary,#525252)}.cds--modal-header__heading,:host(cds-modal-heading){font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);line-height:var(--cds-heading-03-line-height,1.4);letter-spacing:var(--cds-heading-03-letter-spacing,0);padding-left:calc(20% - 3rem);color:var(--cds-text-primary,#161616)}.cds--modal-container--xs .cds--modal-content__regular-content{padding-left:1rem}.cds--modal-container--xs .cds--modal-content>p,.cds--modal-container--xs :host(cds-modal-body)>p{padding-left:0}@media (min-width:42rem){.cds--modal-container--xs{width:48%}}@media (min-width:66rem){.cds--modal-container--xs{width:32%;max-height:48%}}@media (min-width:82rem){.cds--modal-container--xs{width:24%}}.cds--modal-container--sm .cds--modal-content__regular-content{padding-left:1rem}.cds--modal-container--sm .cds--modal-content>p,.cds--modal-container--sm :host(cds-modal-body)>p{padding-left:0}@media (min-width:42rem){.cds--modal-container--sm{width:60%}}@media (min-width:66rem){.cds--modal-container--sm{width:42%;max-height:72%}.cds--modal-container--sm .cds--modal-content>p,.cds--modal-container--sm .cds--modal-content__regular-content,.cds--modal-container--sm :host(cds-modal-body)>p{padding-left:20%}}@media (min-width:82rem){.cds--modal-container--sm{width:36%}}@media (min-width:42rem){.cds--modal-container--lg{width:96%}}@media (min-width:66rem){.cds--modal-container--lg{width:84%;max-height:96%}}@media (min-width:82rem){.cds--modal-container--lg{width:72%}}.cds--modal-scroll-content>:last-child{padding-bottom:2rem}.cds--modal-content--overflow-indicator{position:absolute;bottom:3rem;right:0;width:100%;height:2rem;background-image:linear-gradient(to bottom,transparent,var(--cds-layer));content:"";grid-column:1/-1;grid-row:2/-2;pointer-events:none}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.cds--modal-content--overflow-indicator{background-image:linear-gradient(to bottom,rgba(var(--cds-layer),0),var(--cds-layer))}}}.cds--modal-content:focus~.cds--modal-content--overflow-indicator,:host(cds-modal-body:focus)~.cds--modal-content--overflow-indicator{width:calc(100% - 4px);margin:0 2px 2px}@media screen and (-ms-high-contrast:active){.cds--modal-scroll-content>:last-child{padding-bottom:0}.cds--modal-content--overflow-indicator{display:none}}.cds--modal-footer,:host(cds-modal-footer){display:flex;height:4rem;justify-content:flex-end;margin-top:auto;grid-column:1/-1;grid-row:-1/-1}.cds--modal-footer .cds--btn,:host(cds-modal-footer) .cds--btn{max-width:none;height:4rem;flex:0 1 50%;align-items:baseline;padding-top:.875rem;padding-bottom:2rem;margin:0}.cds--modal-footer--three-button .cds--btn,:host(cds-modal-footer[has-three-buttons]) .cds--btn{flex:0 1 25%;align-items:flex-start}.cds--modal-close{position:absolute;z-index:2;top:0;left:0;overflow:hidden;width:3rem;height:3rem;padding:.75rem;border:2px solid transparent;background-color:transparent;cursor:pointer;transition:background-color 110ms cubic-bezier(.2,0,.38,.9)}.cds--modal-close:hover{background-color:var(--cds-layer-hover)}.cds--modal-close:focus{border-color:var(--cds-focus,#0f62fe);outline:0}.cds--modal-close::-moz-focus-inner{border:0}.cds--modal-close__icon{width:1.25rem;height:1.25rem;fill:var(--cds-icon-primary,#161616)}.cds--body--with-modal-open{overflow:hidden}.cds--body--with-modal-open .cds--modal .cds--overflow-menu-options,.cds--body--with-modal-open .cds--modal .cds--tooltip,.cds--body--with-modal-open :host(cds-modal) .cds--overflow-menu-options,.cds--body--with-modal-open :host(cds-modal) .cds--tooltip{z-index:9000}.cds--modal-container--full-width .cds--modal-content,.cds--modal-container--full-width :host(cds-modal-body){padding:0;margin:0}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--modal-close__icon{fill:ButtonText}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--modal-close:focus{color:Highlight;outline:1px solid Highlight}}:host(cds-modal[full-width]) ::slotted(cds-modal-body){margin:0;padding:0}:host(cds-modal-close-button){outline:0}:host(cds-modal-heading),:host(cds-modal-label){display:block}:host(cds-modal-body) ::slotted(cds-form-item){margin-bottom:1rem}:host(cds-modal-body) ::slotted(cds-select:last-of-type){padding-bottom:0}:host(cds-modal-body) ::slotted(:last-child){padding-bottom:2rem}:host(cds-modal-body-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);display:block;padding-left:calc(20% - 2rem)}:host(cds-modal-body-content[description]){margin-bottom:1rem}:host(cds-modal-footer[has-three-buttons]) ::slotted(cds-modal-footer-button){flex:0 1 25%}:host(cds-modal-footer-button) .cds--btn,:host(cds-modal-footer-button:first-of-type) .cds--btn{box-shadow:inherit}:host(cds-modal-footer-button) .cds--btn:focus,:host(cds-modal-footer-button:first-of-type) .cds--btn:focus{box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe),inset 0 0 0 2px var(--cds-background,#fff)}:host(cds-modal-footer-button) .cds--btn{width:100%;max-width:none;padding-top:1rem;padding-bottom:2rem;box-shadow:.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}:host(cds-modal-footer) ::slotted(cds-button),:host(cds-modal-footer-button){flex:0 1 50%;max-width:none;width:50%;height:4rem;margin:0;padding-bottom:2rem}',
11
+ ':root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-one{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-two,:host(cds-modal-body){--cds-layer:var(--cds-layer-02, #ffffff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #ffffff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}@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--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(1rem - 1px) calc(.875rem - 3px) calc(4rem - 1px);margin:0;border-radius:0;cursor:pointer;outline:0;text-align:right;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;left: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-right:.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-left:.9375rem;padding-right:.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-left:.6875rem;padding-right:.6875rem}.cds--btn--sm.cds--btn--icon-only{padding-left:.4375rem;padding-right:.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-right:.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(1rem - 4px) calc(.375rem - 3px) calc(4rem - 4px)}.cds--btn--2xl:not(.cds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-left:4rem;padding-right:1rem;min-height:5rem}.cds--btn--xl:not(.cds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-left:4rem;padding-right:1rem;min-height:4rem}.cds--btn--field,.cds--btn--md{min-height:2.5rem;padding:calc(.675rem - 3px) calc(1rem - 4px) calc(.675rem - 3px) calc(4rem - 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{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{display:flex}.cds--btn-set--stacked{flex-direction:column}.cds--btn-set .cds--btn{width:100%;max-width:12.25rem}.cds--btn-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){box-shadow:inherit}.cds--btn-set .cds--btn:focus+.cds--btn{box-shadow:inherit}.cds--btn-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){box-shadow:inherit}.cds--btn-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{box-shadow:none}.cds--btn-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{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--modal,:host(cds-modal),:host(cds-modal[open]){position:fixed;z-index:9000;top:0;right:0;display:flex;width:100vw;height:100vh;align-items:center;justify-content:center;background-color:var(--cds-overlay,rgba(22,22,22,.5));content:"";opacity:0;transition:opacity 240ms cubic-bezier(.4,.14,1,1),visibility 0s linear 240ms;visibility:hidden}.cds--modal.is-visible,:host(cds-modal.is-visible),:host(cds-modal[open]){opacity:1;transition:opacity 240ms cubic-bezier(0,0,.3,1),visibility 0s linear;visibility:inherit}@media screen and (prefers-reduced-motion:reduce){.cds--modal.is-visible,:host(cds-modal.is-visible),:host(cds-modal[open]){transition:none}}.cds--modal .cds--date-picker__input,.cds--modal .cds--dropdown,.cds--modal .cds--dropdown-list,.cds--modal .cds--multi-select,.cds--modal .cds--number input[type=number],.cds--modal .cds--number__control-btn::after,.cds--modal .cds--number__control-btn::before,.cds--modal .cds--pagination,.cds--modal .cds--pagination__control-buttons,.cds--modal .cds--search-input,.cds--modal .cds--select-input,.cds--modal .cds--text-area,.cds--modal .cds--text-input,:host(cds-modal) .cds--date-picker__input,:host(cds-modal) .cds--dropdown,:host(cds-modal) .cds--dropdown-list,:host(cds-modal) .cds--multi-select,:host(cds-modal) .cds--number input[type=number],:host(cds-modal) .cds--number__control-btn::after,:host(cds-modal) .cds--number__control-btn::before,:host(cds-modal) .cds--pagination,:host(cds-modal) .cds--pagination__control-buttons,:host(cds-modal) .cds--search-input,:host(cds-modal) .cds--select-input,:host(cds-modal) .cds--text-area,:host(cds-modal) .cds--text-input{background-color:var(--cds-field-02,#fff)}.cds--modal .cds--number__rule-divider,:host(cds-modal) .cds--number__rule-divider{background-color:var(--cds-border-subtle-02,#e0e0e0)}.cds--modal .cds--date-picker--fluid .ccdsds--date-picker-input__wrapper .cds--date-picker__input,.cds--modal .cds--list-box__wrapper--fluid .cds--list-box,.cds--modal .cds--list-box__wrapper--fluid.cds--list-box__wrapper,.cds--modal .cds--number-input--fluid .cds--number__control-btn::after,.cds--modal .cds--number-input--fluid .cds--number__control-btn::before,.cds--modal .cds--number-input--fluid input[type=number],.cds--modal .cds--search--fluid .cds--search-input,.cds--modal .cds--select--fluid .cds--select-input,.cds--modal .cds--text-area--fluid .cds--text-area,.cds--modal .cds--text-area--fluid .cds--text-area__wrapper,.cds--modal .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider+.cds--form-requirement,.cds--modal .cds--text-input--fluid .cds--text-input,:host(cds-modal) .cds--date-picker--fluid .ccdsds--date-picker-input__wrapper .cds--date-picker__input,:host(cds-modal) .cds--list-box__wrapper--fluid .cds--list-box,:host(cds-modal) .cds--list-box__wrapper--fluid.cds--list-box__wrapper,:host(cds-modal) .cds--number-input--fluid .cds--number__control-btn::after,:host(cds-modal) .cds--number-input--fluid .cds--number__control-btn::before,:host(cds-modal) .cds--number-input--fluid input[type=number],:host(cds-modal) .cds--search--fluid .cds--search-input,:host(cds-modal) .cds--select--fluid .cds--select-input,:host(cds-modal) .cds--text-area--fluid .cds--text-area,:host(cds-modal) .cds--text-area--fluid .cds--text-area__wrapper,:host(cds-modal) .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider+.cds--form-requirement,:host(cds-modal) .cds--text-input--fluid .cds--text-input{background-color:var(--cds-field-01,#f4f4f4)}.cds--modal .cds--number-input--fluid .cds--number__control-btn:hover::after,.cds--modal .cds--number-input--fluid .cds--number__control-btn:hover::before,:host(cds-modal) .cds--number-input--fluid .cds--number__control-btn:hover::after,:host(cds-modal) .cds--number-input--fluid .cds--number__control-btn:hover::before{background-color:var(--cds-field-hover)}.cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::after,.cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::before,:host(cds-modal) .cds--number-input--fluid .cds--number__control-btn:focus::after,:host(cds-modal) .cds--number-input--fluid .cds--number__control-btn:focus::before{border-right:2px solid var(--cds-focus,#0f62fe)}.cds--modal.is-visible .cds--modal-container,:host(cds-modal.is-visible) .cds--modal-container,:host(cds-modal[open]) .cds--modal-container{transform:translate3d(0,0,0);transition:transform 240ms cubic-bezier(0,0,.3,1)}.cds--modal-container{position:fixed;top:0;display:grid;overflow:hidden;width:100%;height:100%;max-height:100%;background-color:var(--cds-layer);grid-template-columns:100%;grid-template-rows:auto 1fr auto;outline:3px solid transparent;outline-offset:-3px;transform:translate3d(0,-24px,0);transform-origin:top center;transition:transform 240ms cubic-bezier(.4,.14,1,1)}@media (min-width:42rem){.cds--modal-container{position:static;width:84%;height:auto;max-height:90%}}@media (min-width:66rem){.cds--modal-container{width:60%;max-height:84%}}@media (min-width:82rem){.cds--modal-container{width:48%}}.cds--modal-container .cds--modal-container-body{display:contents}.cds--modal-content,:host(cds-modal-body){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);position:relative;padding-top:.5rem;padding-left:1rem;padding-right:1rem;margin-bottom:3rem;color:var(--cds-text-primary,#161616);font-weight:400;grid-column:1/-1;grid-row:2/-2;overflow-y:auto}.cds--modal-content:focus,:host(cds-modal-body:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--modal-content:focus,:host(cds-modal-body:focus){outline-style:dotted}}.cds--modal-content .cds--form--fluid,:host(cds-modal-body) .cds--form--fluid{margin-left:-1rem;margin-right:-1rem}.cds--modal-content>p,.cds--modal-content__regular-content,:host(cds-modal-body)>p{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);padding-left:calc(20% - 2rem)}.cds--modal-content--with-form{padding-left:1rem}.cds--modal-header,:host(cds-modal-header){padding-top:1rem;padding-left:3rem;padding-right:1rem;margin-bottom:.5rem;grid-column:1/-1;grid-row:1/1}.cds--modal-header__label,:host(cds-modal-label){font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);margin-bottom:.25rem;color:var(--cds-text-secondary,#525252)}.cds--modal-header__heading,:host(cds-modal-heading){font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);line-height:var(--cds-heading-03-line-height,1.4);letter-spacing:var(--cds-heading-03-letter-spacing,0);padding-left:calc(20% - 3rem);color:var(--cds-text-primary,#161616)}.cds--modal-container--xs .cds--modal-content__regular-content{padding-left:1rem}.cds--modal-container--xs .cds--modal-content>p,.cds--modal-container--xs :host(cds-modal-body)>p{padding-left:0}@media (min-width:42rem){.cds--modal-container--xs{width:48%}}@media (min-width:66rem){.cds--modal-container--xs{width:32%;max-height:48%}}@media (min-width:82rem){.cds--modal-container--xs{width:24%}}.cds--modal-container--sm .cds--modal-content__regular-content{padding-left:1rem}.cds--modal-container--sm .cds--modal-content>p,.cds--modal-container--sm :host(cds-modal-body)>p{padding-left:0}@media (min-width:42rem){.cds--modal-container--sm{width:60%}}@media (min-width:66rem){.cds--modal-container--sm{width:42%;max-height:72%}.cds--modal-container--sm .cds--modal-content>p,.cds--modal-container--sm .cds--modal-content__regular-content,.cds--modal-container--sm :host(cds-modal-body)>p{padding-left:20%}}@media (min-width:82rem){.cds--modal-container--sm{width:36%}}@media (min-width:42rem){.cds--modal-container--lg{width:96%}}@media (min-width:66rem){.cds--modal-container--lg{width:84%;max-height:96%}}@media (min-width:82rem){.cds--modal-container--lg{width:72%}}.cds--modal-scroll-content>:last-child{padding-bottom:2rem}.cds--modal-content--overflow-indicator{position:absolute;bottom:3rem;right:0;width:100%;height:2rem;background-image:linear-gradient(to bottom,transparent,var(--cds-layer));content:"";grid-column:1/-1;grid-row:2/-2;pointer-events:none}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.cds--modal-content--overflow-indicator{background-image:linear-gradient(to bottom,rgba(var(--cds-layer),0),var(--cds-layer))}}}.cds--modal-content:focus~.cds--modal-content--overflow-indicator,:host(cds-modal-body:focus)~.cds--modal-content--overflow-indicator{width:calc(100% - 4px);margin:0 2px 2px}@media screen and (-ms-high-contrast:active){.cds--modal-scroll-content>:last-child{padding-bottom:0}.cds--modal-content--overflow-indicator{display:none}}.cds--modal-footer,:host(cds-modal-footer){display:flex;height:4rem;justify-content:flex-end;margin-top:auto;grid-column:1/-1;grid-row:-1/-1}.cds--modal-footer .cds--btn,:host(cds-modal-footer) .cds--btn{max-width:none;height:4rem;flex:0 1 50%;align-items:baseline;padding-top:.875rem;padding-bottom:2rem;margin:0}.cds--modal-footer--three-button .cds--btn,:host(cds-modal-footer[has-three-buttons]) .cds--btn{flex:0 1 25%;align-items:flex-start}.cds--modal-close{position:absolute;z-index:2;top:0;left:0;overflow:hidden;width:3rem;height:3rem;padding:.75rem;border:2px solid transparent;background-color:transparent;cursor:pointer;transition:background-color 110ms cubic-bezier(.2,0,.38,.9)}.cds--modal-close:hover{background-color:var(--cds-layer-hover)}.cds--modal-close:focus{border-color:var(--cds-focus,#0f62fe);outline:0}.cds--modal-close::-moz-focus-inner{border:0}.cds--modal-close__icon{width:1.25rem;height:1.25rem;fill:var(--cds-icon-primary,#161616)}.cds--body--with-modal-open{overflow:hidden}.cds--body--with-modal-open .cds--modal .cds--overflow-menu-options,.cds--body--with-modal-open .cds--modal .cds--tooltip,.cds--body--with-modal-open :host(cds-modal) .cds--overflow-menu-options,.cds--body--with-modal-open :host(cds-modal) .cds--tooltip{z-index:9000}.cds--modal-container--full-width .cds--modal-content,.cds--modal-container--full-width :host(cds-modal-body){padding:0;margin:0}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--modal-close__icon{fill:ButtonText}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--modal-close:focus{color:Highlight;outline:1px solid Highlight}}:host(cds-modal){--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}:host(cds-modal[full-width]) ::slotted(cds-modal-body){margin:0;padding:0}:host(cds-modal-close-button){outline:0}:host(cds-modal-heading),:host(cds-modal-label){display:block}:host(cds-modal-body) ::slotted(cds-form-item){margin-bottom:1rem}:host(cds-modal-body) ::slotted(cds-select:last-of-type){padding-bottom:0}:host(cds-modal-body) ::slotted(:last-child){padding-bottom:2rem}:host(cds-modal-body-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);display:block;padding-left:calc(20% - 2rem)}:host(cds-modal-body-content[description]){margin-bottom:1rem}:host(cds-modal-footer[has-three-buttons]) ::slotted(cds-modal-footer-button){flex:0 1 25%}:host(cds-modal-footer-button:first-of-type) .cds--btn{box-shadow:inherit}:host(cds-modal-footer-button) .cds--btn{width:100%;max-width:none;padding-top:1rem;padding-bottom:2rem;box-shadow:.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}:host(cds-modal-footer-button) .cds--btn:focus{box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe),inset 0 0 0 2px var(--cds-background,#fff)}:host(cds-modal-footer) ::slotted(cds-button),:host(cds-modal-footer-button){flex:0 1 50%;max-width:none;width:50%;height:4rem;margin:0;padding-bottom:2rem}',
12
12
  ]);