@carbon/web-components 2.61.0 → 2.62.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (241) hide show
  1. package/custom-elements.json +455 -13
  2. package/es/components/action-set/action-set.d.ts +107 -0
  3. package/es/components/action-set/action-set.d.ts.map +1 -0
  4. package/es/components/action-set/action-set.js +269 -0
  5. package/es/components/action-set/action-set.js.map +1 -0
  6. package/es/components/action-set/action-set.scss.js +14 -0
  7. package/es/components/action-set/action-set.scss.js.map +1 -0
  8. package/es/components/action-set/index.d.ts +9 -0
  9. package/es/components/action-set/index.d.ts.map +1 -0
  10. package/es/components/action-set/index.js +8 -0
  11. package/es/components/button/button.d.ts.map +1 -1
  12. package/es/components/button/button.js +7 -2
  13. package/es/components/button/button.js.map +1 -1
  14. package/es/components/data-table/data-table.scss.js +1 -1
  15. package/es/components/date-picker/next/components/date-picker.scss.js +1 -1
  16. package/es/components/file-uploader/file-uploader.scss.js +1 -1
  17. package/es/components/fluid-date-picker/fluid-date-picker.scss.js +1 -1
  18. package/es/components/resizer/defs.d.ts +73 -0
  19. package/es/components/resizer/defs.d.ts.map +1 -0
  20. package/es/components/resizer/defs.js +97 -0
  21. package/es/components/resizer/defs.js.map +1 -0
  22. package/es/components/resizer/index.d.ts +11 -0
  23. package/es/components/resizer/index.d.ts.map +1 -0
  24. package/es/components/resizer/index.js +11 -0
  25. package/es/components/resizer/resizer-grid.d.ts +22 -0
  26. package/es/components/resizer/resizer-grid.d.ts.map +1 -0
  27. package/es/components/resizer/resizer-grid.js +44 -0
  28. package/es/components/resizer/resizer-grid.js.map +1 -0
  29. package/es/components/resizer/resizer-grid.scss.js +14 -0
  30. package/es/components/resizer/resizer-grid.scss.js.map +1 -0
  31. package/es/components/resizer/resizer-handle-pivot.d.ts +31 -0
  32. package/es/components/resizer/resizer-handle-pivot.d.ts.map +1 -0
  33. package/es/components/resizer/resizer-handle-pivot.js +93 -0
  34. package/es/components/resizer/resizer-handle-pivot.js.map +1 -0
  35. package/es/components/resizer/resizer-handle-pivot.scss.js +14 -0
  36. package/es/components/resizer/resizer-handle-pivot.scss.js.map +1 -0
  37. package/es/components/resizer/resizer-handle.d.ts +64 -0
  38. package/es/components/resizer/resizer-handle.d.ts.map +1 -0
  39. package/es/components/resizer/resizer-handle.js +350 -0
  40. package/es/components/resizer/resizer-handle.js.map +1 -0
  41. package/es/components/resizer/resizer-handle.scss.js +14 -0
  42. package/es/components/resizer/resizer-handle.scss.js.map +1 -0
  43. package/es/components/resizer/resizer-panel.d.ts +22 -0
  44. package/es/components/resizer/resizer-panel.d.ts.map +1 -0
  45. package/es/components/resizer/resizer-panel.js +37 -0
  46. package/es/components/resizer/resizer-panel.js.map +1 -0
  47. package/es/components/resizer/resizer-panel.scss.js +14 -0
  48. package/es/components/resizer/resizer-panel.scss.js.map +1 -0
  49. package/es/components/side-panel/_story-assets/index.d.ts +9 -0
  50. package/es/components/side-panel/_story-assets/index.d.ts.map +1 -0
  51. package/es/components/side-panel/_story-assets/index.js +246 -0
  52. package/es/components/side-panel/_story-assets/index.js.map +1 -0
  53. package/es/components/side-panel/defs.d.ts +7 -1
  54. package/es/components/side-panel/defs.d.ts.map +1 -1
  55. package/es/components/side-panel/defs.js +7 -1
  56. package/es/components/side-panel/defs.js.map +1 -1
  57. package/es/components/side-panel/index.d.ts +3 -1
  58. package/es/components/side-panel/index.d.ts.map +1 -1
  59. package/es/components/side-panel/index.js +12 -0
  60. package/es/components/side-panel/index.js.map +1 -0
  61. package/es/components/side-panel/side-panel.d.ts +60 -22
  62. package/es/components/side-panel/side-panel.d.ts.map +1 -1
  63. package/es/components/side-panel/side-panel.js +268 -126
  64. package/es/components/side-panel/side-panel.js.map +1 -1
  65. package/es/components/side-panel/side-panel.scss.js +14 -0
  66. package/es/components/side-panel/side-panel.scss.js.map +1 -0
  67. package/es/components/side-panel/story-styles.scss.js +14 -0
  68. package/es/components/side-panel/story-styles.scss.js.map +1 -0
  69. package/es/components/slider/slider.d.ts +14 -0
  70. package/es/components/slider/slider.d.ts.map +1 -1
  71. package/es/components/slider/slider.js +40 -5
  72. package/es/components/slider/slider.js.map +1 -1
  73. package/es/components/slider/slider.scss.js +1 -1
  74. package/es/components/tabs/tab.d.ts.map +1 -1
  75. package/es/components/tabs/tab.js +4 -1
  76. package/es/components/tabs/tab.js.map +1 -1
  77. package/es/components/tabs/tabs.scss.js +1 -1
  78. package/es/components/tabs/tabs.scss.js.map +1 -1
  79. package/es/components/textarea/textarea.scss.js +1 -1
  80. package/es/components/textarea/textarea.scss.js.map +1 -1
  81. package/es/components/truncated-text/index.d.ts +8 -0
  82. package/es/components/truncated-text/index.d.ts.map +1 -0
  83. package/es/components/truncated-text/index.js +8 -0
  84. package/es/components/truncated-text/truncated-text.d.ts +77 -0
  85. package/es/components/truncated-text/truncated-text.d.ts.map +1 -0
  86. package/es/components/truncated-text/truncated-text.js +216 -0
  87. package/es/components/truncated-text/truncated-text.js.map +1 -0
  88. package/es/components/truncated-text/truncated-text.scss.js +14 -0
  89. package/es/components/truncated-text/truncated-text.scss.js.map +1 -0
  90. package/es/globals/internal/icon-loader-utils.d.ts +2 -2
  91. package/es/globals/internal/icon-loader-utils.d.ts.map +1 -1
  92. package/es/globals/internal/icon-loader-utils.js +1 -1
  93. package/es/globals/internal/icon-loader-utils.js.map +1 -1
  94. package/es/index.d.ts.map +1 -1
  95. package/es-custom/components/action-set/action-set.d.ts +107 -0
  96. package/es-custom/components/action-set/action-set.d.ts.map +1 -0
  97. package/es-custom/components/action-set/action-set.js +269 -0
  98. package/es-custom/components/action-set/action-set.js.map +1 -0
  99. package/es-custom/components/action-set/action-set.scss.js +14 -0
  100. package/es-custom/components/action-set/action-set.scss.js.map +1 -0
  101. package/es-custom/components/action-set/index.d.ts +9 -0
  102. package/es-custom/components/action-set/index.d.ts.map +1 -0
  103. package/es-custom/components/action-set/index.js +8 -0
  104. package/es-custom/components/button/button.d.ts.map +1 -1
  105. package/es-custom/components/button/button.js +7 -2
  106. package/es-custom/components/button/button.js.map +1 -1
  107. package/es-custom/components/data-table/data-table.scss.js +1 -1
  108. package/es-custom/components/date-picker/next/components/date-picker.scss.js +1 -1
  109. package/es-custom/components/file-uploader/file-uploader.scss.js +1 -1
  110. package/es-custom/components/fluid-date-picker/fluid-date-picker.scss.js +1 -1
  111. package/es-custom/components/resizer/defs.d.ts +73 -0
  112. package/es-custom/components/resizer/defs.d.ts.map +1 -0
  113. package/es-custom/components/resizer/defs.js +97 -0
  114. package/es-custom/components/resizer/defs.js.map +1 -0
  115. package/es-custom/components/resizer/index.d.ts +11 -0
  116. package/es-custom/components/resizer/index.d.ts.map +1 -0
  117. package/es-custom/components/resizer/index.js +11 -0
  118. package/es-custom/components/resizer/resizer-grid.d.ts +22 -0
  119. package/es-custom/components/resizer/resizer-grid.d.ts.map +1 -0
  120. package/es-custom/components/resizer/resizer-grid.js +44 -0
  121. package/es-custom/components/resizer/resizer-grid.js.map +1 -0
  122. package/es-custom/components/resizer/resizer-grid.scss.js +14 -0
  123. package/es-custom/components/resizer/resizer-grid.scss.js.map +1 -0
  124. package/es-custom/components/resizer/resizer-handle-pivot.d.ts +31 -0
  125. package/es-custom/components/resizer/resizer-handle-pivot.d.ts.map +1 -0
  126. package/es-custom/components/resizer/resizer-handle-pivot.js +93 -0
  127. package/es-custom/components/resizer/resizer-handle-pivot.js.map +1 -0
  128. package/es-custom/components/resizer/resizer-handle-pivot.scss.js +14 -0
  129. package/es-custom/components/resizer/resizer-handle-pivot.scss.js.map +1 -0
  130. package/es-custom/components/resizer/resizer-handle.d.ts +64 -0
  131. package/es-custom/components/resizer/resizer-handle.d.ts.map +1 -0
  132. package/es-custom/components/resizer/resizer-handle.js +350 -0
  133. package/es-custom/components/resizer/resizer-handle.js.map +1 -0
  134. package/es-custom/components/resizer/resizer-handle.scss.js +14 -0
  135. package/es-custom/components/resizer/resizer-handle.scss.js.map +1 -0
  136. package/es-custom/components/resizer/resizer-panel.d.ts +22 -0
  137. package/es-custom/components/resizer/resizer-panel.d.ts.map +1 -0
  138. package/es-custom/components/resizer/resizer-panel.js +37 -0
  139. package/es-custom/components/resizer/resizer-panel.js.map +1 -0
  140. package/es-custom/components/resizer/resizer-panel.scss.js +14 -0
  141. package/es-custom/components/resizer/resizer-panel.scss.js.map +1 -0
  142. package/es-custom/components/side-panel/_story-assets/index.d.ts +9 -0
  143. package/es-custom/components/side-panel/_story-assets/index.d.ts.map +1 -0
  144. package/es-custom/components/side-panel/_story-assets/index.js +246 -0
  145. package/es-custom/components/side-panel/_story-assets/index.js.map +1 -0
  146. package/es-custom/components/side-panel/defs.d.ts +7 -1
  147. package/es-custom/components/side-panel/defs.d.ts.map +1 -1
  148. package/es-custom/components/side-panel/defs.js +7 -1
  149. package/es-custom/components/side-panel/defs.js.map +1 -1
  150. package/es-custom/components/side-panel/index.d.ts +3 -1
  151. package/es-custom/components/side-panel/index.d.ts.map +1 -1
  152. package/es-custom/components/side-panel/index.js +12 -0
  153. package/es-custom/components/side-panel/index.js.map +1 -0
  154. package/es-custom/components/side-panel/side-panel.d.ts +60 -22
  155. package/es-custom/components/side-panel/side-panel.d.ts.map +1 -1
  156. package/es-custom/components/side-panel/side-panel.js +268 -126
  157. package/es-custom/components/side-panel/side-panel.js.map +1 -1
  158. package/es-custom/components/side-panel/side-panel.scss.js +14 -0
  159. package/es-custom/components/side-panel/side-panel.scss.js.map +1 -0
  160. package/es-custom/components/side-panel/story-styles.scss.js +14 -0
  161. package/es-custom/components/side-panel/story-styles.scss.js.map +1 -0
  162. package/es-custom/components/slider/slider.d.ts +14 -0
  163. package/es-custom/components/slider/slider.d.ts.map +1 -1
  164. package/es-custom/components/slider/slider.js +40 -5
  165. package/es-custom/components/slider/slider.js.map +1 -1
  166. package/es-custom/components/slider/slider.scss.js +1 -1
  167. package/es-custom/components/tabs/tab.d.ts.map +1 -1
  168. package/es-custom/components/tabs/tab.js +4 -1
  169. package/es-custom/components/tabs/tab.js.map +1 -1
  170. package/es-custom/components/tabs/tabs.scss.js +1 -1
  171. package/es-custom/components/tabs/tabs.scss.js.map +1 -1
  172. package/es-custom/components/textarea/textarea.scss.js +1 -1
  173. package/es-custom/components/textarea/textarea.scss.js.map +1 -1
  174. package/es-custom/components/truncated-text/index.d.ts +8 -0
  175. package/es-custom/components/truncated-text/index.d.ts.map +1 -0
  176. package/es-custom/components/truncated-text/index.js +8 -0
  177. package/es-custom/components/truncated-text/truncated-text.d.ts +77 -0
  178. package/es-custom/components/truncated-text/truncated-text.d.ts.map +1 -0
  179. package/es-custom/components/truncated-text/truncated-text.js +216 -0
  180. package/es-custom/components/truncated-text/truncated-text.js.map +1 -0
  181. package/es-custom/components/truncated-text/truncated-text.scss.js +14 -0
  182. package/es-custom/components/truncated-text/truncated-text.scss.js.map +1 -0
  183. package/es-custom/globals/internal/icon-loader-utils.d.ts +2 -2
  184. package/es-custom/globals/internal/icon-loader-utils.d.ts.map +1 -1
  185. package/es-custom/globals/internal/icon-loader-utils.js +1 -1
  186. package/es-custom/globals/internal/icon-loader-utils.js.map +1 -1
  187. package/es-custom/index.d.ts.map +1 -1
  188. package/lib/components/action-set/action-set.d.ts +107 -0
  189. package/lib/components/action-set/action-set.d.ts.map +1 -0
  190. package/lib/components/action-set/index.d.ts +9 -0
  191. package/lib/components/action-set/index.d.ts.map +1 -0
  192. package/lib/components/button/button.d.ts.map +1 -1
  193. package/lib/components/resizer/defs.d.ts +73 -0
  194. package/lib/components/resizer/defs.d.ts.map +1 -0
  195. package/lib/components/resizer/defs.js +112 -0
  196. package/lib/components/resizer/defs.js.map +1 -0
  197. package/lib/components/resizer/index.d.ts +11 -0
  198. package/lib/components/resizer/index.d.ts.map +1 -0
  199. package/lib/components/resizer/resizer-grid.d.ts +22 -0
  200. package/lib/components/resizer/resizer-grid.d.ts.map +1 -0
  201. package/lib/components/resizer/resizer-handle-pivot.d.ts +31 -0
  202. package/lib/components/resizer/resizer-handle-pivot.d.ts.map +1 -0
  203. package/lib/components/resizer/resizer-handle.d.ts +64 -0
  204. package/lib/components/resizer/resizer-handle.d.ts.map +1 -0
  205. package/lib/components/resizer/resizer-panel.d.ts +22 -0
  206. package/lib/components/resizer/resizer-panel.d.ts.map +1 -0
  207. package/lib/components/side-panel/_story-assets/index.d.ts +9 -0
  208. package/lib/components/side-panel/_story-assets/index.d.ts.map +1 -0
  209. package/lib/components/side-panel/defs.d.ts +7 -1
  210. package/lib/components/side-panel/defs.d.ts.map +1 -1
  211. package/lib/components/side-panel/defs.js +7 -1
  212. package/lib/components/side-panel/defs.js.map +1 -1
  213. package/lib/components/side-panel/index.d.ts +3 -1
  214. package/lib/components/side-panel/index.d.ts.map +1 -1
  215. package/lib/components/side-panel/side-panel.d.ts +60 -22
  216. package/lib/components/side-panel/side-panel.d.ts.map +1 -1
  217. package/lib/components/slider/slider.d.ts +14 -0
  218. package/lib/components/slider/slider.d.ts.map +1 -1
  219. package/lib/components/tabs/tab.d.ts.map +1 -1
  220. package/lib/components/truncated-text/index.d.ts +8 -0
  221. package/lib/components/truncated-text/index.d.ts.map +1 -0
  222. package/lib/components/truncated-text/truncated-text.d.ts +77 -0
  223. package/lib/components/truncated-text/truncated-text.d.ts.map +1 -0
  224. package/lib/globals/internal/icon-loader-utils.d.ts +2 -2
  225. package/lib/globals/internal/icon-loader-utils.d.ts.map +1 -1
  226. package/lib/index.d.ts.map +1 -1
  227. package/package.json +7 -7
  228. package/scss/components/action-set/action-set.scss +93 -0
  229. package/scss/components/data-table/_table-core.scss +73 -20
  230. package/scss/components/data-table/_table-selection.scss +31 -14
  231. package/scss/components/resizer/resizer-grid.scss +34 -0
  232. package/scss/components/resizer/resizer-handle-pivot.scss +39 -0
  233. package/scss/components/resizer/resizer-handle.scss +127 -0
  234. package/scss/components/resizer/resizer-panel.scss +10 -0
  235. package/scss/components/side-panel/side-panel.scss +363 -0
  236. package/scss/components/side-panel/story-styles.scss +51 -0
  237. package/scss/components/tabs/tabs.scss +4 -0
  238. package/scss/components/textarea/textarea.scss +6 -0
  239. package/scss/components/truncated-text/truncated-text-story.scss +14 -0
  240. package/scss/components/truncated-text/truncated-text.scss +122 -0
  241. package/telemetry.yml +26 -0
@@ -0,0 +1,14 @@
1
+ /**
2
+ * Copyright IBM Corp. 2026
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+
8
+ import { css } from "lit";
9
+ //#region src/components/action-set/action-set.scss?lit
10
+ var action_set_default = css([".cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--assistive-text,.cds-custom--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--popover-container{display:inline-block}.cds-custom--popover-container:not(.cds-custom--popover--auto-align){position:relative}.cds-custom--popover--high-contrast .cds-custom--popover{--cds-popover-background-color:var(--cds-background-inverse,#393939);--cds-popover-text-color:var(--cds-text-inverse,#fff)}.cds-custom--popover--high-contrast .cds-custom--popover .cds-custom--icon--skeleton,.cds-custom--popover--high-contrast .cds-custom--popover .cds-custom--skeleton,.cds-custom--popover--high-contrast .cds-custom--popover .cds-custom--skeleton__placeholder,.cds-custom--popover--high-contrast .cds-custom--popover .cds-custom--skeleton__text{background:var(--cds-background-inverse-hover,#474747)}.cds-custom--popover--high-contrast .cds-custom--popover .cds-custom--icon--skeleton:before,.cds-custom--popover--high-contrast .cds-custom--popover .cds-custom--skeleton:before,.cds-custom--popover--high-contrast .cds-custom--popover .cds-custom--skeleton__placeholder:before,.cds-custom--popover--high-contrast .cds-custom--popover .cds-custom--skeleton__text:before{background:var(--cds-background-inverse,#393939)}.cds-custom--popover--drop-shadow .cds-custom--popover{filter:var(--cds-popover-drop-shadow,drop-shadow(0 .125rem .125rem rgba(0,0,0,.2)))}.cds-custom--popover--border>.cds-custom--popover>.cds-custom--popover-content{outline:1px solid var(--cds-popover-border-color,var(--cds-border-subtle));outline-offset:-1px}.cds-custom--popover--caret{--cds-popover-offset:0.625rem}.cds-custom--popover{position:absolute;z-index:6000;inset:0;pointer-events:none}.cds-custom--popover-content{--cds-layout-size-height-sm:2rem}.cds-custom--layout--size-sm :where(.cds-custom--popover-content),.cds-custom--popover-content.cds-custom--layout--size-sm{--cds-layout-size-height:var(--cds-layout-size-height-sm)}.cds-custom--popover-content{--cds-layout-size-height-md:2.5rem}.cds-custom--layout--size-md :where(.cds-custom--popover-content),.cds-custom--popover-content.cds-custom--layout--size-md{--cds-layout-size-height:var(--cds-layout-size-height-md)}.cds-custom--popover-content{--cds-layout-size-height-lg:3rem}.cds-custom--layout--size-lg :where(.cds-custom--popover-content),.cds-custom--popover-content.cds-custom--layout--size-lg{--cds-layout-size-height:var(--cds-layout-size-height-lg)}.cds-custom--popover-content{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--popover-content *,.cds-custom--popover-content :after,.cds-custom--popover-content :before{box-sizing:inherit}.cds-custom--popover-content{position:absolute;z-index:6000;display:none;border-radius:var(--cds-popover-border-radius,2px);background-color:var(--cds-popover-background-color,var(--cds-layer));color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));inline-size:-moz-max-content;inline-size:max-content;max-inline-size:23rem;pointer-events:auto}.cds-custom--popover--open>.cds-custom--popover>.cds-custom--popover-content{display:block}.cds-custom--popover--background-token__background>.cds-custom--popover>.cds-custom--popover-content{background-color:var(--cds-background,#fff)}.cds-custom--popover-content:before{position:absolute;display:none;content:\"\"}.cds-custom--popover--open>.cds-custom--popover>.cds-custom--popover-content:before{display:block}.cds-custom--popover--auto-align.cds-custom--popover-caret,.cds-custom--popover-caret{position:absolute;z-index:6000;display:none;will-change:transform}.cds-custom--popover--auto-align.cds-custom--popover-caret:after,.cds-custom--popover-caret:after{position:absolute;display:block;background-color:var(--cds-popover-background-color,var(--cds-layer));content:\"\"}.cds-custom--popover--auto-align.cds-custom--popover-caret:before,.cds-custom--popover-caret:before{position:absolute;display:none;background-color:var(--cds-popover-border-color,var(--cds-border-subtle));content:\"\"}.cds-custom--popover--background-token__background>.cds-custom--popover>.cds-custom--popover-caret:after{background-color:var(--cds-background,#fff)}.cds-custom--popover--auto-align.cds-custom--popover--caret.cds-custom--popover--open>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret,.cds-custom--popover--border .cds-custom--popover--auto-align.cds-custom--popover-caret:before,.cds-custom--popover--border .cds-custom--popover-caret:before,.cds-custom--popover--caret.cds-custom--popover--open>.cds-custom--popover>.cds-custom--popover-caret{display:block}.cds-custom--popover--tab-tip>.cds-custom--popover>.cds-custom--popover-caret{display:none}.cds-custom--popover--bottom:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-content{inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,calc(100% + var(--cds-popover-offset, 0rem)))}.cds-custom--popover--bottom-end:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--bottom-start:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--bottom:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip)>.cds-custom--popover>.cds-custom--popover-content{inset-block-end:-.25rem}.cds-custom--popover--top-end:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--top-start:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--top:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip)>.cds-custom--popover>.cds-custom--popover-content{inset-block-start:-.25rem}.cds-custom--popover--bottom-start:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--top-start:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip)>.cds-custom--popover>.cds-custom--popover-content{inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem) - 1rem)}.cds-custom--popover--bottom-end:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--top-end:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip)>.cds-custom--popover>.cds-custom--popover-content{inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem) - 1rem)}.cds-custom--popover--right-end:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--right-start:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--right:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip)>.cds-custom--popover>.cds-custom--popover-content{inset-inline-start:calc(100% + .25rem)}.cds-custom--popover--left-end:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--left-start:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--left:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip)>.cds-custom--popover>.cds-custom--popover-content{inset-inline-end:calc(100% + .25rem)}.cds-custom--popover--bottom:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-content{transform:translate(50%,calc(100% + var(--cds-popover-offset, 0rem)))}.cds-custom--popover--bottom-left:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-content{inset-block-end:0;inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(100% + var(--cds-popover-offset, 0rem)))}.cds-custom--popover--bottom-left:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-content{inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));inset-inline-start:auto}.cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--bottom-right:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-content{inset-block-end:0;inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(var(--cds-popover-offset,0),calc(100% + var(--cds-popover-offset, 0rem)))}.cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--bottom-right:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-content{inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem))}.cds-custom--popover--bottom-end>.cds-custom--popover>.cds-custom--popover-content:before,.cds-custom--popover--bottom-left>.cds-custom--popover>.cds-custom--popover-content:before,.cds-custom--popover--bottom-right>.cds-custom--popover>.cds-custom--popover-content:before,.cds-custom--popover--bottom-start>.cds-custom--popover>.cds-custom--popover-content:before,.cds-custom--popover--bottom>.cds-custom--popover>.cds-custom--popover-content:before{block-size:var(--cds-popover-offset,0);inset-block-start:0;inset-inline:0;transform:translateY(-100%)}.cds-custom--popover--bottom-end>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--bottom-left>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--bottom-right>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--bottom-start>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--bottom>.cds-custom--popover>.cds-custom--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,var(--cds-popover-offset,0))}.cds-custom--popover--border.cds-custom--popover--bottom-end>.cds-custom--popover>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--bottom-left>.cds-custom--popover>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--bottom-right>.cds-custom--popover>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--bottom-start>.cds-custom--popover>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--bottom>.cds-custom--popover>.cds-custom--popover-caret:before,.cds-custom--popover--bottom-end>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--bottom-left>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--bottom-right>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--bottom-start>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--bottom>.cds-custom--popover>.cds-custom--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 100%,50% 0,100% 100%);inline-size:var(--cds-popover-caret-width,.75rem)}.cds-custom--popover--border.cds-custom--popover--bottom-end>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--bottom-left>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--bottom-right>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--bottom-start>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--bottom>.cds-custom--popover>.cds-custom--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:1px;inset-inline-start:.5px}.cds-custom--popover--bottom-end:dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--bottom-left:dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--bottom-right:dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--bottom-start:dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--bottom:dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret{transform:translate(50%,var(--cds-popover-offset,0))}.cds-custom--popover--bottom-end.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret,.cds-custom--popover--bottom-left.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret,.cds-custom--popover--bottom-right.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret,.cds-custom--popover--bottom-start.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret,.cds-custom--popover--bottom.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem)}.cds-custom--popover--border.cds-custom--popover--bottom-end.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--bottom-left.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--bottom-right.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--bottom-start.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--bottom.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--bottom-end.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--bottom-left.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--bottom-right.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--bottom-start.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--bottom.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 100%,50% 0,100% 100%);inline-size:var(--cds-popover-caret-width,.75rem)}.cds-custom--popover--border.cds-custom--popover--bottom-end.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--bottom-left.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--bottom-right.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--bottom-start.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--bottom.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:1px;inset-inline-start:.5px}.cds-custom--popover--top:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-content{inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds-custom--popover--top:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-content{transform:translate(50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds-custom--popover--top-left:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--top-start:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-content{inset-block-start:0;inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(-100% - var(--cds-popover-offset, 0rem)))}.cds-custom--popover--top-left:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--top-start:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-content{inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));inset-inline-start:auto}.cds-custom--popover--top-end:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--top-right:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-content{inset-block-start:0;inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(var(--cds-popover-offset,0),calc(-100% - var(--cds-popover-offset, 0rem)))}.cds-custom--popover--top-end:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--top-right:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-content{inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem))}.cds-custom--popover--top-end>.cds-custom--popover>.cds-custom--popover-content:before,.cds-custom--popover--top-left>.cds-custom--popover>.cds-custom--popover-content:before,.cds-custom--popover--top-right>.cds-custom--popover>.cds-custom--popover-content:before,.cds-custom--popover--top-start>.cds-custom--popover>.cds-custom--popover-content:before,.cds-custom--popover--top>.cds-custom--popover>.cds-custom--popover-content:before{block-size:var(--cds-popover-offset,0);inset-block-end:0;inset-inline:0;transform:translateY(100%)}.cds-custom--popover--top-end>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--top-left>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--top-right>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--top-start>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--top>.cds-custom--popover>.cds-custom--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds-custom--popover--border.cds-custom--popover--top-end>.cds-custom--popover>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--top-left>.cds-custom--popover>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--top-right>.cds-custom--popover>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--top-start>.cds-custom--popover>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--top>.cds-custom--popover>.cds-custom--popover-caret:before,.cds-custom--popover--top-end>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--top-left>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--top-right>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--top-start>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--top>.cds-custom--popover>.cds-custom--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 0,50% 100%,100% 0);inline-size:var(--cds-popover-caret-width,.75rem)}.cds-custom--popover--border.cds-custom--popover--top-end>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--top-left>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--top-right>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--top-start>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--top>.cds-custom--popover>.cds-custom--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:-1px;inset-inline-start:.5px}.cds-custom--popover--top-end:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--top-left:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--top-right:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--top-start:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--top:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret{transform:translate(50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds-custom--popover--top-end.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret,.cds-custom--popover--top-left.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret,.cds-custom--popover--top-right.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret,.cds-custom--popover--top-start.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret,.cds-custom--popover--top.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem)}.cds-custom--popover--border.cds-custom--popover--top-end.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--top-left.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--top-right.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--top-start.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--top.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--top-end.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--top-left.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--top-right.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--top-start.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--top.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 0,50% 100%,100% 0);inline-size:var(--cds-popover-caret-width,.75rem)}.cds-custom--popover--border.cds-custom--popover--top-end.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--top-left.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--top-right.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--top-start.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--top.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:-1px;inset-inline-start:.5px}.cds-custom--popover--right:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),-50%)}.cds-custom--popover--right-start:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--right-top:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(var(--cds-popover-offset, 0rem)*.5*-1 - 16px))}.cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--right-end:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-content{inset-block-end:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(var(--cds-popover-offset, 0rem)*.5 + 16px))}.cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--right-end:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--right-start:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--right-top:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--right:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-content{inset-inline-end:100%;inset-inline-start:auto}.cds-custom--popover--right-bottom>.cds-custom--popover>.cds-custom--popover-content:before,.cds-custom--popover--right-end>.cds-custom--popover>.cds-custom--popover-content:before,.cds-custom--popover--right-start>.cds-custom--popover>.cds-custom--popover-content:before,.cds-custom--popover--right-top>.cds-custom--popover>.cds-custom--popover-content:before,.cds-custom--popover--right>.cds-custom--popover>.cds-custom--popover-content:before{inline-size:var(--cds-popover-offset,0);inset-block:0;inset-inline-start:0;transform:translateX(-100%)}.cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--right-end:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--right-start:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--right-top:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--right:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-start:100%;transform:translate(calc(var(--cds-popover-offset, 0rem) - 100%),-50%)}.cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--right-end:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--right-start:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--right-top:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--right:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--right-end:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--right-start:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--right-top:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--right:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret{inset-inline-end:100%;inset-inline-start:auto}.cds-custom--popover--border.cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--right-end:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--right-start:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--right-top:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--right:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:before{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds-custom--popover--border.cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--right-end:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--right-start:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--right-top:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--right:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:after{inset-inline-start:1px}.cds-custom--popover--border.cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--right-end:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--right-start:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--right-top:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--right:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret:after{inset-inline-start:-1px}.cds-custom--popover--right-bottom.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret,.cds-custom--popover--right-end.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret,.cds-custom--popover--right-start.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret,.cds-custom--popover--right-top.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret,.cds-custom--popover--right.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem)}.cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--right-bottom.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--right-end.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--right-start.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--right-top.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--right.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after{inset-inline-start:1px}.cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align:dir(rtl)>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align:dir(rtl)>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align:dir(rtl)>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align:dir(rtl)>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align:dir(rtl)>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before{margin-inline-start:1px}.cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align:dir(rtl)>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align:dir(rtl)>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align:dir(rtl)>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align:dir(rtl)>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align:dir(rtl)>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after{inset-inline-start:0}.cds-custom--popover--left:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1 + .1px),-50%)}.cds-custom--popover--left-start:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--left-top:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(var(--cds-popover-offset, 0rem)*-.5 - 16px))}.cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--left-end:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-content{inset-block-end:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(var(--cds-popover-offset, 0rem)*.5 + 16px))}.cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--left-end:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--left-start:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--left-top:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--left:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-content{inset-inline-end:auto;inset-inline-start:100%}.cds-custom--popover--left-bottom>.cds-custom--popover>.cds-custom--popover-content:before,.cds-custom--popover--left-end>.cds-custom--popover>.cds-custom--popover-content:before,.cds-custom--popover--left-start>.cds-custom--popover>.cds-custom--popover-content:before,.cds-custom--popover--left-top>.cds-custom--popover>.cds-custom--popover-content:before,.cds-custom--popover--left>.cds-custom--popover>.cds-custom--popover-content:before{inline-size:var(--cds-popover-offset,0);inset-block:0;inset-inline-end:0;transform:translateX(100%)}.cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--left-end:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--left-start:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--left-top:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--left:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1 + 100%),-50%)}.cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--left-end:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--left-start:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--left-top:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--left:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--left-end:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--left-start:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--left-top:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret,.cds-custom--popover--left:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret{inset-inline-end:auto;inset-inline-start:100%}.cds-custom--popover--border.cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--left-end:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--left-start:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--left-top:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--left:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:before{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds-custom--popover--border.cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--left-end:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--left-start:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--left-top:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--left:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-caret:after{inset-inline-start:-1px}.cds-custom--popover--border.cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--left-end:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--left-start:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--left-top:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--left:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-caret:after{inset-inline-start:1px}.cds-custom--popover--left-bottom.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret,.cds-custom--popover--left-end.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret,.cds-custom--popover--left-start.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret,.cds-custom--popover--left-top.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret,.cds-custom--popover--left.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem)}.cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--left-bottom.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--left-end.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--left-start.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--left-top.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--left.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after{inset-inline-start:-1px}.cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align:dir(rtl)>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align:dir(rtl)>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align:dir(rtl)>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align:dir(rtl)>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before,.cds-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align:dir(rtl)>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:before{margin-inline-start:-1px}.cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align:dir(rtl)>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align:dir(rtl)>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align:dir(rtl)>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align:dir(rtl)>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after,.cds-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align:dir(rtl)>.cds-custom--popover>.cds-custom--popover-content>.cds-custom--popover-caret:after{inset-inline-start:0}.cds-custom--popover--tab-tip>.cds-custom--popover>.cds-custom--popover-content{border-radius:0}.cds-custom--popover--tab-tip.cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--tab-tip.cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--tab-tip.cds-custom--popover--top-end:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--tab-tip.cds-custom--popover--top-start:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-content{inset-inline-start:0}.cds-custom--popover--tab-tip.cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--tab-tip.cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--tab-tip.cds-custom--popover--top-end:not(.cds-custom--popover--auto-align)>.cds-custom--popover>.cds-custom--popover-content,.cds-custom--popover--tab-tip.cds-custom--popover--top-start:not(.cds-custom--popover--auto-align):dir(rtl)>.cds-custom--popover>.cds-custom--popover-content{inset-inline-end:0;inset-inline-start:auto}.cds-custom--popover--tab-tip .cds-custom--popover{will-change:filter}.cds-custom--popover--tab-tip__button{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--popover--tab-tip__button *,.cds-custom--popover--tab-tip__button :after,.cds-custom--popover--tab-tip__button :before{box-sizing:inherit}.cds-custom--popover--tab-tip__button::-moz-focus-inner{border:0}.cds-custom--popover--tab-tip__button{position:relative;display:inline-flex;align-items:center;justify-content:center;block-size:2rem;inline-size:2rem}.cds-custom--popover--tab-tip__button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--popover--tab-tip__button:focus{outline-style:dotted}}@media (any-hover:hover){.cds-custom--popover--tab-tip__button:hover{background-color:var(--cds-layer-hover)}}.cds-custom--popover--tab-tip.cds-custom--popover--open .cds-custom--popover--tab-tip__button{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds-custom--popover--tab-tip.cds-custom--popover--open .cds-custom--popover--tab-tip__button:not(:focus):after{position:absolute;z-index:6001;background:var(--cds-layer);block-size:2px;content:\"\";inline-size:100%;inset-block-end:0}.cds-custom--popover--tab-tip__button svg{fill:var(--cds-icon-primary,#161616)}.cds-custom--tooltip{--cds-popover-offset:12px}.cds-custom--tooltip-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem);max-inline-size:18rem;overflow-wrap:break-word}.cds-custom--icon-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds-custom--icon-tooltip .cds-custom--tooltip-content{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}.cds-custom--definition-term{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--definition-term *,.cds-custom--definition-term :after,.cds-custom--definition-term :before{box-sizing:inherit}.cds-custom--definition-term::-moz-focus-inner{border:0}.cds-custom--definition-term{border-radius:0;border-block-end:1px dotted var(--cds-border-strong);color:var(--cds-text-primary,#161616)}.cds-custom--definition-term:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--definition-term:focus{outline-style:dotted}}.cds-custom--definition-term:focus,.cds-custom--definition-term:hover{border-block-end-color:var(--cds-border-interactive,#0f62fe)}.cds-custom--definition-tooltip{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);padding:.5rem 1rem;max-inline-size:11rem;text-wrap:auto;word-break:break-word}.cds-custom--btn{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-lg)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-2xl)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));--temp-1lh:(var(--cds-body-compact-01-line-height,1.28572) * 1em);--temp-expressive-1lh:(var(--cds-body-compact-02-line-height,1.375) * 1em);--temp-padding-block-max:calc((var(--cds-layout-size-height-lg) - var(--temp-1lh))/2 - 0.0625rem);box-sizing:border-box;padding:0;border:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--btn *,.cds-custom--btn :after,.cds-custom--btn :before{box-sizing:inherit}.cds-custom--btn{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);position:relative;display:inline-flex;flex-shrink:0;justify-content:space-between;border-radius:0;margin:0;cursor:pointer;inline-size:-moz-max-content;inline-size:max-content;max-inline-size:20rem;min-block-size:var(--cds-layout-size-height-local);outline:none;padding-block:min((var(--cds-layout-size-height-local) - var(--temp-1lh))/2 - .0625rem,var(--temp-padding-block-max));padding-inline:calc(var(--cds-layout-density-padding-inline-local) - .0625rem) calc(var(--cds-layout-density-padding-inline-local)*3 + .9375rem);text-align:start;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-custom--btn.cds-custom--btn--disabled,.cds-custom--btn.cds-custom--btn--disabled:focus,.cds-custom--btn.cds-custom--btn--disabled:hover,.cds-custom--btn:disabled,.cds-custom--btn:focus:disabled,.cds-custom--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-custom--btn .cds-custom--btn__icon,:host(cds-custom-button) .cds-custom--btn ::slotted([slot=icon]),:host(cds-custom-dialog-footer-button) .cds-custom--btn ::slotted([slot=icon]),:host(cds-custom-modal-footer-button) .cds-custom--btn ::slotted([slot=icon]){position:absolute;flex-shrink:0;block-size:1rem;inline-size:1rem;inset-block-start:min((var(--cds-layout-size-height-local) - 1rem)/2 - .0625rem,var(--temp-padding-block-max));inset-inline-end:var(--cds-layout-density-padding-inline-local);margin-block-start:.0625rem}.cds-custom--btn::-moz-focus-inner{padding:0;border:0}.cds-custom--btn--primary{border:1px solid transparent;background-color:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}@media (any-hover:hover){.cds-custom--btn--primary:hover{background-color:var(--cds-button-primary-hover,#0050e6)}}.cds-custom--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-custom--btn--primary:active{background-color:var(--cds-button-primary-active,#002d9c)}.cds-custom--btn--primary .cds-custom--btn__icon,.cds-custom--btn--primary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]),:host(cds-custom-button) .cds-custom--btn--primary ::slotted([slot=icon]),:host(cds-custom-button) .cds-custom--btn--primary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-custom-dialog-footer-button) .cds-custom--btn--primary ::slotted([slot=icon]),:host(cds-custom-dialog-footer-button) .cds-custom--btn--primary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-custom-modal-footer-button) .cds-custom--btn--primary ::slotted([slot=icon]),:host(cds-custom-modal-footer-button) .cds-custom--btn--primary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds-custom--btn--primary:hover,.cds-custom--btn--secondary{color:var(--cds-text-on-color,#fff)}.cds-custom--btn--secondary{border:1px solid transparent;background-color:var(--cds-button-secondary,#393939)}@media (any-hover:hover){.cds-custom--btn--secondary:hover{background-color:var(--cds-button-secondary-hover,#474747)}}.cds-custom--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-custom--btn--secondary:active{background-color:var(--cds-button-secondary-active,#6f6f6f)}.cds-custom--btn--secondary .cds-custom--btn__icon,.cds-custom--btn--secondary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]),:host(cds-custom-button) .cds-custom--btn--secondary ::slotted([slot=icon]),:host(cds-custom-button) .cds-custom--btn--secondary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-custom-dialog-footer-button) .cds-custom--btn--secondary ::slotted([slot=icon]),:host(cds-custom-dialog-footer-button) .cds-custom--btn--secondary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-custom-modal-footer-button) .cds-custom--btn--secondary ::slotted([slot=icon]),:host(cds-custom-modal-footer-button) .cds-custom--btn--secondary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds-custom--btn--secondary:focus,.cds-custom--btn--secondary:hover{color:var(--cds-text-on-color,#fff)}.cds-custom--btn--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-tertiary,#0f62fe);background-color:transparent;color:var(--cds-button-tertiary,#0f62fe)}@media (any-hover:hover){.cds-custom--btn--tertiary:hover{background-color:var(--cds-button-tertiary-hover,#0050e6)}}.cds-custom--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-custom--btn--tertiary .cds-custom--btn__icon,.cds-custom--btn--tertiary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]),:host(cds-custom-button) .cds-custom--btn--tertiary ::slotted([slot=icon]),:host(cds-custom-button) .cds-custom--btn--tertiary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-custom-dialog-footer-button) .cds-custom--btn--tertiary ::slotted([slot=icon]),:host(cds-custom-dialog-footer-button) .cds-custom--btn--tertiary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-custom-modal-footer-button) .cds-custom--btn--tertiary ::slotted([slot=icon]),:host(cds-custom-modal-footer-button) .cds-custom--btn--tertiary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:currentColor}@media (any-hover:hover){.cds-custom--btn--tertiary:hover{color:var(--cds-text-inverse,#fff)}}.cds-custom--btn--tertiary:focus{background-color:var(--cds-button-tertiary,#0f62fe);color:var(--cds-text-inverse,#fff)}.cds-custom--btn--tertiary:active{border-color:transparent;background-color:var(--cds-button-tertiary-active,#002d9c);color:var(--cds-text-inverse,#fff)}.cds-custom--btn--tertiary.cds-custom--btn--disabled,.cds-custom--btn--tertiary.cds-custom--btn--disabled:focus,.cds-custom--btn--tertiary.cds-custom--btn--disabled:hover,.cds-custom--btn--tertiary:disabled,.cds-custom--btn--tertiary:focus:disabled,.cds-custom--btn--tertiary:hover:disabled{background:transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));outline:none}.cds-custom--btn--ghost{border:1px solid transparent;background-color:transparent;color:var(--cds-link-primary,#0f62fe)}@media (any-hover:hover){.cds-custom--btn--ghost:hover{background-color:var(--cds-background-hover,hsla(0,0%,55.3%,.12))}}.cds-custom--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-custom--btn--ghost .cds-custom--btn__icon,.cds-custom--btn--ghost .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]),:host(cds-custom-button) .cds-custom--btn--ghost ::slotted([slot=icon]),:host(cds-custom-button) .cds-custom--btn--ghost ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-custom-dialog-footer-button) .cds-custom--btn--ghost ::slotted([slot=icon]),:host(cds-custom-dialog-footer-button) .cds-custom--btn--ghost ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-custom-modal-footer-button) .cds-custom--btn--ghost ::slotted([slot=icon]),:host(cds-custom-modal-footer-button) .cds-custom--btn--ghost ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds-custom--btn--ghost{padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.cds-custom--btn--ghost .cds-custom--btn__icon,:host(cds-custom-button) .cds-custom--btn--ghost ::slotted([slot=icon]),:host(cds-custom-dialog-footer-button) .cds-custom--btn--ghost ::slotted([slot=icon]),:host(cds-custom-modal-footer-button) .cds-custom--btn--ghost ::slotted([slot=icon]){position:static;align-self:center;margin-inline-start:.5rem}@media (hover:hover){.cds-custom--btn--ghost:hover{color:var(--cds-link-primary-hover,#0043ce)}}.cds-custom--btn--ghost:active{background-color:var(--cds-background-active,hsla(0,0%,55.3%,.5));color:var(--cds-link-primary-hover,#0043ce)}.cds-custom--btn--ghost.cds-custom--btn--disabled,.cds-custom--btn--ghost.cds-custom--btn--disabled:focus,.cds-custom--btn--ghost.cds-custom--btn--disabled:hover,.cds-custom--btn--ghost:disabled,.cds-custom--btn--ghost:focus:disabled,.cds-custom--btn--ghost:hover:disabled{border-color:transparent;background:transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));outline:none}.cds-custom--btn--ghost:not([disabled]) svg{fill:var(--cds-icon-primary,#161616)}.cds-custom--btn--icon-only{align-items:center;justify-content:center;padding:0;block-size:var(--cds-layout-size-height-local);inline-size:var(--cds-layout-size-height-local);padding-block-start:0}.cds-custom--btn--icon-only>:first-child{min-inline-size:1rem}.cds-custom--btn--icon-only .cds-custom--btn__icon,:host(cds-custom-button) .cds-custom--btn--icon-only ::slotted([slot=icon]),:host(cds-custom-dialog-footer-button) .cds-custom--btn--icon-only ::slotted([slot=icon]),:host(cds-custom-modal-footer-button) .cds-custom--btn--icon-only ::slotted([slot=icon]){position:static}.cds-custom--btn--icon-only.cds-custom--btn--ghost:focus{background-color:var(--cds-background-active,hsla(0,0%,55.3%,.5));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe))}.cds-custom--btn--icon-only.cds-custom--btn--danger--ghost .cds-custom--btn__icon,.cds-custom--btn--icon-only.cds-custom--btn--ghost .cds-custom--btn__icon,:host(cds-custom-button) .cds-custom--btn--icon-only.cds-custom--btn--danger--ghost ::slotted([slot=icon]),:host(cds-custom-button) .cds-custom--btn--icon-only.cds-custom--btn--ghost ::slotted([slot=icon]),:host(cds-custom-dialog-footer-button) .cds-custom--btn--icon-only.cds-custom--btn--danger--ghost ::slotted([slot=icon]),:host(cds-custom-dialog-footer-button) .cds-custom--btn--icon-only.cds-custom--btn--ghost ::slotted([slot=icon]),:host(cds-custom-modal-footer-button) .cds-custom--btn--icon-only.cds-custom--btn--danger--ghost ::slotted([slot=icon]),:host(cds-custom-modal-footer-button) .cds-custom--btn--icon-only.cds-custom--btn--ghost ::slotted([slot=icon]){margin:0}.cds-custom--btn--icon-only.cds-custom--btn--danger--ghost{padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 1rem)}.cds-custom--btn--xs:not(.cds-custom--btn--icon-only){padding-block-start:1.5px}.cds-custom--btn--md:not(.cds-custom--btn--icon-only) .cds-custom--btn__icon,.cds-custom--btn--sm:not(.cds-custom--btn--icon-only) .cds-custom--btn__icon,.cds-custom--btn--xs:not(.cds-custom--btn--icon-only) .cds-custom--btn__icon,:host(cds-custom-button) .cds-custom--btn--md:not(.cds-custom--btn--icon-only) ::slotted([slot=icon]),:host(cds-custom-button) .cds-custom--btn--sm:not(.cds-custom--btn--icon-only) ::slotted([slot=icon]),:host(cds-custom-button) .cds-custom--btn--xs:not(.cds-custom--btn--icon-only) ::slotted([slot=icon]),:host(cds-custom-dialog-footer-button) .cds-custom--btn--md:not(.cds-custom--btn--icon-only) ::slotted([slot=icon]),:host(cds-custom-dialog-footer-button) .cds-custom--btn--sm:not(.cds-custom--btn--icon-only) ::slotted([slot=icon]),:host(cds-custom-dialog-footer-button) .cds-custom--btn--xs:not(.cds-custom--btn--icon-only) ::slotted([slot=icon]),:host(cds-custom-modal-footer-button) .cds-custom--btn--md:not(.cds-custom--btn--icon-only) ::slotted([slot=icon]),:host(cds-custom-modal-footer-button) .cds-custom--btn--sm:not(.cds-custom--btn--icon-only) ::slotted([slot=icon]),:host(cds-custom-modal-footer-button) .cds-custom--btn--xs:not(.cds-custom--btn--icon-only) ::slotted([slot=icon]){margin-block-start:0}.cds-custom--btn--icon-only.cds-custom--btn--selected{background:var(--cds-background-selected,hsla(0,0%,55.3%,.2))}.cds-custom--btn path[data-icon-path=inner-path]{fill:none}.cds-custom--btn--ghost.cds-custom--btn--icon-only .cds-custom--btn__icon,.cds-custom--btn--ghost.cds-custom--btn--icon-only .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]),:host(cds-custom-button) .cds-custom--btn--ghost.cds-custom--btn--icon-only ::slotted([slot=icon]),:host(cds-custom-button) .cds-custom--btn--ghost.cds-custom--btn--icon-only ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-custom-dialog-footer-button) .cds-custom--btn--ghost.cds-custom--btn--icon-only ::slotted([slot=icon]),:host(cds-custom-dialog-footer-button) .cds-custom--btn--ghost.cds-custom--btn--icon-only ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-custom-modal-footer-button) .cds-custom--btn--ghost.cds-custom--btn--icon-only ::slotted([slot=icon]),:host(cds-custom-modal-footer-button) .cds-custom--btn--ghost.cds-custom--btn--icon-only ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:var(--cds-icon-primary,#161616)}.cds-custom--btn--ghost.cds-custom--btn--icon-only[disabled] .cds-custom--btn__icon,.cds-custom--btn--ghost.cds-custom--btn--icon-only[disabled] .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]),.cds-custom--btn.cds-custom--btn--icon-only.cds-custom--btn--ghost[disabled]:hover .cds-custom--btn__icon,:host(cds-custom-button) .cds-custom--btn--ghost.cds-custom--btn--icon-only[disabled] ::slotted([slot=icon]),:host(cds-custom-button) .cds-custom--btn--ghost.cds-custom--btn--icon-only[disabled] ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-custom-dialog-footer-button) .cds-custom--btn--ghost.cds-custom--btn--icon-only[disabled] ::slotted([slot=icon]),:host(cds-custom-dialog-footer-button) .cds-custom--btn--ghost.cds-custom--btn--icon-only[disabled] ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-custom-modal-footer-button) .cds-custom--btn--ghost.cds-custom--btn--icon-only[disabled] ::slotted([slot=icon]),:host(cds-custom-modal-footer-button) .cds-custom--btn--ghost.cds-custom--btn--icon-only[disabled] ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds-custom--btn--ghost.cds-custom--btn--icon-only[disabled],.cds-custom--icon-tooltip--disabled .cds-custom--tooltip-trigger__wrapper{cursor:not-allowed}.cds-custom--icon-tooltip--disabled .cds-custom--btn--icon-only[disabled]{pointer-events:none}.cds-custom--btn--danger{border:1px solid transparent;background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}@media (any-hover:hover){.cds-custom--btn--danger:hover{background-color:var(--cds-button-danger-hover,#b81921)}}.cds-custom--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-custom--btn--danger:active{background-color:var(--cds-button-danger-active,#750e13)}.cds-custom--btn--danger .cds-custom--btn__icon,.cds-custom--btn--danger .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]),:host(cds-custom-button) .cds-custom--btn--danger ::slotted([slot=icon]),:host(cds-custom-button) .cds-custom--btn--danger ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-custom-dialog-footer-button) .cds-custom--btn--danger ::slotted([slot=icon]),:host(cds-custom-dialog-footer-button) .cds-custom--btn--danger ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-custom-modal-footer-button) .cds-custom--btn--danger ::slotted([slot=icon]),:host(cds-custom-modal-footer-button) .cds-custom--btn--danger ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds-custom--btn--danger:hover{color:var(--cds-text-on-color,#fff)}.cds-custom--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)}@media (any-hover:hover){.cds-custom--btn--danger--tertiary:hover{background-color:var(--cds-button-danger-hover,#b81921)}}.cds-custom--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-custom--btn--danger--tertiary .cds-custom--btn__icon,.cds-custom--btn--danger--tertiary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]),:host(cds-custom-button) .cds-custom--btn--danger--tertiary ::slotted([slot=icon]),:host(cds-custom-button) .cds-custom--btn--danger--tertiary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-custom-dialog-footer-button) .cds-custom--btn--danger--tertiary ::slotted([slot=icon]),:host(cds-custom-dialog-footer-button) .cds-custom--btn--danger--tertiary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-custom-modal-footer-button) .cds-custom--btn--danger--tertiary ::slotted([slot=icon]),:host(cds-custom-modal-footer-button) .cds-custom--btn--danger--tertiary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:currentColor}@media (hover:hover){.cds-custom--btn--danger--tertiary:hover{border-color:var(--cds-button-danger-hover,#b81921);color:var(--cds-text-on-color,#fff)}}.cds-custom--btn--danger--tertiary:focus{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds-custom--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-custom--btn--danger--tertiary.cds-custom--btn--disabled,.cds-custom--btn--danger--tertiary.cds-custom--btn--disabled:focus,.cds-custom--btn--danger--tertiary.cds-custom--btn--disabled:hover,.cds-custom--btn--danger--tertiary:disabled,.cds-custom--btn--danger--tertiary:focus:disabled,.cds-custom--btn--danger--tertiary:hover:disabled{background:transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));outline:none}.cds-custom--btn--danger--ghost{border:1px solid transparent;background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28)}@media (any-hover:hover){.cds-custom--btn--danger--ghost:hover{background-color:var(--cds-button-danger-hover,#b81921)}}.cds-custom--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-custom--btn--danger--ghost:active{background-color:var(--cds-button-danger-active,#750e13)}.cds-custom--btn--danger--ghost .cds-custom--btn__icon,.cds-custom--btn--danger--ghost .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]),:host(cds-custom-button) .cds-custom--btn--danger--ghost ::slotted([slot=icon]),:host(cds-custom-button) .cds-custom--btn--danger--ghost ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-custom-dialog-footer-button) .cds-custom--btn--danger--ghost ::slotted([slot=icon]),:host(cds-custom-dialog-footer-button) .cds-custom--btn--danger--ghost ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-custom-modal-footer-button) .cds-custom--btn--danger--ghost ::slotted([slot=icon]),:host(cds-custom-modal-footer-button) .cds-custom--btn--danger--ghost ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds-custom--btn--danger--ghost{padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.cds-custom--btn--danger--ghost .cds-custom--btn__icon,:host(cds-custom-button) .cds-custom--btn--danger--ghost ::slotted([slot=icon]),:host(cds-custom-dialog-footer-button) .cds-custom--btn--danger--ghost ::slotted([slot=icon]),:host(cds-custom-modal-footer-button) .cds-custom--btn--danger--ghost ::slotted([slot=icon]){position:static;margin-inline-start:.5rem}@media (hover:hover){.cds-custom--btn--danger--ghost:hover{color:var(--cds-text-on-color,#fff)}}.cds-custom--btn--danger--ghost:active{color:var(--cds-text-on-color,#fff)}.cds-custom--btn--danger--ghost.cds-custom--btn--disabled,.cds-custom--btn--danger--ghost.cds-custom--btn--disabled:focus,.cds-custom--btn--danger--ghost.cds-custom--btn--disabled:hover,.cds-custom--btn--danger--ghost:disabled,.cds-custom--btn--danger--ghost:focus:disabled,.cds-custom--btn--danger--ghost:hover:disabled{border-color:transparent;background:transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));outline:none}.cds-custom--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);padding-block:min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh))/2 - .0625rem,var(--temp-padding-block-max))}.cds-custom--btn--icon-only.cds-custom--btn--expressive{padding:12px 13px}.cds-custom--btn.cds-custom--btn--expressive .cds-custom--btn__icon,:host(cds-custom-button) .cds-custom--btn.cds-custom--btn--expressive ::slotted([slot=icon]),:host(cds-custom-dialog-footer-button) .cds-custom--btn.cds-custom--btn--expressive ::slotted([slot=icon]),:host(cds-custom-modal-footer-button) .cds-custom--btn.cds-custom--btn--expressive ::slotted([slot=icon]){block-size:1.25rem;inline-size:1.25rem}.cds-custom--btn-set .cds-custom--btn.cds-custom--btn--expressive,:host(cds-custom-button-set) .cds-custom--btn.cds-custom--btn--expressive,:host(cds-custom-side-panel-button-set) .cds-custom--btn.cds-custom--btn--expressive{max-inline-size:20rem}.cds-custom--btn.cds-custom--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--btn.cds-custom--skeleton:active,.cds-custom--btn.cds-custom--skeleton:focus,.cds-custom--btn.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--btn.cds-custom--skeleton:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--btn.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--btn.cds-custom--skeleton{background:CanvasText}.cds-custom--btn.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--btn.cds-custom--skeleton{inline-size:9.375rem}.cds-custom--btn-set,:host(cds-custom-button-set),:host(cds-custom-side-panel-button-set){display:flex}.cds-custom--btn-set--stacked,:host(cds-custom-button-set[stacked]){flex-direction:column}.cds-custom--btn-set .cds-custom--btn,:host(cds-custom-button-set) .cds-custom--btn,:host(cds-custom-side-panel-button-set) .cds-custom--btn{inline-size:100%;max-inline-size:12.25rem}.cds-custom--btn-set .cds-custom--btn:not(:focus),:host(cds-custom-button-set) .cds-custom--btn:not(:focus),:host(cds-custom-side-panel-button-set) .cds-custom--btn:not(:focus){box-shadow:-.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}.cds-custom--btn-set .cds-custom--btn:first-of-type:not(:focus),:host(cds-custom-button-set) .cds-custom--btn:first-of-type:not(:focus),:host(cds-custom-side-panel-button-set) .cds-custom--btn:first-of-type:not(:focus){box-shadow:inherit}.cds-custom--btn-set .cds-custom--btn:focus+.cds-custom--btn,:host(cds-custom-button-set) .cds-custom--btn:focus+.cds-custom--btn,:host(cds-custom-side-panel-button-set) .cds-custom--btn:focus+.cds-custom--btn{box-shadow:inherit}.cds-custom--btn-set--stacked .cds-custom--btn:not(:focus),:host(cds-custom-button-set[stacked]) .cds-custom--btn:not(:focus){box-shadow:0 -.0625rem 0 0 var(--cds-button-separator,#e0e0e0)}.cds-custom--btn-set--stacked .cds-custom--btn:first-of-type:not(:focus),:host(cds-custom-button-set[stacked]) .cds-custom--btn:first-of-type:not(:focus){box-shadow:inherit}.cds-custom--btn-set .cds-custom--btn.cds-custom--btn--disabled,:host(cds-custom-button-set) .cds-custom--btn.cds-custom--btn--disabled,:host(cds-custom-side-panel-button-set) .cds-custom--btn.cds-custom--btn--disabled{box-shadow:-.0625rem 0 0 0 var(--cds-icon-on-color-disabled,#8d8d8d)}.cds-custom--btn-set .cds-custom--btn.cds-custom--btn--disabled:first-of-type,:host(cds-custom-button-set) .cds-custom--btn.cds-custom--btn--disabled:first-of-type,:host(cds-custom-side-panel-button-set) .cds-custom--btn.cds-custom--btn--disabled:first-of-type{box-shadow:none}.cds-custom--btn-set--stacked .cds-custom--btn.cds-custom--btn--disabled,:host(cds-custom-button-set[stacked]) .cds-custom--btn.cds-custom--btn--disabled{box-shadow:0 -.0625rem 0 0 var(--cds-layer-selected-disabled,#8d8d8d)}.cds-custom--btn-set--stacked .cds-custom--btn.cds-custom--btn--disabled:first-of-type,:host(cds-custom-button-set[stacked]) .cds-custom--btn.cds-custom--btn--disabled:first-of-type{box-shadow:none}.cds-custom--btn-set .cds-custom--btn.cds-custom--btn--loading,:host(cds-custom-button-set) .cds-custom--btn.cds-custom--btn--loading,:host(cds-custom-side-panel-button-set) .cds-custom--btn.cds-custom--btn--loading{border-color:transparent;background-color:transparent;box-shadow:none}.cds-custom--btn--sm .cds-custom--badge-indicator{margin-block-start:.25rem;margin-inline-end:.25rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--btn:focus{color:Highlight;outline:1px solid Highlight}}[dir=rtl] .cds-custom--btn-set .cds-custom--btn:not(:focus),[dir=rtl] :host(cds-custom-button-set) .cds-custom--btn:not(:focus),[dir=rtl] :host(cds-custom-side-panel-button-set) .cds-custom--btn:not(:focus){box-shadow:.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}.cds-custom--btn-set--fluid{container-type:inline-size}.cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner{--flex-direction:row;display:flex;flex-direction:var(--flex-direction);align-items:stretch;justify-content:flex-end;inline-size:100%}.cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner .cds-custom--btn{flex:0 1 25%;max-inline-size:14.5rem}.cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack .cds-custom--btn{min-inline-size:11rem}.cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner .cds-custom--btn--danger--ghost,.cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner .cds-custom--btn--ghost{flex:1 1 25%;max-inline-size:none;padding-inline-start:2rem}@container (width <= 11rem){.cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:first-child:last-child){--flex-direction:column}.cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:first-child:last-child) .cds-custom--btn{flex:initial;inline-size:100%;max-inline-size:none}.cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:first-child:last-child) .cds-custom--btn--ghost{padding-inline-start:1rem}}@container (width <= 22rem){.cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child){--flex-direction:column}.cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) .cds-custom--btn{flex:initial;inline-size:100%;max-inline-size:none}.cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) .cds-custom--btn--ghost{padding-inline-start:1rem}}@container (width <= 33rem){.cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child){--flex-direction:column}.cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) .cds-custom--btn{flex:initial;inline-size:100%;max-inline-size:none}.cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) .cds-custom--btn--ghost{padding-inline-start:1rem}}@container (width <= 44rem){.cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child){--flex-direction:column}.cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) .cds-custom--btn{flex:initial;inline-size:100%;max-inline-size:none}.cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) .cds-custom--btn--ghost{padding-inline-start:1rem}}@container (width <= 44rem){.cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner:has(:nth-child(2):last-child) .cds-custom--btn{flex-basis:50%;max-inline-size:none}}@container (width <= 33rem){.cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner:has(:first-child:last-child) .cds-custom--btn{flex:1 1 100%;max-inline-size:none}}.cds-custom--copy-btn{position:relative}@media (any-hover:hover){.cds-custom--copy-btn:hover{background-color:var(--cds-layer-hover)}}.cds-custom--copy-btn:active{background-color:var(--cds-layer-active)}.cds-custom--copy-btn:before{position:absolute;z-index:6000;border-style:solid;block-size:0;content:\"\";inline-size:0;display:none}.cds-custom--copy-btn .cds-custom--copy-btn__feedback{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));z-index:6000;padding:.1875rem 1rem;border-radius:.125rem;background-color:var(--cds-background-inverse,#393939);block-size:auto;color:var(--cds-text-inverse,#fff);font-weight:400;inline-size:-moz-max-content;inline-size:max-content;max-inline-size:13rem;min-inline-size:1.5rem;text-align:start;transform:translateX(-50%);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds-custom--copy-btn .cds-custom--copy-btn__feedback{inline-size:auto}}@supports (-ms-accelerator:true){.cds-custom--copy-btn .cds-custom--copy-btn__feedback{inline-size:auto}}@supports (-ms-ime-align:auto){.cds-custom--copy-btn .cds-custom--copy-btn__feedback{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds-custom--copy-btn .cds-custom--copy-btn__feedback{border:1px solid transparent}}.cds-custom--copy-btn .cds-custom--copy-btn__feedback{display:none;overflow:visible;box-sizing:content-box;margin:auto;clip:auto}.cds-custom--copy-btn.cds-custom--copy-btn--animating .cds-custom--copy-btn__feedback,.cds-custom--copy-btn.cds-custom--copy-btn--animating:before{display:block}.cds-custom--copy-btn.cds-custom--copy-btn--animating:before{border:none}.cds-custom--copy-btn.cds-custom--copy-btn--animating.cds-custom--copy-btn--fade-out .cds-custom--copy-btn__feedback,.cds-custom--copy-btn.cds-custom--copy-btn--animating.cds-custom--copy-btn--fade-out:before{animation:cds-custom--hide-feedback .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--copy-btn.cds-custom--copy-btn--animating.cds-custom--copy-btn--fade-in .cds-custom--copy-btn__feedback,.cds-custom--copy-btn.cds-custom--copy-btn--animating.cds-custom--copy-btn--fade-in:before{animation:cds-custom--show-feedback .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--copy-btn svg{fill:var(--cds-icon-primary,#161616)}.cds-custom--copy{font-size:0}.cds-custom--chat-btn{border-radius:1.5rem}.cds-custom--chat-btn:not(.cds-custom--chat-btn--with-icon){padding-inline-end:.9375rem}.cds-custom--chat-btn.cds-custom--btn--md{border-radius:1.25rem}.cds-custom--chat-btn.cds-custom--btn--sm{border-radius:1rem}.cds-custom--chat-btn--quick-action{align-items:center;border:1px solid var(--cds-chat-button,#0f62fe);background:transparent;color:var(--cds-chat-button,#0f62fe)}.cds-custom--chat-btn--quick-action:hover:not(:active):not([disabled]){border-color:transparent;background:var(--cds-chat-button-hover,hsla(0,0%,55.3%,.12));color:var(--cds-chat-button-text-hover,#0043ce)}.cds-custom--chat-btn--quick-action:active{border-color:transparent;background:var(--cds-chat-button-active,hsla(0,0%,55.3%,.5));color:var(--cds-chat-button-text-hover,#0043ce)}.cds-custom--chat-btn--quick-action.cds-custom--btn--ghost:focus{border-color:var(--cds-focus,#0f62fe);box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe)}.cds-custom--chat-btn--quick-action.cds-custom--btn--ghost:hover:focus{border-color:var(--cds-focus,#0f62fe);box-shadow:inset 0 0 0 1px var(--cds-focus-inset,#fff)}.cds-custom--chat-btn--quick-action[disabled],.cds-custom--chat-btn--quick-action[disabled]:hover{border-color:var(--cds-button-disabled,#c6c6c6);color:var(--cds-button-disabled,#c6c6c6)}.cds-custom--chat-btn--quick-action--selected,.cds-custom--chat-btn--quick-action--selected[disabled],.cds-custom--chat-btn--quick-action--selected[disabled]:hover{border-color:transparent;background:var(--cds-chat-button-selected,hsla(0,0%,55.3%,.2));color:var(--cds-chat-button-text-selected,#525252)}.cds-custom--chat-btn--quick-action.cds-custom--chat-btn--quick-action--selected:not([disabled]):active,.cds-custom--chat-btn--quick-action.cds-custom--chat-btn--quick-action--selected:not([disabled]):hover{color:var(--cds-chat-button-text-selected,#525252)}.cds-custom--chat-btn.cds-custom--skeleton{overflow:hidden}.cds-custom--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--snippet html{font-size:100%}.cds-custom--snippet body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--snippet code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--snippet strong{font-weight:600}.cds-custom--snippet--disabled,.cds-custom--snippet--disabled .cds-custom--btn.cds-custom--snippet-btn--expand,.cds-custom--snippet--disabled .cds-custom--copy-btn{background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--snippet--disabled .cds-custom--copy-btn{cursor:not-allowed}@media (any-hover:hover){.cds-custom--snippet--disabled .cds-custom--copy-btn:hover,.cds-custom--snippet--disabled .cds-custom--snippet-btn--expand:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}}.cds-custom--snippet--disabled .cds-custom--snippet-btn--expand .cds-custom--icon-chevron--down,.cds-custom--snippet--disabled .cds-custom--snippet__icon{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--snippet code{font-family:var(--cds-code-01-font-family,\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px)}.cds-custom--snippet--inline html{font-size:100%}.cds-custom--snippet--inline body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--snippet--inline code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--snippet--inline strong{font-weight:600}.cds-custom--snippet--inline{position:relative;display:inline;padding:0;border:1px solid transparent;border-radius:4px;background-color:var(--cds-layer);color:var(--cds-text-primary,#161616);cursor:pointer}@media (any-hover:hover){.cds-custom--snippet--inline:hover{background-color:var(--cds-layer-hover)}}.cds-custom--snippet--inline:active{background-color:var(--cds-layer-active)}.cds-custom--snippet--inline:focus{border:1px solid var(--cds-focus,#0f62fe);outline:none}.cds-custom--snippet--inline:before{position:absolute;z-index:6000;block-size:0;content:\"\";inline-size:0;display:none;border:none}.cds-custom--snippet--inline .cds-custom--copy-btn__feedback{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));z-index:6000;padding:.1875rem 1rem;border-radius:.125rem;background-color:var(--cds-background-inverse,#393939);block-size:auto;color:var(--cds-text-inverse,#fff);font-weight:400;inline-size:-moz-max-content;inline-size:max-content;max-inline-size:13rem;min-inline-size:1.5rem;text-align:start;transform:translateX(-50%);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds-custom--snippet--inline .cds-custom--copy-btn__feedback{inline-size:auto}}@supports (-ms-accelerator:true){.cds-custom--snippet--inline .cds-custom--copy-btn__feedback{inline-size:auto}}@supports (-ms-ime-align:auto){.cds-custom--snippet--inline .cds-custom--copy-btn__feedback{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds-custom--snippet--inline .cds-custom--copy-btn__feedback{border:1px solid transparent}}.cds-custom--snippet--inline .cds-custom--copy-btn__feedback{display:none;overflow:visible;box-sizing:content-box;margin:auto;clip:auto}.cds-custom--snippet--inline.cds-custom--copy-btn--animating .cds-custom--copy-btn__feedback,.cds-custom--snippet--inline.cds-custom--copy-btn--animating:before{display:block}.cds-custom--snippet--inline.cds-custom--copy-btn--animating.cds-custom--copy-btn--fade-out .cds-custom--copy-btn__feedback,.cds-custom--snippet--inline.cds-custom--copy-btn--animating.cds-custom--copy-btn--fade-out:before{animation:cds-custom--hide-feedback .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--snippet--inline.cds-custom--copy-btn--animating.cds-custom--copy-btn--fade-in .cds-custom--copy-btn__feedback,.cds-custom--snippet--inline.cds-custom--copy-btn--animating.cds-custom--copy-btn--fade-in:before{animation:cds-custom--show-feedback .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--snippet--inline code{padding:0 .5rem}.cds-custom--snippet--inline.cds-custom--snippet--no-copy{display:inline-block}@media (any-hover:hover){.cds-custom--snippet--inline.cds-custom--snippet--no-copy:hover{background-color:var(--cds-layer);cursor:auto}.cds-custom--snippet--light.cds-custom--snippet--inline.cds-custom--snippet--no-copy:hover{background-color:var(--cds-layer-hover);cursor:auto}}.cds-custom--snippet--single{font-family:var(--cds-code-01-font-family,\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px);position:relative;background-color:var(--cds-layer);inline-size:100%;max-inline-size:48rem;min-inline-size:0;display:flex;align-items:center;block-size:2.5rem;padding-inline-end:2.5rem}.cds-custom--snippet--single.cds-custom--snippet--no-copy{padding:0}.cds-custom--snippet--single.cds-custom--snippet--no-copy:after{inset-inline-end:1rem}.cds-custom--snippet--single .cds-custom--snippet-container{position:relative;display:flex;align-items:center;block-size:100%;min-inline-size:0;overflow-x:auto;padding-inline-start:1rem}.cds-custom--snippet--single .cds-custom--snippet-container:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--snippet--single .cds-custom--snippet-container:focus{outline-style:dotted}}.cds-custom--snippet--single pre{font-family:var(--cds-code-01-font-family,\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px);padding-inline-end:2rem}.cds-custom--snippet--inline code,.cds-custom--snippet--single pre{white-space:pre}.cds-custom--snippet--multi{font-family:var(--cds-code-01-font-family,\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px);background-color:var(--cds-layer);inline-size:100%;max-inline-size:48rem;min-inline-size:0;display:flex;padding:1rem}.cds-custom--snippet--multi .cds-custom--snippet-container{position:relative;order:1;max-block-size:100%;min-block-size:100%;overflow-y:auto;transition:max-height .15s cubic-bezier(.2,0,.38,.9)}.cds-custom--snippet--multi .cds-custom--snippet-container:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--snippet--multi .cds-custom--snippet-container:focus{outline-style:dotted}}.cds-custom--snippet--multi .cds-custom--snippet-container:focus{outline-offset:0}.cds-custom--snippet--multi.cds-custom--snippet--expand .cds-custom--snippet-container{padding-block-end:1rem;transition:max-height .15s cubic-bezier(.2,0,.38,.9)}.cds-custom--snippet--multi.cds-custom--snippet--wraptext pre{white-space:pre-wrap;word-wrap:break-word}.cds-custom--snippet--multi .cds-custom--snippet-container pre{overflow:auto;padding-block-end:1.5rem;padding-inline-end:1.5rem}.cds-custom--snippet--multi.cds-custom--snippet--no-copy .cds-custom--snippet-container pre{padding-inline-end:0}[dir=rtl] .cds-custom--snippet--multi.cds-custom--snippet--has-right-overflow:after{background-image:linear-gradient(to left,transparent,var(--cds-layer))}.cds-custom--snippet--multi .cds-custom--snippet-container pre code{overflow:hidden}.cds-custom--snippet__icon{block-size:1rem;fill:var(--cds-icon-primary,#161616);inline-size:1rem;transition:all 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--btn>.cds-custom--snippet__icon{margin-block-start:0}.cds-custom--copy-btn html{font-size:100%}.cds-custom--copy-btn body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--copy-btn code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--copy-btn strong{font-weight:600}.cds-custom--copy-btn{display:flex;overflow:visible;align-items:center;justify-content:center;padding:0;border:none;background-color:var(--cds-layer);cursor:pointer;outline:none}.cds-custom--copy-btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--copy-btn:focus{outline-style:dotted}}.cds-custom--copy-btn:focus{outline-color:var(--cds-focus,#0f62fe)}.cds-custom--snippet .cds-custom--popover-container{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;position:absolute;inset-block-start:0;inset-inline-end:0}.cds-custom--snippet--inline.cds-custom--btn{block-size:1.25rem;inline-size:auto;max-inline-size:unset;min-block-size:1.25rem;padding-inline:0}@media (any-hover:hover){.cds-custom--snippet--inline.cds-custom--btn.cds-custom--btn--primary:hover{color:var(--cds-text-primary,#161616)}}.cds-custom--snippet.cds-custom--snippet--multi .cds-custom--popover-container{inset-block-start:.5rem;inset-inline-end:.5rem}.cds-custom--snippet--multi .cds-custom--copy-btn{z-index:10}.cds-custom--snippet-btn--expand{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;position:absolute;z-index:10;display:inline-flex;align-items:center;padding:.5rem 1rem;border:0;background-color:var(--cds-layer);block-size:2rem;color:var(--cds-text-primary,#161616);inset-block-end:0;inset-inline-end:0}.cds-custom--snippet-btn--expand .cds-custom--snippet-btn--text{position:relative;inset-block-start:-.0625rem}.cds-custom--snippet-btn--expand--hide.cds-custom--snippet-btn--expand{display:none}.cds-custom--snippet-btn--expand .cds-custom--icon-chevron--down{fill:var(--cds-icon-primary,#161616);margin-inline-start:.5rem;transform:rotate(0deg);transition:.15s cubic-bezier(.2,0,.38,.9)}@media (any-hover:hover){.cds-custom--snippet-btn--expand:hover{background:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}}.cds-custom--snippet-btn--expand:active{background-color:var(--cds-layer-active)}.cds-custom--snippet-btn--expand:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--snippet-btn--expand:focus{outline-style:dotted}}.cds-custom--snippet-btn--expand:focus{border-color:transparent}.cds-custom--snippet--expand .cds-custom--snippet-btn--expand .cds-custom--icon-chevron--down{transform:rotate(180deg);transition:transform .3s}.cds-custom--snippet--light,.cds-custom--snippet--light .cds-custom--btn.cds-custom--snippet-btn--expand,.cds-custom--snippet--light .cds-custom--copy-btn,.cds-custom--snippet--light .cds-custom--snippet-button{background-color:var(--cds-layer)}@media (any-hover:hover){.cds-custom--snippet--light .cds-custom--btn.cds-custom--snippet-btn--expand:hover,.cds-custom--snippet--light .cds-custom--copy-btn:hover,.cds-custom--snippet--light .cds-custom--snippet-button:hover,.cds-custom--snippet--light.cds-custom--snippet--inline:hover{background-color:var(--cds-layer-hover)}}.cds-custom--snippet--light .cds-custom--btn.cds-custom--snippet-btn--expand:active,.cds-custom--snippet--light .cds-custom--copy-btn:active,.cds-custom--snippet--light .cds-custom--snippet-button:active,.cds-custom--snippet--light.cds-custom--snippet--inline:active{background-color:var(--cds-layer-active)}.cds-custom--snippet.cds-custom--skeleton .cds-custom--snippet-container{block-size:100%;inline-size:100%}.cds-custom--snippet-button .cds-custom--btn--copy__feedback{inset-block-start:3.175rem;inset-inline:50% auto}.cds-custom--snippet-button .cds-custom--btn--copy__feedback:before{inset-block-start:0}.cds-custom--snippet-button .cds-custom--btn--copy__feedback:after{inset-block-start:-.25rem}.cds-custom--snippet--multi .cds-custom--snippet-button .cds-custom--btn--copy__feedback{inset-block-start:2.675rem}.cds-custom--snippet--inline .cds-custom--btn--copy__feedback{inset-block-start:calc(100% - .25rem);inset-inline:50% auto}.cds-custom--snippet--single .cds-custom--snippet-container{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2rem),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 2rem),transparent);pointer-events:auto}.cds-custom--snippet--multi{position:relative}.cds-custom--snippet--multi .cds-custom--snippet-container{inline-size:100%;-webkit-mask-composite:source-in,xor;mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2rem),transparent),linear-gradient(180deg,#000 calc(100% - 1rem),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 2rem),transparent),linear-gradient(180deg,#000 calc(100% - 1rem),transparent);pointer-events:auto}[dir=rtl] .cds-custom--snippet--single .cds-custom--snippet-container{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 2rem),transparent);mask-image:linear-gradient(270deg,#000 calc(100% - 2rem),transparent)}[dir=rtl] .cds-custom--snippet--multi .cds-custom--snippet-container{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 2rem),transparent),linear-gradient(180deg,#000 calc(100% - 1rem),transparent);mask-image:linear-gradient(270deg,#000 calc(100% - 2rem),transparent),linear-gradient(180deg,#000 calc(100% - 1rem),transparent)}.cds-custom--snippet--multi:focus-within .cds-custom--snippet-container,.cds-custom--snippet--single:focus-within .cds-custom--snippet-container{-webkit-mask-image:none;mask-image:none}.cds-custom--snippet--multi.cds-custom--skeleton{block-size:6.125rem}.cds-custom--snippet--single.cds-custom--skeleton{block-size:3.5rem}.cds-custom--snippet.cds-custom--skeleton span{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--snippet.cds-custom--skeleton span:active,.cds-custom--snippet.cds-custom--skeleton span:focus,.cds-custom--snippet.cds-custom--skeleton span:hover{border:none;cursor:default;outline:none}.cds-custom--snippet.cds-custom--skeleton span:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--snippet.cds-custom--skeleton span:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--snippet.cds-custom--skeleton span{background:CanvasText}.cds-custom--snippet.cds-custom--skeleton span:before{background:Canvas;forced-color-adjust:none}}.cds-custom--snippet.cds-custom--skeleton span{display:block;block-size:1rem;inline-size:100%;margin-block-start:.5rem}.cds-custom--snippet.cds-custom--skeleton span:first-child{margin:0}.cds-custom--snippet.cds-custom--skeleton span:nth-child(2){inline-size:85%}.cds-custom--snippet.cds-custom--skeleton span:nth-child(3){inline-size:95%}.cds-custom--snippet--single.cds-custom--skeleton .cds-custom--snippet-container{padding-block-end:0}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--snippet--inline:focus{color:Highlight;outline:1px solid Highlight}.cds-custom--snippet--multi,.cds-custom--snippet--single{outline:1px solid transparent}}:host(cds-custom-button),:host(cds-custom-dialog-footer-button),:host(cds-custom-modal-footer-button){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;display:inline-flex}:host(cds-custom-button) .cds-custom--btn,:host(cds-custom-dialog-footer-button) .cds-custom--btn,:host(cds-custom-modal-footer-button) .cds-custom--btn{flex-grow:1;max-inline-size:100%}:host(cds-custom-button-skeleton){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;display:inline-flex}:host(cds-custom-button[isExpressive]) ::slotted([slot=icon]),:host(cds-custom-dialog-footer-button[isExpressive]) ::slotted([slot=icon]),:host(cds-custom-modal-footer-button[isExpressive]) ::slotted([slot=icon]){block-size:1.25rem;inline-size:1.25rem}:host(cds-custom-button[pagination]) .cds-custom--btn,:host(cds-custom-dialog-footer-button[pagination]) .cds-custom--btn,:host(cds-custom-modal-footer-button[pagination]) .cds-custom--btn{padding:0;border:none;border-inline-start:1px solid var(--cds-border-subtle);transition:none}:host(cds-custom-button[pagination]) .cds-custom--btn:focus,:host(cds-custom-dialog-footer-button[pagination]) .cds-custom--btn:focus,:host(cds-custom-modal-footer-button[pagination]) .cds-custom--btn:focus{border-inline-start:0;box-shadow:none;outline:.125rem solid var(--cds-focus,#0f62fe);outline-offset:-.125rem}:host(cds-custom-button[pagination]:not([disabled])) .cds-custom--btn,:host(cds-custom-dialog-footer-button[pagination]:not([disabled])) .cds-custom--btn,:host(cds-custom-modal-footer-button[pagination]:not([disabled])) .cds-custom--btn{color:var(--cds-icon-primary,#161616)}:host(cds-custom-button[pagination]:not([disabled])) .cds-custom--btn:active,:host(cds-custom-dialog-footer-button[pagination]:not([disabled])) .cds-custom--btn:active,:host(cds-custom-modal-footer-button[pagination]:not([disabled])) .cds-custom--btn:active{background-color:var(--cds-layer-hover)}:host(cds-custom-button[pagination][batch-action]:not([disabled])) .cds-custom--btn,:host(cds-custom-dialog-footer-button[pagination][batch-action]:not([disabled])) .cds-custom--btn,:host(cds-custom-modal-footer-button[pagination][batch-action]:not([disabled])) .cds-custom--btn{padding:calc(.875rem - 3px) 1rem}:host(cds-custom-button[pagination][batch-action]:not([disabled])) .cds-custom--btn:focus,:host(cds-custom-dialog-footer-button[pagination][batch-action]:not([disabled])) .cds-custom--btn:focus,:host(cds-custom-modal-footer-button[pagination][batch-action]:not([disabled])) .cds-custom--btn:focus{outline:.125rem solid var(--cds-layer);outline-offset:-.125rem}:host(cds-custom-button[pagination][batch-action]:not([disabled])) :host(cds-custom-button[pagination][has-main-content]:not([disabled])) ::slotted([slot=icon]),:host(cds-custom-button[pagination][batch-action]:not([disabled])) :host(cds-custom-dialog-footer-button[pagination][has-main-content]:not([disabled])) ::slotted([slot=icon]),:host(cds-custom-button[pagination][batch-action]:not([disabled])) :host(cds-custom-modal-footer-button[pagination][has-main-content]:not([disabled])) ::slotted([slot=icon]),:host(cds-custom-dialog-footer-button[pagination][batch-action]:not([disabled])) :host(cds-custom-button[pagination][has-main-content]:not([disabled])) ::slotted([slot=icon]),:host(cds-custom-dialog-footer-button[pagination][batch-action]:not([disabled])) :host(cds-custom-dialog-footer-button[pagination][has-main-content]:not([disabled])) ::slotted([slot=icon]),:host(cds-custom-dialog-footer-button[pagination][batch-action]:not([disabled])) :host(cds-custom-modal-footer-button[pagination][has-main-content]:not([disabled])) ::slotted([slot=icon]),:host(cds-custom-modal-footer-button[pagination][batch-action]:not([disabled])) :host(cds-custom-button[pagination][has-main-content]:not([disabled])) ::slotted([slot=icon]),:host(cds-custom-modal-footer-button[pagination][batch-action]:not([disabled])) :host(cds-custom-dialog-footer-button[pagination][has-main-content]:not([disabled])) ::slotted([slot=icon]),:host(cds-custom-modal-footer-button[pagination][batch-action]:not([disabled])) :host(cds-custom-modal-footer-button[pagination][has-main-content]:not([disabled])) ::slotted([slot=icon]){position:static;margin-inline-start:.25rem}:host(cds-custom-button) .cds-custom--btn--icon-only{align-items:center;padding-block-start:0}:host(cds-custom-button) .cds-custom--btn--icon-only.cds-custom--btn--expressive,:host(cds-custom-button) .cds-custom--btn--icon-only.cds-custom--btn--selected{padding:.5rem}:host(cds-custom-button) .cds-custom--btn--ghost:not([disabled]) ::slotted([slot=icon]){fill:var(--cds-icon-primary,#161616)}:host(cds-custom-button[kind=ghost]) .cds-custom--btn--ghost:active,:host(cds-custom-button[kind=ghost]) .cds-custom--btn--ghost:hover{outline:none}:host(cds-custom-button[kind=ghost]) .cds-custom--btn--ghost:not(:focus){box-shadow:none}:host(cds-custom-button[kind=danger-ghost]) .cds-custom--btn--danger-ghost:not(:focus){box-shadow:none}:host(cds-custom-button-set) ::slotted(cds-custom-button),:host(cds-custom-side-panel-button-set) ::slotted(cds-custom-button){inline-size:100%;max-inline-size:12.25rem}:host(cds-custom-button-set) ::slotted(cds-custom-button:not(:first-of-type)),:host(cds-custom-side-panel-button-set) ::slotted(cds-custom-button:not(:first-of-type)){z-index:1;box-shadow:-.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}:host(cds-custom-button-set) ::slotted(cds-custom-button:focus-within),:host(cds-custom-side-panel-button-set) ::slotted(cds-custom-button:focus-within){box-shadow:inherit}:host(cds-custom-button-set) ::slotted(cds-custom-button:not(:first-of-type)[hide-margin]),:host(cds-custom-side-panel-button-set) ::slotted(cds-custom-button:not(:first-of-type)[hide-margin]){box-shadow:inherit}:host(cds-custom-button-set[stacked]) ::slotted(cds-custom-button:not(:first-of-type)){z-index:1;box-shadow:0 -.0625rem 0 0 var(--cds-button-separator,#e0e0e0)}:host(cds-custom-button-set[stacked]) ::slotted(cds-custom-button:focus-within){box-shadow:inherit}:host(cds-custom-button-set[stacked]) ::slotted(cds-custom-button:not(:first-of-type)[hide-margin]){box-shadow:inherit}:host(cds-custom-button[data-context=data-table]) .cds-custom--btn{padding-inline:1rem}:host(cds-custom-button[data-context=data-table]) .cds-custom--btn__icon,:host(cds-custom-button[data-context=data-table]):host(cds-custom-button) ::slotted([slot=icon]){position:static;fill:var(--cds-icon-on-color,#fff);margin-inline-start:.5rem}:host(cds-custom-button[data-context=data-table]) .cds-custom--btn__icon .st0,:host(cds-custom-button[data-context=data-table]):host(cds-custom-button) ::slotted([slot=icon]) .st0{fill:none}:host(cds-custom-button.cds-custom--batch-summary__cancel){--divider-opacity:1}:host(cds-custom-button.cds-custom--batch-summary__cancel) button.cds-custom--btn{position:relative;display:inline-flex;align-items:center;justify-content:center;margin:0;block-size:100%;min-block-size:100%;padding-inline-end:1rem;padding-inline-start:1rem}@media (prefers-reduced-motion:reduce){:host(cds-custom-button.cds-custom--batch-summary__cancel) button.cds-custom--btn:before{transition:none}}:host(cds-custom-button.cds-custom--batch-summary__cancel) button.cds-custom--btn:before{position:absolute;display:block;border:none;background-color:var(--cds-text-on-color,#fff);block-size:1rem;content:\"\";inline-size:.0625rem;inset-inline-start:0;opacity:var(--divider-opacity);transition:opacity .11s cubic-bezier(.2,0,.38,.9)}:host(cds-custom-button.cds-custom--batch-summary__cancel) button.cds-custom--btn:hover:before{opacity:0}:host(cds-custom-action-set) .cds-custom--action-set__action-button--ghost{padding-inline-start:0!important}:host(cds-custom-action-set) ::slotted(cds-custom-button:not(:first-of-type)){z-index:1;box-shadow:-.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}:host(cds-custom-action-set) ::slotted(cds-custom-button:focus-within),:host(cds-custom-action-set) ::slotted(cds-custom-button:not(:first-of-type)[hide-margin]){box-shadow:inherit}:host(cds-custom-action-set) cds-custom-button:not(:first-of-type){z-index:1;box-shadow:-.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}:host(cds-custom-action-set) cds-custom-button:focus-within,:host(cds-custom-action-set) cds-custom-button:not(:first-of-type)[hide-margin]{box-shadow:inherit}:host(cds-custom-action-set[stacked]) ::slotted(cds-custom-button:not(:first-of-type)){z-index:1;box-shadow:0 -.0625rem 0 0 var(--cds-button-separator,#e0e0e0)}:host(cds-custom-action-set[stacked]) ::slotted(cds-custom-button:focus-within),:host(cds-custom-action-set[stacked]) ::slotted(cds-custom-button:not(:first-of-type)[hide-margin]){box-shadow:inherit}:host(cds-custom-action-set[stacked]) cds-custom-button:not(:first-of-type){z-index:1;box-shadow:0 -.0625rem 0 0 var(--cds-button-separator,#e0e0e0)}:host(cds-custom-action-set[stacked]) cds-custom-button:focus-within,:host(cds-custom-action-set[stacked]) cds-custom-button:not(:first-of-type)[hide-margin]{box-shadow:inherit}:host(cds-custom-action-set[actions-multiple=single]) ::slotted(cds-custom-button),:host(cds-custom-action-set[actions-multiple=single]) cds-custom-button{flex:0 0 100%;max-inline-size:none}:host(cds-custom-action-set[actions-multiple=double]) ::slotted(cds-custom-button),:host(cds-custom-action-set[actions-multiple=double]) cds-custom-button{flex:0 1 50%;max-inline-size:none}:host(cds-custom-action-set[actions-multiple=triple]) ::slotted(cds-custom-button),:host(cds-custom-action-set[actions-multiple=triple]) cds-custom-button{flex:0 1 33.33%;max-inline-size:none}"]);
11
+ //#endregion
12
+ export { action_set_default as default };
13
+
14
+ //# sourceMappingURL=action-set.scss.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"action-set.scss.js","names":[],"sources":["../../../src/components/action-set/action-set.scss?lit"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026, 2026\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\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/type';\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/components/button/tokens' as button-tokens;\n@use '@carbon/styles/scss/utilities/convert' as *;\n@use '../button/button';\n\n$block-class: #{$prefix}--action-set;\n\n// Mixin for button separator styles\n@mixin button-separator($direction: horizontal) {\n $shadow: if(\n $direction == horizontal,\n to-rem(-1px) 0 0 0 button-tokens.$button-separator,\n 0 to-rem(-1px) 0 0 button-tokens.$button-separator\n );\n\n // Slotted buttons\n ::slotted(#{$prefix}-button:not(:first-of-type)) {\n z-index: 1;\n box-shadow: $shadow;\n }\n\n ::slotted(#{$prefix}-button:focus-within),\n ::slotted(#{$prefix}-button:not(:first-of-type)[hide-margin]) {\n box-shadow: inherit;\n }\n\n // Directly rendered buttons (from actions prop)\n #{$prefix}-button:not(:first-of-type) {\n z-index: 1;\n box-shadow: $shadow;\n }\n\n #{$prefix}-button:focus-within,\n #{$prefix}-button:not(:first-of-type)[hide-margin] {\n box-shadow: inherit;\n }\n}\n\n:host(#{$prefix}-action-set) {\n // Override padding-inline-start for ghost buttons from ActionSet styles\n .#{$block-class}__action-button--ghost {\n /* stylelint-disable-next-line declaration-no-important */\n padding-inline-start: 0 !important;\n }\n\n // Button separator styles for horizontal layout\n @include button-separator(horizontal);\n}\n\n// Stacked layout styles\n:host(#{$prefix}-action-set[stacked]) {\n @include button-separator(vertical);\n}\n\n// Side-panel specific overrides for button widths\n:host(#{$prefix}-action-set[actions-multiple='single']) {\n // Single button should be full width\n ::slotted(#{$prefix}-button),\n #{$prefix}-button {\n flex: 0 0 100%;\n max-inline-size: none;\n }\n}\n\n:host(#{$prefix}-action-set[actions-multiple='double']) {\n // Double buttons should be 50% width each\n ::slotted(#{$prefix}-button),\n #{$prefix}-button {\n flex: 0 1 50%;\n max-inline-size: none;\n }\n}\n\n:host(#{$prefix}-action-set[actions-multiple='triple']) {\n // Triple buttons should be ~33% width each\n ::slotted(#{$prefix}-button),\n #{$prefix}-button {\n flex: 0 1 33.33%;\n max-inline-size: none;\n }\n}\n"],"mappings":""}
@@ -0,0 +1,9 @@
1
+ /**
2
+ * Copyright IBM Corp. 2026, 2026
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+ import './action-set';
8
+ export type { ActionButton, ButtonSize, ButtonKind } from './action-set';
9
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/action-set/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,cAAc,CAAC;AAEtB,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
@@ -0,0 +1,8 @@
1
+ /**
2
+ * Copyright IBM Corp. 2026
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+
8
+ import "./action-set.js";
@@ -1 +1 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,wBAAwB,EACxB,uBAAuB,EACxB,MAAM,QAAQ,CAAC;AAMhB,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,wBAAwB,EACxB,uBAAuB,GACxB,CAAC;;;;;;;;;;uBAJI,CAAC;;;;;;;AAMP;;;;;GAKG;AACH,cACM,SAAU,SAAQ,cAAyC;IAC/D;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAS;IAEzB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,iBAAiB,KAAA;IAQzB,OAAO,CAAC,WAAW,CAEjB;IAEF;;OAEG;IAIH,OAAO,CAAC,eAAe,CAErB;IAEF;;;OAGG;IAIH,OAAO,CAAC,YAAY,CAElB;IAEF;;;OAGG;IAIH,OAAO,CAAC,eAAe,CAErB;IAEF;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,eAAe,MAAC;IAEhB;;OAEG;IAEH,iBAAiB,SAAM;IAEvB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,cAAc,UAAS;IAEvB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,YAAY,UAAS;IAErB;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,IAAI,cAAuB;IAE3B;;OAEG;IAEH,QAAQ,SAAY;IAEpB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,GAAG,EAAG,MAAM,CAAC;IAEb;;OAEG;IAEH,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,CAAQ;IAEnC;;OAEG;IAEH,QAAQ,SAAK;IAEb;;OAEG;IAEH,MAAM,EAAG,MAAM,CAAC;IAEhB;;;OAGG;IAEH,gBAAgB,2BAAmC;IAEnD;;;OAGG;IAEH,eAAe,0BAA+B;IAE9C;;;OAGG;IAEH,WAAW,EAAG,MAAM,CAAC;IAErB;;OAEG;IAEH,IAAI,cAAsB;IAE1B,MAAM;IA8JN,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,wBAAwB,EACxB,uBAAuB,EACxB,MAAM,QAAQ,CAAC;AAMhB,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,wBAAwB,EACxB,uBAAuB,GACxB,CAAC;;;;;;;;;;uBAJI,CAAC;;;;;;;AAMP;;;;;GAKG;AACH,cACM,SAAU,SAAQ,cAAyC;IAC/D;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAS;IAEzB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,iBAAiB,KAAA;IAQzB,OAAO,CAAC,WAAW,CAEjB;IAEF;;OAEG;IAIH,OAAO,CAAC,eAAe,CAErB;IAEF;;;OAGG;IAIH,OAAO,CAAC,YAAY,CAElB;IAEF;;;OAGG;IAIH,OAAO,CAAC,eAAe,CAErB;IAEF;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,eAAe,MAAC;IAEhB;;OAEG;IAEH,iBAAiB,SAAM;IAEvB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,cAAc,UAAS;IAEvB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,YAAY,UAAS;IAErB;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,IAAI,cAAuB;IAE3B;;OAEG;IAEH,QAAQ,SAAY;IAEpB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,GAAG,EAAG,MAAM,CAAC;IAEb;;OAEG;IAEH,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,CAAQ;IAEnC;;OAEG;IAEH,QAAQ,SAAK;IAEb;;OAEG;IAEH,MAAM,EAAG,MAAM,CAAC;IAEhB;;;OAGG;IAEH,gBAAgB,2BAAmC;IAEnD;;;OAGG;IAEH,eAAe,0BAA+B;IAE9C;;;OAGG;IAEH,WAAW,EAAG,MAAM,CAAC;IAErB;;OAEG;IAEH,IAAI,cAAsB;IAE1B,MAAM;IAoKN,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC"}
@@ -84,18 +84,21 @@ let CDSButton = class CDSButton extends HostListenerMixin(FocusMixin(LitElement)
84
84
  }
85
85
  render() {
86
86
  const { autofocus, buttonClassName, dangerDescription, disabled, download, href, hreflang, kind, isExpressive, isSelected, linkRole, openTooltip, ping, rel, size, tabIndex, target, tooltipAlignment, tooltipPosition, tooltipText, type, _hasIcon: hasIcon, hasMainContent, _handleSlotChange: handleSlotChange } = this;
87
+ const isIconOnly = hasIcon && !hasMainContent;
88
+ const isGhostIconOnly = isIconOnly && kind === "ghost";
89
+ const ariaPressed = isGhostIconOnly && isSelected ? true : void 0;
87
90
  let defaultClasses = {
88
91
  [`cds-custom--btn`]: true,
89
92
  [`cds-custom--btn--${kind}`]: kind,
90
93
  [`cds-custom--btn--danger--tertiary`]: kind === "danger-tertiary",
91
94
  [`cds-custom--btn--danger--ghost`]: kind === "danger-ghost",
92
95
  [`cds-custom--btn--disabled`]: disabled,
93
- [`cds-custom--btn--icon-only`]: hasIcon && !hasMainContent,
96
+ [`cds-custom--btn--icon-only`]: isIconOnly,
94
97
  [`cds-custom--btn--${size}`]: !!size,
95
98
  [`cds-custom--layout--size-${size}`]: !!size,
96
99
  [`cds-custom-ce--btn--has-icon`]: hasIcon,
97
100
  [`cds-custom--btn--expressive`]: isExpressive,
98
- [`cds-custom--btn--selected`]: isSelected && kind === "ghost"
101
+ [`cds-custom--btn--selected`]: isGhostIconOnly && isSelected
99
102
  };
100
103
  if (buttonClassName) {
101
104
  const outputObject = {};
@@ -155,6 +158,7 @@ let CDSButton = class CDSButton extends HostListenerMixin(FocusMixin(LitElement)
155
158
  tabindex="${tabIndex}"
156
159
  type="${ifDefined(type)}"
157
160
  aria-label="${ifDefined(tooltipText)}"
161
+ ?aria-pressed="${ariaPressed}"
158
162
  aria-describedby="badge-indicator">
159
163
  <slot @slotchange="${handleSlotChange}"></slot>
160
164
  <slot name="icon" @slotchange="${handleSlotChange}"></slot>
@@ -178,6 +182,7 @@ let CDSButton = class CDSButton extends HostListenerMixin(FocusMixin(LitElement)
178
182
  tabindex="${tabIndex}"
179
183
  type="${ifDefined(type)}"
180
184
  aria-label="${ifDefined(tooltipText)}"
185
+ ?aria-pressed="${ariaPressed}"
181
186
  aria-describedby="${ifDefined(hasDangerDescription ? "danger-description" : void 0)}">
182
187
  ${hasDangerDescription ? html`<span
183
188
  id="danger-description"
@@ -1 +1 @@
1
- {"version":3,"file":"button.js","names":["styles","customElement"],"sources":["../../../src/components/button/button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport {\n BUTTON_KIND,\n BUTTON_TYPE,\n BUTTON_SIZE,\n BUTTON_TOOLTIP_ALIGNMENT,\n BUTTON_TOOLTIP_POSITION,\n} from './defs';\nimport styles from './button.scss?lit';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport {\n BUTTON_KIND,\n BUTTON_TYPE,\n BUTTON_SIZE,\n BUTTON_TOOLTIP_ALIGNMENT,\n BUTTON_TOOLTIP_POSITION,\n};\n\n/**\n * Button.\n *\n * @element cds-custom-button\n * @csspart button The button.\n */\n@customElement(`${prefix}-button`)\nclass CDSButton extends HostListenerMixin(FocusMixin(LitElement)) {\n /**\n * `true` if there is an icon.\n */\n private _hasIcon = false;\n\n /**\n * Handles `slotchange` event.\n */\n private _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const hasContent = (target as HTMLSlotElement).assignedNodes().some(\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n );\n this[name === 'icon' ? '_hasIcon' : 'hasMainContent'] = hasContent;\n this.requestUpdate();\n }\n\n @HostListener('click', { capture: true })\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore\n private _handleDisabledClick(event: Event) {\n const { disabled } = this;\n if (disabled) {\n event.stopPropagation();\n }\n }\n\n private _checkBadgeWarning() {\n const hasBadgeIndicator = this.querySelector(`${prefix}-badge-indicator`);\n if (\n hasBadgeIndicator &&\n (this.kind !== BUTTON_KIND.GHOST || this.size !== BUTTON_SIZE.LARGE)\n ) {\n // eslint-disable-next-line no-console\n console.warn(\n `The badge indicator must be used with kind='ghost' and size='lg'`\n );\n }\n }\n updated(changedProperties) {\n super.updated?.(changedProperties);\n this._checkBadgeWarning();\n }\n\n @HostListener('mouseover')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleOver = () => {\n this.openTooltip = true;\n };\n\n /**\n * Handles `keydown` event on this element.\n */\n @HostListener('mouseout')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleHoverOut = async () => {\n this.openTooltip = false;\n };\n\n /**\n * Handles `keydown` event on this element.\n * Space & enter will toggle state, Escape will only close.\n */\n @HostListener('focus')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleFocus = async () => {\n this.openTooltip = true;\n };\n\n /**\n * Handles `keydown` event on this element.\n * Space & enter will toggle state, Escape will only close.\n */\n @HostListener('focusout')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleFocusout = async () => {\n this.openTooltip = false;\n };\n\n /**\n * `true` if the button should have input focus when the page loads.\n */\n @property({ type: Boolean, reflect: true })\n autofocus = false;\n\n /**\n * `true` if the button is being used within a data table batch action toolbar\n */\n @property({ type: Boolean, reflect: true, attribute: 'batch-action' })\n batchAction = false;\n\n /**\n * Specify an optional className to be added to your Button\n */\n @property({ type: String, reflect: true, attribute: 'button-class-name' })\n buttonClassName;\n\n /**\n * Specify the message read by screen readers for the danger button variants\n */\n @property({ type: String, reflect: true, attribute: 'danger-description' })\n dangerDescription = '';\n\n /**\n * Specify whether the Button should be disabled, or not\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The default file name, used if this button is rendered as `<a>`.\n */\n @property({ type: String, reflect: true })\n download!: string;\n\n /**\n * `true` if there is a non-icon content.\n */\n @property({ reflect: true, attribute: 'has-main-content', type: Boolean })\n hasMainContent = false;\n\n /**\n * Optionally specify an href for your Button to become an `<a>` element\n */\n @property({ type: String, reflect: true })\n href!: string;\n\n /**\n * The language of what `href` points to, if this button is rendered as `<a>`.\n */\n @property({ type: String, reflect: true })\n hreflang!: string;\n\n /**\n * Specify whether the Button is expressive, or not.\n */\n @property({ type: Boolean, reflect: true })\n isExpressive = false;\n\n /**\n * Specify whether the Button is currently selected. Only applies to the icon only Ghost variant.\n */\n @property({ type: Boolean, reflect: true })\n isSelected = false;\n\n /**\n * Specify the kind of Button you want to create. `primary`, `secondary`,`tertiary`, `ghost`, `danger`, `danger-tertiary`, `danger-ghost`\n */\n @property({ type: String, reflect: true })\n kind = BUTTON_KIND.PRIMARY;\n\n /**\n * The a11y role for `<a>`.\n */\n @property({ type: String, attribute: 'link-role' })\n linkRole = 'button';\n\n /**\n * Boolean to determine if tooltip is open.\n */\n @property({ type: Boolean })\n openTooltip = false;\n\n /**\n * URLs to ping, if this button is rendered as `<a>`.\n */\n @property({ type: String, reflect: true })\n ping!: string;\n\n /**\n * Optionally specify a `rel` when using an `<a>` element.\n */\n @property({ type: String, reflect: true })\n rel!: string;\n\n /**\n * Specify the size of the button, from the following list of sizes: `xs`, `sm`, `md`, `lg`, `xl`, `2xl`\n */\n @property({ type: String, reflect: true })\n size?: BUTTON_SIZE | string = 'lg';\n\n /**\n * Optional prop to specify the tabIndex of the Button\n */\n @property({ type: Number, attribute: 'tab-index', reflect: true })\n tabIndex = 0;\n\n /**\n * Optionally specify a `target` when using an `<a>` element.\n */\n @property({ type: String, reflect: true })\n target!: string;\n\n /**\n * Specify the alignment of the tooltip to the icon-only button.\n * Can be one of: start, center, or end.\n */\n @property({ type: String, reflect: true, attribute: 'tooltip-alignment' })\n tooltipAlignment = BUTTON_TOOLTIP_ALIGNMENT.CENTER;\n\n /**\n * Specify the direction of the tooltip for icon-only buttons.\n * Can be either top, right, bottom, or left.\n */\n @property({ type: String, reflect: true, attribute: 'tooltip-position' })\n tooltipPosition = BUTTON_TOOLTIP_POSITION.TOP;\n\n /**\n * If rendering an `icon-only` button through `slot=\"icon\"`, Specify the text to be rendered in the tooltip. If using\n * `cds-custom-badge-indicator` with no count prop then the text should include describing there is a new notification.\n */\n @property({ type: String, reflect: true, attribute: 'tooltip-text' })\n tooltipText!: string;\n\n /**\n * Optional prop to specify the type of the Button.\n */\n @property({ type: String, reflect: true })\n type = BUTTON_TYPE.BUTTON;\n\n render() {\n const {\n autofocus,\n buttonClassName,\n dangerDescription,\n disabled,\n download,\n href,\n hreflang,\n kind,\n isExpressive,\n isSelected,\n linkRole,\n openTooltip,\n ping,\n rel,\n size,\n tabIndex,\n target,\n tooltipAlignment,\n tooltipPosition,\n tooltipText,\n type,\n _hasIcon: hasIcon,\n hasMainContent,\n _handleSlotChange: handleSlotChange,\n } = this;\n\n let defaultClasses = {\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--${kind}`]: kind,\n [`${prefix}--btn--danger--tertiary`]:\n kind === BUTTON_KIND.DANGER_TERTIARY,\n [`${prefix}--btn--danger--ghost`]: kind === BUTTON_KIND.DANGER_GHOST,\n [`${prefix}--btn--disabled`]: disabled,\n [`${prefix}--btn--icon-only`]: hasIcon && !hasMainContent,\n [`${prefix}--btn--${size}`]: !!size,\n [`${prefix}--layout--size-${size}`]: !!size,\n [`${prefix}-ce--btn--has-icon`]: hasIcon,\n [`${prefix}--btn--expressive`]: isExpressive,\n [`${prefix}--btn--selected`]: isSelected && kind === 'ghost',\n };\n\n if (buttonClassName) {\n const outputObject = {};\n buttonClassName?.split(' ').forEach((element) => {\n outputObject[element] = true;\n });\n defaultClasses = { ...defaultClasses, ...outputObject };\n }\n const classes = classMap(defaultClasses);\n\n const isDanger = kind?.includes('danger');\n const hasDangerDescription = isDanger && Boolean(dangerDescription);\n\n if (href) {\n return disabled\n ? html`\n <p id=\"button\" part=\"button\" class=\"${classes}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </p>\n `\n : html`\n <a\n id=\"button\"\n part=\"button\"\n role=\"${ifDefined(linkRole)}\"\n class=\"${classes}\"\n download=\"${ifDefined(download)}\"\n href=\"${ifDefined(href)}\"\n hreflang=\"${ifDefined(hreflang)}\"\n ping=\"${ifDefined(ping)}\"\n rel=\"${ifDefined(rel)}\"\n target=\"${ifDefined(target)}\"\n type=\"${ifDefined(type)}\"\n tabindex=\"${tabIndex}\"\n aria-describedby=\"badge-indicator\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </a>\n ${html`<slot id=\"badge-indicator\" name=\"badge-indicator\"></slot>` ??\n !disabled}\n `;\n }\n\n const alignmentClass =\n tooltipAlignment &&\n (tooltipPosition === BUTTON_TOOLTIP_POSITION.TOP ||\n tooltipPosition === BUTTON_TOOLTIP_POSITION.BOTTOM)\n ? `-${tooltipAlignment}`\n : '';\n\n const tooltipClasses = classMap({\n [`${prefix}--popover-container`]: true,\n [`${prefix}--popover--caret`]: true,\n [`${prefix}--popover--high-contrast`]: true,\n [`${prefix}--tooltip`]: true,\n [`${prefix}--icon-tooltip`]: hasIcon,\n [`${prefix}--popover--open`]: openTooltip,\n [`${prefix}--popover--${tooltipPosition}${alignmentClass}`]: tooltipText,\n });\n\n return tooltipText && !disabled\n ? html`\n <span class=\"${tooltipClasses}\">\n <button\n id=\"button\"\n part=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n tabindex=\"${tabIndex}\"\n type=\"${ifDefined(type)}\"\n aria-label=\"${ifDefined(tooltipText)}\"\n aria-describedby=\"badge-indicator\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </button>\n <span class=\"${prefix}--popover\">\n <span\n class=\"${prefix}--popover-content ${prefix}--tooltip-content\">\n ${tooltipText}\n </span>\n <span class=\"${prefix}--popover-caret\"></span>\n </span>\n ${html`<slot id=\"badge-indicator\" name=\"badge-indicator\"></slot>` ??\n !disabled}\n </span>\n `\n : html`\n <button\n id=\"button\"\n part=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n tabindex=\"${tabIndex}\"\n type=\"${ifDefined(type)}\"\n aria-label=\"${ifDefined(tooltipText)}\"\n aria-describedby=\"${ifDefined(\n hasDangerDescription ? 'danger-description' : undefined\n )}\">\n ${hasDangerDescription\n ? html`<span\n id=\"danger-description\"\n class=\"${prefix}--visually-hidden\"\n >${dangerDescription}</span\n >`\n : ``}\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </button>\n ${html`<slot id=\"badge-indicator\" name=\"badge-indicator\"></slot>` ??\n !disabled}\n `;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\nexport default CDSButton;\n"],"mappings":"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"}
1
+ {"version":3,"file":"button.js","names":["styles","customElement"],"sources":["../../../src/components/button/button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport {\n BUTTON_KIND,\n BUTTON_TYPE,\n BUTTON_SIZE,\n BUTTON_TOOLTIP_ALIGNMENT,\n BUTTON_TOOLTIP_POSITION,\n} from './defs';\nimport styles from './button.scss?lit';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport {\n BUTTON_KIND,\n BUTTON_TYPE,\n BUTTON_SIZE,\n BUTTON_TOOLTIP_ALIGNMENT,\n BUTTON_TOOLTIP_POSITION,\n};\n\n/**\n * Button.\n *\n * @element cds-custom-button\n * @csspart button The button.\n */\n@customElement(`${prefix}-button`)\nclass CDSButton extends HostListenerMixin(FocusMixin(LitElement)) {\n /**\n * `true` if there is an icon.\n */\n private _hasIcon = false;\n\n /**\n * Handles `slotchange` event.\n */\n private _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const hasContent = (target as HTMLSlotElement).assignedNodes().some(\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n );\n this[name === 'icon' ? '_hasIcon' : 'hasMainContent'] = hasContent;\n this.requestUpdate();\n }\n\n @HostListener('click', { capture: true })\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore\n private _handleDisabledClick(event: Event) {\n const { disabled } = this;\n if (disabled) {\n event.stopPropagation();\n }\n }\n\n private _checkBadgeWarning() {\n const hasBadgeIndicator = this.querySelector(`${prefix}-badge-indicator`);\n if (\n hasBadgeIndicator &&\n (this.kind !== BUTTON_KIND.GHOST || this.size !== BUTTON_SIZE.LARGE)\n ) {\n // eslint-disable-next-line no-console\n console.warn(\n `The badge indicator must be used with kind='ghost' and size='lg'`\n );\n }\n }\n updated(changedProperties) {\n super.updated?.(changedProperties);\n this._checkBadgeWarning();\n }\n\n @HostListener('mouseover')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleOver = () => {\n this.openTooltip = true;\n };\n\n /**\n * Handles `keydown` event on this element.\n */\n @HostListener('mouseout')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleHoverOut = async () => {\n this.openTooltip = false;\n };\n\n /**\n * Handles `keydown` event on this element.\n * Space & enter will toggle state, Escape will only close.\n */\n @HostListener('focus')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleFocus = async () => {\n this.openTooltip = true;\n };\n\n /**\n * Handles `keydown` event on this element.\n * Space & enter will toggle state, Escape will only close.\n */\n @HostListener('focusout')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleFocusout = async () => {\n this.openTooltip = false;\n };\n\n /**\n * `true` if the button should have input focus when the page loads.\n */\n @property({ type: Boolean, reflect: true })\n autofocus = false;\n\n /**\n * `true` if the button is being used within a data table batch action toolbar\n */\n @property({ type: Boolean, reflect: true, attribute: 'batch-action' })\n batchAction = false;\n\n /**\n * Specify an optional className to be added to your Button\n */\n @property({ type: String, reflect: true, attribute: 'button-class-name' })\n buttonClassName;\n\n /**\n * Specify the message read by screen readers for the danger button variants\n */\n @property({ type: String, reflect: true, attribute: 'danger-description' })\n dangerDescription = '';\n\n /**\n * Specify whether the Button should be disabled, or not\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The default file name, used if this button is rendered as `<a>`.\n */\n @property({ type: String, reflect: true })\n download!: string;\n\n /**\n * `true` if there is a non-icon content.\n */\n @property({ reflect: true, attribute: 'has-main-content', type: Boolean })\n hasMainContent = false;\n\n /**\n * Optionally specify an href for your Button to become an `<a>` element\n */\n @property({ type: String, reflect: true })\n href!: string;\n\n /**\n * The language of what `href` points to, if this button is rendered as `<a>`.\n */\n @property({ type: String, reflect: true })\n hreflang!: string;\n\n /**\n * Specify whether the Button is expressive, or not.\n */\n @property({ type: Boolean, reflect: true })\n isExpressive = false;\n\n /**\n * Specify whether the Button is currently selected. Only applies to the icon only Ghost variant.\n */\n @property({ type: Boolean, reflect: true })\n isSelected = false;\n\n /**\n * Specify the kind of Button you want to create. `primary`, `secondary`,`tertiary`, `ghost`, `danger`, `danger-tertiary`, `danger-ghost`\n */\n @property({ type: String, reflect: true })\n kind = BUTTON_KIND.PRIMARY;\n\n /**\n * The a11y role for `<a>`.\n */\n @property({ type: String, attribute: 'link-role' })\n linkRole = 'button';\n\n /**\n * Boolean to determine if tooltip is open.\n */\n @property({ type: Boolean })\n openTooltip = false;\n\n /**\n * URLs to ping, if this button is rendered as `<a>`.\n */\n @property({ type: String, reflect: true })\n ping!: string;\n\n /**\n * Optionally specify a `rel` when using an `<a>` element.\n */\n @property({ type: String, reflect: true })\n rel!: string;\n\n /**\n * Specify the size of the button, from the following list of sizes: `xs`, `sm`, `md`, `lg`, `xl`, `2xl`\n */\n @property({ type: String, reflect: true })\n size?: BUTTON_SIZE | string = 'lg';\n\n /**\n * Optional prop to specify the tabIndex of the Button\n */\n @property({ type: Number, attribute: 'tab-index', reflect: true })\n tabIndex = 0;\n\n /**\n * Optionally specify a `target` when using an `<a>` element.\n */\n @property({ type: String, reflect: true })\n target!: string;\n\n /**\n * Specify the alignment of the tooltip to the icon-only button.\n * Can be one of: start, center, or end.\n */\n @property({ type: String, reflect: true, attribute: 'tooltip-alignment' })\n tooltipAlignment = BUTTON_TOOLTIP_ALIGNMENT.CENTER;\n\n /**\n * Specify the direction of the tooltip for icon-only buttons.\n * Can be either top, right, bottom, or left.\n */\n @property({ type: String, reflect: true, attribute: 'tooltip-position' })\n tooltipPosition = BUTTON_TOOLTIP_POSITION.TOP;\n\n /**\n * If rendering an `icon-only` button through `slot=\"icon\"`, Specify the text to be rendered in the tooltip. If using\n * `cds-custom-badge-indicator` with no count prop then the text should include describing there is a new notification.\n */\n @property({ type: String, reflect: true, attribute: 'tooltip-text' })\n tooltipText!: string;\n\n /**\n * Optional prop to specify the type of the Button.\n */\n @property({ type: String, reflect: true })\n type = BUTTON_TYPE.BUTTON;\n\n render() {\n const {\n autofocus,\n buttonClassName,\n dangerDescription,\n disabled,\n download,\n href,\n hreflang,\n kind,\n isExpressive,\n isSelected,\n linkRole,\n openTooltip,\n ping,\n rel,\n size,\n tabIndex,\n target,\n tooltipAlignment,\n tooltipPosition,\n tooltipText,\n type,\n _hasIcon: hasIcon,\n hasMainContent,\n _handleSlotChange: handleSlotChange,\n } = this;\n\n const isIconOnly = hasIcon && !hasMainContent;\n const isGhostIconOnly = isIconOnly && kind === BUTTON_KIND.GHOST;\n const ariaPressed = isGhostIconOnly && isSelected ? true : undefined;\n\n let defaultClasses = {\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--${kind}`]: kind,\n [`${prefix}--btn--danger--tertiary`]:\n kind === BUTTON_KIND.DANGER_TERTIARY,\n [`${prefix}--btn--danger--ghost`]: kind === BUTTON_KIND.DANGER_GHOST,\n [`${prefix}--btn--disabled`]: disabled,\n [`${prefix}--btn--icon-only`]: isIconOnly,\n [`${prefix}--btn--${size}`]: !!size,\n [`${prefix}--layout--size-${size}`]: !!size,\n [`${prefix}-ce--btn--has-icon`]: hasIcon,\n [`${prefix}--btn--expressive`]: isExpressive,\n [`${prefix}--btn--selected`]: isGhostIconOnly && isSelected,\n };\n\n if (buttonClassName) {\n const outputObject = {};\n buttonClassName?.split(' ').forEach((element) => {\n outputObject[element] = true;\n });\n defaultClasses = { ...defaultClasses, ...outputObject };\n }\n const classes = classMap(defaultClasses);\n\n const isDanger = kind?.includes('danger');\n const hasDangerDescription = isDanger && Boolean(dangerDescription);\n\n if (href) {\n return disabled\n ? html`\n <p id=\"button\" part=\"button\" class=\"${classes}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </p>\n `\n : html`\n <a\n id=\"button\"\n part=\"button\"\n role=\"${ifDefined(linkRole)}\"\n class=\"${classes}\"\n download=\"${ifDefined(download)}\"\n href=\"${ifDefined(href)}\"\n hreflang=\"${ifDefined(hreflang)}\"\n ping=\"${ifDefined(ping)}\"\n rel=\"${ifDefined(rel)}\"\n target=\"${ifDefined(target)}\"\n type=\"${ifDefined(type)}\"\n tabindex=\"${tabIndex}\"\n aria-describedby=\"badge-indicator\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </a>\n ${html`<slot id=\"badge-indicator\" name=\"badge-indicator\"></slot>` ??\n !disabled}\n `;\n }\n\n const alignmentClass =\n tooltipAlignment &&\n (tooltipPosition === BUTTON_TOOLTIP_POSITION.TOP ||\n tooltipPosition === BUTTON_TOOLTIP_POSITION.BOTTOM)\n ? `-${tooltipAlignment}`\n : '';\n\n const tooltipClasses = classMap({\n [`${prefix}--popover-container`]: true,\n [`${prefix}--popover--caret`]: true,\n [`${prefix}--popover--high-contrast`]: true,\n [`${prefix}--tooltip`]: true,\n [`${prefix}--icon-tooltip`]: hasIcon,\n [`${prefix}--popover--open`]: openTooltip,\n [`${prefix}--popover--${tooltipPosition}${alignmentClass}`]: tooltipText,\n });\n\n return tooltipText && !disabled\n ? html`\n <span class=\"${tooltipClasses}\">\n <button\n id=\"button\"\n part=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n tabindex=\"${tabIndex}\"\n type=\"${ifDefined(type)}\"\n aria-label=\"${ifDefined(tooltipText)}\"\n ?aria-pressed=\"${ariaPressed}\"\n aria-describedby=\"badge-indicator\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </button>\n <span class=\"${prefix}--popover\">\n <span\n class=\"${prefix}--popover-content ${prefix}--tooltip-content\">\n ${tooltipText}\n </span>\n <span class=\"${prefix}--popover-caret\"></span>\n </span>\n ${html`<slot id=\"badge-indicator\" name=\"badge-indicator\"></slot>` ??\n !disabled}\n </span>\n `\n : html`\n <button\n id=\"button\"\n part=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n tabindex=\"${tabIndex}\"\n type=\"${ifDefined(type)}\"\n aria-label=\"${ifDefined(tooltipText)}\"\n ?aria-pressed=\"${ariaPressed}\"\n aria-describedby=\"${ifDefined(\n hasDangerDescription ? 'danger-description' : undefined\n )}\">\n ${hasDangerDescription\n ? html`<span\n id=\"danger-description\"\n class=\"${prefix}--visually-hidden\"\n >${dangerDescription}</span\n >`\n : ``}\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </button>\n ${html`<slot id=\"badge-indicator\" name=\"badge-indicator\"></slot>` ??\n !disabled}\n `;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\nexport default CDSButton;\n"],"mappings":"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"}