@pine-ds/core 4.4.2 → 4.4.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (321) hide show
  1. package/components/attributes.js +1 -1
  2. package/components/closest.js +1 -1
  3. package/components/pds-avatar.js +1 -1
  4. package/components/pds-box2.js +1 -1
  5. package/components/pds-checkbox2.js +1 -1
  6. package/components/pds-chip2.js +1 -1
  7. package/components/pds-combobox.js +2 -2
  8. package/components/pds-copytext.js +1 -1
  9. package/components/pds-datepicker.js +1 -1
  10. package/components/pds-drawer-content.js +1 -1
  11. package/components/pds-drawer-footer.js +1 -1
  12. package/components/pds-drawer-header.js +1 -1
  13. package/components/pds-drawer.js +1 -1
  14. package/components/pds-dropdown-menu.js +1 -1
  15. package/components/pds-loader2.js +1 -1
  16. package/components/pds-modal-content.js +1 -1
  17. package/components/pds-modal-footer.js +1 -1
  18. package/components/pds-modal-header.js +1 -1
  19. package/components/pds-modal2.js +1 -1
  20. package/components/pds-popover.js +1 -1
  21. package/components/pds-progress.js +1 -1
  22. package/components/pds-radio-group.js +1 -1
  23. package/components/pds-radio.js +1 -1
  24. package/components/pds-row.js +1 -1
  25. package/components/pds-select.js +1 -1
  26. package/components/pds-sortable-item.js +1 -1
  27. package/components/pds-sortable.js +2 -2
  28. package/components/pds-switch.js +1 -1
  29. package/components/pds-table-head.js +1 -1
  30. package/components/pds-table-row.js +1 -1
  31. package/components/pds-tabpanel.js +1 -1
  32. package/components/pds-tabs.js +1 -1
  33. package/components/pds-tooltip.js +1 -1
  34. package/components/reflected-attribute-default.js +1 -0
  35. package/dist/cjs/attributes-DrQqSEv4.js +188 -0
  36. package/dist/cjs/loader.cjs.js +1 -1
  37. package/dist/cjs/pds-avatar.cjs.entry.js +17 -1
  38. package/dist/cjs/pds-box.cjs.entry.js +11 -1
  39. package/dist/cjs/pds-checkbox.cjs.entry.js +11 -4
  40. package/dist/cjs/pds-chip.cjs.entry.js +10 -1
  41. package/dist/cjs/pds-combobox.cjs.entry.js +11 -6
  42. package/dist/cjs/pds-copytext.cjs.entry.js +16 -1
  43. package/dist/cjs/pds-drawer-content.cjs.entry.js +1 -1
  44. package/dist/cjs/pds-drawer-footer.cjs.entry.js +1 -1
  45. package/dist/cjs/pds-drawer-header.cjs.entry.js +1 -1
  46. package/dist/cjs/pds-drawer.cjs.entry.js +2 -2
  47. package/dist/cjs/pds-dropdown-menu.cjs.entry.js +39 -9
  48. package/dist/cjs/pds-input.cjs.entry.js +1 -1
  49. package/dist/cjs/pds-loader.cjs.entry.js +27 -1
  50. package/dist/cjs/pds-modal-content.cjs.entry.js +2 -2
  51. package/dist/cjs/pds-modal-footer.cjs.entry.js +1 -1
  52. package/dist/cjs/pds-modal-header.cjs.entry.js +1 -1
  53. package/dist/cjs/pds-modal.cjs.entry.js +135 -49
  54. package/dist/cjs/pds-popover.cjs.entry.js +81 -13
  55. package/dist/cjs/pds-progress.cjs.entry.js +12 -1
  56. package/dist/cjs/pds-radio-group.cjs.entry.js +3 -3
  57. package/dist/cjs/pds-radio.cjs.entry.js +11 -3
  58. package/dist/cjs/pds-row.cjs.entry.js +11 -1
  59. package/dist/cjs/pds-select.cjs.entry.js +13 -1
  60. package/dist/cjs/pds-sortable-item.cjs.entry.js +10 -1
  61. package/dist/cjs/pds-sortable.cjs.entry.js +11 -1
  62. package/dist/cjs/pds-switch.cjs.entry.js +12 -4
  63. package/dist/cjs/pds-tabpanel.cjs.entry.js +1 -1
  64. package/dist/cjs/pds-tabs.cjs.entry.js +13 -1
  65. package/dist/cjs/pds-textarea.cjs.entry.js +1 -1
  66. package/dist/cjs/pds-tooltip.cjs.entry.js +2 -2
  67. package/dist/cjs/pine-core.cjs.js +1 -1
  68. package/dist/cjs/reflected-attribute-default-DVYHG6O1.js +44 -0
  69. package/dist/collection/components/pds-avatar/pds-avatar.js +20 -3
  70. package/dist/collection/components/pds-box/pds-box.js +14 -1
  71. package/dist/collection/components/pds-checkbox/pds-checkbox.js +11 -4
  72. package/dist/collection/components/pds-chip/pds-chip.js +10 -1
  73. package/dist/collection/components/pds-combobox/pds-combobox.css +16 -2
  74. package/dist/collection/components/pds-combobox/pds-combobox.js +33 -5
  75. package/dist/collection/components/pds-combobox/stories/pds-combobox.stories.js +41 -0
  76. package/dist/collection/components/pds-copytext/pds-copytext.js +17 -2
  77. package/dist/collection/components/pds-drawer/pds-drawer-content/pds-drawer-content.js +2 -1
  78. package/dist/collection/components/pds-drawer/pds-drawer-footer/pds-drawer-footer.js +4 -1
  79. package/dist/collection/components/pds-drawer/pds-drawer-header/pds-drawer-header.js +4 -1
  80. package/dist/collection/components/pds-drawer/pds-drawer.js +3 -2
  81. package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu.js +39 -9
  82. package/dist/collection/components/pds-loader/pds-loader.js +29 -2
  83. package/dist/collection/components/pds-modal/pds-modal-content/pds-modal-content.js +5 -2
  84. package/dist/collection/components/pds-modal/pds-modal-footer/pds-modal-footer.js +4 -1
  85. package/dist/collection/components/pds-modal/pds-modal-header/pds-modal-header.js +4 -1
  86. package/dist/collection/components/pds-modal/pds-modal.js +138 -49
  87. package/dist/collection/components/pds-popover/pds-popover.js +83 -14
  88. package/dist/collection/components/pds-progress/pds-progress.js +12 -1
  89. package/dist/collection/components/pds-radio/pds-radio.js +12 -3
  90. package/dist/collection/components/pds-radio-group/pds-radio-group.js +4 -3
  91. package/dist/collection/components/pds-row/pds-row.js +14 -1
  92. package/dist/collection/components/pds-select/pds-select.js +13 -1
  93. package/dist/collection/components/pds-sortable/pds-sortable-item/pds-sortable-item.js +11 -1
  94. package/dist/collection/components/pds-sortable/pds-sortable.js +14 -1
  95. package/dist/collection/components/pds-switch/pds-switch.js +12 -4
  96. package/dist/collection/components/pds-tabs/pds-tab/pds-tab.js +3 -0
  97. package/dist/collection/components/pds-tabs/pds-tabpanel/pds-tabpanel.js +4 -1
  98. package/dist/collection/components/pds-tabs/pds-tabs.js +13 -1
  99. package/dist/collection/components/pds-tooltip/pds-tooltip.js +3 -2
  100. package/dist/collection/utils/attributes.js +101 -0
  101. package/dist/collection/utils/reflected-attribute-default.js +40 -0
  102. package/dist/collection/utils/test/host-strip.js +50 -0
  103. package/dist/docs.json +129 -19
  104. package/dist/esm/attributes-myrJDwbR.js +183 -0
  105. package/dist/esm/loader.js +1 -1
  106. package/dist/esm/pds-avatar.entry.js +18 -2
  107. package/dist/esm/pds-box.entry.js +12 -2
  108. package/dist/esm/pds-checkbox.entry.js +11 -4
  109. package/dist/esm/pds-chip.entry.js +10 -1
  110. package/dist/esm/pds-combobox.entry.js +11 -6
  111. package/dist/esm/pds-copytext.entry.js +16 -1
  112. package/dist/esm/pds-drawer-content.entry.js +1 -1
  113. package/dist/esm/pds-drawer-footer.entry.js +1 -1
  114. package/dist/esm/pds-drawer-header.entry.js +1 -1
  115. package/dist/esm/pds-drawer.entry.js +2 -2
  116. package/dist/esm/pds-dropdown-menu.entry.js +39 -9
  117. package/dist/esm/pds-input.entry.js +1 -1
  118. package/dist/esm/pds-loader.entry.js +28 -2
  119. package/dist/esm/pds-modal-content.entry.js +2 -2
  120. package/dist/esm/pds-modal-footer.entry.js +1 -1
  121. package/dist/esm/pds-modal-header.entry.js +1 -1
  122. package/dist/esm/pds-modal.entry.js +135 -49
  123. package/dist/esm/pds-popover.entry.js +81 -13
  124. package/dist/esm/pds-progress.entry.js +13 -2
  125. package/dist/esm/pds-radio-group.entry.js +3 -3
  126. package/dist/esm/pds-radio.entry.js +11 -3
  127. package/dist/esm/pds-row.entry.js +12 -2
  128. package/dist/esm/pds-select.entry.js +13 -1
  129. package/dist/esm/pds-sortable-item.entry.js +10 -1
  130. package/dist/esm/pds-sortable.entry.js +11 -1
  131. package/dist/esm/pds-switch.entry.js +12 -4
  132. package/dist/esm/pds-tabpanel.entry.js +1 -1
  133. package/dist/esm/pds-tabs.entry.js +13 -1
  134. package/dist/esm/pds-textarea.entry.js +1 -1
  135. package/dist/esm/pds-tooltip.entry.js +2 -2
  136. package/dist/esm/pine-core.js +1 -1
  137. package/dist/esm/reflected-attribute-default-t3idJwV0.js +42 -0
  138. package/dist/esm-es5/attributes-myrJDwbR.js +1 -0
  139. package/dist/esm-es5/loader.js +1 -1
  140. package/dist/esm-es5/pds-avatar.entry.js +1 -1
  141. package/dist/esm-es5/pds-box.entry.js +1 -1
  142. package/dist/esm-es5/pds-checkbox.entry.js +1 -1
  143. package/dist/esm-es5/pds-chip.entry.js +1 -1
  144. package/dist/esm-es5/pds-combobox.entry.js +1 -1
  145. package/dist/esm-es5/pds-copytext.entry.js +1 -1
  146. package/dist/esm-es5/pds-drawer-content.entry.js +1 -1
  147. package/dist/esm-es5/pds-drawer-footer.entry.js +1 -1
  148. package/dist/esm-es5/pds-drawer-header.entry.js +1 -1
  149. package/dist/esm-es5/pds-drawer.entry.js +1 -1
  150. package/dist/esm-es5/pds-dropdown-menu.entry.js +1 -1
  151. package/dist/esm-es5/pds-input.entry.js +1 -1
  152. package/dist/esm-es5/pds-loader.entry.js +1 -1
  153. package/dist/esm-es5/pds-modal-content.entry.js +1 -1
  154. package/dist/esm-es5/pds-modal-footer.entry.js +1 -1
  155. package/dist/esm-es5/pds-modal-header.entry.js +1 -1
  156. package/dist/esm-es5/pds-modal.entry.js +1 -1
  157. package/dist/esm-es5/pds-popover.entry.js +1 -1
  158. package/dist/esm-es5/pds-progress.entry.js +1 -1
  159. package/dist/esm-es5/pds-radio-group.entry.js +1 -1
  160. package/dist/esm-es5/pds-radio.entry.js +1 -1
  161. package/dist/esm-es5/pds-row.entry.js +1 -1
  162. package/dist/esm-es5/pds-select.entry.js +1 -1
  163. package/dist/esm-es5/pds-sortable-item.entry.js +1 -1
  164. package/dist/esm-es5/pds-sortable.entry.js +2 -2
  165. package/dist/esm-es5/pds-switch.entry.js +1 -1
  166. package/dist/esm-es5/pds-tabpanel.entry.js +1 -1
  167. package/dist/esm-es5/pds-tabs.entry.js +1 -1
  168. package/dist/esm-es5/pds-textarea.entry.js +1 -1
  169. package/dist/esm-es5/pds-tooltip.entry.js +1 -1
  170. package/dist/esm-es5/pine-core.js +1 -1
  171. package/dist/esm-es5/reflected-attribute-default-t3idJwV0.js +1 -0
  172. package/dist/pine-core/p-09d10e9e.entry.js +7 -0
  173. package/dist/pine-core/p-1feace6a.system.entry.js +1 -0
  174. package/dist/pine-core/p-21abd971.entry.js +1 -0
  175. package/dist/pine-core/p-2212224a.system.entry.js +1 -0
  176. package/dist/pine-core/p-2806fa55.system.entry.js +1 -0
  177. package/dist/pine-core/p-2dd3ab72.entry.js +1 -0
  178. package/dist/pine-core/p-30784d57.entry.js +1 -0
  179. package/dist/pine-core/p-3088cd66.entry.js +1 -0
  180. package/dist/pine-core/p-3e829372.system.entry.js +1 -0
  181. package/dist/pine-core/{p-67227922.entry.js → p-44cbdf94.system.entry.js} +1 -1
  182. package/dist/pine-core/p-4765f7f0.entry.js +1 -0
  183. package/dist/pine-core/{p-d00c5b9c.system.entry.js → p-48ab7da8.system.entry.js} +1 -1
  184. package/dist/pine-core/{p-c5c46b65.entry.js → p-4af5f936.entry.js} +1 -1
  185. package/dist/pine-core/{p-b823bde2.system.entry.js → p-5064f007.system.entry.js} +1 -1
  186. package/dist/pine-core/p-5081a96f.entry.js +1 -0
  187. package/dist/pine-core/p-51eb36f4.system.entry.js +3 -0
  188. package/dist/pine-core/p-5527e825.system.entry.js +1 -0
  189. package/dist/pine-core/{p-8d42f505.entry.js → p-5db91557.entry.js} +1 -1
  190. package/dist/pine-core/p-62377463.system.entry.js +1 -0
  191. package/dist/pine-core/{p-d11e4956.entry.js → p-63644dbd.entry.js} +1 -1
  192. package/dist/pine-core/p-6d6079f5.entry.js +1 -0
  193. package/dist/pine-core/p-7386bbdf.system.entry.js +1 -0
  194. package/dist/pine-core/p-74d93179.system.entry.js +1 -0
  195. package/dist/pine-core/p-7647b568.system.entry.js +1 -0
  196. package/dist/pine-core/{p-5e9396e2.system.entry.js → p-7698fcfa.system.entry.js} +1 -1
  197. package/dist/pine-core/{p-b802776b.system.entry.js → p-778a0228.system.entry.js} +1 -1
  198. package/dist/pine-core/{p-f5677949.system.entry.js → p-7a9c687d.system.entry.js} +1 -1
  199. package/dist/pine-core/{p-9b262a9d.entry.js → p-85d77b55.entry.js} +1 -1
  200. package/dist/pine-core/p-88728d46.system.entry.js +1 -0
  201. package/dist/pine-core/{p-6b25f349.system.entry.js → p-8d8512ae.system.entry.js} +1 -1
  202. package/dist/pine-core/p-93341083.system.entry.js +1 -0
  203. package/dist/pine-core/{p-871894e1.entry.js → p-95649e1c.entry.js} +1 -1
  204. package/dist/pine-core/p-97c04215.system.entry.js +1 -0
  205. package/dist/pine-core/p-9ca1b473.system.entry.js +1 -0
  206. package/dist/pine-core/p-Bkho_oFB.system.js +1 -0
  207. package/dist/pine-core/p-BwmzR47K.system.js +1 -0
  208. package/dist/pine-core/p-DO9XKAkv.system.js +1 -1
  209. package/dist/pine-core/p-a0f8a61a.entry.js +1 -0
  210. package/dist/pine-core/p-a232dc19.entry.js +1 -0
  211. package/dist/pine-core/p-a8884f2d.system.entry.js +1 -0
  212. package/dist/pine-core/{p-601b646c.system.entry.js → p-a8f23db0.system.entry.js} +1 -1
  213. package/dist/pine-core/p-a9ea3c9d.entry.js +1 -0
  214. package/dist/pine-core/{p-495f791c.entry.js → p-b15777a2.entry.js} +1 -1
  215. package/dist/pine-core/p-bc7ba7d3.system.entry.js +1 -0
  216. package/dist/pine-core/{p-7608e9b2.entry.js → p-c497d6c6.entry.js} +1 -1
  217. package/dist/pine-core/p-c971cdb3.entry.js +1 -0
  218. package/dist/pine-core/p-cdd21cbe.entry.js +1 -0
  219. package/dist/pine-core/p-ce74a47e.entry.js +2 -0
  220. package/dist/pine-core/p-cf4758a7.entry.js +1 -0
  221. package/dist/pine-core/{p-f2560935.entry.js → p-cfc9d4a8.entry.js} +1 -1
  222. package/dist/pine-core/p-d1b0b372.entry.js +1 -0
  223. package/dist/pine-core/p-d6002d5b.entry.js +1 -0
  224. package/dist/pine-core/{p-773f5771.system.entry.js → p-d8a6298c.system.entry.js} +1 -1
  225. package/dist/pine-core/p-d933227e.system.entry.js +1 -0
  226. package/dist/pine-core/p-d962fc84.entry.js +1 -0
  227. package/dist/pine-core/p-dafff7dd.system.entry.js +1 -0
  228. package/dist/pine-core/p-ed22da0c.system.entry.js +1 -0
  229. package/dist/pine-core/{p-de740b3e.system.entry.js → p-f0632690.system.entry.js} +1 -1
  230. package/dist/pine-core/p-f1c6b23a.entry.js +1 -0
  231. package/dist/pine-core/p-f3188c57.system.entry.js +8 -0
  232. package/dist/pine-core/p-f33d6417.entry.js +1 -0
  233. package/dist/pine-core/p-f832dcd9.entry.js +1 -0
  234. package/dist/pine-core/p-f83fe305.entry.js +1 -0
  235. package/dist/pine-core/p-myrJDwbR.js +1 -0
  236. package/dist/pine-core/p-t3idJwV0.js +1 -0
  237. package/dist/pine-core/pine-core.esm.js +1 -1
  238. package/dist/types/components/pds-avatar/pds-avatar.d.ts +3 -0
  239. package/dist/types/components/pds-box/pds-box.d.ts +7 -0
  240. package/dist/types/components/pds-checkbox/pds-checkbox.d.ts +2 -0
  241. package/dist/types/components/pds-chip/pds-chip.d.ts +2 -0
  242. package/dist/types/components/pds-combobox/pds-combobox.d.ts +5 -0
  243. package/dist/types/components/pds-copytext/pds-copytext.d.ts +3 -0
  244. package/dist/types/components/pds-drawer/pds-drawer-content/pds-drawer-content.d.ts +1 -0
  245. package/dist/types/components/pds-drawer/pds-drawer-footer/pds-drawer-footer.d.ts +3 -0
  246. package/dist/types/components/pds-drawer/pds-drawer-header/pds-drawer-header.d.ts +3 -0
  247. package/dist/types/components/pds-drawer/pds-drawer.d.ts +1 -0
  248. package/dist/types/components/pds-dropdown-menu/pds-dropdown-menu.d.ts +4 -0
  249. package/dist/types/components/pds-loader/pds-loader.d.ts +5 -0
  250. package/dist/types/components/pds-modal/pds-modal-content/pds-modal-content.d.ts +3 -0
  251. package/dist/types/components/pds-modal/pds-modal-footer/pds-modal-footer.d.ts +3 -0
  252. package/dist/types/components/pds-modal/pds-modal-header/pds-modal-header.d.ts +3 -0
  253. package/dist/types/components/pds-modal/pds-modal.d.ts +9 -1
  254. package/dist/types/components/pds-popover/pds-popover.d.ts +15 -0
  255. package/dist/types/components/pds-progress/pds-progress.d.ts +4 -0
  256. package/dist/types/components/pds-radio/pds-radio.d.ts +3 -0
  257. package/dist/types/components/pds-radio-group/pds-radio-group.d.ts +1 -0
  258. package/dist/types/components/pds-row/pds-row.d.ts +7 -0
  259. package/dist/types/components/pds-select/pds-select.d.ts +2 -0
  260. package/dist/types/components/pds-sortable/pds-sortable-item/pds-sortable-item.d.ts +4 -0
  261. package/dist/types/components/pds-sortable/pds-sortable.d.ts +6 -0
  262. package/dist/types/components/pds-switch/pds-switch.d.ts +2 -0
  263. package/dist/types/components/pds-tabs/pds-tab/pds-tab.d.ts +3 -0
  264. package/dist/types/components/pds-tabs/pds-tabpanel/pds-tabpanel.d.ts +3 -0
  265. package/dist/types/components/pds-tabs/pds-tabs.d.ts +3 -0
  266. package/dist/types/components/pds-tooltip/pds-tooltip.d.ts +1 -0
  267. package/dist/types/components.d.ts +199 -0
  268. package/dist/types/utils/attributes.d.ts +38 -0
  269. package/dist/types/utils/reflected-attribute-default.d.ts +31 -0
  270. package/dist/types/utils/test/host-strip.d.ts +10 -0
  271. package/dist/vscode.html-data.json +7 -0
  272. package/hydrate/index.js +717 -201
  273. package/hydrate/index.mjs +717 -201
  274. package/package.json +2 -2
  275. package/dist/cjs/attributes-oNMnBEnP.js +0 -85
  276. package/dist/esm/attributes-C0M1gTKv.js +0 -82
  277. package/dist/esm-es5/attributes-C0M1gTKv.js +0 -1
  278. package/dist/pine-core/p-015d2ceb.entry.js +0 -1
  279. package/dist/pine-core/p-02a428af.system.entry.js +0 -1
  280. package/dist/pine-core/p-06534502.entry.js +0 -1
  281. package/dist/pine-core/p-0827c6a6.entry.js +0 -1
  282. package/dist/pine-core/p-0af4685d.entry.js +0 -1
  283. package/dist/pine-core/p-1747c005.system.entry.js +0 -1
  284. package/dist/pine-core/p-1ae0b503.entry.js +0 -2
  285. package/dist/pine-core/p-2a00844f.entry.js +0 -1
  286. package/dist/pine-core/p-3653fd52.system.entry.js +0 -1
  287. package/dist/pine-core/p-4a43fbd9.entry.js +0 -1
  288. package/dist/pine-core/p-517f9962.entry.js +0 -1
  289. package/dist/pine-core/p-569b07ed.system.entry.js +0 -1
  290. package/dist/pine-core/p-5986f3c9.entry.js +0 -1
  291. package/dist/pine-core/p-600be0e1.entry.js +0 -1
  292. package/dist/pine-core/p-62045f88.system.entry.js +0 -1
  293. package/dist/pine-core/p-62241978.entry.js +0 -1
  294. package/dist/pine-core/p-63930a06.system.entry.js +0 -1
  295. package/dist/pine-core/p-6516adf7.system.entry.js +0 -1
  296. package/dist/pine-core/p-6aaf945c.entry.js +0 -1
  297. package/dist/pine-core/p-715b8e6b.entry.js +0 -1
  298. package/dist/pine-core/p-77961987.system.entry.js +0 -1
  299. package/dist/pine-core/p-7a177548.system.entry.js +0 -1
  300. package/dist/pine-core/p-806f17de.system.entry.js +0 -1
  301. package/dist/pine-core/p-832cedb7.entry.js +0 -1
  302. package/dist/pine-core/p-847e5f00.system.entry.js +0 -1
  303. package/dist/pine-core/p-85981c5d.system.entry.js +0 -1
  304. package/dist/pine-core/p-9dbb8fe9.entry.js +0 -1
  305. package/dist/pine-core/p-BhQhw0S3.system.js +0 -1
  306. package/dist/pine-core/p-C0M1gTKv.js +0 -1
  307. package/dist/pine-core/p-b412473d.system.entry.js +0 -8
  308. package/dist/pine-core/p-b51cfa3b.entry.js +0 -1
  309. package/dist/pine-core/p-b62e08c2.system.entry.js +0 -1
  310. package/dist/pine-core/p-c53e560a.system.entry.js +0 -1
  311. package/dist/pine-core/p-cd7deae5.entry.js +0 -1
  312. package/dist/pine-core/p-cd86ee3e.system.entry.js +0 -1
  313. package/dist/pine-core/p-cf5a484e.system.entry.js +0 -1
  314. package/dist/pine-core/p-cf99f7d8.system.entry.js +0 -1
  315. package/dist/pine-core/p-cff7013e.system.entry.js +0 -1
  316. package/dist/pine-core/p-e1d541f7.entry.js +0 -1
  317. package/dist/pine-core/p-ea0e5253.entry.js +0 -7
  318. package/dist/pine-core/p-f22a5f9c.system.entry.js +0 -3
  319. package/dist/pine-core/p-f22abb4d.system.entry.js +0 -1
  320. package/dist/pine-core/p-f6943cbf.entry.js +0 -1
  321. package/dist/pine-core/p-f794f7ad.entry.js +0 -1
package/hydrate/index.mjs CHANGED
@@ -5719,6 +5719,47 @@ class PdsAlert {
5719
5719
  }; }
5720
5720
  }
5721
5721
 
5722
+ /**
5723
+ * Restores a reflected prop's default when its attribute is removed.
5724
+ *
5725
+ * A reflected `@Prop` with a default writes that default onto the host as an
5726
+ * attribute even when the author leaves it out. Removing the attribute doesn't
5727
+ * restore the default: Stencil's `attributeChangedCallback` sets the prop to
5728
+ * `null` (or `false` for a boolean), even when its default is `true`. A Turbo
5729
+ * morph hits this whenever the author relied on the default, since the
5730
+ * server's HTML never carries the attribute Pine wrote.
5731
+ *
5732
+ * A `null` or `undefined` falls back to the default, whether the attribute was
5733
+ * removed or a consumer (or a framework clearing a prop) assigned it. Any other
5734
+ * value is a real write and is kept, except a boolean's `false`: that's also
5735
+ * what removing the attribute produces, so it's told apart by the host's actual
5736
+ * attribute. Present, trust it; absent, fall back to the default.
5737
+ *
5738
+ * Falling back also writes the default back onto the host. Stencil won't: it
5739
+ * diffs a reflected attribute against the previous render, not the live DOM,
5740
+ * so when the removed attribute held the default (`'lg'` → `null` → `'lg'`)
5741
+ * the values match and it skips the write. Left absent, the attribute would
5742
+ * make a later `copytext.border = false` fall back to the default too.
5743
+ *
5744
+ * Wire up from a `@Watch` on the prop and reassign the prop to the result.
5745
+ *
5746
+ * `attr` is the HTML attribute name, not the prop name — pass the kebab-case
5747
+ * form (e.g. `'is-loading'`) for a camelCase prop. They're the same string
5748
+ * for every current caller (`size`, `variant`, `placement`, `border`), but
5749
+ * `hasAttribute` would silently always return `false` for a multi-word prop
5750
+ * if the prop name were passed instead.
5751
+ */
5752
+ function restoreReflectedDefault(el, attr, value, defaultValue) {
5753
+ // Only a boolean's `false` needs the attribute to tell a write from a removal. Checking it for
5754
+ // other values would let a `null` write strip the attribute and reset every later write.
5755
+ if (value != null && (value !== false || el.hasAttribute(attr)))
5756
+ return value;
5757
+ if (defaultValue !== false && defaultValue != null) {
5758
+ el.setAttribute(attr, defaultValue === true ? '' : String(defaultValue));
5759
+ }
5760
+ return defaultValue;
5761
+ }
5762
+
5722
5763
  const pdsAvatarCss = () => `:host{display:inline-block}div{--color-background-container:var(--pine-color-background-container-hover);-ms-flex-align:center;align-items:center;background-color:var(--color-background-container);border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative}:host(.pds-avatar--admin) div{--border-radius-admin-round:var(--pine-dimension-150);border-radius:var(--border-radius-admin-round)}:host(.pds-avatar--has-image) div{background:transparent}@supports selector(:has){div:has(img){background-color:transparent}}.pds-avatar__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-none)}.pds-avatar__button:focus-visible{outline:var(--pine-outline-focus)}.pds-avatar__badge{background-color:transparent;border:var(--pine-dimension-none);border-color:transparent;border-radius:var(--pine-border-radius-round);inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);position:absolute}:host([status=online]){--pds-avatar-status-color:var(--pine-color-green-500)}:host([status=away]){--pds-avatar-status-color:var(--pine-color-yellow-500)}:host([status=offline]){--pds-avatar-status-color:var(--pine-color-background-inset-emphasized)}.pds-avatar__status{background-color:var(--pds-avatar-status-color, var(--pine-color-background-inset-emphasized));block-size:28%;border-radius:var(--pine-border-radius-full);-webkit-box-shadow:0 0 0 var(--pine-border-width-thick) var(--pine-color-background-container);box-shadow:0 0 0 var(--pine-border-width-thick) var(--pine-color-background-container);inline-size:28%;inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);min-block-size:var(--pine-dimension-100);min-inline-size:var(--pine-dimension-100);position:absolute}:host(.pds-avatar--status-ring) div{-webkit-box-shadow:0 0 0 var(--pine-border-width-thick) var(--pds-avatar-status-color, var(--pine-color-background-inset-emphasized));box-shadow:0 0 0 var(--pine-border-width-thick) var(--pds-avatar-status-color, var(--pine-color-background-inset-emphasized))}img{border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.pds-avatar__initials{color:var(--pine-color-brand);fill:var(--pine-color-brand);font-size:var(--pine-font-size-085);font-weight:var(--pine-font-weight-semi-bold);height:100%;text-align:center;width:100%}.pds-avatar__initials text{text-anchor:middle}`;
5723
5764
 
5724
5765
  /**
@@ -5840,6 +5881,12 @@ class PdsAvatar {
5840
5881
  [`pds-avatar--status-ring`]: !!this.status && this.statusRing,
5841
5882
  });
5842
5883
  }
5884
+ restoreSizeDefault(newValue) {
5885
+ this.size = restoreReflectedDefault(this.el, 'size', newValue, 'lg');
5886
+ }
5887
+ restoreVariantDefault(newValue) {
5888
+ this.variant = restoreReflectedDefault(this.el, 'variant', newValue, 'customer');
5889
+ }
5843
5890
  avatarSize() {
5844
5891
  const sizes = {
5845
5892
  xs: '24px',
@@ -5856,8 +5903,17 @@ class PdsAvatar {
5856
5903
  }
5857
5904
  }
5858
5905
  render() {
5859
- return (hAsync(Host, { key: 'fe2bd31070db6840c79d7054ac50802e8f14f572', id: this.componentId, class: Object.assign({}, this.classNames()) }, this.renderAvatar()));
5906
+ return (hAsync(Host, { key: '2cfbbe25504088ba2cbb3dc923680365fa78a170', id: this.componentId, class: Object.assign({}, this.classNames()) }, this.renderAvatar()));
5860
5907
  }
5908
+ get el() { return getElement(this); }
5909
+ static get watchers() { return {
5910
+ "size": [{
5911
+ "restoreSizeDefault": 0
5912
+ }],
5913
+ "variant": [{
5914
+ "restoreVariantDefault": 0
5915
+ }]
5916
+ }; }
5861
5917
  static get style() { return pdsAvatarCss(); }
5862
5918
  static get cmpMeta() { return {
5863
5919
  "$flags$": 9,
@@ -5869,11 +5925,11 @@ class PdsAvatar {
5869
5925
  "dropdown": [4],
5870
5926
  "image": [1],
5871
5927
  "initials": [1],
5872
- "size": [513],
5928
+ "size": [1537],
5873
5929
  "status": [513],
5874
5930
  "statusLabel": [1, "status-label"],
5875
5931
  "statusRing": [4, "status-ring"],
5876
- "variant": [513],
5932
+ "variant": [1537],
5877
5933
  "triggerLabel": [1, "trigger-label"]
5878
5934
  },
5879
5935
  "$listeners$": undefined,
@@ -5995,16 +6051,208 @@ const setColor = (color, customColors) => {
5995
6051
  };
5996
6052
  };
5997
6053
 
6054
+ /**
6055
+ * Sets each attribute whose current value differs, and leaves the rest alone. A `MutationObserver`
6056
+ * that calls this to restore attributes sees its own writes once and then settles, so it can't loop.
6057
+ * @param el - Element to write to
6058
+ * @param attributes - Attribute names and the values they should have
6059
+ */
6060
+ const setAttributesIfChanged = (el, attributes) => {
6061
+ Object.entries(attributes).forEach(([name, value]) => {
6062
+ if (el.getAttribute(name) !== value)
6063
+ el.setAttribute(name, value);
6064
+ });
6065
+ };
6066
+ // Classes Stencil itself puts on a host: its default `hydratedFlag` (Pine doesn't change it), and a
6067
+ // scoped component's own scope classes (`sc-pds-radio`, `sc-pds-radio-h`, `sc-pds-radio-s`), which
6068
+ // its CSS needs. Only the host's own: another `sc-` class may be a consumer's (styled-components ids).
6069
+ const isStencilClass = (el, name) => {
6070
+ const scope = `sc-${el.localName}`;
6071
+ return name === 'hydrated' || name === scope || name === `${scope}-h` || name === `${scope}-s`;
6072
+ };
6073
+ /**
6074
+ * The class names in a rendered `class` value: a string, or Stencil's `{ name: boolean }` form.
6075
+ */
6076
+ const classNamesOf = (classes) => typeof classes === 'string'
6077
+ ? classes.split(/\s+/).filter(Boolean)
6078
+ : Object.keys(classes).filter((name) => classes[name]);
6079
+ /**
6080
+ * Puts back any of `expected`'s classes or style properties that are missing from `el`. It only
6081
+ * adds what's missing, never rewrites a value that's there, because browsers normalize some style
6082
+ * values (`flex: 1` reads back as `1 1 0%`): comparing values would rewrite them forever.
6083
+ * @param el - Host element
6084
+ * @param expected - Classes and style properties the component rendered
6085
+ */
6086
+ const restoreHostStyling = (el, { classes, styles }) => {
6087
+ const missing = classes.filter((name) => !el.classList.contains(name));
6088
+ if (missing.length > 0)
6089
+ el.classList.add(...missing);
6090
+ Object.entries(styles).forEach(([name, value]) => {
6091
+ if (value && el.style.getPropertyValue(name) === '')
6092
+ el.style.setProperty(name, value);
6093
+ });
6094
+ };
6095
+ /**
6096
+ * Watches a component's own host and puts back what it rendered when something strips it. A DOM
6097
+ * morph does: it makes the host match the server's HTML, which carries the component's props but not
6098
+ * the classes, styles and attributes it wrote, and Stencil won't write them again because it diffs
6099
+ * against its previous render, not the live DOM.
6100
+ *
6101
+ * It also means a script that removes one of these on purpose sees it come back: change them through
6102
+ * the component's props instead.
6103
+ * @param el - Host element
6104
+ * @param expected - Reads what the component last rendered
6105
+ * @returns The observer, to disconnect when the component is removed; `null` without MutationObserver
6106
+ */
6107
+ const keepHostStyling = (el, expected) => {
6108
+ if (typeof MutationObserver === 'undefined')
6109
+ return null;
6110
+ const observer = new MutationObserver((records) => {
6111
+ const styling = expected();
6112
+ // A strip takes Stencil's own classes too: without `hydrated` Stencil hides the component, and
6113
+ // without its scope classes a scoped component's CSS stops matching. Put back only the ones that
6114
+ // were there, so this never runs ahead of Stencil.
6115
+ const stencilClasses = records
6116
+ .filter((record) => record.attributeName === 'class' && record.oldValue != null)
6117
+ .flatMap((record) => classNamesOf(record.oldValue).filter((name) => isStencilClass(el, name)));
6118
+ restoreHostStyling(el, Object.assign(Object.assign({}, styling), { classes: [...styling.classes, ...stencilClasses] }));
6119
+ // An attribute the component still renders comes back with the value it had, which is what
6120
+ // Stencil wrote (a boolean `true` lands as an empty value). One it stopped rendering stays
6121
+ // removed, since that was Stencil's own write.
6122
+ records.forEach(({ attributeName: name, oldValue }) => {
6123
+ var _a;
6124
+ const rendered = (_a = styling.attributes) === null || _a === void 0 ? void 0 : _a[name];
6125
+ if (oldValue == null || rendered == null || rendered === false || el.hasAttribute(name))
6126
+ return;
6127
+ el.setAttribute(name, oldValue);
6128
+ });
6129
+ });
6130
+ observer.observe(el, { attributes: true, attributeOldValue: true });
6131
+ return observer;
6132
+ };
6133
+ /**
6134
+ * Inherit attributes from the host element
6135
+ * @param el - Host element
6136
+ * @param attributes - Array of attributes to inherit
6137
+ */
6138
+ const inheritAttributes$1 = (el, attributes = []) => {
6139
+ const attributeObject = {};
6140
+ attributes.forEach((attr) => {
6141
+ if (el.hasAttribute(attr)) {
6142
+ const value = el.getAttribute(attr);
6143
+ if (value !== null) {
6144
+ attributeObject[attr] = el.getAttribute(attr);
6145
+ }
6146
+ el.removeAttribute(attr);
6147
+ }
6148
+ });
6149
+ return attributeObject;
6150
+ };
6151
+ /**
6152
+ * List of available ARIA attributes + `role`.
6153
+ * Removed deprecated attributes.
6154
+ * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes
6155
+ */
6156
+ const ariaAttributes = [
6157
+ 'role',
6158
+ 'aria-activedescendant',
6159
+ 'aria-atomic',
6160
+ 'aria-autocomplete',
6161
+ 'aria-braillelabel',
6162
+ 'aria-brailleroledescription',
6163
+ 'aria-busy',
6164
+ 'aria-checked',
6165
+ 'aria-colcount',
6166
+ 'aria-colindex',
6167
+ 'aria-colindextext',
6168
+ 'aria-colspan',
6169
+ 'aria-controls',
6170
+ 'aria-current',
6171
+ 'aria-describedby',
6172
+ 'aria-description',
6173
+ 'aria-details',
6174
+ 'aria-disabled',
6175
+ 'aria-errormessage',
6176
+ 'aria-expanded',
6177
+ 'aria-flowto',
6178
+ 'aria-haspopup',
6179
+ 'aria-hidden',
6180
+ 'aria-invalid',
6181
+ 'aria-keyshortcuts',
6182
+ 'aria-label',
6183
+ 'aria-labelledby',
6184
+ 'aria-level',
6185
+ 'aria-live',
6186
+ 'aria-multiline',
6187
+ 'aria-multiselectable',
6188
+ 'aria-orientation',
6189
+ 'aria-owns',
6190
+ 'aria-placeholder',
6191
+ 'aria-posinset',
6192
+ 'aria-pressed',
6193
+ 'aria-readonly',
6194
+ 'aria-relevant',
6195
+ 'aria-required',
6196
+ 'aria-roledescription',
6197
+ 'aria-rowcount',
6198
+ 'aria-rowindex',
6199
+ 'aria-rowindextext',
6200
+ 'aria-rowspan',
6201
+ 'aria-selected',
6202
+ 'aria-setsize',
6203
+ 'aria-sort',
6204
+ 'aria-valuemax',
6205
+ 'aria-valuemin',
6206
+ 'aria-valuenow',
6207
+ 'aria-valuetext',
6208
+ ];
6209
+ const inheritAriaAttributes = (el, ignoreList) => {
6210
+ let attributesToInherit = ariaAttributes;
6211
+ return inheritAttributes$1(el, attributesToInherit);
6212
+ };
6213
+ /**
6214
+ * One component's use of `keepHostStyling`: `record` what `render()` puts on the host, `connect` in
6215
+ * `connectedCallback` and `disconnect` in `disconnectedCallback`.
6216
+ */
6217
+ class HostStylingKeeper {
6218
+ constructor() {
6219
+ this.styling = { classes: [], styles: {} };
6220
+ this.observer = null;
6221
+ }
6222
+ record(classes, styles = {}, attributes = {}) {
6223
+ this.styling = { classes: classNamesOf(classes), styles, attributes };
6224
+ }
6225
+ connect(el) {
6226
+ var _a;
6227
+ (_a = this.observer) !== null && _a !== void 0 ? _a : (this.observer = keepHostStyling(el, () => this.styling));
6228
+ }
6229
+ disconnect() {
6230
+ var _a;
6231
+ (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
6232
+ this.observer = null;
6233
+ }
6234
+ }
6235
+
5998
6236
  const pdsBoxCss = () => `pds-box{--border-width-default:var(--pine-border-width-thin);--color-background-box:inherit;--color-border-box:inherit;display:block}[class*=pds-box]{background-color:var(--color-background-box);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex}[class*=pds-box][min-height]{min-height:var(--sizing-min-height-box)}[class*=pds-box][min-width]{min-width:var(--sizing-min-width-box)}.pds-row>[class*=pds-box]{position:relative;width:100%}.pds-row>[class*=pds-box].pds-box--auto{width:auto}.pds-spacing-xxs{margin:4px}.pds-spacing-xs{margin:8px}.pds-spacing-sm{margin:16px}.pds-spacing-md{margin:24px}.pds-spacing-lg{margin:36px}.pds-spacing-xl{margin:48px}.pds-spacing-xxl{margin:64px}.pds-spacing-top-xxs{-webkit-margin-before:4px;margin-block-start:4px}.pds-spacing-top-xs{-webkit-margin-before:8px;margin-block-start:8px}.pds-spacing-top-sm{-webkit-margin-before:16px;margin-block-start:16px}.pds-spacing-top-md{-webkit-margin-before:24px;margin-block-start:24px}.pds-spacing-top-lg{-webkit-margin-before:36px;margin-block-start:36px}.pds-spacing-top-xl{-webkit-margin-before:48px;margin-block-start:48px}.pds-spacing-top-xxl{-webkit-margin-before:64px;margin-block-start:64px}.pds-spacing-right-xxs{-webkit-margin-end:4px;margin-inline-end:4px}.pds-spacing-right-xs{-webkit-margin-end:8px;margin-inline-end:8px}.pds-spacing-right-sm{-webkit-margin-end:16px;margin-inline-end:16px}.pds-spacing-right-md{-webkit-margin-end:24px;margin-inline-end:24px}.pds-spacing-right-lg{-webkit-margin-end:36px;margin-inline-end:36px}.pds-spacing-right-xl{-webkit-margin-end:48px;margin-inline-end:48px}.pds-spacing-right-xxl{-webkit-margin-end:64px;margin-inline-end:64px}.pds-spacing-left-xxs{-webkit-margin-start:4px;margin-inline-start:4px}.pds-spacing-left-xs{-webkit-margin-start:8px;margin-inline-start:8px}.pds-spacing-left-sm{-webkit-margin-start:16px;margin-inline-start:16px}.pds-spacing-left-md{-webkit-margin-start:24px;margin-inline-start:24px}.pds-spacing-left-lg{-webkit-margin-start:36px;margin-inline-start:36px}.pds-spacing-left-xl{-webkit-margin-start:48px;margin-inline-start:48px}.pds-spacing-left-xxl{-webkit-margin-start:64px;margin-inline-start:64px}.pds-spacing-bottom-xxs{-webkit-margin-after:4px;margin-block-end:4px}.pds-spacing-bottom-xs{-webkit-margin-after:8px;margin-block-end:8px}.pds-spacing-bottom-sm{-webkit-margin-after:16px;margin-block-end:16px}.pds-spacing-bottom-md{-webkit-margin-after:24px;margin-block-end:24px}.pds-spacing-bottom-lg{-webkit-margin-after:36px;margin-block-end:36px}.pds-spacing-bottom-xl{-webkit-margin-after:48px;margin-block-end:48px}.pds-spacing-bottom-xxl{-webkit-margin-after:64px;margin-block-end:64px}.pds-box-offset-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-12{-webkit-margin-start:100%;margin-inline-start:100%}@media (max-width: 575px){.pds-box-offset-xs-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-xs-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-xs-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-xs-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-xs-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-xs-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-xs-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-xs-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-xs-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-xs-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-xs-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-xs-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-xs-12{-webkit-margin-start:100%;margin-inline-start:100%}}@media (min-width: 576px){.pds-box-offset-sm-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-sm-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-sm-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-sm-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-sm-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-sm-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-sm-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-sm-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-sm-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-sm-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-sm-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-sm-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-sm-12{-webkit-margin-start:100%;margin-inline-start:100%}}@media (min-width: 768px){.pds-box-offset-md-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-md-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-md-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-md-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-md-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-md-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-md-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-md-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-md-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-md-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-md-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-md-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-md-12{-webkit-margin-start:100%;margin-inline-start:100%}}@media (min-width: 992px){.pds-box-offset-lg-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-lg-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-lg-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-lg-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-lg-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-lg-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-lg-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-lg-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-lg-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-lg-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-lg-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-lg-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-lg-12{-webkit-margin-start:100%;margin-inline-start:100%}}@media (min-width: 1200px){.pds-box-offset-xl-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-xl-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-xl-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-xl-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-xl-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-xl-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-xl-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-xl-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-xl-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-xl-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-xl-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-xl-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-xl-12{-webkit-margin-start:100%;margin-inline-start:100%}}.pds-box-0{display:none}.pds-box-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}@media (max-width: 575px){.pds-box-xs-0{display:none}.pds-box-xs-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-xs-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-xs-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-xs-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-xs-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-xs-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-xs-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-xs-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-xs-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-xs-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-xs-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-xs-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}@media (min-width: 576px){.pds-box-sm-0{display:none}.pds-box-sm-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-sm-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-sm-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-sm-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-sm-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-sm-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-sm-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-sm-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-sm-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-sm-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-sm-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-sm-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}@media (min-width: 768px){.pds-box-md-0{display:none}.pds-box-md-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-md-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-md-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-md-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-md-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-md-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-md-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-md-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-md-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-md-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-md-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-md-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}@media (min-width: 992px){.pds-box-lg-0{display:none}.pds-box-lg-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-lg-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-lg-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-lg-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-lg-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-lg-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-lg-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-lg-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-lg-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-lg-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-lg-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-lg-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}@media (min-width: 1200px){.pds-box-xl-0{display:none}.pds-box-xl-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-xl-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-xl-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-xl-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-xl-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-xl-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-xl-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-xl-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-xl-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-xl-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-xl-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-xl-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}.pds-box{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1}.pds-row>.pds-box[class*=pds-box-]{-ms-flex-preferred-size:auto;flex-basis:auto}.pds-box--auto{-ms-flex:0 0 var(--sizing-min-width-box, fit-content);flex:0 0 var(--sizing-min-width-box, fit-content);min-width:auto;width:auto}.pds-box--fit{max-width:100%;min-width:100%;width:100%}.pds-box--border{border-color:var(--color-border-box, var(--pine-color-border));border-style:solid;border-width:var(--border-width-default)}.pds-box--border-block-start{-webkit-border-before:var(--border-width-default) solid var(--color-border-box, var(--pine-color-border));border-block-start:var(--border-width-default) solid var(--color-border-box, var(--pine-color-border))}pds-box.pds-box--border-block-start-none{-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none)}.pds-box--border-block-end{-webkit-border-after:var(--border-width-default) solid var(--color-border-box, var(--pine-color-border));border-block-end:var(--border-width-default) solid var(--color-border-box, var(--pine-color-border))}pds-box.pds-box--border-block-end-none{-webkit-border-after:var(--pine-border-width-none);border-block-end:var(--pine-border-width-none)}.pds-box--border-inline-start{-webkit-border-start:var(--border-width-default) solid var(--color-border-box, var(--pine-color-border));border-inline-start:var(--border-width-default) solid var(--color-border-box, var(--pine-color-border))}pds-box.pds-box--border-inline-start-none{-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none)}.pds-box--border-inline-end{-webkit-border-end:var(--border-width-default) solid var(--color-border-box, var(--pine-color-border));border-inline-end:var(--border-width-default) solid var(--color-border-box, var(--pine-color-border))}pds-box.pds-box--border-inline-end-none{-webkit-border-end:var(--pine-border-width-none);border-inline-end:var(--pine-border-width-none)}.pds-box--display-flex{display:-ms-flexbox;display:flex}.pds-box--display-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.pds-box--display-block{display:block}.pds-box--display-inline-block{display:inline-block}.pds-box--flex-none{-ms-flex:0 0 auto;flex:0 0 auto}.pds-box--flex-grow{-ms-flex:1 1 auto;flex:1 1 auto}.pds-box--flex-shrink{-ms-flex:0 0 auto;flex:0 0 auto}.pds-border-radius-none{border-radius:0}.pds-border-radius-xs{border-radius:var(--pine-dimension-2xs)}.pds-border-radius-sm{border-radius:var(--pine-dimension-xs)}.pds-border-radius-md{border-radius:var(--pine-dimension-125)}.pds-border-radius-lg{border-radius:var(--pine-dimension-sm)}.pds-border-radius-circle{border-radius:var(--pine-border-radius-full)}.pds-shadow-050{-webkit-box-shadow:var(--pine-box-shadow-050);box-shadow:var(--pine-box-shadow-050)}.pds-shadow-100{-webkit-box-shadow:var(--pine-box-shadow-100);box-shadow:var(--pine-box-shadow-100)}.pds-shadow-150{-webkit-box-shadow:var(--pine-box-shadow-150);box-shadow:var(--pine-box-shadow-150)}.pds-shadow-200{-webkit-box-shadow:var(--pine-box-shadow-200);box-shadow:var(--pine-box-shadow-200)}.pds-shadow-300{-webkit-box-shadow:var(--pine-box-shadow-300);box-shadow:var(--pine-box-shadow-300)}.pds-shadow-400{-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400)}.pds-shadow-500{-webkit-box-shadow:var(--pine-box-shadow-500);box-shadow:var(--pine-box-shadow-500)}.pds-shadow-xs{-webkit-box-shadow:var(--pine-box-shadow-050);box-shadow:var(--pine-box-shadow-050)}.pds-shadow-sm{-webkit-box-shadow:var(--pine-box-shadow-100);box-shadow:var(--pine-box-shadow-100)}.pds-shadow-md{-webkit-box-shadow:var(--pine-box-shadow-150);box-shadow:var(--pine-box-shadow-150)}.pds-shadow-lg{-webkit-box-shadow:var(--pine-box-shadow-200);box-shadow:var(--pine-box-shadow-200)}.pds-box-gap-none{gap:0}.pds-box-gap-xxs{gap:var(--pine-dimension-2xs)}.pds-box-gap-xs{gap:var(--pine-dimension-xs)}.pds-box-gap-sm{gap:var(--pine-dimension-sm)}.pds-box-gap-md{gap:var(--pine-dimension-md)}.pds-box-gap-lg{gap:var(--pine-dimension-lg)}.pds-box-gap-xl{gap:var(--pine-dimension-xl)}.pds-box-gap-xxl{gap:var(--pine-dimension-2xl)}.pds-box-gap-025{gap:var(--pine-dimension-025)}.pds-box-gap-050{gap:var(--pine-dimension-050)}.pds-box-gap-100{gap:var(--pine-dimension-100)}.pds-box-gap-125{gap:var(--pine-dimension-125)}.pds-box-gap-150{gap:var(--pine-dimension-150)}.pds-box-gap-200{gap:var(--pine-dimension-200)}.pds-box-gap-250{gap:var(--pine-dimension-250)}.pds-box-gap-300{gap:var(--pine-dimension-300)}.pds-box-gap-350{gap:var(--pine-dimension-350)}.pds-box-gap-400{gap:var(--pine-dimension-400)}.pds-box-gap-450{gap:var(--pine-dimension-450)}.pds-box-gap-500{gap:var(--pine-dimension-500)}.pds-box-gap-550{gap:var(--pine-dimension-550)}.pds-box-gap-600{gap:var(--pine-dimension-600)}.pds-box-gap-650{gap:var(--pine-dimension-650)}.pds-box-gap-700{gap:var(--pine-dimension-700)}.pds-box-gap-750{gap:var(--pine-dimension-750)}.pds-box-gap-800{gap:var(--pine-dimension-800)}.pds-margin-block-start-none{-webkit-margin-before:0;margin-block-start:0}.pds-margin-block-start-xxs{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-margin-block-start-xs{-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-margin-block-start-sm{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-margin-block-start-md{-webkit-margin-before:var(--pine-dimension-md);margin-block-start:var(--pine-dimension-md)}.pds-margin-block-start-lg{-webkit-margin-before:var(--pine-dimension-lg);margin-block-start:var(--pine-dimension-lg)}.pds-margin-block-start-xl{-webkit-margin-before:var(--pine-dimension-xl);margin-block-start:var(--pine-dimension-xl)}.pds-margin-block-start-xxl{-webkit-margin-before:var(--pine-dimension-2xl);margin-block-start:var(--pine-dimension-2xl)}.pds-margin-block-start-025{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-margin-block-start-050{-webkit-margin-before:var(--pine-dimension-050);margin-block-start:var(--pine-dimension-050)}.pds-margin-block-start-100{-webkit-margin-before:var(--pine-dimension-100);margin-block-start:var(--pine-dimension-100)}.pds-margin-block-start-125{-webkit-margin-before:var(--pine-dimension-125);margin-block-start:var(--pine-dimension-125)}.pds-margin-block-start-150{-webkit-margin-before:var(--pine-dimension-150);margin-block-start:var(--pine-dimension-150)}.pds-margin-block-start-200{-webkit-margin-before:var(--pine-dimension-200);margin-block-start:var(--pine-dimension-200)}.pds-margin-block-start-250{-webkit-margin-before:var(--pine-dimension-250);margin-block-start:var(--pine-dimension-250)}.pds-margin-block-start-300{-webkit-margin-before:var(--pine-dimension-300);margin-block-start:var(--pine-dimension-300)}.pds-margin-block-start-350{-webkit-margin-before:var(--pine-dimension-350);margin-block-start:var(--pine-dimension-350)}.pds-margin-block-start-400{-webkit-margin-before:var(--pine-dimension-400);margin-block-start:var(--pine-dimension-400)}.pds-margin-block-start-450{-webkit-margin-before:var(--pine-dimension-450);margin-block-start:var(--pine-dimension-450)}.pds-margin-block-start-500{-webkit-margin-before:var(--pine-dimension-500);margin-block-start:var(--pine-dimension-500)}.pds-margin-block-start-550{-webkit-margin-before:var(--pine-dimension-550);margin-block-start:var(--pine-dimension-550)}.pds-margin-block-start-600{-webkit-margin-before:var(--pine-dimension-600);margin-block-start:var(--pine-dimension-600)}.pds-margin-block-start-650{-webkit-margin-before:var(--pine-dimension-650);margin-block-start:var(--pine-dimension-650)}.pds-margin-block-start-700{-webkit-margin-before:var(--pine-dimension-700);margin-block-start:var(--pine-dimension-700)}.pds-margin-block-start-750{-webkit-margin-before:var(--pine-dimension-750);margin-block-start:var(--pine-dimension-750)}.pds-margin-block-start-800{-webkit-margin-before:var(--pine-dimension-800);margin-block-start:var(--pine-dimension-800)}.pds-margin-inline-start-none{-webkit-margin-start:0;margin-inline-start:0}.pds-margin-inline-start-xxs{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-margin-inline-start-xs{-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-margin-inline-start-sm{-webkit-margin-start:var(--pine-dimension-sm);margin-inline-start:var(--pine-dimension-sm)}.pds-margin-inline-start-md{-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md)}.pds-margin-inline-start-lg{-webkit-margin-start:var(--pine-dimension-lg);margin-inline-start:var(--pine-dimension-lg)}.pds-margin-inline-start-xl{-webkit-margin-start:var(--pine-dimension-xl);margin-inline-start:var(--pine-dimension-xl)}.pds-margin-inline-start-xxl{-webkit-margin-start:var(--pine-dimension-2xl);margin-inline-start:var(--pine-dimension-2xl)}.pds-margin-inline-start-025{-webkit-margin-start:var(--pine-dimension-025);margin-inline-start:var(--pine-dimension-025)}.pds-margin-inline-start-050{-webkit-margin-start:var(--pine-dimension-050);margin-inline-start:var(--pine-dimension-050)}.pds-margin-inline-start-100{-webkit-margin-start:var(--pine-dimension-100);margin-inline-start:var(--pine-dimension-100)}.pds-margin-inline-start-125{-webkit-margin-start:var(--pine-dimension-125);margin-inline-start:var(--pine-dimension-125)}.pds-margin-inline-start-150{-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-margin-inline-start-200{-webkit-margin-start:var(--pine-dimension-200);margin-inline-start:var(--pine-dimension-200)}.pds-margin-inline-start-250{-webkit-margin-start:var(--pine-dimension-250);margin-inline-start:var(--pine-dimension-250)}.pds-margin-inline-start-300{-webkit-margin-start:var(--pine-dimension-300);margin-inline-start:var(--pine-dimension-300)}.pds-margin-inline-start-350{-webkit-margin-start:var(--pine-dimension-350);margin-inline-start:var(--pine-dimension-350)}.pds-margin-inline-start-400{-webkit-margin-start:var(--pine-dimension-400);margin-inline-start:var(--pine-dimension-400)}.pds-margin-inline-start-450{-webkit-margin-start:var(--pine-dimension-450);margin-inline-start:var(--pine-dimension-450)}.pds-margin-inline-start-500{-webkit-margin-start:var(--pine-dimension-500);margin-inline-start:var(--pine-dimension-500)}.pds-margin-inline-start-550{-webkit-margin-start:var(--pine-dimension-550);margin-inline-start:var(--pine-dimension-550)}.pds-margin-inline-start-600{-webkit-margin-start:var(--pine-dimension-600);margin-inline-start:var(--pine-dimension-600)}.pds-margin-inline-start-650{-webkit-margin-start:var(--pine-dimension-650);margin-inline-start:var(--pine-dimension-650)}.pds-margin-inline-start-700{-webkit-margin-start:var(--pine-dimension-700);margin-inline-start:var(--pine-dimension-700)}.pds-margin-inline-start-750{-webkit-margin-start:var(--pine-dimension-750);margin-inline-start:var(--pine-dimension-750)}.pds-margin-inline-start-800{-webkit-margin-start:var(--pine-dimension-800);margin-inline-start:var(--pine-dimension-800)}.pds-margin-inline-end-none{-webkit-margin-end:0;margin-inline-end:0}.pds-margin-inline-end-xxs{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-margin-inline-end-xs{-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs)}.pds-margin-inline-end-sm{-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-margin-inline-end-md{-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-margin-inline-end-lg{-webkit-margin-end:var(--pine-dimension-lg);margin-inline-end:var(--pine-dimension-lg)}.pds-margin-inline-end-xl{-webkit-margin-end:var(--pine-dimension-xl);margin-inline-end:var(--pine-dimension-xl)}.pds-margin-inline-end-xxl{-webkit-margin-end:var(--pine-dimension-2xl);margin-inline-end:var(--pine-dimension-2xl)}.pds-margin-inline-end-025{-webkit-margin-end:var(--pine-dimension-025);margin-inline-end:var(--pine-dimension-025)}.pds-margin-inline-end-050{-webkit-margin-end:var(--pine-dimension-050);margin-inline-end:var(--pine-dimension-050)}.pds-margin-inline-end-100{-webkit-margin-end:var(--pine-dimension-100);margin-inline-end:var(--pine-dimension-100)}.pds-margin-inline-end-125{-webkit-margin-end:var(--pine-dimension-125);margin-inline-end:var(--pine-dimension-125)}.pds-margin-inline-end-150{-webkit-margin-end:var(--pine-dimension-150);margin-inline-end:var(--pine-dimension-150)}.pds-margin-inline-end-200{-webkit-margin-end:var(--pine-dimension-200);margin-inline-end:var(--pine-dimension-200)}.pds-margin-inline-end-250{-webkit-margin-end:var(--pine-dimension-250);margin-inline-end:var(--pine-dimension-250)}.pds-margin-inline-end-300{-webkit-margin-end:var(--pine-dimension-300);margin-inline-end:var(--pine-dimension-300)}.pds-margin-inline-end-350{-webkit-margin-end:var(--pine-dimension-350);margin-inline-end:var(--pine-dimension-350)}.pds-margin-inline-end-400{-webkit-margin-end:var(--pine-dimension-400);margin-inline-end:var(--pine-dimension-400)}.pds-margin-inline-end-450{-webkit-margin-end:var(--pine-dimension-450);margin-inline-end:var(--pine-dimension-450)}.pds-margin-inline-end-500{-webkit-margin-end:var(--pine-dimension-500);margin-inline-end:var(--pine-dimension-500)}.pds-margin-inline-end-550{-webkit-margin-end:var(--pine-dimension-550);margin-inline-end:var(--pine-dimension-550)}.pds-margin-inline-end-600{-webkit-margin-end:var(--pine-dimension-600);margin-inline-end:var(--pine-dimension-600)}.pds-margin-inline-end-650{-webkit-margin-end:var(--pine-dimension-650);margin-inline-end:var(--pine-dimension-650)}.pds-margin-inline-end-700{-webkit-margin-end:var(--pine-dimension-700);margin-inline-end:var(--pine-dimension-700)}.pds-margin-inline-end-750{-webkit-margin-end:var(--pine-dimension-750);margin-inline-end:var(--pine-dimension-750)}.pds-margin-inline-end-800{-webkit-margin-end:var(--pine-dimension-800);margin-inline-end:var(--pine-dimension-800)}.pds-margin-block-end-none{-webkit-margin-after:0;margin-block-end:0}.pds-margin-block-end-xxs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-margin-block-end-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-margin-block-end-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-margin-block-end-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-margin-block-end-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-margin-block-end-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-margin-block-end-xxl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-margin-block-end-025{-webkit-margin-after:var(--pine-dimension-025);margin-block-end:var(--pine-dimension-025)}.pds-margin-block-end-050{-webkit-margin-after:var(--pine-dimension-050);margin-block-end:var(--pine-dimension-050)}.pds-margin-block-end-100{-webkit-margin-after:var(--pine-dimension-100);margin-block-end:var(--pine-dimension-100)}.pds-margin-block-end-125{-webkit-margin-after:var(--pine-dimension-125);margin-block-end:var(--pine-dimension-125)}.pds-margin-block-end-150{-webkit-margin-after:var(--pine-dimension-150);margin-block-end:var(--pine-dimension-150)}.pds-margin-block-end-200{-webkit-margin-after:var(--pine-dimension-200);margin-block-end:var(--pine-dimension-200)}.pds-margin-block-end-250{-webkit-margin-after:var(--pine-dimension-250);margin-block-end:var(--pine-dimension-250)}.pds-margin-block-end-300{-webkit-margin-after:var(--pine-dimension-300);margin-block-end:var(--pine-dimension-300)}.pds-margin-block-end-350{-webkit-margin-after:var(--pine-dimension-350);margin-block-end:var(--pine-dimension-350)}.pds-margin-block-end-400{-webkit-margin-after:var(--pine-dimension-400);margin-block-end:var(--pine-dimension-400)}.pds-margin-block-end-450{-webkit-margin-after:var(--pine-dimension-450);margin-block-end:var(--pine-dimension-450)}.pds-margin-block-end-500{-webkit-margin-after:var(--pine-dimension-500);margin-block-end:var(--pine-dimension-500)}.pds-margin-block-end-550{-webkit-margin-after:var(--pine-dimension-550);margin-block-end:var(--pine-dimension-550)}.pds-margin-block-end-600{-webkit-margin-after:var(--pine-dimension-600);margin-block-end:var(--pine-dimension-600)}.pds-margin-block-end-650{-webkit-margin-after:var(--pine-dimension-650);margin-block-end:var(--pine-dimension-650)}.pds-margin-block-end-700{-webkit-margin-after:var(--pine-dimension-700);margin-block-end:var(--pine-dimension-700)}.pds-margin-block-end-750{-webkit-margin-after:var(--pine-dimension-750);margin-block-end:var(--pine-dimension-750)}.pds-margin-block-end-800{-webkit-margin-after:var(--pine-dimension-800);margin-block-end:var(--pine-dimension-800)}.pds-padding-none{padding:0}.pds-padding-xxs{padding:var(--pine-dimension-2xs)}.pds-padding-xs{padding:var(--pine-dimension-xs)}.pds-padding-sm{padding:var(--pine-dimension-sm)}.pds-padding-md{padding:var(--pine-dimension-md)}.pds-padding-lg{padding:var(--pine-dimension-lg)}.pds-padding-xl{padding:var(--pine-dimension-xl)}.pds-padding-xxl{padding:var(--pine-dimension-2xl)}.pds-padding-025{padding:var(--pine-dimension-025)}.pds-padding-050{padding:var(--pine-dimension-050)}.pds-padding-100{padding:var(--pine-dimension-100)}.pds-padding-125{padding:var(--pine-dimension-125)}.pds-padding-150{padding:var(--pine-dimension-150)}.pds-padding-200{padding:var(--pine-dimension-200)}.pds-padding-250{padding:var(--pine-dimension-250)}.pds-padding-300{padding:var(--pine-dimension-300)}.pds-padding-350{padding:var(--pine-dimension-350)}.pds-padding-400{padding:var(--pine-dimension-400)}.pds-padding-450{padding:var(--pine-dimension-450)}.pds-padding-500{padding:var(--pine-dimension-500)}.pds-padding-550{padding:var(--pine-dimension-550)}.pds-padding-600{padding:var(--pine-dimension-600)}.pds-padding-650{padding:var(--pine-dimension-650)}.pds-padding-700{padding:var(--pine-dimension-700)}.pds-padding-750{padding:var(--pine-dimension-750)}.pds-padding-800{padding:var(--pine-dimension-800)}.pds-padding-block-start-none{-webkit-padding-before:0;padding-block-start:0}.pds-padding-block-start-xxs{-webkit-padding-before:var(--pine-dimension-2xs);padding-block-start:var(--pine-dimension-2xs)}.pds-padding-block-start-xs{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-padding-block-start-sm{-webkit-padding-before:var(--pine-dimension-sm);padding-block-start:var(--pine-dimension-sm)}.pds-padding-block-start-md{-webkit-padding-before:var(--pine-dimension-md);padding-block-start:var(--pine-dimension-md)}.pds-padding-block-start-lg{-webkit-padding-before:var(--pine-dimension-lg);padding-block-start:var(--pine-dimension-lg)}.pds-padding-block-start-xl{-webkit-padding-before:var(--pine-dimension-xl);padding-block-start:var(--pine-dimension-xl)}.pds-padding-block-start-xxl{-webkit-padding-before:var(--pine-dimension-2xl);padding-block-start:var(--pine-dimension-2xl)}.pds-padding-block-start-025{-webkit-padding-before:var(--pine-dimension-025);padding-block-start:var(--pine-dimension-025)}.pds-padding-block-start-050{-webkit-padding-before:var(--pine-dimension-050);padding-block-start:var(--pine-dimension-050)}.pds-padding-block-start-100{-webkit-padding-before:var(--pine-dimension-100);padding-block-start:var(--pine-dimension-100)}.pds-padding-block-start-125{-webkit-padding-before:var(--pine-dimension-125);padding-block-start:var(--pine-dimension-125)}.pds-padding-block-start-150{-webkit-padding-before:var(--pine-dimension-150);padding-block-start:var(--pine-dimension-150)}.pds-padding-block-start-200{-webkit-padding-before:var(--pine-dimension-200);padding-block-start:var(--pine-dimension-200)}.pds-padding-block-start-250{-webkit-padding-before:var(--pine-dimension-250);padding-block-start:var(--pine-dimension-250)}.pds-padding-block-start-300{-webkit-padding-before:var(--pine-dimension-300);padding-block-start:var(--pine-dimension-300)}.pds-padding-block-start-350{-webkit-padding-before:var(--pine-dimension-350);padding-block-start:var(--pine-dimension-350)}.pds-padding-block-start-400{-webkit-padding-before:var(--pine-dimension-400);padding-block-start:var(--pine-dimension-400)}.pds-padding-block-start-450{-webkit-padding-before:var(--pine-dimension-450);padding-block-start:var(--pine-dimension-450)}.pds-padding-block-start-500{-webkit-padding-before:var(--pine-dimension-500);padding-block-start:var(--pine-dimension-500)}.pds-padding-block-start-550{-webkit-padding-before:var(--pine-dimension-550);padding-block-start:var(--pine-dimension-550)}.pds-padding-block-start-600{-webkit-padding-before:var(--pine-dimension-600);padding-block-start:var(--pine-dimension-600)}.pds-padding-block-start-650{-webkit-padding-before:var(--pine-dimension-650);padding-block-start:var(--pine-dimension-650)}.pds-padding-block-start-700{-webkit-padding-before:var(--pine-dimension-700);padding-block-start:var(--pine-dimension-700)}.pds-padding-block-start-750{-webkit-padding-before:var(--pine-dimension-750);padding-block-start:var(--pine-dimension-750)}.pds-padding-block-start-800{-webkit-padding-before:var(--pine-dimension-800);padding-block-start:var(--pine-dimension-800)}.pds-padding-block-end-none{-webkit-padding-after:0;padding-block-end:0}.pds-padding-block-end-xxs{-webkit-padding-after:var(--pine-dimension-2xs);padding-block-end:var(--pine-dimension-2xs)}.pds-padding-block-end-xs{-webkit-padding-after:var(--pine-dimension-xs);padding-block-end:var(--pine-dimension-xs)}.pds-padding-block-end-sm{-webkit-padding-after:var(--pine-dimension-sm);padding-block-end:var(--pine-dimension-sm)}.pds-padding-block-end-md{-webkit-padding-after:var(--pine-dimension-md);padding-block-end:var(--pine-dimension-md)}.pds-padding-block-end-lg{-webkit-padding-after:var(--pine-dimension-lg);padding-block-end:var(--pine-dimension-lg)}.pds-padding-block-end-xl{-webkit-padding-after:var(--pine-dimension-xl);padding-block-end:var(--pine-dimension-xl)}.pds-padding-block-end-xxl{-webkit-padding-after:var(--pine-dimension-2xl);padding-block-end:var(--pine-dimension-2xl)}.pds-padding-block-end-025{-webkit-padding-after:var(--pine-dimension-025);padding-block-end:var(--pine-dimension-025)}.pds-padding-block-end-050{-webkit-padding-after:var(--pine-dimension-050);padding-block-end:var(--pine-dimension-050)}.pds-padding-block-end-100{-webkit-padding-after:var(--pine-dimension-100);padding-block-end:var(--pine-dimension-100)}.pds-padding-block-end-125{-webkit-padding-after:var(--pine-dimension-125);padding-block-end:var(--pine-dimension-125)}.pds-padding-block-end-150{-webkit-padding-after:var(--pine-dimension-150);padding-block-end:var(--pine-dimension-150)}.pds-padding-block-end-200{-webkit-padding-after:var(--pine-dimension-200);padding-block-end:var(--pine-dimension-200)}.pds-padding-block-end-250{-webkit-padding-after:var(--pine-dimension-250);padding-block-end:var(--pine-dimension-250)}.pds-padding-block-end-300{-webkit-padding-after:var(--pine-dimension-300);padding-block-end:var(--pine-dimension-300)}.pds-padding-block-end-350{-webkit-padding-after:var(--pine-dimension-350);padding-block-end:var(--pine-dimension-350)}.pds-padding-block-end-400{-webkit-padding-after:var(--pine-dimension-400);padding-block-end:var(--pine-dimension-400)}.pds-padding-block-end-450{-webkit-padding-after:var(--pine-dimension-450);padding-block-end:var(--pine-dimension-450)}.pds-padding-block-end-500{-webkit-padding-after:var(--pine-dimension-500);padding-block-end:var(--pine-dimension-500)}.pds-padding-block-end-550{-webkit-padding-after:var(--pine-dimension-550);padding-block-end:var(--pine-dimension-550)}.pds-padding-block-end-600{-webkit-padding-after:var(--pine-dimension-600);padding-block-end:var(--pine-dimension-600)}.pds-padding-block-end-650{-webkit-padding-after:var(--pine-dimension-650);padding-block-end:var(--pine-dimension-650)}.pds-padding-block-end-700{-webkit-padding-after:var(--pine-dimension-700);padding-block-end:var(--pine-dimension-700)}.pds-padding-block-end-750{-webkit-padding-after:var(--pine-dimension-750);padding-block-end:var(--pine-dimension-750)}.pds-padding-block-end-800{-webkit-padding-after:var(--pine-dimension-800);padding-block-end:var(--pine-dimension-800)}.pds-padding-inline-start-none{-webkit-padding-start:0;padding-inline-start:0}.pds-padding-inline-start-xxs{-webkit-padding-start:var(--pine-dimension-2xs);padding-inline-start:var(--pine-dimension-2xs)}.pds-padding-inline-start-xs{-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs)}.pds-padding-inline-start-sm{-webkit-padding-start:var(--pine-dimension-sm);padding-inline-start:var(--pine-dimension-sm)}.pds-padding-inline-start-md{-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-padding-inline-start-lg{-webkit-padding-start:var(--pine-dimension-lg);padding-inline-start:var(--pine-dimension-lg)}.pds-padding-inline-start-xl{-webkit-padding-start:var(--pine-dimension-xl);padding-inline-start:var(--pine-dimension-xl)}.pds-padding-inline-start-xxl{-webkit-padding-start:var(--pine-dimension-2xl);padding-inline-start:var(--pine-dimension-2xl)}.pds-padding-inline-start-025{-webkit-padding-start:var(--pine-dimension-025);padding-inline-start:var(--pine-dimension-025)}.pds-padding-inline-start-050{-webkit-padding-start:var(--pine-dimension-050);padding-inline-start:var(--pine-dimension-050)}.pds-padding-inline-start-100{-webkit-padding-start:var(--pine-dimension-100);padding-inline-start:var(--pine-dimension-100)}.pds-padding-inline-start-125{-webkit-padding-start:var(--pine-dimension-125);padding-inline-start:var(--pine-dimension-125)}.pds-padding-inline-start-150{-webkit-padding-start:var(--pine-dimension-150);padding-inline-start:var(--pine-dimension-150)}.pds-padding-inline-start-200{-webkit-padding-start:var(--pine-dimension-200);padding-inline-start:var(--pine-dimension-200)}.pds-padding-inline-start-250{-webkit-padding-start:var(--pine-dimension-250);padding-inline-start:var(--pine-dimension-250)}.pds-padding-inline-start-300{-webkit-padding-start:var(--pine-dimension-300);padding-inline-start:var(--pine-dimension-300)}.pds-padding-inline-start-350{-webkit-padding-start:var(--pine-dimension-350);padding-inline-start:var(--pine-dimension-350)}.pds-padding-inline-start-400{-webkit-padding-start:var(--pine-dimension-400);padding-inline-start:var(--pine-dimension-400)}.pds-padding-inline-start-450{-webkit-padding-start:var(--pine-dimension-450);padding-inline-start:var(--pine-dimension-450)}.pds-padding-inline-start-500{-webkit-padding-start:var(--pine-dimension-500);padding-inline-start:var(--pine-dimension-500)}.pds-padding-inline-start-550{-webkit-padding-start:var(--pine-dimension-550);padding-inline-start:var(--pine-dimension-550)}.pds-padding-inline-start-600{-webkit-padding-start:var(--pine-dimension-600);padding-inline-start:var(--pine-dimension-600)}.pds-padding-inline-start-650{-webkit-padding-start:var(--pine-dimension-650);padding-inline-start:var(--pine-dimension-650)}.pds-padding-inline-start-700{-webkit-padding-start:var(--pine-dimension-700);padding-inline-start:var(--pine-dimension-700)}.pds-padding-inline-start-750{-webkit-padding-start:var(--pine-dimension-750);padding-inline-start:var(--pine-dimension-750)}.pds-padding-inline-start-800{-webkit-padding-start:var(--pine-dimension-800);padding-inline-start:var(--pine-dimension-800)}.pds-padding-inline-end-none{-webkit-padding-end:0;padding-inline-end:0}.pds-padding-inline-end-xxs{-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs)}.pds-padding-inline-end-xs{-webkit-padding-end:var(--pine-dimension-xs);padding-inline-end:var(--pine-dimension-xs)}.pds-padding-inline-end-sm{-webkit-padding-end:var(--pine-dimension-sm);padding-inline-end:var(--pine-dimension-sm)}.pds-padding-inline-end-md{-webkit-padding-end:var(--pine-dimension-md);padding-inline-end:var(--pine-dimension-md)}.pds-padding-inline-end-lg{-webkit-padding-end:var(--pine-dimension-lg);padding-inline-end:var(--pine-dimension-lg)}.pds-padding-inline-end-xl{-webkit-padding-end:var(--pine-dimension-xl);padding-inline-end:var(--pine-dimension-xl)}.pds-padding-inline-end-xxl{-webkit-padding-end:var(--pine-dimension-2xl);padding-inline-end:var(--pine-dimension-2xl)}.pds-padding-inline-end-025{-webkit-padding-end:var(--pine-dimension-025);padding-inline-end:var(--pine-dimension-025)}.pds-padding-inline-end-050{-webkit-padding-end:var(--pine-dimension-050);padding-inline-end:var(--pine-dimension-050)}.pds-padding-inline-end-100{-webkit-padding-end:var(--pine-dimension-100);padding-inline-end:var(--pine-dimension-100)}.pds-padding-inline-end-125{-webkit-padding-end:var(--pine-dimension-125);padding-inline-end:var(--pine-dimension-125)}.pds-padding-inline-end-150{-webkit-padding-end:var(--pine-dimension-150);padding-inline-end:var(--pine-dimension-150)}.pds-padding-inline-end-200{-webkit-padding-end:var(--pine-dimension-200);padding-inline-end:var(--pine-dimension-200)}.pds-padding-inline-end-250{-webkit-padding-end:var(--pine-dimension-250);padding-inline-end:var(--pine-dimension-250)}.pds-padding-inline-end-300{-webkit-padding-end:var(--pine-dimension-300);padding-inline-end:var(--pine-dimension-300)}.pds-padding-inline-end-350{-webkit-padding-end:var(--pine-dimension-350);padding-inline-end:var(--pine-dimension-350)}.pds-padding-inline-end-400{-webkit-padding-end:var(--pine-dimension-400);padding-inline-end:var(--pine-dimension-400)}.pds-padding-inline-end-450{-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450)}.pds-padding-inline-end-500{-webkit-padding-end:var(--pine-dimension-500);padding-inline-end:var(--pine-dimension-500)}.pds-padding-inline-end-550{-webkit-padding-end:var(--pine-dimension-550);padding-inline-end:var(--pine-dimension-550)}.pds-padding-inline-end-600{-webkit-padding-end:var(--pine-dimension-600);padding-inline-end:var(--pine-dimension-600)}.pds-padding-inline-end-650{-webkit-padding-end:var(--pine-dimension-650);padding-inline-end:var(--pine-dimension-650)}.pds-padding-inline-end-700{-webkit-padding-end:var(--pine-dimension-700);padding-inline-end:var(--pine-dimension-700)}.pds-padding-inline-end-750{-webkit-padding-end:var(--pine-dimension-750);padding-inline-end:var(--pine-dimension-750)}.pds-padding-inline-end-800{-webkit-padding-end:var(--pine-dimension-800);padding-inline-end:var(--pine-dimension-800)}.pds-box-display-block{display:block}.pds-box-display-inline-block{display:inline-block}.pds-box-display-flex{display:-ms-flexbox;display:flex}.pds-box-display-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.pds-box-direction-row{-ms-flex-direction:row;flex-direction:row}.pds-box-direction-column{-ms-flex-direction:column;flex-direction:column}.pds-box--wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.pds-justify-content-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}@media (max-width: 575px){.pds-justify-content-xs-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-xs-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-xs-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-xs-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-xs-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-xs-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 576px){.pds-justify-content-sm-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-sm-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-sm-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-sm-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-sm-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-sm-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 768px){.pds-justify-content-md-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-md-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-md-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-md-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-md-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-md-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 992px){.pds-justify-content-lg-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-lg-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-lg-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-lg-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-lg-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-lg-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 1200px){.pds-justify-content-xl-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-xl-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-xl-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-xl-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-xl-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-xl-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}}.pds-align-items-start{-ms-flex-align:start;align-items:start}.pds-align-items-center{-ms-flex-align:center;align-items:center}.pds-align-items-end{-ms-flex-align:end;align-items:end}.pds-align-items-baseline{-ms-flex-align:baseline;align-items:baseline}.pds-align-items-stretch{-ms-flex-align:stretch;align-items:stretch}@media (max-width: 575px){.pds-align-items-xs-start{-ms-flex-align:start;align-items:start}.pds-align-items-xs-center{-ms-flex-align:center;align-items:center}.pds-align-items-xs-end{-ms-flex-align:end;align-items:end}.pds-align-items-xs-baseline{-ms-flex-align:baseline;align-items:baseline}.pds-align-items-xs-stretch{-ms-flex-align:stretch;align-items:stretch}}@media (min-width: 576px){.pds-align-items-sm-start{-ms-flex-align:start;align-items:start}.pds-align-items-sm-center{-ms-flex-align:center;align-items:center}.pds-align-items-sm-end{-ms-flex-align:end;align-items:end}.pds-align-items-sm-baseline{-ms-flex-align:baseline;align-items:baseline}.pds-align-items-sm-stretch{-ms-flex-align:stretch;align-items:stretch}}@media (min-width: 768px){.pds-align-items-md-start{-ms-flex-align:start;align-items:start}.pds-align-items-md-center{-ms-flex-align:center;align-items:center}.pds-align-items-md-end{-ms-flex-align:end;align-items:end}.pds-align-items-md-baseline{-ms-flex-align:baseline;align-items:baseline}.pds-align-items-md-stretch{-ms-flex-align:stretch;align-items:stretch}}@media (min-width: 992px){.pds-align-items-lg-start{-ms-flex-align:start;align-items:start}.pds-align-items-lg-center{-ms-flex-align:center;align-items:center}.pds-align-items-lg-end{-ms-flex-align:end;align-items:end}.pds-align-items-lg-baseline{-ms-flex-align:baseline;align-items:baseline}.pds-align-items-lg-stretch{-ms-flex-align:stretch;align-items:stretch}}@media (min-width: 1200px){.pds-align-items-xl-start{-ms-flex-align:start;align-items:start}.pds-align-items-xl-center{-ms-flex-align:center;align-items:center}.pds-align-items-xl-end{-ms-flex-align:end;align-items:end}.pds-align-items-xl-baseline{-ms-flex-align:baseline;align-items:baseline}.pds-align-items-xl-stretch{-ms-flex-align:stretch;align-items:stretch}}.pds-align-self-start{-ms-flex-item-align:start;align-self:start}.pds-align-self-center{-ms-flex-item-align:center;align-self:center}.pds-align-self-end{-ms-flex-item-align:end;align-self:end}.pds-align-self-baseline{-ms-flex-item-align:baseline;align-self:baseline}.pds-align-self-stretch{-ms-flex-item-align:stretch;align-self:stretch}@media (max-width: 575px){.pds-align-self-xs-start{-ms-flex-item-align:start;align-self:start}.pds-align-self-xs-center{-ms-flex-item-align:center;align-self:center}.pds-align-self-xs-end{-ms-flex-item-align:end;align-self:end}.pds-align-self-xs-baseline{-ms-flex-item-align:baseline;align-self:baseline}.pds-align-self-xs-stretch{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 576px){.pds-align-self-sm-start{-ms-flex-item-align:start;align-self:start}.pds-align-self-sm-center{-ms-flex-item-align:center;align-self:center}.pds-align-self-sm-end{-ms-flex-item-align:end;align-self:end}.pds-align-self-sm-baseline{-ms-flex-item-align:baseline;align-self:baseline}.pds-align-self-sm-stretch{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 768px){.pds-align-self-md-start{-ms-flex-item-align:start;align-self:start}.pds-align-self-md-center{-ms-flex-item-align:center;align-self:center}.pds-align-self-md-end{-ms-flex-item-align:end;align-self:end}.pds-align-self-md-baseline{-ms-flex-item-align:baseline;align-self:baseline}.pds-align-self-md-stretch{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 992px){.pds-align-self-lg-start{-ms-flex-item-align:start;align-self:start}.pds-align-self-lg-center{-ms-flex-item-align:center;align-self:center}.pds-align-self-lg-end{-ms-flex-item-align:end;align-self:end}.pds-align-self-lg-baseline{-ms-flex-item-align:baseline;align-self:baseline}.pds-align-self-lg-stretch{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 1200px){.pds-align-self-xl-start{-ms-flex-item-align:start;align-self:start}.pds-align-self-xl-center{-ms-flex-item-align:center;align-self:center}.pds-align-self-xl-end{-ms-flex-item-align:end;align-self:end}.pds-align-self-xl-baseline{-ms-flex-item-align:baseline;align-self:baseline}.pds-align-self-xl-stretch{-ms-flex-item-align:stretch;align-self:stretch}}@media (max-width: 575px){.pds-box--wrap-xs{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (min-width: 576px){.pds-box--wrap-sm{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (min-width: 768px){.pds-box--wrap-md{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (min-width: 992px){.pds-box--wrap-lg{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (min-width: 1200px){.pds-box--wrap-xl{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (max-width: 575px){.pds-box--auto-xs{-ms-flex:0 0 var(--sizing-min-width-box, fit-content);flex:0 0 var(--sizing-min-width-box, fit-content);min-width:auto;width:auto}}@media (min-width: 576px){.pds-box--auto-sm{-ms-flex:0 0 var(--sizing-min-width-box, fit-content);flex:0 0 var(--sizing-min-width-box, fit-content);min-width:auto;width:auto}}@media (min-width: 768px){.pds-box--auto-md{-ms-flex:0 0 var(--sizing-min-width-box, fit-content);flex:0 0 var(--sizing-min-width-box, fit-content);min-width:auto;width:auto}}@media (min-width: 992px){.pds-box--auto-lg{-ms-flex:0 0 var(--sizing-min-width-box, fit-content);flex:0 0 var(--sizing-min-width-box, fit-content);min-width:auto;width:auto}}@media (min-width: 1200px){.pds-box--auto-xl{-ms-flex:0 0 var(--sizing-min-width-box, fit-content);flex:0 0 var(--sizing-min-width-box, fit-content);min-width:auto;width:auto}}@media (max-width: 575px){.pds-box--fit-xs{max-width:100%;min-width:100%;width:100%}}@media (min-width: 576px){.pds-box--fit-sm{max-width:100%;min-width:100%;width:100%}}@media (min-width: 768px){.pds-box--fit-md{max-width:100%;min-width:100%;width:100%}}@media (min-width: 992px){.pds-box--fit-lg{max-width:100%;min-width:100%;width:100%}}@media (min-width: 1200px){.pds-box--fit-xl{max-width:100%;min-width:100%;width:100%}}@media (max-width: 575px){.pds-box-gap-xs-none{gap:0}.pds-box-gap-xs-xxs{gap:var(--pine-dimension-2xs)}.pds-box-gap-xs-xs{gap:var(--pine-dimension-xs)}.pds-box-gap-xs-sm{gap:var(--pine-dimension-sm)}.pds-box-gap-xs-md{gap:var(--pine-dimension-md)}.pds-box-gap-xs-lg{gap:var(--pine-dimension-lg)}.pds-box-gap-xs-xl{gap:var(--pine-dimension-xl)}.pds-box-gap-xs-xxl{gap:var(--pine-dimension-2xl)}.pds-box-gap-xs-025{gap:var(--pine-dimension-025)}.pds-box-gap-xs-050{gap:var(--pine-dimension-050)}.pds-box-gap-xs-100{gap:var(--pine-dimension-100)}.pds-box-gap-xs-125{gap:var(--pine-dimension-125)}.pds-box-gap-xs-150{gap:var(--pine-dimension-150)}.pds-box-gap-xs-200{gap:var(--pine-dimension-200)}.pds-box-gap-xs-250{gap:var(--pine-dimension-250)}.pds-box-gap-xs-300{gap:var(--pine-dimension-300)}.pds-box-gap-xs-350{gap:var(--pine-dimension-350)}.pds-box-gap-xs-400{gap:var(--pine-dimension-400)}.pds-box-gap-xs-450{gap:var(--pine-dimension-450)}.pds-box-gap-xs-500{gap:var(--pine-dimension-500)}.pds-box-gap-xs-550{gap:var(--pine-dimension-550)}.pds-box-gap-xs-600{gap:var(--pine-dimension-600)}.pds-box-gap-xs-650{gap:var(--pine-dimension-650)}.pds-box-gap-xs-700{gap:var(--pine-dimension-700)}.pds-box-gap-xs-750{gap:var(--pine-dimension-750)}.pds-box-gap-xs-800{gap:var(--pine-dimension-800)}}@media (min-width: 576px){.pds-box-gap-sm-none{gap:0}.pds-box-gap-sm-xxs{gap:var(--pine-dimension-2xs)}.pds-box-gap-sm-xs{gap:var(--pine-dimension-xs)}.pds-box-gap-sm-sm{gap:var(--pine-dimension-sm)}.pds-box-gap-sm-md{gap:var(--pine-dimension-md)}.pds-box-gap-sm-lg{gap:var(--pine-dimension-lg)}.pds-box-gap-sm-xl{gap:var(--pine-dimension-xl)}.pds-box-gap-sm-xxl{gap:var(--pine-dimension-2xl)}.pds-box-gap-sm-025{gap:var(--pine-dimension-025)}.pds-box-gap-sm-050{gap:var(--pine-dimension-050)}.pds-box-gap-sm-100{gap:var(--pine-dimension-100)}.pds-box-gap-sm-125{gap:var(--pine-dimension-125)}.pds-box-gap-sm-150{gap:var(--pine-dimension-150)}.pds-box-gap-sm-200{gap:var(--pine-dimension-200)}.pds-box-gap-sm-250{gap:var(--pine-dimension-250)}.pds-box-gap-sm-300{gap:var(--pine-dimension-300)}.pds-box-gap-sm-350{gap:var(--pine-dimension-350)}.pds-box-gap-sm-400{gap:var(--pine-dimension-400)}.pds-box-gap-sm-450{gap:var(--pine-dimension-450)}.pds-box-gap-sm-500{gap:var(--pine-dimension-500)}.pds-box-gap-sm-550{gap:var(--pine-dimension-550)}.pds-box-gap-sm-600{gap:var(--pine-dimension-600)}.pds-box-gap-sm-650{gap:var(--pine-dimension-650)}.pds-box-gap-sm-700{gap:var(--pine-dimension-700)}.pds-box-gap-sm-750{gap:var(--pine-dimension-750)}.pds-box-gap-sm-800{gap:var(--pine-dimension-800)}}@media (min-width: 768px){.pds-box-gap-md-none{gap:0}.pds-box-gap-md-xxs{gap:var(--pine-dimension-2xs)}.pds-box-gap-md-xs{gap:var(--pine-dimension-xs)}.pds-box-gap-md-sm{gap:var(--pine-dimension-sm)}.pds-box-gap-md-md{gap:var(--pine-dimension-md)}.pds-box-gap-md-lg{gap:var(--pine-dimension-lg)}.pds-box-gap-md-xl{gap:var(--pine-dimension-xl)}.pds-box-gap-md-xxl{gap:var(--pine-dimension-2xl)}.pds-box-gap-md-025{gap:var(--pine-dimension-025)}.pds-box-gap-md-050{gap:var(--pine-dimension-050)}.pds-box-gap-md-100{gap:var(--pine-dimension-100)}.pds-box-gap-md-125{gap:var(--pine-dimension-125)}.pds-box-gap-md-150{gap:var(--pine-dimension-150)}.pds-box-gap-md-200{gap:var(--pine-dimension-200)}.pds-box-gap-md-250{gap:var(--pine-dimension-250)}.pds-box-gap-md-300{gap:var(--pine-dimension-300)}.pds-box-gap-md-350{gap:var(--pine-dimension-350)}.pds-box-gap-md-400{gap:var(--pine-dimension-400)}.pds-box-gap-md-450{gap:var(--pine-dimension-450)}.pds-box-gap-md-500{gap:var(--pine-dimension-500)}.pds-box-gap-md-550{gap:var(--pine-dimension-550)}.pds-box-gap-md-600{gap:var(--pine-dimension-600)}.pds-box-gap-md-650{gap:var(--pine-dimension-650)}.pds-box-gap-md-700{gap:var(--pine-dimension-700)}.pds-box-gap-md-750{gap:var(--pine-dimension-750)}.pds-box-gap-md-800{gap:var(--pine-dimension-800)}}@media (min-width: 992px){.pds-box-gap-lg-none{gap:0}.pds-box-gap-lg-xxs{gap:var(--pine-dimension-2xs)}.pds-box-gap-lg-xs{gap:var(--pine-dimension-xs)}.pds-box-gap-lg-sm{gap:var(--pine-dimension-sm)}.pds-box-gap-lg-md{gap:var(--pine-dimension-md)}.pds-box-gap-lg-lg{gap:var(--pine-dimension-lg)}.pds-box-gap-lg-xl{gap:var(--pine-dimension-xl)}.pds-box-gap-lg-xxl{gap:var(--pine-dimension-2xl)}.pds-box-gap-lg-025{gap:var(--pine-dimension-025)}.pds-box-gap-lg-050{gap:var(--pine-dimension-050)}.pds-box-gap-lg-100{gap:var(--pine-dimension-100)}.pds-box-gap-lg-125{gap:var(--pine-dimension-125)}.pds-box-gap-lg-150{gap:var(--pine-dimension-150)}.pds-box-gap-lg-200{gap:var(--pine-dimension-200)}.pds-box-gap-lg-250{gap:var(--pine-dimension-250)}.pds-box-gap-lg-300{gap:var(--pine-dimension-300)}.pds-box-gap-lg-350{gap:var(--pine-dimension-350)}.pds-box-gap-lg-400{gap:var(--pine-dimension-400)}.pds-box-gap-lg-450{gap:var(--pine-dimension-450)}.pds-box-gap-lg-500{gap:var(--pine-dimension-500)}.pds-box-gap-lg-550{gap:var(--pine-dimension-550)}.pds-box-gap-lg-600{gap:var(--pine-dimension-600)}.pds-box-gap-lg-650{gap:var(--pine-dimension-650)}.pds-box-gap-lg-700{gap:var(--pine-dimension-700)}.pds-box-gap-lg-750{gap:var(--pine-dimension-750)}.pds-box-gap-lg-800{gap:var(--pine-dimension-800)}}@media (min-width: 1200px){.pds-box-gap-xl-none{gap:0}.pds-box-gap-xl-xxs{gap:var(--pine-dimension-2xs)}.pds-box-gap-xl-xs{gap:var(--pine-dimension-xs)}.pds-box-gap-xl-sm{gap:var(--pine-dimension-sm)}.pds-box-gap-xl-md{gap:var(--pine-dimension-md)}.pds-box-gap-xl-lg{gap:var(--pine-dimension-lg)}.pds-box-gap-xl-xl{gap:var(--pine-dimension-xl)}.pds-box-gap-xl-xxl{gap:var(--pine-dimension-2xl)}.pds-box-gap-xl-025{gap:var(--pine-dimension-025)}.pds-box-gap-xl-050{gap:var(--pine-dimension-050)}.pds-box-gap-xl-100{gap:var(--pine-dimension-100)}.pds-box-gap-xl-125{gap:var(--pine-dimension-125)}.pds-box-gap-xl-150{gap:var(--pine-dimension-150)}.pds-box-gap-xl-200{gap:var(--pine-dimension-200)}.pds-box-gap-xl-250{gap:var(--pine-dimension-250)}.pds-box-gap-xl-300{gap:var(--pine-dimension-300)}.pds-box-gap-xl-350{gap:var(--pine-dimension-350)}.pds-box-gap-xl-400{gap:var(--pine-dimension-400)}.pds-box-gap-xl-450{gap:var(--pine-dimension-450)}.pds-box-gap-xl-500{gap:var(--pine-dimension-500)}.pds-box-gap-xl-550{gap:var(--pine-dimension-550)}.pds-box-gap-xl-600{gap:var(--pine-dimension-600)}.pds-box-gap-xl-650{gap:var(--pine-dimension-650)}.pds-box-gap-xl-700{gap:var(--pine-dimension-700)}.pds-box-gap-xl-750{gap:var(--pine-dimension-750)}.pds-box-gap-xl-800{gap:var(--pine-dimension-800)}}@media (max-width: 575px){.pds-margin-block-start-xs-none{-webkit-margin-before:0;margin-block-start:0}.pds-margin-inline-start-xs-none{-webkit-margin-start:0;margin-inline-start:0}.pds-margin-inline-end-xs-none{-webkit-margin-end:0;margin-inline-end:0}.pds-margin-block-end-xs-none{-webkit-margin-after:0;margin-block-end:0}.pds-margin-block-start-xs-xxs{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-margin-inline-start-xs-xxs{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-margin-inline-end-xs-xxs{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-margin-block-end-xs-xxs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-margin-block-start-xs-xs{-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-margin-inline-start-xs-xs{-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-margin-inline-end-xs-xs{-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs)}.pds-margin-block-end-xs-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-margin-block-start-xs-sm{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-margin-inline-start-xs-sm{-webkit-margin-start:var(--pine-dimension-sm);margin-inline-start:var(--pine-dimension-sm)}.pds-margin-inline-end-xs-sm{-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-margin-block-end-xs-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-margin-block-start-xs-md{-webkit-margin-before:var(--pine-dimension-md);margin-block-start:var(--pine-dimension-md)}.pds-margin-inline-start-xs-md{-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md)}.pds-margin-inline-end-xs-md{-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-margin-block-end-xs-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-margin-block-start-xs-lg{-webkit-margin-before:var(--pine-dimension-lg);margin-block-start:var(--pine-dimension-lg)}.pds-margin-inline-start-xs-lg{-webkit-margin-start:var(--pine-dimension-lg);margin-inline-start:var(--pine-dimension-lg)}.pds-margin-inline-end-xs-lg{-webkit-margin-end:var(--pine-dimension-lg);margin-inline-end:var(--pine-dimension-lg)}.pds-margin-block-end-xs-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-margin-block-start-xs-xl{-webkit-margin-before:var(--pine-dimension-xl);margin-block-start:var(--pine-dimension-xl)}.pds-margin-inline-start-xs-xl{-webkit-margin-start:var(--pine-dimension-xl);margin-inline-start:var(--pine-dimension-xl)}.pds-margin-inline-end-xs-xl{-webkit-margin-end:var(--pine-dimension-xl);margin-inline-end:var(--pine-dimension-xl)}.pds-margin-block-end-xs-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-margin-block-start-xs-xxl{-webkit-margin-before:var(--pine-dimension-2xl);margin-block-start:var(--pine-dimension-2xl)}.pds-margin-inline-start-xs-xxl{-webkit-margin-start:var(--pine-dimension-2xl);margin-inline-start:var(--pine-dimension-2xl)}.pds-margin-inline-end-xs-xxl{-webkit-margin-end:var(--pine-dimension-2xl);margin-inline-end:var(--pine-dimension-2xl)}.pds-margin-block-end-xs-xxl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-margin-block-start-xs-025{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-margin-inline-start-xs-025{-webkit-margin-start:var(--pine-dimension-025);margin-inline-start:var(--pine-dimension-025)}.pds-margin-inline-end-xs-025{-webkit-margin-end:var(--pine-dimension-025);margin-inline-end:var(--pine-dimension-025)}.pds-margin-block-end-xs-025{-webkit-margin-after:var(--pine-dimension-025);margin-block-end:var(--pine-dimension-025)}.pds-margin-block-start-xs-050{-webkit-margin-before:var(--pine-dimension-050);margin-block-start:var(--pine-dimension-050)}.pds-margin-inline-start-xs-050{-webkit-margin-start:var(--pine-dimension-050);margin-inline-start:var(--pine-dimension-050)}.pds-margin-inline-end-xs-050{-webkit-margin-end:var(--pine-dimension-050);margin-inline-end:var(--pine-dimension-050)}.pds-margin-block-end-xs-050{-webkit-margin-after:var(--pine-dimension-050);margin-block-end:var(--pine-dimension-050)}.pds-margin-block-start-xs-100{-webkit-margin-before:var(--pine-dimension-100);margin-block-start:var(--pine-dimension-100)}.pds-margin-inline-start-xs-100{-webkit-margin-start:var(--pine-dimension-100);margin-inline-start:var(--pine-dimension-100)}.pds-margin-inline-end-xs-100{-webkit-margin-end:var(--pine-dimension-100);margin-inline-end:var(--pine-dimension-100)}.pds-margin-block-end-xs-100{-webkit-margin-after:var(--pine-dimension-100);margin-block-end:var(--pine-dimension-100)}.pds-margin-block-start-xs-125{-webkit-margin-before:var(--pine-dimension-125);margin-block-start:var(--pine-dimension-125)}.pds-margin-inline-start-xs-125{-webkit-margin-start:var(--pine-dimension-125);margin-inline-start:var(--pine-dimension-125)}.pds-margin-inline-end-xs-125{-webkit-margin-end:var(--pine-dimension-125);margin-inline-end:var(--pine-dimension-125)}.pds-margin-block-end-xs-125{-webkit-margin-after:var(--pine-dimension-125);margin-block-end:var(--pine-dimension-125)}.pds-margin-block-start-xs-150{-webkit-margin-before:var(--pine-dimension-150);margin-block-start:var(--pine-dimension-150)}.pds-margin-inline-start-xs-150{-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-margin-inline-end-xs-150{-webkit-margin-end:var(--pine-dimension-150);margin-inline-end:var(--pine-dimension-150)}.pds-margin-block-end-xs-150{-webkit-margin-after:var(--pine-dimension-150);margin-block-end:var(--pine-dimension-150)}.pds-margin-block-start-xs-200{-webkit-margin-before:var(--pine-dimension-200);margin-block-start:var(--pine-dimension-200)}.pds-margin-inline-start-xs-200{-webkit-margin-start:var(--pine-dimension-200);margin-inline-start:var(--pine-dimension-200)}.pds-margin-inline-end-xs-200{-webkit-margin-end:var(--pine-dimension-200);margin-inline-end:var(--pine-dimension-200)}.pds-margin-block-end-xs-200{-webkit-margin-after:var(--pine-dimension-200);margin-block-end:var(--pine-dimension-200)}.pds-margin-block-start-xs-250{-webkit-margin-before:var(--pine-dimension-250);margin-block-start:var(--pine-dimension-250)}.pds-margin-inline-start-xs-250{-webkit-margin-start:var(--pine-dimension-250);margin-inline-start:var(--pine-dimension-250)}.pds-margin-inline-end-xs-250{-webkit-margin-end:var(--pine-dimension-250);margin-inline-end:var(--pine-dimension-250)}.pds-margin-block-end-xs-250{-webkit-margin-after:var(--pine-dimension-250);margin-block-end:var(--pine-dimension-250)}.pds-margin-block-start-xs-300{-webkit-margin-before:var(--pine-dimension-300);margin-block-start:var(--pine-dimension-300)}.pds-margin-inline-start-xs-300{-webkit-margin-start:var(--pine-dimension-300);margin-inline-start:var(--pine-dimension-300)}.pds-margin-inline-end-xs-300{-webkit-margin-end:var(--pine-dimension-300);margin-inline-end:var(--pine-dimension-300)}.pds-margin-block-end-xs-300{-webkit-margin-after:var(--pine-dimension-300);margin-block-end:var(--pine-dimension-300)}.pds-margin-block-start-xs-350{-webkit-margin-before:var(--pine-dimension-350);margin-block-start:var(--pine-dimension-350)}.pds-margin-inline-start-xs-350{-webkit-margin-start:var(--pine-dimension-350);margin-inline-start:var(--pine-dimension-350)}.pds-margin-inline-end-xs-350{-webkit-margin-end:var(--pine-dimension-350);margin-inline-end:var(--pine-dimension-350)}.pds-margin-block-end-xs-350{-webkit-margin-after:var(--pine-dimension-350);margin-block-end:var(--pine-dimension-350)}.pds-margin-block-start-xs-400{-webkit-margin-before:var(--pine-dimension-400);margin-block-start:var(--pine-dimension-400)}.pds-margin-inline-start-xs-400{-webkit-margin-start:var(--pine-dimension-400);margin-inline-start:var(--pine-dimension-400)}.pds-margin-inline-end-xs-400{-webkit-margin-end:var(--pine-dimension-400);margin-inline-end:var(--pine-dimension-400)}.pds-margin-block-end-xs-400{-webkit-margin-after:var(--pine-dimension-400);margin-block-end:var(--pine-dimension-400)}.pds-margin-block-start-xs-450{-webkit-margin-before:var(--pine-dimension-450);margin-block-start:var(--pine-dimension-450)}.pds-margin-inline-start-xs-450{-webkit-margin-start:var(--pine-dimension-450);margin-inline-start:var(--pine-dimension-450)}.pds-margin-inline-end-xs-450{-webkit-margin-end:var(--pine-dimension-450);margin-inline-end:var(--pine-dimension-450)}.pds-margin-block-end-xs-450{-webkit-margin-after:var(--pine-dimension-450);margin-block-end:var(--pine-dimension-450)}.pds-margin-block-start-xs-500{-webkit-margin-before:var(--pine-dimension-500);margin-block-start:var(--pine-dimension-500)}.pds-margin-inline-start-xs-500{-webkit-margin-start:var(--pine-dimension-500);margin-inline-start:var(--pine-dimension-500)}.pds-margin-inline-end-xs-500{-webkit-margin-end:var(--pine-dimension-500);margin-inline-end:var(--pine-dimension-500)}.pds-margin-block-end-xs-500{-webkit-margin-after:var(--pine-dimension-500);margin-block-end:var(--pine-dimension-500)}.pds-margin-block-start-xs-550{-webkit-margin-before:var(--pine-dimension-550);margin-block-start:var(--pine-dimension-550)}.pds-margin-inline-start-xs-550{-webkit-margin-start:var(--pine-dimension-550);margin-inline-start:var(--pine-dimension-550)}.pds-margin-inline-end-xs-550{-webkit-margin-end:var(--pine-dimension-550);margin-inline-end:var(--pine-dimension-550)}.pds-margin-block-end-xs-550{-webkit-margin-after:var(--pine-dimension-550);margin-block-end:var(--pine-dimension-550)}.pds-margin-block-start-xs-600{-webkit-margin-before:var(--pine-dimension-600);margin-block-start:var(--pine-dimension-600)}.pds-margin-inline-start-xs-600{-webkit-margin-start:var(--pine-dimension-600);margin-inline-start:var(--pine-dimension-600)}.pds-margin-inline-end-xs-600{-webkit-margin-end:var(--pine-dimension-600);margin-inline-end:var(--pine-dimension-600)}.pds-margin-block-end-xs-600{-webkit-margin-after:var(--pine-dimension-600);margin-block-end:var(--pine-dimension-600)}.pds-margin-block-start-xs-650{-webkit-margin-before:var(--pine-dimension-650);margin-block-start:var(--pine-dimension-650)}.pds-margin-inline-start-xs-650{-webkit-margin-start:var(--pine-dimension-650);margin-inline-start:var(--pine-dimension-650)}.pds-margin-inline-end-xs-650{-webkit-margin-end:var(--pine-dimension-650);margin-inline-end:var(--pine-dimension-650)}.pds-margin-block-end-xs-650{-webkit-margin-after:var(--pine-dimension-650);margin-block-end:var(--pine-dimension-650)}.pds-margin-block-start-xs-700{-webkit-margin-before:var(--pine-dimension-700);margin-block-start:var(--pine-dimension-700)}.pds-margin-inline-start-xs-700{-webkit-margin-start:var(--pine-dimension-700);margin-inline-start:var(--pine-dimension-700)}.pds-margin-inline-end-xs-700{-webkit-margin-end:var(--pine-dimension-700);margin-inline-end:var(--pine-dimension-700)}.pds-margin-block-end-xs-700{-webkit-margin-after:var(--pine-dimension-700);margin-block-end:var(--pine-dimension-700)}.pds-margin-block-start-xs-750{-webkit-margin-before:var(--pine-dimension-750);margin-block-start:var(--pine-dimension-750)}.pds-margin-inline-start-xs-750{-webkit-margin-start:var(--pine-dimension-750);margin-inline-start:var(--pine-dimension-750)}.pds-margin-inline-end-xs-750{-webkit-margin-end:var(--pine-dimension-750);margin-inline-end:var(--pine-dimension-750)}.pds-margin-block-end-xs-750{-webkit-margin-after:var(--pine-dimension-750);margin-block-end:var(--pine-dimension-750)}.pds-margin-block-start-xs-800{-webkit-margin-before:var(--pine-dimension-800);margin-block-start:var(--pine-dimension-800)}.pds-margin-inline-start-xs-800{-webkit-margin-start:var(--pine-dimension-800);margin-inline-start:var(--pine-dimension-800)}.pds-margin-inline-end-xs-800{-webkit-margin-end:var(--pine-dimension-800);margin-inline-end:var(--pine-dimension-800)}.pds-margin-block-end-xs-800{-webkit-margin-after:var(--pine-dimension-800);margin-block-end:var(--pine-dimension-800)}}@media (min-width: 576px){.pds-margin-block-start-sm-none{-webkit-margin-before:0;margin-block-start:0}.pds-margin-inline-start-sm-none{-webkit-margin-start:0;margin-inline-start:0}.pds-margin-inline-end-sm-none{-webkit-margin-end:0;margin-inline-end:0}.pds-margin-block-end-sm-none{-webkit-margin-after:0;margin-block-end:0}.pds-margin-block-start-sm-xxs{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-margin-inline-start-sm-xxs{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-margin-inline-end-sm-xxs{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-margin-block-end-sm-xxs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-margin-block-start-sm-xs{-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-margin-inline-start-sm-xs{-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-margin-inline-end-sm-xs{-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs)}.pds-margin-block-end-sm-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-margin-block-start-sm-sm{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-margin-inline-start-sm-sm{-webkit-margin-start:var(--pine-dimension-sm);margin-inline-start:var(--pine-dimension-sm)}.pds-margin-inline-end-sm-sm{-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-margin-block-end-sm-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-margin-block-start-sm-md{-webkit-margin-before:var(--pine-dimension-md);margin-block-start:var(--pine-dimension-md)}.pds-margin-inline-start-sm-md{-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md)}.pds-margin-inline-end-sm-md{-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-margin-block-end-sm-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-margin-block-start-sm-lg{-webkit-margin-before:var(--pine-dimension-lg);margin-block-start:var(--pine-dimension-lg)}.pds-margin-inline-start-sm-lg{-webkit-margin-start:var(--pine-dimension-lg);margin-inline-start:var(--pine-dimension-lg)}.pds-margin-inline-end-sm-lg{-webkit-margin-end:var(--pine-dimension-lg);margin-inline-end:var(--pine-dimension-lg)}.pds-margin-block-end-sm-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-margin-block-start-sm-xl{-webkit-margin-before:var(--pine-dimension-xl);margin-block-start:var(--pine-dimension-xl)}.pds-margin-inline-start-sm-xl{-webkit-margin-start:var(--pine-dimension-xl);margin-inline-start:var(--pine-dimension-xl)}.pds-margin-inline-end-sm-xl{-webkit-margin-end:var(--pine-dimension-xl);margin-inline-end:var(--pine-dimension-xl)}.pds-margin-block-end-sm-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-margin-block-start-sm-xxl{-webkit-margin-before:var(--pine-dimension-2xl);margin-block-start:var(--pine-dimension-2xl)}.pds-margin-inline-start-sm-xxl{-webkit-margin-start:var(--pine-dimension-2xl);margin-inline-start:var(--pine-dimension-2xl)}.pds-margin-inline-end-sm-xxl{-webkit-margin-end:var(--pine-dimension-2xl);margin-inline-end:var(--pine-dimension-2xl)}.pds-margin-block-end-sm-xxl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-margin-block-start-sm-025{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-margin-inline-start-sm-025{-webkit-margin-start:var(--pine-dimension-025);margin-inline-start:var(--pine-dimension-025)}.pds-margin-inline-end-sm-025{-webkit-margin-end:var(--pine-dimension-025);margin-inline-end:var(--pine-dimension-025)}.pds-margin-block-end-sm-025{-webkit-margin-after:var(--pine-dimension-025);margin-block-end:var(--pine-dimension-025)}.pds-margin-block-start-sm-050{-webkit-margin-before:var(--pine-dimension-050);margin-block-start:var(--pine-dimension-050)}.pds-margin-inline-start-sm-050{-webkit-margin-start:var(--pine-dimension-050);margin-inline-start:var(--pine-dimension-050)}.pds-margin-inline-end-sm-050{-webkit-margin-end:var(--pine-dimension-050);margin-inline-end:var(--pine-dimension-050)}.pds-margin-block-end-sm-050{-webkit-margin-after:var(--pine-dimension-050);margin-block-end:var(--pine-dimension-050)}.pds-margin-block-start-sm-100{-webkit-margin-before:var(--pine-dimension-100);margin-block-start:var(--pine-dimension-100)}.pds-margin-inline-start-sm-100{-webkit-margin-start:var(--pine-dimension-100);margin-inline-start:var(--pine-dimension-100)}.pds-margin-inline-end-sm-100{-webkit-margin-end:var(--pine-dimension-100);margin-inline-end:var(--pine-dimension-100)}.pds-margin-block-end-sm-100{-webkit-margin-after:var(--pine-dimension-100);margin-block-end:var(--pine-dimension-100)}.pds-margin-block-start-sm-125{-webkit-margin-before:var(--pine-dimension-125);margin-block-start:var(--pine-dimension-125)}.pds-margin-inline-start-sm-125{-webkit-margin-start:var(--pine-dimension-125);margin-inline-start:var(--pine-dimension-125)}.pds-margin-inline-end-sm-125{-webkit-margin-end:var(--pine-dimension-125);margin-inline-end:var(--pine-dimension-125)}.pds-margin-block-end-sm-125{-webkit-margin-after:var(--pine-dimension-125);margin-block-end:var(--pine-dimension-125)}.pds-margin-block-start-sm-150{-webkit-margin-before:var(--pine-dimension-150);margin-block-start:var(--pine-dimension-150)}.pds-margin-inline-start-sm-150{-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-margin-inline-end-sm-150{-webkit-margin-end:var(--pine-dimension-150);margin-inline-end:var(--pine-dimension-150)}.pds-margin-block-end-sm-150{-webkit-margin-after:var(--pine-dimension-150);margin-block-end:var(--pine-dimension-150)}.pds-margin-block-start-sm-200{-webkit-margin-before:var(--pine-dimension-200);margin-block-start:var(--pine-dimension-200)}.pds-margin-inline-start-sm-200{-webkit-margin-start:var(--pine-dimension-200);margin-inline-start:var(--pine-dimension-200)}.pds-margin-inline-end-sm-200{-webkit-margin-end:var(--pine-dimension-200);margin-inline-end:var(--pine-dimension-200)}.pds-margin-block-end-sm-200{-webkit-margin-after:var(--pine-dimension-200);margin-block-end:var(--pine-dimension-200)}.pds-margin-block-start-sm-250{-webkit-margin-before:var(--pine-dimension-250);margin-block-start:var(--pine-dimension-250)}.pds-margin-inline-start-sm-250{-webkit-margin-start:var(--pine-dimension-250);margin-inline-start:var(--pine-dimension-250)}.pds-margin-inline-end-sm-250{-webkit-margin-end:var(--pine-dimension-250);margin-inline-end:var(--pine-dimension-250)}.pds-margin-block-end-sm-250{-webkit-margin-after:var(--pine-dimension-250);margin-block-end:var(--pine-dimension-250)}.pds-margin-block-start-sm-300{-webkit-margin-before:var(--pine-dimension-300);margin-block-start:var(--pine-dimension-300)}.pds-margin-inline-start-sm-300{-webkit-margin-start:var(--pine-dimension-300);margin-inline-start:var(--pine-dimension-300)}.pds-margin-inline-end-sm-300{-webkit-margin-end:var(--pine-dimension-300);margin-inline-end:var(--pine-dimension-300)}.pds-margin-block-end-sm-300{-webkit-margin-after:var(--pine-dimension-300);margin-block-end:var(--pine-dimension-300)}.pds-margin-block-start-sm-350{-webkit-margin-before:var(--pine-dimension-350);margin-block-start:var(--pine-dimension-350)}.pds-margin-inline-start-sm-350{-webkit-margin-start:var(--pine-dimension-350);margin-inline-start:var(--pine-dimension-350)}.pds-margin-inline-end-sm-350{-webkit-margin-end:var(--pine-dimension-350);margin-inline-end:var(--pine-dimension-350)}.pds-margin-block-end-sm-350{-webkit-margin-after:var(--pine-dimension-350);margin-block-end:var(--pine-dimension-350)}.pds-margin-block-start-sm-400{-webkit-margin-before:var(--pine-dimension-400);margin-block-start:var(--pine-dimension-400)}.pds-margin-inline-start-sm-400{-webkit-margin-start:var(--pine-dimension-400);margin-inline-start:var(--pine-dimension-400)}.pds-margin-inline-end-sm-400{-webkit-margin-end:var(--pine-dimension-400);margin-inline-end:var(--pine-dimension-400)}.pds-margin-block-end-sm-400{-webkit-margin-after:var(--pine-dimension-400);margin-block-end:var(--pine-dimension-400)}.pds-margin-block-start-sm-450{-webkit-margin-before:var(--pine-dimension-450);margin-block-start:var(--pine-dimension-450)}.pds-margin-inline-start-sm-450{-webkit-margin-start:var(--pine-dimension-450);margin-inline-start:var(--pine-dimension-450)}.pds-margin-inline-end-sm-450{-webkit-margin-end:var(--pine-dimension-450);margin-inline-end:var(--pine-dimension-450)}.pds-margin-block-end-sm-450{-webkit-margin-after:var(--pine-dimension-450);margin-block-end:var(--pine-dimension-450)}.pds-margin-block-start-sm-500{-webkit-margin-before:var(--pine-dimension-500);margin-block-start:var(--pine-dimension-500)}.pds-margin-inline-start-sm-500{-webkit-margin-start:var(--pine-dimension-500);margin-inline-start:var(--pine-dimension-500)}.pds-margin-inline-end-sm-500{-webkit-margin-end:var(--pine-dimension-500);margin-inline-end:var(--pine-dimension-500)}.pds-margin-block-end-sm-500{-webkit-margin-after:var(--pine-dimension-500);margin-block-end:var(--pine-dimension-500)}.pds-margin-block-start-sm-550{-webkit-margin-before:var(--pine-dimension-550);margin-block-start:var(--pine-dimension-550)}.pds-margin-inline-start-sm-550{-webkit-margin-start:var(--pine-dimension-550);margin-inline-start:var(--pine-dimension-550)}.pds-margin-inline-end-sm-550{-webkit-margin-end:var(--pine-dimension-550);margin-inline-end:var(--pine-dimension-550)}.pds-margin-block-end-sm-550{-webkit-margin-after:var(--pine-dimension-550);margin-block-end:var(--pine-dimension-550)}.pds-margin-block-start-sm-600{-webkit-margin-before:var(--pine-dimension-600);margin-block-start:var(--pine-dimension-600)}.pds-margin-inline-start-sm-600{-webkit-margin-start:var(--pine-dimension-600);margin-inline-start:var(--pine-dimension-600)}.pds-margin-inline-end-sm-600{-webkit-margin-end:var(--pine-dimension-600);margin-inline-end:var(--pine-dimension-600)}.pds-margin-block-end-sm-600{-webkit-margin-after:var(--pine-dimension-600);margin-block-end:var(--pine-dimension-600)}.pds-margin-block-start-sm-650{-webkit-margin-before:var(--pine-dimension-650);margin-block-start:var(--pine-dimension-650)}.pds-margin-inline-start-sm-650{-webkit-margin-start:var(--pine-dimension-650);margin-inline-start:var(--pine-dimension-650)}.pds-margin-inline-end-sm-650{-webkit-margin-end:var(--pine-dimension-650);margin-inline-end:var(--pine-dimension-650)}.pds-margin-block-end-sm-650{-webkit-margin-after:var(--pine-dimension-650);margin-block-end:var(--pine-dimension-650)}.pds-margin-block-start-sm-700{-webkit-margin-before:var(--pine-dimension-700);margin-block-start:var(--pine-dimension-700)}.pds-margin-inline-start-sm-700{-webkit-margin-start:var(--pine-dimension-700);margin-inline-start:var(--pine-dimension-700)}.pds-margin-inline-end-sm-700{-webkit-margin-end:var(--pine-dimension-700);margin-inline-end:var(--pine-dimension-700)}.pds-margin-block-end-sm-700{-webkit-margin-after:var(--pine-dimension-700);margin-block-end:var(--pine-dimension-700)}.pds-margin-block-start-sm-750{-webkit-margin-before:var(--pine-dimension-750);margin-block-start:var(--pine-dimension-750)}.pds-margin-inline-start-sm-750{-webkit-margin-start:var(--pine-dimension-750);margin-inline-start:var(--pine-dimension-750)}.pds-margin-inline-end-sm-750{-webkit-margin-end:var(--pine-dimension-750);margin-inline-end:var(--pine-dimension-750)}.pds-margin-block-end-sm-750{-webkit-margin-after:var(--pine-dimension-750);margin-block-end:var(--pine-dimension-750)}.pds-margin-block-start-sm-800{-webkit-margin-before:var(--pine-dimension-800);margin-block-start:var(--pine-dimension-800)}.pds-margin-inline-start-sm-800{-webkit-margin-start:var(--pine-dimension-800);margin-inline-start:var(--pine-dimension-800)}.pds-margin-inline-end-sm-800{-webkit-margin-end:var(--pine-dimension-800);margin-inline-end:var(--pine-dimension-800)}.pds-margin-block-end-sm-800{-webkit-margin-after:var(--pine-dimension-800);margin-block-end:var(--pine-dimension-800)}}@media (min-width: 768px){.pds-margin-block-start-md-none{-webkit-margin-before:0;margin-block-start:0}.pds-margin-inline-start-md-none{-webkit-margin-start:0;margin-inline-start:0}.pds-margin-inline-end-md-none{-webkit-margin-end:0;margin-inline-end:0}.pds-margin-block-end-md-none{-webkit-margin-after:0;margin-block-end:0}.pds-margin-block-start-md-xxs{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-margin-inline-start-md-xxs{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-margin-inline-end-md-xxs{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-margin-block-end-md-xxs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-margin-block-start-md-xs{-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-margin-inline-start-md-xs{-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-margin-inline-end-md-xs{-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs)}.pds-margin-block-end-md-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-margin-block-start-md-sm{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-margin-inline-start-md-sm{-webkit-margin-start:var(--pine-dimension-sm);margin-inline-start:var(--pine-dimension-sm)}.pds-margin-inline-end-md-sm{-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-margin-block-end-md-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-margin-block-start-md-md{-webkit-margin-before:var(--pine-dimension-md);margin-block-start:var(--pine-dimension-md)}.pds-margin-inline-start-md-md{-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md)}.pds-margin-inline-end-md-md{-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-margin-block-end-md-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-margin-block-start-md-lg{-webkit-margin-before:var(--pine-dimension-lg);margin-block-start:var(--pine-dimension-lg)}.pds-margin-inline-start-md-lg{-webkit-margin-start:var(--pine-dimension-lg);margin-inline-start:var(--pine-dimension-lg)}.pds-margin-inline-end-md-lg{-webkit-margin-end:var(--pine-dimension-lg);margin-inline-end:var(--pine-dimension-lg)}.pds-margin-block-end-md-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-margin-block-start-md-xl{-webkit-margin-before:var(--pine-dimension-xl);margin-block-start:var(--pine-dimension-xl)}.pds-margin-inline-start-md-xl{-webkit-margin-start:var(--pine-dimension-xl);margin-inline-start:var(--pine-dimension-xl)}.pds-margin-inline-end-md-xl{-webkit-margin-end:var(--pine-dimension-xl);margin-inline-end:var(--pine-dimension-xl)}.pds-margin-block-end-md-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-margin-block-start-md-xxl{-webkit-margin-before:var(--pine-dimension-2xl);margin-block-start:var(--pine-dimension-2xl)}.pds-margin-inline-start-md-xxl{-webkit-margin-start:var(--pine-dimension-2xl);margin-inline-start:var(--pine-dimension-2xl)}.pds-margin-inline-end-md-xxl{-webkit-margin-end:var(--pine-dimension-2xl);margin-inline-end:var(--pine-dimension-2xl)}.pds-margin-block-end-md-xxl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-margin-block-start-md-025{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-margin-inline-start-md-025{-webkit-margin-start:var(--pine-dimension-025);margin-inline-start:var(--pine-dimension-025)}.pds-margin-inline-end-md-025{-webkit-margin-end:var(--pine-dimension-025);margin-inline-end:var(--pine-dimension-025)}.pds-margin-block-end-md-025{-webkit-margin-after:var(--pine-dimension-025);margin-block-end:var(--pine-dimension-025)}.pds-margin-block-start-md-050{-webkit-margin-before:var(--pine-dimension-050);margin-block-start:var(--pine-dimension-050)}.pds-margin-inline-start-md-050{-webkit-margin-start:var(--pine-dimension-050);margin-inline-start:var(--pine-dimension-050)}.pds-margin-inline-end-md-050{-webkit-margin-end:var(--pine-dimension-050);margin-inline-end:var(--pine-dimension-050)}.pds-margin-block-end-md-050{-webkit-margin-after:var(--pine-dimension-050);margin-block-end:var(--pine-dimension-050)}.pds-margin-block-start-md-100{-webkit-margin-before:var(--pine-dimension-100);margin-block-start:var(--pine-dimension-100)}.pds-margin-inline-start-md-100{-webkit-margin-start:var(--pine-dimension-100);margin-inline-start:var(--pine-dimension-100)}.pds-margin-inline-end-md-100{-webkit-margin-end:var(--pine-dimension-100);margin-inline-end:var(--pine-dimension-100)}.pds-margin-block-end-md-100{-webkit-margin-after:var(--pine-dimension-100);margin-block-end:var(--pine-dimension-100)}.pds-margin-block-start-md-125{-webkit-margin-before:var(--pine-dimension-125);margin-block-start:var(--pine-dimension-125)}.pds-margin-inline-start-md-125{-webkit-margin-start:var(--pine-dimension-125);margin-inline-start:var(--pine-dimension-125)}.pds-margin-inline-end-md-125{-webkit-margin-end:var(--pine-dimension-125);margin-inline-end:var(--pine-dimension-125)}.pds-margin-block-end-md-125{-webkit-margin-after:var(--pine-dimension-125);margin-block-end:var(--pine-dimension-125)}.pds-margin-block-start-md-150{-webkit-margin-before:var(--pine-dimension-150);margin-block-start:var(--pine-dimension-150)}.pds-margin-inline-start-md-150{-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-margin-inline-end-md-150{-webkit-margin-end:var(--pine-dimension-150);margin-inline-end:var(--pine-dimension-150)}.pds-margin-block-end-md-150{-webkit-margin-after:var(--pine-dimension-150);margin-block-end:var(--pine-dimension-150)}.pds-margin-block-start-md-200{-webkit-margin-before:var(--pine-dimension-200);margin-block-start:var(--pine-dimension-200)}.pds-margin-inline-start-md-200{-webkit-margin-start:var(--pine-dimension-200);margin-inline-start:var(--pine-dimension-200)}.pds-margin-inline-end-md-200{-webkit-margin-end:var(--pine-dimension-200);margin-inline-end:var(--pine-dimension-200)}.pds-margin-block-end-md-200{-webkit-margin-after:var(--pine-dimension-200);margin-block-end:var(--pine-dimension-200)}.pds-margin-block-start-md-250{-webkit-margin-before:var(--pine-dimension-250);margin-block-start:var(--pine-dimension-250)}.pds-margin-inline-start-md-250{-webkit-margin-start:var(--pine-dimension-250);margin-inline-start:var(--pine-dimension-250)}.pds-margin-inline-end-md-250{-webkit-margin-end:var(--pine-dimension-250);margin-inline-end:var(--pine-dimension-250)}.pds-margin-block-end-md-250{-webkit-margin-after:var(--pine-dimension-250);margin-block-end:var(--pine-dimension-250)}.pds-margin-block-start-md-300{-webkit-margin-before:var(--pine-dimension-300);margin-block-start:var(--pine-dimension-300)}.pds-margin-inline-start-md-300{-webkit-margin-start:var(--pine-dimension-300);margin-inline-start:var(--pine-dimension-300)}.pds-margin-inline-end-md-300{-webkit-margin-end:var(--pine-dimension-300);margin-inline-end:var(--pine-dimension-300)}.pds-margin-block-end-md-300{-webkit-margin-after:var(--pine-dimension-300);margin-block-end:var(--pine-dimension-300)}.pds-margin-block-start-md-350{-webkit-margin-before:var(--pine-dimension-350);margin-block-start:var(--pine-dimension-350)}.pds-margin-inline-start-md-350{-webkit-margin-start:var(--pine-dimension-350);margin-inline-start:var(--pine-dimension-350)}.pds-margin-inline-end-md-350{-webkit-margin-end:var(--pine-dimension-350);margin-inline-end:var(--pine-dimension-350)}.pds-margin-block-end-md-350{-webkit-margin-after:var(--pine-dimension-350);margin-block-end:var(--pine-dimension-350)}.pds-margin-block-start-md-400{-webkit-margin-before:var(--pine-dimension-400);margin-block-start:var(--pine-dimension-400)}.pds-margin-inline-start-md-400{-webkit-margin-start:var(--pine-dimension-400);margin-inline-start:var(--pine-dimension-400)}.pds-margin-inline-end-md-400{-webkit-margin-end:var(--pine-dimension-400);margin-inline-end:var(--pine-dimension-400)}.pds-margin-block-end-md-400{-webkit-margin-after:var(--pine-dimension-400);margin-block-end:var(--pine-dimension-400)}.pds-margin-block-start-md-450{-webkit-margin-before:var(--pine-dimension-450);margin-block-start:var(--pine-dimension-450)}.pds-margin-inline-start-md-450{-webkit-margin-start:var(--pine-dimension-450);margin-inline-start:var(--pine-dimension-450)}.pds-margin-inline-end-md-450{-webkit-margin-end:var(--pine-dimension-450);margin-inline-end:var(--pine-dimension-450)}.pds-margin-block-end-md-450{-webkit-margin-after:var(--pine-dimension-450);margin-block-end:var(--pine-dimension-450)}.pds-margin-block-start-md-500{-webkit-margin-before:var(--pine-dimension-500);margin-block-start:var(--pine-dimension-500)}.pds-margin-inline-start-md-500{-webkit-margin-start:var(--pine-dimension-500);margin-inline-start:var(--pine-dimension-500)}.pds-margin-inline-end-md-500{-webkit-margin-end:var(--pine-dimension-500);margin-inline-end:var(--pine-dimension-500)}.pds-margin-block-end-md-500{-webkit-margin-after:var(--pine-dimension-500);margin-block-end:var(--pine-dimension-500)}.pds-margin-block-start-md-550{-webkit-margin-before:var(--pine-dimension-550);margin-block-start:var(--pine-dimension-550)}.pds-margin-inline-start-md-550{-webkit-margin-start:var(--pine-dimension-550);margin-inline-start:var(--pine-dimension-550)}.pds-margin-inline-end-md-550{-webkit-margin-end:var(--pine-dimension-550);margin-inline-end:var(--pine-dimension-550)}.pds-margin-block-end-md-550{-webkit-margin-after:var(--pine-dimension-550);margin-block-end:var(--pine-dimension-550)}.pds-margin-block-start-md-600{-webkit-margin-before:var(--pine-dimension-600);margin-block-start:var(--pine-dimension-600)}.pds-margin-inline-start-md-600{-webkit-margin-start:var(--pine-dimension-600);margin-inline-start:var(--pine-dimension-600)}.pds-margin-inline-end-md-600{-webkit-margin-end:var(--pine-dimension-600);margin-inline-end:var(--pine-dimension-600)}.pds-margin-block-end-md-600{-webkit-margin-after:var(--pine-dimension-600);margin-block-end:var(--pine-dimension-600)}.pds-margin-block-start-md-650{-webkit-margin-before:var(--pine-dimension-650);margin-block-start:var(--pine-dimension-650)}.pds-margin-inline-start-md-650{-webkit-margin-start:var(--pine-dimension-650);margin-inline-start:var(--pine-dimension-650)}.pds-margin-inline-end-md-650{-webkit-margin-end:var(--pine-dimension-650);margin-inline-end:var(--pine-dimension-650)}.pds-margin-block-end-md-650{-webkit-margin-after:var(--pine-dimension-650);margin-block-end:var(--pine-dimension-650)}.pds-margin-block-start-md-700{-webkit-margin-before:var(--pine-dimension-700);margin-block-start:var(--pine-dimension-700)}.pds-margin-inline-start-md-700{-webkit-margin-start:var(--pine-dimension-700);margin-inline-start:var(--pine-dimension-700)}.pds-margin-inline-end-md-700{-webkit-margin-end:var(--pine-dimension-700);margin-inline-end:var(--pine-dimension-700)}.pds-margin-block-end-md-700{-webkit-margin-after:var(--pine-dimension-700);margin-block-end:var(--pine-dimension-700)}.pds-margin-block-start-md-750{-webkit-margin-before:var(--pine-dimension-750);margin-block-start:var(--pine-dimension-750)}.pds-margin-inline-start-md-750{-webkit-margin-start:var(--pine-dimension-750);margin-inline-start:var(--pine-dimension-750)}.pds-margin-inline-end-md-750{-webkit-margin-end:var(--pine-dimension-750);margin-inline-end:var(--pine-dimension-750)}.pds-margin-block-end-md-750{-webkit-margin-after:var(--pine-dimension-750);margin-block-end:var(--pine-dimension-750)}.pds-margin-block-start-md-800{-webkit-margin-before:var(--pine-dimension-800);margin-block-start:var(--pine-dimension-800)}.pds-margin-inline-start-md-800{-webkit-margin-start:var(--pine-dimension-800);margin-inline-start:var(--pine-dimension-800)}.pds-margin-inline-end-md-800{-webkit-margin-end:var(--pine-dimension-800);margin-inline-end:var(--pine-dimension-800)}.pds-margin-block-end-md-800{-webkit-margin-after:var(--pine-dimension-800);margin-block-end:var(--pine-dimension-800)}}@media (min-width: 992px){.pds-margin-block-start-lg-none{-webkit-margin-before:0;margin-block-start:0}.pds-margin-inline-start-lg-none{-webkit-margin-start:0;margin-inline-start:0}.pds-margin-inline-end-lg-none{-webkit-margin-end:0;margin-inline-end:0}.pds-margin-block-end-lg-none{-webkit-margin-after:0;margin-block-end:0}.pds-margin-block-start-lg-xxs{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-margin-inline-start-lg-xxs{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-margin-inline-end-lg-xxs{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-margin-block-end-lg-xxs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-margin-block-start-lg-xs{-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-margin-inline-start-lg-xs{-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-margin-inline-end-lg-xs{-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs)}.pds-margin-block-end-lg-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-margin-block-start-lg-sm{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-margin-inline-start-lg-sm{-webkit-margin-start:var(--pine-dimension-sm);margin-inline-start:var(--pine-dimension-sm)}.pds-margin-inline-end-lg-sm{-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-margin-block-end-lg-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-margin-block-start-lg-md{-webkit-margin-before:var(--pine-dimension-md);margin-block-start:var(--pine-dimension-md)}.pds-margin-inline-start-lg-md{-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md)}.pds-margin-inline-end-lg-md{-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-margin-block-end-lg-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-margin-block-start-lg-lg{-webkit-margin-before:var(--pine-dimension-lg);margin-block-start:var(--pine-dimension-lg)}.pds-margin-inline-start-lg-lg{-webkit-margin-start:var(--pine-dimension-lg);margin-inline-start:var(--pine-dimension-lg)}.pds-margin-inline-end-lg-lg{-webkit-margin-end:var(--pine-dimension-lg);margin-inline-end:var(--pine-dimension-lg)}.pds-margin-block-end-lg-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-margin-block-start-lg-xl{-webkit-margin-before:var(--pine-dimension-xl);margin-block-start:var(--pine-dimension-xl)}.pds-margin-inline-start-lg-xl{-webkit-margin-start:var(--pine-dimension-xl);margin-inline-start:var(--pine-dimension-xl)}.pds-margin-inline-end-lg-xl{-webkit-margin-end:var(--pine-dimension-xl);margin-inline-end:var(--pine-dimension-xl)}.pds-margin-block-end-lg-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-margin-block-start-lg-xxl{-webkit-margin-before:var(--pine-dimension-2xl);margin-block-start:var(--pine-dimension-2xl)}.pds-margin-inline-start-lg-xxl{-webkit-margin-start:var(--pine-dimension-2xl);margin-inline-start:var(--pine-dimension-2xl)}.pds-margin-inline-end-lg-xxl{-webkit-margin-end:var(--pine-dimension-2xl);margin-inline-end:var(--pine-dimension-2xl)}.pds-margin-block-end-lg-xxl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-margin-block-start-lg-025{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-margin-inline-start-lg-025{-webkit-margin-start:var(--pine-dimension-025);margin-inline-start:var(--pine-dimension-025)}.pds-margin-inline-end-lg-025{-webkit-margin-end:var(--pine-dimension-025);margin-inline-end:var(--pine-dimension-025)}.pds-margin-block-end-lg-025{-webkit-margin-after:var(--pine-dimension-025);margin-block-end:var(--pine-dimension-025)}.pds-margin-block-start-lg-050{-webkit-margin-before:var(--pine-dimension-050);margin-block-start:var(--pine-dimension-050)}.pds-margin-inline-start-lg-050{-webkit-margin-start:var(--pine-dimension-050);margin-inline-start:var(--pine-dimension-050)}.pds-margin-inline-end-lg-050{-webkit-margin-end:var(--pine-dimension-050);margin-inline-end:var(--pine-dimension-050)}.pds-margin-block-end-lg-050{-webkit-margin-after:var(--pine-dimension-050);margin-block-end:var(--pine-dimension-050)}.pds-margin-block-start-lg-100{-webkit-margin-before:var(--pine-dimension-100);margin-block-start:var(--pine-dimension-100)}.pds-margin-inline-start-lg-100{-webkit-margin-start:var(--pine-dimension-100);margin-inline-start:var(--pine-dimension-100)}.pds-margin-inline-end-lg-100{-webkit-margin-end:var(--pine-dimension-100);margin-inline-end:var(--pine-dimension-100)}.pds-margin-block-end-lg-100{-webkit-margin-after:var(--pine-dimension-100);margin-block-end:var(--pine-dimension-100)}.pds-margin-block-start-lg-125{-webkit-margin-before:var(--pine-dimension-125);margin-block-start:var(--pine-dimension-125)}.pds-margin-inline-start-lg-125{-webkit-margin-start:var(--pine-dimension-125);margin-inline-start:var(--pine-dimension-125)}.pds-margin-inline-end-lg-125{-webkit-margin-end:var(--pine-dimension-125);margin-inline-end:var(--pine-dimension-125)}.pds-margin-block-end-lg-125{-webkit-margin-after:var(--pine-dimension-125);margin-block-end:var(--pine-dimension-125)}.pds-margin-block-start-lg-150{-webkit-margin-before:var(--pine-dimension-150);margin-block-start:var(--pine-dimension-150)}.pds-margin-inline-start-lg-150{-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-margin-inline-end-lg-150{-webkit-margin-end:var(--pine-dimension-150);margin-inline-end:var(--pine-dimension-150)}.pds-margin-block-end-lg-150{-webkit-margin-after:var(--pine-dimension-150);margin-block-end:var(--pine-dimension-150)}.pds-margin-block-start-lg-200{-webkit-margin-before:var(--pine-dimension-200);margin-block-start:var(--pine-dimension-200)}.pds-margin-inline-start-lg-200{-webkit-margin-start:var(--pine-dimension-200);margin-inline-start:var(--pine-dimension-200)}.pds-margin-inline-end-lg-200{-webkit-margin-end:var(--pine-dimension-200);margin-inline-end:var(--pine-dimension-200)}.pds-margin-block-end-lg-200{-webkit-margin-after:var(--pine-dimension-200);margin-block-end:var(--pine-dimension-200)}.pds-margin-block-start-lg-250{-webkit-margin-before:var(--pine-dimension-250);margin-block-start:var(--pine-dimension-250)}.pds-margin-inline-start-lg-250{-webkit-margin-start:var(--pine-dimension-250);margin-inline-start:var(--pine-dimension-250)}.pds-margin-inline-end-lg-250{-webkit-margin-end:var(--pine-dimension-250);margin-inline-end:var(--pine-dimension-250)}.pds-margin-block-end-lg-250{-webkit-margin-after:var(--pine-dimension-250);margin-block-end:var(--pine-dimension-250)}.pds-margin-block-start-lg-300{-webkit-margin-before:var(--pine-dimension-300);margin-block-start:var(--pine-dimension-300)}.pds-margin-inline-start-lg-300{-webkit-margin-start:var(--pine-dimension-300);margin-inline-start:var(--pine-dimension-300)}.pds-margin-inline-end-lg-300{-webkit-margin-end:var(--pine-dimension-300);margin-inline-end:var(--pine-dimension-300)}.pds-margin-block-end-lg-300{-webkit-margin-after:var(--pine-dimension-300);margin-block-end:var(--pine-dimension-300)}.pds-margin-block-start-lg-350{-webkit-margin-before:var(--pine-dimension-350);margin-block-start:var(--pine-dimension-350)}.pds-margin-inline-start-lg-350{-webkit-margin-start:var(--pine-dimension-350);margin-inline-start:var(--pine-dimension-350)}.pds-margin-inline-end-lg-350{-webkit-margin-end:var(--pine-dimension-350);margin-inline-end:var(--pine-dimension-350)}.pds-margin-block-end-lg-350{-webkit-margin-after:var(--pine-dimension-350);margin-block-end:var(--pine-dimension-350)}.pds-margin-block-start-lg-400{-webkit-margin-before:var(--pine-dimension-400);margin-block-start:var(--pine-dimension-400)}.pds-margin-inline-start-lg-400{-webkit-margin-start:var(--pine-dimension-400);margin-inline-start:var(--pine-dimension-400)}.pds-margin-inline-end-lg-400{-webkit-margin-end:var(--pine-dimension-400);margin-inline-end:var(--pine-dimension-400)}.pds-margin-block-end-lg-400{-webkit-margin-after:var(--pine-dimension-400);margin-block-end:var(--pine-dimension-400)}.pds-margin-block-start-lg-450{-webkit-margin-before:var(--pine-dimension-450);margin-block-start:var(--pine-dimension-450)}.pds-margin-inline-start-lg-450{-webkit-margin-start:var(--pine-dimension-450);margin-inline-start:var(--pine-dimension-450)}.pds-margin-inline-end-lg-450{-webkit-margin-end:var(--pine-dimension-450);margin-inline-end:var(--pine-dimension-450)}.pds-margin-block-end-lg-450{-webkit-margin-after:var(--pine-dimension-450);margin-block-end:var(--pine-dimension-450)}.pds-margin-block-start-lg-500{-webkit-margin-before:var(--pine-dimension-500);margin-block-start:var(--pine-dimension-500)}.pds-margin-inline-start-lg-500{-webkit-margin-start:var(--pine-dimension-500);margin-inline-start:var(--pine-dimension-500)}.pds-margin-inline-end-lg-500{-webkit-margin-end:var(--pine-dimension-500);margin-inline-end:var(--pine-dimension-500)}.pds-margin-block-end-lg-500{-webkit-margin-after:var(--pine-dimension-500);margin-block-end:var(--pine-dimension-500)}.pds-margin-block-start-lg-550{-webkit-margin-before:var(--pine-dimension-550);margin-block-start:var(--pine-dimension-550)}.pds-margin-inline-start-lg-550{-webkit-margin-start:var(--pine-dimension-550);margin-inline-start:var(--pine-dimension-550)}.pds-margin-inline-end-lg-550{-webkit-margin-end:var(--pine-dimension-550);margin-inline-end:var(--pine-dimension-550)}.pds-margin-block-end-lg-550{-webkit-margin-after:var(--pine-dimension-550);margin-block-end:var(--pine-dimension-550)}.pds-margin-block-start-lg-600{-webkit-margin-before:var(--pine-dimension-600);margin-block-start:var(--pine-dimension-600)}.pds-margin-inline-start-lg-600{-webkit-margin-start:var(--pine-dimension-600);margin-inline-start:var(--pine-dimension-600)}.pds-margin-inline-end-lg-600{-webkit-margin-end:var(--pine-dimension-600);margin-inline-end:var(--pine-dimension-600)}.pds-margin-block-end-lg-600{-webkit-margin-after:var(--pine-dimension-600);margin-block-end:var(--pine-dimension-600)}.pds-margin-block-start-lg-650{-webkit-margin-before:var(--pine-dimension-650);margin-block-start:var(--pine-dimension-650)}.pds-margin-inline-start-lg-650{-webkit-margin-start:var(--pine-dimension-650);margin-inline-start:var(--pine-dimension-650)}.pds-margin-inline-end-lg-650{-webkit-margin-end:var(--pine-dimension-650);margin-inline-end:var(--pine-dimension-650)}.pds-margin-block-end-lg-650{-webkit-margin-after:var(--pine-dimension-650);margin-block-end:var(--pine-dimension-650)}.pds-margin-block-start-lg-700{-webkit-margin-before:var(--pine-dimension-700);margin-block-start:var(--pine-dimension-700)}.pds-margin-inline-start-lg-700{-webkit-margin-start:var(--pine-dimension-700);margin-inline-start:var(--pine-dimension-700)}.pds-margin-inline-end-lg-700{-webkit-margin-end:var(--pine-dimension-700);margin-inline-end:var(--pine-dimension-700)}.pds-margin-block-end-lg-700{-webkit-margin-after:var(--pine-dimension-700);margin-block-end:var(--pine-dimension-700)}.pds-margin-block-start-lg-750{-webkit-margin-before:var(--pine-dimension-750);margin-block-start:var(--pine-dimension-750)}.pds-margin-inline-start-lg-750{-webkit-margin-start:var(--pine-dimension-750);margin-inline-start:var(--pine-dimension-750)}.pds-margin-inline-end-lg-750{-webkit-margin-end:var(--pine-dimension-750);margin-inline-end:var(--pine-dimension-750)}.pds-margin-block-end-lg-750{-webkit-margin-after:var(--pine-dimension-750);margin-block-end:var(--pine-dimension-750)}.pds-margin-block-start-lg-800{-webkit-margin-before:var(--pine-dimension-800);margin-block-start:var(--pine-dimension-800)}.pds-margin-inline-start-lg-800{-webkit-margin-start:var(--pine-dimension-800);margin-inline-start:var(--pine-dimension-800)}.pds-margin-inline-end-lg-800{-webkit-margin-end:var(--pine-dimension-800);margin-inline-end:var(--pine-dimension-800)}.pds-margin-block-end-lg-800{-webkit-margin-after:var(--pine-dimension-800);margin-block-end:var(--pine-dimension-800)}}@media (min-width: 1200px){.pds-margin-block-start-xl-none{-webkit-margin-before:0;margin-block-start:0}.pds-margin-inline-start-xl-none{-webkit-margin-start:0;margin-inline-start:0}.pds-margin-inline-end-xl-none{-webkit-margin-end:0;margin-inline-end:0}.pds-margin-block-end-xl-none{-webkit-margin-after:0;margin-block-end:0}.pds-margin-block-start-xl-xxs{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-margin-inline-start-xl-xxs{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-margin-inline-end-xl-xxs{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-margin-block-end-xl-xxs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-margin-block-start-xl-xs{-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-margin-inline-start-xl-xs{-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-margin-inline-end-xl-xs{-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs)}.pds-margin-block-end-xl-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-margin-block-start-xl-sm{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-margin-inline-start-xl-sm{-webkit-margin-start:var(--pine-dimension-sm);margin-inline-start:var(--pine-dimension-sm)}.pds-margin-inline-end-xl-sm{-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-margin-block-end-xl-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-margin-block-start-xl-md{-webkit-margin-before:var(--pine-dimension-md);margin-block-start:var(--pine-dimension-md)}.pds-margin-inline-start-xl-md{-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md)}.pds-margin-inline-end-xl-md{-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-margin-block-end-xl-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-margin-block-start-xl-lg{-webkit-margin-before:var(--pine-dimension-lg);margin-block-start:var(--pine-dimension-lg)}.pds-margin-inline-start-xl-lg{-webkit-margin-start:var(--pine-dimension-lg);margin-inline-start:var(--pine-dimension-lg)}.pds-margin-inline-end-xl-lg{-webkit-margin-end:var(--pine-dimension-lg);margin-inline-end:var(--pine-dimension-lg)}.pds-margin-block-end-xl-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-margin-block-start-xl-xl{-webkit-margin-before:var(--pine-dimension-xl);margin-block-start:var(--pine-dimension-xl)}.pds-margin-inline-start-xl-xl{-webkit-margin-start:var(--pine-dimension-xl);margin-inline-start:var(--pine-dimension-xl)}.pds-margin-inline-end-xl-xl{-webkit-margin-end:var(--pine-dimension-xl);margin-inline-end:var(--pine-dimension-xl)}.pds-margin-block-end-xl-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-margin-block-start-xl-xxl{-webkit-margin-before:var(--pine-dimension-2xl);margin-block-start:var(--pine-dimension-2xl)}.pds-margin-inline-start-xl-xxl{-webkit-margin-start:var(--pine-dimension-2xl);margin-inline-start:var(--pine-dimension-2xl)}.pds-margin-inline-end-xl-xxl{-webkit-margin-end:var(--pine-dimension-2xl);margin-inline-end:var(--pine-dimension-2xl)}.pds-margin-block-end-xl-xxl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-margin-block-start-xl-025{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-margin-inline-start-xl-025{-webkit-margin-start:var(--pine-dimension-025);margin-inline-start:var(--pine-dimension-025)}.pds-margin-inline-end-xl-025{-webkit-margin-end:var(--pine-dimension-025);margin-inline-end:var(--pine-dimension-025)}.pds-margin-block-end-xl-025{-webkit-margin-after:var(--pine-dimension-025);margin-block-end:var(--pine-dimension-025)}.pds-margin-block-start-xl-050{-webkit-margin-before:var(--pine-dimension-050);margin-block-start:var(--pine-dimension-050)}.pds-margin-inline-start-xl-050{-webkit-margin-start:var(--pine-dimension-050);margin-inline-start:var(--pine-dimension-050)}.pds-margin-inline-end-xl-050{-webkit-margin-end:var(--pine-dimension-050);margin-inline-end:var(--pine-dimension-050)}.pds-margin-block-end-xl-050{-webkit-margin-after:var(--pine-dimension-050);margin-block-end:var(--pine-dimension-050)}.pds-margin-block-start-xl-100{-webkit-margin-before:var(--pine-dimension-100);margin-block-start:var(--pine-dimension-100)}.pds-margin-inline-start-xl-100{-webkit-margin-start:var(--pine-dimension-100);margin-inline-start:var(--pine-dimension-100)}.pds-margin-inline-end-xl-100{-webkit-margin-end:var(--pine-dimension-100);margin-inline-end:var(--pine-dimension-100)}.pds-margin-block-end-xl-100{-webkit-margin-after:var(--pine-dimension-100);margin-block-end:var(--pine-dimension-100)}.pds-margin-block-start-xl-125{-webkit-margin-before:var(--pine-dimension-125);margin-block-start:var(--pine-dimension-125)}.pds-margin-inline-start-xl-125{-webkit-margin-start:var(--pine-dimension-125);margin-inline-start:var(--pine-dimension-125)}.pds-margin-inline-end-xl-125{-webkit-margin-end:var(--pine-dimension-125);margin-inline-end:var(--pine-dimension-125)}.pds-margin-block-end-xl-125{-webkit-margin-after:var(--pine-dimension-125);margin-block-end:var(--pine-dimension-125)}.pds-margin-block-start-xl-150{-webkit-margin-before:var(--pine-dimension-150);margin-block-start:var(--pine-dimension-150)}.pds-margin-inline-start-xl-150{-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-margin-inline-end-xl-150{-webkit-margin-end:var(--pine-dimension-150);margin-inline-end:var(--pine-dimension-150)}.pds-margin-block-end-xl-150{-webkit-margin-after:var(--pine-dimension-150);margin-block-end:var(--pine-dimension-150)}.pds-margin-block-start-xl-200{-webkit-margin-before:var(--pine-dimension-200);margin-block-start:var(--pine-dimension-200)}.pds-margin-inline-start-xl-200{-webkit-margin-start:var(--pine-dimension-200);margin-inline-start:var(--pine-dimension-200)}.pds-margin-inline-end-xl-200{-webkit-margin-end:var(--pine-dimension-200);margin-inline-end:var(--pine-dimension-200)}.pds-margin-block-end-xl-200{-webkit-margin-after:var(--pine-dimension-200);margin-block-end:var(--pine-dimension-200)}.pds-margin-block-start-xl-250{-webkit-margin-before:var(--pine-dimension-250);margin-block-start:var(--pine-dimension-250)}.pds-margin-inline-start-xl-250{-webkit-margin-start:var(--pine-dimension-250);margin-inline-start:var(--pine-dimension-250)}.pds-margin-inline-end-xl-250{-webkit-margin-end:var(--pine-dimension-250);margin-inline-end:var(--pine-dimension-250)}.pds-margin-block-end-xl-250{-webkit-margin-after:var(--pine-dimension-250);margin-block-end:var(--pine-dimension-250)}.pds-margin-block-start-xl-300{-webkit-margin-before:var(--pine-dimension-300);margin-block-start:var(--pine-dimension-300)}.pds-margin-inline-start-xl-300{-webkit-margin-start:var(--pine-dimension-300);margin-inline-start:var(--pine-dimension-300)}.pds-margin-inline-end-xl-300{-webkit-margin-end:var(--pine-dimension-300);margin-inline-end:var(--pine-dimension-300)}.pds-margin-block-end-xl-300{-webkit-margin-after:var(--pine-dimension-300);margin-block-end:var(--pine-dimension-300)}.pds-margin-block-start-xl-350{-webkit-margin-before:var(--pine-dimension-350);margin-block-start:var(--pine-dimension-350)}.pds-margin-inline-start-xl-350{-webkit-margin-start:var(--pine-dimension-350);margin-inline-start:var(--pine-dimension-350)}.pds-margin-inline-end-xl-350{-webkit-margin-end:var(--pine-dimension-350);margin-inline-end:var(--pine-dimension-350)}.pds-margin-block-end-xl-350{-webkit-margin-after:var(--pine-dimension-350);margin-block-end:var(--pine-dimension-350)}.pds-margin-block-start-xl-400{-webkit-margin-before:var(--pine-dimension-400);margin-block-start:var(--pine-dimension-400)}.pds-margin-inline-start-xl-400{-webkit-margin-start:var(--pine-dimension-400);margin-inline-start:var(--pine-dimension-400)}.pds-margin-inline-end-xl-400{-webkit-margin-end:var(--pine-dimension-400);margin-inline-end:var(--pine-dimension-400)}.pds-margin-block-end-xl-400{-webkit-margin-after:var(--pine-dimension-400);margin-block-end:var(--pine-dimension-400)}.pds-margin-block-start-xl-450{-webkit-margin-before:var(--pine-dimension-450);margin-block-start:var(--pine-dimension-450)}.pds-margin-inline-start-xl-450{-webkit-margin-start:var(--pine-dimension-450);margin-inline-start:var(--pine-dimension-450)}.pds-margin-inline-end-xl-450{-webkit-margin-end:var(--pine-dimension-450);margin-inline-end:var(--pine-dimension-450)}.pds-margin-block-end-xl-450{-webkit-margin-after:var(--pine-dimension-450);margin-block-end:var(--pine-dimension-450)}.pds-margin-block-start-xl-500{-webkit-margin-before:var(--pine-dimension-500);margin-block-start:var(--pine-dimension-500)}.pds-margin-inline-start-xl-500{-webkit-margin-start:var(--pine-dimension-500);margin-inline-start:var(--pine-dimension-500)}.pds-margin-inline-end-xl-500{-webkit-margin-end:var(--pine-dimension-500);margin-inline-end:var(--pine-dimension-500)}.pds-margin-block-end-xl-500{-webkit-margin-after:var(--pine-dimension-500);margin-block-end:var(--pine-dimension-500)}.pds-margin-block-start-xl-550{-webkit-margin-before:var(--pine-dimension-550);margin-block-start:var(--pine-dimension-550)}.pds-margin-inline-start-xl-550{-webkit-margin-start:var(--pine-dimension-550);margin-inline-start:var(--pine-dimension-550)}.pds-margin-inline-end-xl-550{-webkit-margin-end:var(--pine-dimension-550);margin-inline-end:var(--pine-dimension-550)}.pds-margin-block-end-xl-550{-webkit-margin-after:var(--pine-dimension-550);margin-block-end:var(--pine-dimension-550)}.pds-margin-block-start-xl-600{-webkit-margin-before:var(--pine-dimension-600);margin-block-start:var(--pine-dimension-600)}.pds-margin-inline-start-xl-600{-webkit-margin-start:var(--pine-dimension-600);margin-inline-start:var(--pine-dimension-600)}.pds-margin-inline-end-xl-600{-webkit-margin-end:var(--pine-dimension-600);margin-inline-end:var(--pine-dimension-600)}.pds-margin-block-end-xl-600{-webkit-margin-after:var(--pine-dimension-600);margin-block-end:var(--pine-dimension-600)}.pds-margin-block-start-xl-650{-webkit-margin-before:var(--pine-dimension-650);margin-block-start:var(--pine-dimension-650)}.pds-margin-inline-start-xl-650{-webkit-margin-start:var(--pine-dimension-650);margin-inline-start:var(--pine-dimension-650)}.pds-margin-inline-end-xl-650{-webkit-margin-end:var(--pine-dimension-650);margin-inline-end:var(--pine-dimension-650)}.pds-margin-block-end-xl-650{-webkit-margin-after:var(--pine-dimension-650);margin-block-end:var(--pine-dimension-650)}.pds-margin-block-start-xl-700{-webkit-margin-before:var(--pine-dimension-700);margin-block-start:var(--pine-dimension-700)}.pds-margin-inline-start-xl-700{-webkit-margin-start:var(--pine-dimension-700);margin-inline-start:var(--pine-dimension-700)}.pds-margin-inline-end-xl-700{-webkit-margin-end:var(--pine-dimension-700);margin-inline-end:var(--pine-dimension-700)}.pds-margin-block-end-xl-700{-webkit-margin-after:var(--pine-dimension-700);margin-block-end:var(--pine-dimension-700)}.pds-margin-block-start-xl-750{-webkit-margin-before:var(--pine-dimension-750);margin-block-start:var(--pine-dimension-750)}.pds-margin-inline-start-xl-750{-webkit-margin-start:var(--pine-dimension-750);margin-inline-start:var(--pine-dimension-750)}.pds-margin-inline-end-xl-750{-webkit-margin-end:var(--pine-dimension-750);margin-inline-end:var(--pine-dimension-750)}.pds-margin-block-end-xl-750{-webkit-margin-after:var(--pine-dimension-750);margin-block-end:var(--pine-dimension-750)}.pds-margin-block-start-xl-800{-webkit-margin-before:var(--pine-dimension-800);margin-block-start:var(--pine-dimension-800)}.pds-margin-inline-start-xl-800{-webkit-margin-start:var(--pine-dimension-800);margin-inline-start:var(--pine-dimension-800)}.pds-margin-inline-end-xl-800{-webkit-margin-end:var(--pine-dimension-800);margin-inline-end:var(--pine-dimension-800)}.pds-margin-block-end-xl-800{-webkit-margin-after:var(--pine-dimension-800);margin-block-end:var(--pine-dimension-800)}}@media (max-width: 575px){.pds-padding-xs-none{padding:0}.pds-padding-block-start-xs-none{-webkit-padding-before:0;padding-block-start:0}.pds-padding-block-end-xs-none{-webkit-padding-after:0;padding-block-end:0}.pds-padding-inline-start-xs-none{-webkit-padding-start:0;padding-inline-start:0}.pds-padding-inline-end-xs-none{-webkit-padding-end:0;padding-inline-end:0}.pds-padding-xs-xxs{padding:var(--pine-dimension-2xs)}.pds-padding-block-start-xs-xxs{-webkit-padding-before:var(--pine-dimension-2xs);padding-block-start:var(--pine-dimension-2xs)}.pds-padding-block-end-xs-xxs{-webkit-padding-after:var(--pine-dimension-2xs);padding-block-end:var(--pine-dimension-2xs)}.pds-padding-inline-start-xs-xxs{-webkit-padding-start:var(--pine-dimension-2xs);padding-inline-start:var(--pine-dimension-2xs)}.pds-padding-inline-end-xs-xxs{-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs)}.pds-padding-xs-xs{padding:var(--pine-dimension-xs)}.pds-padding-block-start-xs-xs{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-padding-block-end-xs-xs{-webkit-padding-after:var(--pine-dimension-xs);padding-block-end:var(--pine-dimension-xs)}.pds-padding-inline-start-xs-xs{-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs)}.pds-padding-inline-end-xs-xs{-webkit-padding-end:var(--pine-dimension-xs);padding-inline-end:var(--pine-dimension-xs)}.pds-padding-xs-sm{padding:var(--pine-dimension-sm)}.pds-padding-block-start-xs-sm{-webkit-padding-before:var(--pine-dimension-sm);padding-block-start:var(--pine-dimension-sm)}.pds-padding-block-end-xs-sm{-webkit-padding-after:var(--pine-dimension-sm);padding-block-end:var(--pine-dimension-sm)}.pds-padding-inline-start-xs-sm{-webkit-padding-start:var(--pine-dimension-sm);padding-inline-start:var(--pine-dimension-sm)}.pds-padding-inline-end-xs-sm{-webkit-padding-end:var(--pine-dimension-sm);padding-inline-end:var(--pine-dimension-sm)}.pds-padding-xs-md{padding:var(--pine-dimension-md)}.pds-padding-block-start-xs-md{-webkit-padding-before:var(--pine-dimension-md);padding-block-start:var(--pine-dimension-md)}.pds-padding-block-end-xs-md{-webkit-padding-after:var(--pine-dimension-md);padding-block-end:var(--pine-dimension-md)}.pds-padding-inline-start-xs-md{-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-padding-inline-end-xs-md{-webkit-padding-end:var(--pine-dimension-md);padding-inline-end:var(--pine-dimension-md)}.pds-padding-xs-lg{padding:var(--pine-dimension-lg)}.pds-padding-block-start-xs-lg{-webkit-padding-before:var(--pine-dimension-lg);padding-block-start:var(--pine-dimension-lg)}.pds-padding-block-end-xs-lg{-webkit-padding-after:var(--pine-dimension-lg);padding-block-end:var(--pine-dimension-lg)}.pds-padding-inline-start-xs-lg{-webkit-padding-start:var(--pine-dimension-lg);padding-inline-start:var(--pine-dimension-lg)}.pds-padding-inline-end-xs-lg{-webkit-padding-end:var(--pine-dimension-lg);padding-inline-end:var(--pine-dimension-lg)}.pds-padding-xs-xl{padding:var(--pine-dimension-xl)}.pds-padding-block-start-xs-xl{-webkit-padding-before:var(--pine-dimension-xl);padding-block-start:var(--pine-dimension-xl)}.pds-padding-block-end-xs-xl{-webkit-padding-after:var(--pine-dimension-xl);padding-block-end:var(--pine-dimension-xl)}.pds-padding-inline-start-xs-xl{-webkit-padding-start:var(--pine-dimension-xl);padding-inline-start:var(--pine-dimension-xl)}.pds-padding-inline-end-xs-xl{-webkit-padding-end:var(--pine-dimension-xl);padding-inline-end:var(--pine-dimension-xl)}.pds-padding-xs-xxl{padding:var(--pine-dimension-2xl)}.pds-padding-block-start-xs-xxl{-webkit-padding-before:var(--pine-dimension-2xl);padding-block-start:var(--pine-dimension-2xl)}.pds-padding-block-end-xs-xxl{-webkit-padding-after:var(--pine-dimension-2xl);padding-block-end:var(--pine-dimension-2xl)}.pds-padding-inline-start-xs-xxl{-webkit-padding-start:var(--pine-dimension-2xl);padding-inline-start:var(--pine-dimension-2xl)}.pds-padding-inline-end-xs-xxl{-webkit-padding-end:var(--pine-dimension-2xl);padding-inline-end:var(--pine-dimension-2xl)}.pds-padding-xs-025{padding:var(--pine-dimension-025)}.pds-padding-block-start-xs-025{-webkit-padding-before:var(--pine-dimension-025);padding-block-start:var(--pine-dimension-025)}.pds-padding-block-end-xs-025{-webkit-padding-after:var(--pine-dimension-025);padding-block-end:var(--pine-dimension-025)}.pds-padding-inline-start-xs-025{-webkit-padding-start:var(--pine-dimension-025);padding-inline-start:var(--pine-dimension-025)}.pds-padding-inline-end-xs-025{-webkit-padding-end:var(--pine-dimension-025);padding-inline-end:var(--pine-dimension-025)}.pds-padding-xs-050{padding:var(--pine-dimension-050)}.pds-padding-block-start-xs-050{-webkit-padding-before:var(--pine-dimension-050);padding-block-start:var(--pine-dimension-050)}.pds-padding-block-end-xs-050{-webkit-padding-after:var(--pine-dimension-050);padding-block-end:var(--pine-dimension-050)}.pds-padding-inline-start-xs-050{-webkit-padding-start:var(--pine-dimension-050);padding-inline-start:var(--pine-dimension-050)}.pds-padding-inline-end-xs-050{-webkit-padding-end:var(--pine-dimension-050);padding-inline-end:var(--pine-dimension-050)}.pds-padding-xs-100{padding:var(--pine-dimension-100)}.pds-padding-block-start-xs-100{-webkit-padding-before:var(--pine-dimension-100);padding-block-start:var(--pine-dimension-100)}.pds-padding-block-end-xs-100{-webkit-padding-after:var(--pine-dimension-100);padding-block-end:var(--pine-dimension-100)}.pds-padding-inline-start-xs-100{-webkit-padding-start:var(--pine-dimension-100);padding-inline-start:var(--pine-dimension-100)}.pds-padding-inline-end-xs-100{-webkit-padding-end:var(--pine-dimension-100);padding-inline-end:var(--pine-dimension-100)}.pds-padding-xs-125{padding:var(--pine-dimension-125)}.pds-padding-block-start-xs-125{-webkit-padding-before:var(--pine-dimension-125);padding-block-start:var(--pine-dimension-125)}.pds-padding-block-end-xs-125{-webkit-padding-after:var(--pine-dimension-125);padding-block-end:var(--pine-dimension-125)}.pds-padding-inline-start-xs-125{-webkit-padding-start:var(--pine-dimension-125);padding-inline-start:var(--pine-dimension-125)}.pds-padding-inline-end-xs-125{-webkit-padding-end:var(--pine-dimension-125);padding-inline-end:var(--pine-dimension-125)}.pds-padding-xs-150{padding:var(--pine-dimension-150)}.pds-padding-block-start-xs-150{-webkit-padding-before:var(--pine-dimension-150);padding-block-start:var(--pine-dimension-150)}.pds-padding-block-end-xs-150{-webkit-padding-after:var(--pine-dimension-150);padding-block-end:var(--pine-dimension-150)}.pds-padding-inline-start-xs-150{-webkit-padding-start:var(--pine-dimension-150);padding-inline-start:var(--pine-dimension-150)}.pds-padding-inline-end-xs-150{-webkit-padding-end:var(--pine-dimension-150);padding-inline-end:var(--pine-dimension-150)}.pds-padding-xs-200{padding:var(--pine-dimension-200)}.pds-padding-block-start-xs-200{-webkit-padding-before:var(--pine-dimension-200);padding-block-start:var(--pine-dimension-200)}.pds-padding-block-end-xs-200{-webkit-padding-after:var(--pine-dimension-200);padding-block-end:var(--pine-dimension-200)}.pds-padding-inline-start-xs-200{-webkit-padding-start:var(--pine-dimension-200);padding-inline-start:var(--pine-dimension-200)}.pds-padding-inline-end-xs-200{-webkit-padding-end:var(--pine-dimension-200);padding-inline-end:var(--pine-dimension-200)}.pds-padding-xs-250{padding:var(--pine-dimension-250)}.pds-padding-block-start-xs-250{-webkit-padding-before:var(--pine-dimension-250);padding-block-start:var(--pine-dimension-250)}.pds-padding-block-end-xs-250{-webkit-padding-after:var(--pine-dimension-250);padding-block-end:var(--pine-dimension-250)}.pds-padding-inline-start-xs-250{-webkit-padding-start:var(--pine-dimension-250);padding-inline-start:var(--pine-dimension-250)}.pds-padding-inline-end-xs-250{-webkit-padding-end:var(--pine-dimension-250);padding-inline-end:var(--pine-dimension-250)}.pds-padding-xs-300{padding:var(--pine-dimension-300)}.pds-padding-block-start-xs-300{-webkit-padding-before:var(--pine-dimension-300);padding-block-start:var(--pine-dimension-300)}.pds-padding-block-end-xs-300{-webkit-padding-after:var(--pine-dimension-300);padding-block-end:var(--pine-dimension-300)}.pds-padding-inline-start-xs-300{-webkit-padding-start:var(--pine-dimension-300);padding-inline-start:var(--pine-dimension-300)}.pds-padding-inline-end-xs-300{-webkit-padding-end:var(--pine-dimension-300);padding-inline-end:var(--pine-dimension-300)}.pds-padding-xs-350{padding:var(--pine-dimension-350)}.pds-padding-block-start-xs-350{-webkit-padding-before:var(--pine-dimension-350);padding-block-start:var(--pine-dimension-350)}.pds-padding-block-end-xs-350{-webkit-padding-after:var(--pine-dimension-350);padding-block-end:var(--pine-dimension-350)}.pds-padding-inline-start-xs-350{-webkit-padding-start:var(--pine-dimension-350);padding-inline-start:var(--pine-dimension-350)}.pds-padding-inline-end-xs-350{-webkit-padding-end:var(--pine-dimension-350);padding-inline-end:var(--pine-dimension-350)}.pds-padding-xs-400{padding:var(--pine-dimension-400)}.pds-padding-block-start-xs-400{-webkit-padding-before:var(--pine-dimension-400);padding-block-start:var(--pine-dimension-400)}.pds-padding-block-end-xs-400{-webkit-padding-after:var(--pine-dimension-400);padding-block-end:var(--pine-dimension-400)}.pds-padding-inline-start-xs-400{-webkit-padding-start:var(--pine-dimension-400);padding-inline-start:var(--pine-dimension-400)}.pds-padding-inline-end-xs-400{-webkit-padding-end:var(--pine-dimension-400);padding-inline-end:var(--pine-dimension-400)}.pds-padding-xs-450{padding:var(--pine-dimension-450)}.pds-padding-block-start-xs-450{-webkit-padding-before:var(--pine-dimension-450);padding-block-start:var(--pine-dimension-450)}.pds-padding-block-end-xs-450{-webkit-padding-after:var(--pine-dimension-450);padding-block-end:var(--pine-dimension-450)}.pds-padding-inline-start-xs-450{-webkit-padding-start:var(--pine-dimension-450);padding-inline-start:var(--pine-dimension-450)}.pds-padding-inline-end-xs-450{-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450)}.pds-padding-xs-500{padding:var(--pine-dimension-500)}.pds-padding-block-start-xs-500{-webkit-padding-before:var(--pine-dimension-500);padding-block-start:var(--pine-dimension-500)}.pds-padding-block-end-xs-500{-webkit-padding-after:var(--pine-dimension-500);padding-block-end:var(--pine-dimension-500)}.pds-padding-inline-start-xs-500{-webkit-padding-start:var(--pine-dimension-500);padding-inline-start:var(--pine-dimension-500)}.pds-padding-inline-end-xs-500{-webkit-padding-end:var(--pine-dimension-500);padding-inline-end:var(--pine-dimension-500)}.pds-padding-xs-550{padding:var(--pine-dimension-550)}.pds-padding-block-start-xs-550{-webkit-padding-before:var(--pine-dimension-550);padding-block-start:var(--pine-dimension-550)}.pds-padding-block-end-xs-550{-webkit-padding-after:var(--pine-dimension-550);padding-block-end:var(--pine-dimension-550)}.pds-padding-inline-start-xs-550{-webkit-padding-start:var(--pine-dimension-550);padding-inline-start:var(--pine-dimension-550)}.pds-padding-inline-end-xs-550{-webkit-padding-end:var(--pine-dimension-550);padding-inline-end:var(--pine-dimension-550)}.pds-padding-xs-600{padding:var(--pine-dimension-600)}.pds-padding-block-start-xs-600{-webkit-padding-before:var(--pine-dimension-600);padding-block-start:var(--pine-dimension-600)}.pds-padding-block-end-xs-600{-webkit-padding-after:var(--pine-dimension-600);padding-block-end:var(--pine-dimension-600)}.pds-padding-inline-start-xs-600{-webkit-padding-start:var(--pine-dimension-600);padding-inline-start:var(--pine-dimension-600)}.pds-padding-inline-end-xs-600{-webkit-padding-end:var(--pine-dimension-600);padding-inline-end:var(--pine-dimension-600)}.pds-padding-xs-650{padding:var(--pine-dimension-650)}.pds-padding-block-start-xs-650{-webkit-padding-before:var(--pine-dimension-650);padding-block-start:var(--pine-dimension-650)}.pds-padding-block-end-xs-650{-webkit-padding-after:var(--pine-dimension-650);padding-block-end:var(--pine-dimension-650)}.pds-padding-inline-start-xs-650{-webkit-padding-start:var(--pine-dimension-650);padding-inline-start:var(--pine-dimension-650)}.pds-padding-inline-end-xs-650{-webkit-padding-end:var(--pine-dimension-650);padding-inline-end:var(--pine-dimension-650)}.pds-padding-xs-700{padding:var(--pine-dimension-700)}.pds-padding-block-start-xs-700{-webkit-padding-before:var(--pine-dimension-700);padding-block-start:var(--pine-dimension-700)}.pds-padding-block-end-xs-700{-webkit-padding-after:var(--pine-dimension-700);padding-block-end:var(--pine-dimension-700)}.pds-padding-inline-start-xs-700{-webkit-padding-start:var(--pine-dimension-700);padding-inline-start:var(--pine-dimension-700)}.pds-padding-inline-end-xs-700{-webkit-padding-end:var(--pine-dimension-700);padding-inline-end:var(--pine-dimension-700)}.pds-padding-xs-750{padding:var(--pine-dimension-750)}.pds-padding-block-start-xs-750{-webkit-padding-before:var(--pine-dimension-750);padding-block-start:var(--pine-dimension-750)}.pds-padding-block-end-xs-750{-webkit-padding-after:var(--pine-dimension-750);padding-block-end:var(--pine-dimension-750)}.pds-padding-inline-start-xs-750{-webkit-padding-start:var(--pine-dimension-750);padding-inline-start:var(--pine-dimension-750)}.pds-padding-inline-end-xs-750{-webkit-padding-end:var(--pine-dimension-750);padding-inline-end:var(--pine-dimension-750)}.pds-padding-xs-800{padding:var(--pine-dimension-800)}.pds-padding-block-start-xs-800{-webkit-padding-before:var(--pine-dimension-800);padding-block-start:var(--pine-dimension-800)}.pds-padding-block-end-xs-800{-webkit-padding-after:var(--pine-dimension-800);padding-block-end:var(--pine-dimension-800)}.pds-padding-inline-start-xs-800{-webkit-padding-start:var(--pine-dimension-800);padding-inline-start:var(--pine-dimension-800)}.pds-padding-inline-end-xs-800{-webkit-padding-end:var(--pine-dimension-800);padding-inline-end:var(--pine-dimension-800)}}@media (min-width: 576px){.pds-padding-sm-none{padding:0}.pds-padding-block-start-sm-none{-webkit-padding-before:0;padding-block-start:0}.pds-padding-block-end-sm-none{-webkit-padding-after:0;padding-block-end:0}.pds-padding-inline-start-sm-none{-webkit-padding-start:0;padding-inline-start:0}.pds-padding-inline-end-sm-none{-webkit-padding-end:0;padding-inline-end:0}.pds-padding-sm-xxs{padding:var(--pine-dimension-2xs)}.pds-padding-block-start-sm-xxs{-webkit-padding-before:var(--pine-dimension-2xs);padding-block-start:var(--pine-dimension-2xs)}.pds-padding-block-end-sm-xxs{-webkit-padding-after:var(--pine-dimension-2xs);padding-block-end:var(--pine-dimension-2xs)}.pds-padding-inline-start-sm-xxs{-webkit-padding-start:var(--pine-dimension-2xs);padding-inline-start:var(--pine-dimension-2xs)}.pds-padding-inline-end-sm-xxs{-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs)}.pds-padding-sm-xs{padding:var(--pine-dimension-xs)}.pds-padding-block-start-sm-xs{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-padding-block-end-sm-xs{-webkit-padding-after:var(--pine-dimension-xs);padding-block-end:var(--pine-dimension-xs)}.pds-padding-inline-start-sm-xs{-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs)}.pds-padding-inline-end-sm-xs{-webkit-padding-end:var(--pine-dimension-xs);padding-inline-end:var(--pine-dimension-xs)}.pds-padding-sm-sm{padding:var(--pine-dimension-sm)}.pds-padding-block-start-sm-sm{-webkit-padding-before:var(--pine-dimension-sm);padding-block-start:var(--pine-dimension-sm)}.pds-padding-block-end-sm-sm{-webkit-padding-after:var(--pine-dimension-sm);padding-block-end:var(--pine-dimension-sm)}.pds-padding-inline-start-sm-sm{-webkit-padding-start:var(--pine-dimension-sm);padding-inline-start:var(--pine-dimension-sm)}.pds-padding-inline-end-sm-sm{-webkit-padding-end:var(--pine-dimension-sm);padding-inline-end:var(--pine-dimension-sm)}.pds-padding-sm-md{padding:var(--pine-dimension-md)}.pds-padding-block-start-sm-md{-webkit-padding-before:var(--pine-dimension-md);padding-block-start:var(--pine-dimension-md)}.pds-padding-block-end-sm-md{-webkit-padding-after:var(--pine-dimension-md);padding-block-end:var(--pine-dimension-md)}.pds-padding-inline-start-sm-md{-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-padding-inline-end-sm-md{-webkit-padding-end:var(--pine-dimension-md);padding-inline-end:var(--pine-dimension-md)}.pds-padding-sm-lg{padding:var(--pine-dimension-lg)}.pds-padding-block-start-sm-lg{-webkit-padding-before:var(--pine-dimension-lg);padding-block-start:var(--pine-dimension-lg)}.pds-padding-block-end-sm-lg{-webkit-padding-after:var(--pine-dimension-lg);padding-block-end:var(--pine-dimension-lg)}.pds-padding-inline-start-sm-lg{-webkit-padding-start:var(--pine-dimension-lg);padding-inline-start:var(--pine-dimension-lg)}.pds-padding-inline-end-sm-lg{-webkit-padding-end:var(--pine-dimension-lg);padding-inline-end:var(--pine-dimension-lg)}.pds-padding-sm-xl{padding:var(--pine-dimension-xl)}.pds-padding-block-start-sm-xl{-webkit-padding-before:var(--pine-dimension-xl);padding-block-start:var(--pine-dimension-xl)}.pds-padding-block-end-sm-xl{-webkit-padding-after:var(--pine-dimension-xl);padding-block-end:var(--pine-dimension-xl)}.pds-padding-inline-start-sm-xl{-webkit-padding-start:var(--pine-dimension-xl);padding-inline-start:var(--pine-dimension-xl)}.pds-padding-inline-end-sm-xl{-webkit-padding-end:var(--pine-dimension-xl);padding-inline-end:var(--pine-dimension-xl)}.pds-padding-sm-xxl{padding:var(--pine-dimension-2xl)}.pds-padding-block-start-sm-xxl{-webkit-padding-before:var(--pine-dimension-2xl);padding-block-start:var(--pine-dimension-2xl)}.pds-padding-block-end-sm-xxl{-webkit-padding-after:var(--pine-dimension-2xl);padding-block-end:var(--pine-dimension-2xl)}.pds-padding-inline-start-sm-xxl{-webkit-padding-start:var(--pine-dimension-2xl);padding-inline-start:var(--pine-dimension-2xl)}.pds-padding-inline-end-sm-xxl{-webkit-padding-end:var(--pine-dimension-2xl);padding-inline-end:var(--pine-dimension-2xl)}.pds-padding-sm-025{padding:var(--pine-dimension-025)}.pds-padding-block-start-sm-025{-webkit-padding-before:var(--pine-dimension-025);padding-block-start:var(--pine-dimension-025)}.pds-padding-block-end-sm-025{-webkit-padding-after:var(--pine-dimension-025);padding-block-end:var(--pine-dimension-025)}.pds-padding-inline-start-sm-025{-webkit-padding-start:var(--pine-dimension-025);padding-inline-start:var(--pine-dimension-025)}.pds-padding-inline-end-sm-025{-webkit-padding-end:var(--pine-dimension-025);padding-inline-end:var(--pine-dimension-025)}.pds-padding-sm-050{padding:var(--pine-dimension-050)}.pds-padding-block-start-sm-050{-webkit-padding-before:var(--pine-dimension-050);padding-block-start:var(--pine-dimension-050)}.pds-padding-block-end-sm-050{-webkit-padding-after:var(--pine-dimension-050);padding-block-end:var(--pine-dimension-050)}.pds-padding-inline-start-sm-050{-webkit-padding-start:var(--pine-dimension-050);padding-inline-start:var(--pine-dimension-050)}.pds-padding-inline-end-sm-050{-webkit-padding-end:var(--pine-dimension-050);padding-inline-end:var(--pine-dimension-050)}.pds-padding-sm-100{padding:var(--pine-dimension-100)}.pds-padding-block-start-sm-100{-webkit-padding-before:var(--pine-dimension-100);padding-block-start:var(--pine-dimension-100)}.pds-padding-block-end-sm-100{-webkit-padding-after:var(--pine-dimension-100);padding-block-end:var(--pine-dimension-100)}.pds-padding-inline-start-sm-100{-webkit-padding-start:var(--pine-dimension-100);padding-inline-start:var(--pine-dimension-100)}.pds-padding-inline-end-sm-100{-webkit-padding-end:var(--pine-dimension-100);padding-inline-end:var(--pine-dimension-100)}.pds-padding-sm-125{padding:var(--pine-dimension-125)}.pds-padding-block-start-sm-125{-webkit-padding-before:var(--pine-dimension-125);padding-block-start:var(--pine-dimension-125)}.pds-padding-block-end-sm-125{-webkit-padding-after:var(--pine-dimension-125);padding-block-end:var(--pine-dimension-125)}.pds-padding-inline-start-sm-125{-webkit-padding-start:var(--pine-dimension-125);padding-inline-start:var(--pine-dimension-125)}.pds-padding-inline-end-sm-125{-webkit-padding-end:var(--pine-dimension-125);padding-inline-end:var(--pine-dimension-125)}.pds-padding-sm-150{padding:var(--pine-dimension-150)}.pds-padding-block-start-sm-150{-webkit-padding-before:var(--pine-dimension-150);padding-block-start:var(--pine-dimension-150)}.pds-padding-block-end-sm-150{-webkit-padding-after:var(--pine-dimension-150);padding-block-end:var(--pine-dimension-150)}.pds-padding-inline-start-sm-150{-webkit-padding-start:var(--pine-dimension-150);padding-inline-start:var(--pine-dimension-150)}.pds-padding-inline-end-sm-150{-webkit-padding-end:var(--pine-dimension-150);padding-inline-end:var(--pine-dimension-150)}.pds-padding-sm-200{padding:var(--pine-dimension-200)}.pds-padding-block-start-sm-200{-webkit-padding-before:var(--pine-dimension-200);padding-block-start:var(--pine-dimension-200)}.pds-padding-block-end-sm-200{-webkit-padding-after:var(--pine-dimension-200);padding-block-end:var(--pine-dimension-200)}.pds-padding-inline-start-sm-200{-webkit-padding-start:var(--pine-dimension-200);padding-inline-start:var(--pine-dimension-200)}.pds-padding-inline-end-sm-200{-webkit-padding-end:var(--pine-dimension-200);padding-inline-end:var(--pine-dimension-200)}.pds-padding-sm-250{padding:var(--pine-dimension-250)}.pds-padding-block-start-sm-250{-webkit-padding-before:var(--pine-dimension-250);padding-block-start:var(--pine-dimension-250)}.pds-padding-block-end-sm-250{-webkit-padding-after:var(--pine-dimension-250);padding-block-end:var(--pine-dimension-250)}.pds-padding-inline-start-sm-250{-webkit-padding-start:var(--pine-dimension-250);padding-inline-start:var(--pine-dimension-250)}.pds-padding-inline-end-sm-250{-webkit-padding-end:var(--pine-dimension-250);padding-inline-end:var(--pine-dimension-250)}.pds-padding-sm-300{padding:var(--pine-dimension-300)}.pds-padding-block-start-sm-300{-webkit-padding-before:var(--pine-dimension-300);padding-block-start:var(--pine-dimension-300)}.pds-padding-block-end-sm-300{-webkit-padding-after:var(--pine-dimension-300);padding-block-end:var(--pine-dimension-300)}.pds-padding-inline-start-sm-300{-webkit-padding-start:var(--pine-dimension-300);padding-inline-start:var(--pine-dimension-300)}.pds-padding-inline-end-sm-300{-webkit-padding-end:var(--pine-dimension-300);padding-inline-end:var(--pine-dimension-300)}.pds-padding-sm-350{padding:var(--pine-dimension-350)}.pds-padding-block-start-sm-350{-webkit-padding-before:var(--pine-dimension-350);padding-block-start:var(--pine-dimension-350)}.pds-padding-block-end-sm-350{-webkit-padding-after:var(--pine-dimension-350);padding-block-end:var(--pine-dimension-350)}.pds-padding-inline-start-sm-350{-webkit-padding-start:var(--pine-dimension-350);padding-inline-start:var(--pine-dimension-350)}.pds-padding-inline-end-sm-350{-webkit-padding-end:var(--pine-dimension-350);padding-inline-end:var(--pine-dimension-350)}.pds-padding-sm-400{padding:var(--pine-dimension-400)}.pds-padding-block-start-sm-400{-webkit-padding-before:var(--pine-dimension-400);padding-block-start:var(--pine-dimension-400)}.pds-padding-block-end-sm-400{-webkit-padding-after:var(--pine-dimension-400);padding-block-end:var(--pine-dimension-400)}.pds-padding-inline-start-sm-400{-webkit-padding-start:var(--pine-dimension-400);padding-inline-start:var(--pine-dimension-400)}.pds-padding-inline-end-sm-400{-webkit-padding-end:var(--pine-dimension-400);padding-inline-end:var(--pine-dimension-400)}.pds-padding-sm-450{padding:var(--pine-dimension-450)}.pds-padding-block-start-sm-450{-webkit-padding-before:var(--pine-dimension-450);padding-block-start:var(--pine-dimension-450)}.pds-padding-block-end-sm-450{-webkit-padding-after:var(--pine-dimension-450);padding-block-end:var(--pine-dimension-450)}.pds-padding-inline-start-sm-450{-webkit-padding-start:var(--pine-dimension-450);padding-inline-start:var(--pine-dimension-450)}.pds-padding-inline-end-sm-450{-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450)}.pds-padding-sm-500{padding:var(--pine-dimension-500)}.pds-padding-block-start-sm-500{-webkit-padding-before:var(--pine-dimension-500);padding-block-start:var(--pine-dimension-500)}.pds-padding-block-end-sm-500{-webkit-padding-after:var(--pine-dimension-500);padding-block-end:var(--pine-dimension-500)}.pds-padding-inline-start-sm-500{-webkit-padding-start:var(--pine-dimension-500);padding-inline-start:var(--pine-dimension-500)}.pds-padding-inline-end-sm-500{-webkit-padding-end:var(--pine-dimension-500);padding-inline-end:var(--pine-dimension-500)}.pds-padding-sm-550{padding:var(--pine-dimension-550)}.pds-padding-block-start-sm-550{-webkit-padding-before:var(--pine-dimension-550);padding-block-start:var(--pine-dimension-550)}.pds-padding-block-end-sm-550{-webkit-padding-after:var(--pine-dimension-550);padding-block-end:var(--pine-dimension-550)}.pds-padding-inline-start-sm-550{-webkit-padding-start:var(--pine-dimension-550);padding-inline-start:var(--pine-dimension-550)}.pds-padding-inline-end-sm-550{-webkit-padding-end:var(--pine-dimension-550);padding-inline-end:var(--pine-dimension-550)}.pds-padding-sm-600{padding:var(--pine-dimension-600)}.pds-padding-block-start-sm-600{-webkit-padding-before:var(--pine-dimension-600);padding-block-start:var(--pine-dimension-600)}.pds-padding-block-end-sm-600{-webkit-padding-after:var(--pine-dimension-600);padding-block-end:var(--pine-dimension-600)}.pds-padding-inline-start-sm-600{-webkit-padding-start:var(--pine-dimension-600);padding-inline-start:var(--pine-dimension-600)}.pds-padding-inline-end-sm-600{-webkit-padding-end:var(--pine-dimension-600);padding-inline-end:var(--pine-dimension-600)}.pds-padding-sm-650{padding:var(--pine-dimension-650)}.pds-padding-block-start-sm-650{-webkit-padding-before:var(--pine-dimension-650);padding-block-start:var(--pine-dimension-650)}.pds-padding-block-end-sm-650{-webkit-padding-after:var(--pine-dimension-650);padding-block-end:var(--pine-dimension-650)}.pds-padding-inline-start-sm-650{-webkit-padding-start:var(--pine-dimension-650);padding-inline-start:var(--pine-dimension-650)}.pds-padding-inline-end-sm-650{-webkit-padding-end:var(--pine-dimension-650);padding-inline-end:var(--pine-dimension-650)}.pds-padding-sm-700{padding:var(--pine-dimension-700)}.pds-padding-block-start-sm-700{-webkit-padding-before:var(--pine-dimension-700);padding-block-start:var(--pine-dimension-700)}.pds-padding-block-end-sm-700{-webkit-padding-after:var(--pine-dimension-700);padding-block-end:var(--pine-dimension-700)}.pds-padding-inline-start-sm-700{-webkit-padding-start:var(--pine-dimension-700);padding-inline-start:var(--pine-dimension-700)}.pds-padding-inline-end-sm-700{-webkit-padding-end:var(--pine-dimension-700);padding-inline-end:var(--pine-dimension-700)}.pds-padding-sm-750{padding:var(--pine-dimension-750)}.pds-padding-block-start-sm-750{-webkit-padding-before:var(--pine-dimension-750);padding-block-start:var(--pine-dimension-750)}.pds-padding-block-end-sm-750{-webkit-padding-after:var(--pine-dimension-750);padding-block-end:var(--pine-dimension-750)}.pds-padding-inline-start-sm-750{-webkit-padding-start:var(--pine-dimension-750);padding-inline-start:var(--pine-dimension-750)}.pds-padding-inline-end-sm-750{-webkit-padding-end:var(--pine-dimension-750);padding-inline-end:var(--pine-dimension-750)}.pds-padding-sm-800{padding:var(--pine-dimension-800)}.pds-padding-block-start-sm-800{-webkit-padding-before:var(--pine-dimension-800);padding-block-start:var(--pine-dimension-800)}.pds-padding-block-end-sm-800{-webkit-padding-after:var(--pine-dimension-800);padding-block-end:var(--pine-dimension-800)}.pds-padding-inline-start-sm-800{-webkit-padding-start:var(--pine-dimension-800);padding-inline-start:var(--pine-dimension-800)}.pds-padding-inline-end-sm-800{-webkit-padding-end:var(--pine-dimension-800);padding-inline-end:var(--pine-dimension-800)}}@media (min-width: 768px){.pds-padding-md-none{padding:0}.pds-padding-block-start-md-none{-webkit-padding-before:0;padding-block-start:0}.pds-padding-block-end-md-none{-webkit-padding-after:0;padding-block-end:0}.pds-padding-inline-start-md-none{-webkit-padding-start:0;padding-inline-start:0}.pds-padding-inline-end-md-none{-webkit-padding-end:0;padding-inline-end:0}.pds-padding-md-xxs{padding:var(--pine-dimension-2xs)}.pds-padding-block-start-md-xxs{-webkit-padding-before:var(--pine-dimension-2xs);padding-block-start:var(--pine-dimension-2xs)}.pds-padding-block-end-md-xxs{-webkit-padding-after:var(--pine-dimension-2xs);padding-block-end:var(--pine-dimension-2xs)}.pds-padding-inline-start-md-xxs{-webkit-padding-start:var(--pine-dimension-2xs);padding-inline-start:var(--pine-dimension-2xs)}.pds-padding-inline-end-md-xxs{-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs)}.pds-padding-md-xs{padding:var(--pine-dimension-xs)}.pds-padding-block-start-md-xs{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-padding-block-end-md-xs{-webkit-padding-after:var(--pine-dimension-xs);padding-block-end:var(--pine-dimension-xs)}.pds-padding-inline-start-md-xs{-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs)}.pds-padding-inline-end-md-xs{-webkit-padding-end:var(--pine-dimension-xs);padding-inline-end:var(--pine-dimension-xs)}.pds-padding-md-sm{padding:var(--pine-dimension-sm)}.pds-padding-block-start-md-sm{-webkit-padding-before:var(--pine-dimension-sm);padding-block-start:var(--pine-dimension-sm)}.pds-padding-block-end-md-sm{-webkit-padding-after:var(--pine-dimension-sm);padding-block-end:var(--pine-dimension-sm)}.pds-padding-inline-start-md-sm{-webkit-padding-start:var(--pine-dimension-sm);padding-inline-start:var(--pine-dimension-sm)}.pds-padding-inline-end-md-sm{-webkit-padding-end:var(--pine-dimension-sm);padding-inline-end:var(--pine-dimension-sm)}.pds-padding-md-md{padding:var(--pine-dimension-md)}.pds-padding-block-start-md-md{-webkit-padding-before:var(--pine-dimension-md);padding-block-start:var(--pine-dimension-md)}.pds-padding-block-end-md-md{-webkit-padding-after:var(--pine-dimension-md);padding-block-end:var(--pine-dimension-md)}.pds-padding-inline-start-md-md{-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-padding-inline-end-md-md{-webkit-padding-end:var(--pine-dimension-md);padding-inline-end:var(--pine-dimension-md)}.pds-padding-md-lg{padding:var(--pine-dimension-lg)}.pds-padding-block-start-md-lg{-webkit-padding-before:var(--pine-dimension-lg);padding-block-start:var(--pine-dimension-lg)}.pds-padding-block-end-md-lg{-webkit-padding-after:var(--pine-dimension-lg);padding-block-end:var(--pine-dimension-lg)}.pds-padding-inline-start-md-lg{-webkit-padding-start:var(--pine-dimension-lg);padding-inline-start:var(--pine-dimension-lg)}.pds-padding-inline-end-md-lg{-webkit-padding-end:var(--pine-dimension-lg);padding-inline-end:var(--pine-dimension-lg)}.pds-padding-md-xl{padding:var(--pine-dimension-xl)}.pds-padding-block-start-md-xl{-webkit-padding-before:var(--pine-dimension-xl);padding-block-start:var(--pine-dimension-xl)}.pds-padding-block-end-md-xl{-webkit-padding-after:var(--pine-dimension-xl);padding-block-end:var(--pine-dimension-xl)}.pds-padding-inline-start-md-xl{-webkit-padding-start:var(--pine-dimension-xl);padding-inline-start:var(--pine-dimension-xl)}.pds-padding-inline-end-md-xl{-webkit-padding-end:var(--pine-dimension-xl);padding-inline-end:var(--pine-dimension-xl)}.pds-padding-md-xxl{padding:var(--pine-dimension-2xl)}.pds-padding-block-start-md-xxl{-webkit-padding-before:var(--pine-dimension-2xl);padding-block-start:var(--pine-dimension-2xl)}.pds-padding-block-end-md-xxl{-webkit-padding-after:var(--pine-dimension-2xl);padding-block-end:var(--pine-dimension-2xl)}.pds-padding-inline-start-md-xxl{-webkit-padding-start:var(--pine-dimension-2xl);padding-inline-start:var(--pine-dimension-2xl)}.pds-padding-inline-end-md-xxl{-webkit-padding-end:var(--pine-dimension-2xl);padding-inline-end:var(--pine-dimension-2xl)}.pds-padding-md-025{padding:var(--pine-dimension-025)}.pds-padding-block-start-md-025{-webkit-padding-before:var(--pine-dimension-025);padding-block-start:var(--pine-dimension-025)}.pds-padding-block-end-md-025{-webkit-padding-after:var(--pine-dimension-025);padding-block-end:var(--pine-dimension-025)}.pds-padding-inline-start-md-025{-webkit-padding-start:var(--pine-dimension-025);padding-inline-start:var(--pine-dimension-025)}.pds-padding-inline-end-md-025{-webkit-padding-end:var(--pine-dimension-025);padding-inline-end:var(--pine-dimension-025)}.pds-padding-md-050{padding:var(--pine-dimension-050)}.pds-padding-block-start-md-050{-webkit-padding-before:var(--pine-dimension-050);padding-block-start:var(--pine-dimension-050)}.pds-padding-block-end-md-050{-webkit-padding-after:var(--pine-dimension-050);padding-block-end:var(--pine-dimension-050)}.pds-padding-inline-start-md-050{-webkit-padding-start:var(--pine-dimension-050);padding-inline-start:var(--pine-dimension-050)}.pds-padding-inline-end-md-050{-webkit-padding-end:var(--pine-dimension-050);padding-inline-end:var(--pine-dimension-050)}.pds-padding-md-100{padding:var(--pine-dimension-100)}.pds-padding-block-start-md-100{-webkit-padding-before:var(--pine-dimension-100);padding-block-start:var(--pine-dimension-100)}.pds-padding-block-end-md-100{-webkit-padding-after:var(--pine-dimension-100);padding-block-end:var(--pine-dimension-100)}.pds-padding-inline-start-md-100{-webkit-padding-start:var(--pine-dimension-100);padding-inline-start:var(--pine-dimension-100)}.pds-padding-inline-end-md-100{-webkit-padding-end:var(--pine-dimension-100);padding-inline-end:var(--pine-dimension-100)}.pds-padding-md-125{padding:var(--pine-dimension-125)}.pds-padding-block-start-md-125{-webkit-padding-before:var(--pine-dimension-125);padding-block-start:var(--pine-dimension-125)}.pds-padding-block-end-md-125{-webkit-padding-after:var(--pine-dimension-125);padding-block-end:var(--pine-dimension-125)}.pds-padding-inline-start-md-125{-webkit-padding-start:var(--pine-dimension-125);padding-inline-start:var(--pine-dimension-125)}.pds-padding-inline-end-md-125{-webkit-padding-end:var(--pine-dimension-125);padding-inline-end:var(--pine-dimension-125)}.pds-padding-md-150{padding:var(--pine-dimension-150)}.pds-padding-block-start-md-150{-webkit-padding-before:var(--pine-dimension-150);padding-block-start:var(--pine-dimension-150)}.pds-padding-block-end-md-150{-webkit-padding-after:var(--pine-dimension-150);padding-block-end:var(--pine-dimension-150)}.pds-padding-inline-start-md-150{-webkit-padding-start:var(--pine-dimension-150);padding-inline-start:var(--pine-dimension-150)}.pds-padding-inline-end-md-150{-webkit-padding-end:var(--pine-dimension-150);padding-inline-end:var(--pine-dimension-150)}.pds-padding-md-200{padding:var(--pine-dimension-200)}.pds-padding-block-start-md-200{-webkit-padding-before:var(--pine-dimension-200);padding-block-start:var(--pine-dimension-200)}.pds-padding-block-end-md-200{-webkit-padding-after:var(--pine-dimension-200);padding-block-end:var(--pine-dimension-200)}.pds-padding-inline-start-md-200{-webkit-padding-start:var(--pine-dimension-200);padding-inline-start:var(--pine-dimension-200)}.pds-padding-inline-end-md-200{-webkit-padding-end:var(--pine-dimension-200);padding-inline-end:var(--pine-dimension-200)}.pds-padding-md-250{padding:var(--pine-dimension-250)}.pds-padding-block-start-md-250{-webkit-padding-before:var(--pine-dimension-250);padding-block-start:var(--pine-dimension-250)}.pds-padding-block-end-md-250{-webkit-padding-after:var(--pine-dimension-250);padding-block-end:var(--pine-dimension-250)}.pds-padding-inline-start-md-250{-webkit-padding-start:var(--pine-dimension-250);padding-inline-start:var(--pine-dimension-250)}.pds-padding-inline-end-md-250{-webkit-padding-end:var(--pine-dimension-250);padding-inline-end:var(--pine-dimension-250)}.pds-padding-md-300{padding:var(--pine-dimension-300)}.pds-padding-block-start-md-300{-webkit-padding-before:var(--pine-dimension-300);padding-block-start:var(--pine-dimension-300)}.pds-padding-block-end-md-300{-webkit-padding-after:var(--pine-dimension-300);padding-block-end:var(--pine-dimension-300)}.pds-padding-inline-start-md-300{-webkit-padding-start:var(--pine-dimension-300);padding-inline-start:var(--pine-dimension-300)}.pds-padding-inline-end-md-300{-webkit-padding-end:var(--pine-dimension-300);padding-inline-end:var(--pine-dimension-300)}.pds-padding-md-350{padding:var(--pine-dimension-350)}.pds-padding-block-start-md-350{-webkit-padding-before:var(--pine-dimension-350);padding-block-start:var(--pine-dimension-350)}.pds-padding-block-end-md-350{-webkit-padding-after:var(--pine-dimension-350);padding-block-end:var(--pine-dimension-350)}.pds-padding-inline-start-md-350{-webkit-padding-start:var(--pine-dimension-350);padding-inline-start:var(--pine-dimension-350)}.pds-padding-inline-end-md-350{-webkit-padding-end:var(--pine-dimension-350);padding-inline-end:var(--pine-dimension-350)}.pds-padding-md-400{padding:var(--pine-dimension-400)}.pds-padding-block-start-md-400{-webkit-padding-before:var(--pine-dimension-400);padding-block-start:var(--pine-dimension-400)}.pds-padding-block-end-md-400{-webkit-padding-after:var(--pine-dimension-400);padding-block-end:var(--pine-dimension-400)}.pds-padding-inline-start-md-400{-webkit-padding-start:var(--pine-dimension-400);padding-inline-start:var(--pine-dimension-400)}.pds-padding-inline-end-md-400{-webkit-padding-end:var(--pine-dimension-400);padding-inline-end:var(--pine-dimension-400)}.pds-padding-md-450{padding:var(--pine-dimension-450)}.pds-padding-block-start-md-450{-webkit-padding-before:var(--pine-dimension-450);padding-block-start:var(--pine-dimension-450)}.pds-padding-block-end-md-450{-webkit-padding-after:var(--pine-dimension-450);padding-block-end:var(--pine-dimension-450)}.pds-padding-inline-start-md-450{-webkit-padding-start:var(--pine-dimension-450);padding-inline-start:var(--pine-dimension-450)}.pds-padding-inline-end-md-450{-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450)}.pds-padding-md-500{padding:var(--pine-dimension-500)}.pds-padding-block-start-md-500{-webkit-padding-before:var(--pine-dimension-500);padding-block-start:var(--pine-dimension-500)}.pds-padding-block-end-md-500{-webkit-padding-after:var(--pine-dimension-500);padding-block-end:var(--pine-dimension-500)}.pds-padding-inline-start-md-500{-webkit-padding-start:var(--pine-dimension-500);padding-inline-start:var(--pine-dimension-500)}.pds-padding-inline-end-md-500{-webkit-padding-end:var(--pine-dimension-500);padding-inline-end:var(--pine-dimension-500)}.pds-padding-md-550{padding:var(--pine-dimension-550)}.pds-padding-block-start-md-550{-webkit-padding-before:var(--pine-dimension-550);padding-block-start:var(--pine-dimension-550)}.pds-padding-block-end-md-550{-webkit-padding-after:var(--pine-dimension-550);padding-block-end:var(--pine-dimension-550)}.pds-padding-inline-start-md-550{-webkit-padding-start:var(--pine-dimension-550);padding-inline-start:var(--pine-dimension-550)}.pds-padding-inline-end-md-550{-webkit-padding-end:var(--pine-dimension-550);padding-inline-end:var(--pine-dimension-550)}.pds-padding-md-600{padding:var(--pine-dimension-600)}.pds-padding-block-start-md-600{-webkit-padding-before:var(--pine-dimension-600);padding-block-start:var(--pine-dimension-600)}.pds-padding-block-end-md-600{-webkit-padding-after:var(--pine-dimension-600);padding-block-end:var(--pine-dimension-600)}.pds-padding-inline-start-md-600{-webkit-padding-start:var(--pine-dimension-600);padding-inline-start:var(--pine-dimension-600)}.pds-padding-inline-end-md-600{-webkit-padding-end:var(--pine-dimension-600);padding-inline-end:var(--pine-dimension-600)}.pds-padding-md-650{padding:var(--pine-dimension-650)}.pds-padding-block-start-md-650{-webkit-padding-before:var(--pine-dimension-650);padding-block-start:var(--pine-dimension-650)}.pds-padding-block-end-md-650{-webkit-padding-after:var(--pine-dimension-650);padding-block-end:var(--pine-dimension-650)}.pds-padding-inline-start-md-650{-webkit-padding-start:var(--pine-dimension-650);padding-inline-start:var(--pine-dimension-650)}.pds-padding-inline-end-md-650{-webkit-padding-end:var(--pine-dimension-650);padding-inline-end:var(--pine-dimension-650)}.pds-padding-md-700{padding:var(--pine-dimension-700)}.pds-padding-block-start-md-700{-webkit-padding-before:var(--pine-dimension-700);padding-block-start:var(--pine-dimension-700)}.pds-padding-block-end-md-700{-webkit-padding-after:var(--pine-dimension-700);padding-block-end:var(--pine-dimension-700)}.pds-padding-inline-start-md-700{-webkit-padding-start:var(--pine-dimension-700);padding-inline-start:var(--pine-dimension-700)}.pds-padding-inline-end-md-700{-webkit-padding-end:var(--pine-dimension-700);padding-inline-end:var(--pine-dimension-700)}.pds-padding-md-750{padding:var(--pine-dimension-750)}.pds-padding-block-start-md-750{-webkit-padding-before:var(--pine-dimension-750);padding-block-start:var(--pine-dimension-750)}.pds-padding-block-end-md-750{-webkit-padding-after:var(--pine-dimension-750);padding-block-end:var(--pine-dimension-750)}.pds-padding-inline-start-md-750{-webkit-padding-start:var(--pine-dimension-750);padding-inline-start:var(--pine-dimension-750)}.pds-padding-inline-end-md-750{-webkit-padding-end:var(--pine-dimension-750);padding-inline-end:var(--pine-dimension-750)}.pds-padding-md-800{padding:var(--pine-dimension-800)}.pds-padding-block-start-md-800{-webkit-padding-before:var(--pine-dimension-800);padding-block-start:var(--pine-dimension-800)}.pds-padding-block-end-md-800{-webkit-padding-after:var(--pine-dimension-800);padding-block-end:var(--pine-dimension-800)}.pds-padding-inline-start-md-800{-webkit-padding-start:var(--pine-dimension-800);padding-inline-start:var(--pine-dimension-800)}.pds-padding-inline-end-md-800{-webkit-padding-end:var(--pine-dimension-800);padding-inline-end:var(--pine-dimension-800)}}@media (min-width: 992px){.pds-padding-lg-none{padding:0}.pds-padding-block-start-lg-none{-webkit-padding-before:0;padding-block-start:0}.pds-padding-block-end-lg-none{-webkit-padding-after:0;padding-block-end:0}.pds-padding-inline-start-lg-none{-webkit-padding-start:0;padding-inline-start:0}.pds-padding-inline-end-lg-none{-webkit-padding-end:0;padding-inline-end:0}.pds-padding-lg-xxs{padding:var(--pine-dimension-2xs)}.pds-padding-block-start-lg-xxs{-webkit-padding-before:var(--pine-dimension-2xs);padding-block-start:var(--pine-dimension-2xs)}.pds-padding-block-end-lg-xxs{-webkit-padding-after:var(--pine-dimension-2xs);padding-block-end:var(--pine-dimension-2xs)}.pds-padding-inline-start-lg-xxs{-webkit-padding-start:var(--pine-dimension-2xs);padding-inline-start:var(--pine-dimension-2xs)}.pds-padding-inline-end-lg-xxs{-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs)}.pds-padding-lg-xs{padding:var(--pine-dimension-xs)}.pds-padding-block-start-lg-xs{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-padding-block-end-lg-xs{-webkit-padding-after:var(--pine-dimension-xs);padding-block-end:var(--pine-dimension-xs)}.pds-padding-inline-start-lg-xs{-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs)}.pds-padding-inline-end-lg-xs{-webkit-padding-end:var(--pine-dimension-xs);padding-inline-end:var(--pine-dimension-xs)}.pds-padding-lg-sm{padding:var(--pine-dimension-sm)}.pds-padding-block-start-lg-sm{-webkit-padding-before:var(--pine-dimension-sm);padding-block-start:var(--pine-dimension-sm)}.pds-padding-block-end-lg-sm{-webkit-padding-after:var(--pine-dimension-sm);padding-block-end:var(--pine-dimension-sm)}.pds-padding-inline-start-lg-sm{-webkit-padding-start:var(--pine-dimension-sm);padding-inline-start:var(--pine-dimension-sm)}.pds-padding-inline-end-lg-sm{-webkit-padding-end:var(--pine-dimension-sm);padding-inline-end:var(--pine-dimension-sm)}.pds-padding-lg-md{padding:var(--pine-dimension-md)}.pds-padding-block-start-lg-md{-webkit-padding-before:var(--pine-dimension-md);padding-block-start:var(--pine-dimension-md)}.pds-padding-block-end-lg-md{-webkit-padding-after:var(--pine-dimension-md);padding-block-end:var(--pine-dimension-md)}.pds-padding-inline-start-lg-md{-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-padding-inline-end-lg-md{-webkit-padding-end:var(--pine-dimension-md);padding-inline-end:var(--pine-dimension-md)}.pds-padding-lg-lg{padding:var(--pine-dimension-lg)}.pds-padding-block-start-lg-lg{-webkit-padding-before:var(--pine-dimension-lg);padding-block-start:var(--pine-dimension-lg)}.pds-padding-block-end-lg-lg{-webkit-padding-after:var(--pine-dimension-lg);padding-block-end:var(--pine-dimension-lg)}.pds-padding-inline-start-lg-lg{-webkit-padding-start:var(--pine-dimension-lg);padding-inline-start:var(--pine-dimension-lg)}.pds-padding-inline-end-lg-lg{-webkit-padding-end:var(--pine-dimension-lg);padding-inline-end:var(--pine-dimension-lg)}.pds-padding-lg-xl{padding:var(--pine-dimension-xl)}.pds-padding-block-start-lg-xl{-webkit-padding-before:var(--pine-dimension-xl);padding-block-start:var(--pine-dimension-xl)}.pds-padding-block-end-lg-xl{-webkit-padding-after:var(--pine-dimension-xl);padding-block-end:var(--pine-dimension-xl)}.pds-padding-inline-start-lg-xl{-webkit-padding-start:var(--pine-dimension-xl);padding-inline-start:var(--pine-dimension-xl)}.pds-padding-inline-end-lg-xl{-webkit-padding-end:var(--pine-dimension-xl);padding-inline-end:var(--pine-dimension-xl)}.pds-padding-lg-xxl{padding:var(--pine-dimension-2xl)}.pds-padding-block-start-lg-xxl{-webkit-padding-before:var(--pine-dimension-2xl);padding-block-start:var(--pine-dimension-2xl)}.pds-padding-block-end-lg-xxl{-webkit-padding-after:var(--pine-dimension-2xl);padding-block-end:var(--pine-dimension-2xl)}.pds-padding-inline-start-lg-xxl{-webkit-padding-start:var(--pine-dimension-2xl);padding-inline-start:var(--pine-dimension-2xl)}.pds-padding-inline-end-lg-xxl{-webkit-padding-end:var(--pine-dimension-2xl);padding-inline-end:var(--pine-dimension-2xl)}.pds-padding-lg-025{padding:var(--pine-dimension-025)}.pds-padding-block-start-lg-025{-webkit-padding-before:var(--pine-dimension-025);padding-block-start:var(--pine-dimension-025)}.pds-padding-block-end-lg-025{-webkit-padding-after:var(--pine-dimension-025);padding-block-end:var(--pine-dimension-025)}.pds-padding-inline-start-lg-025{-webkit-padding-start:var(--pine-dimension-025);padding-inline-start:var(--pine-dimension-025)}.pds-padding-inline-end-lg-025{-webkit-padding-end:var(--pine-dimension-025);padding-inline-end:var(--pine-dimension-025)}.pds-padding-lg-050{padding:var(--pine-dimension-050)}.pds-padding-block-start-lg-050{-webkit-padding-before:var(--pine-dimension-050);padding-block-start:var(--pine-dimension-050)}.pds-padding-block-end-lg-050{-webkit-padding-after:var(--pine-dimension-050);padding-block-end:var(--pine-dimension-050)}.pds-padding-inline-start-lg-050{-webkit-padding-start:var(--pine-dimension-050);padding-inline-start:var(--pine-dimension-050)}.pds-padding-inline-end-lg-050{-webkit-padding-end:var(--pine-dimension-050);padding-inline-end:var(--pine-dimension-050)}.pds-padding-lg-100{padding:var(--pine-dimension-100)}.pds-padding-block-start-lg-100{-webkit-padding-before:var(--pine-dimension-100);padding-block-start:var(--pine-dimension-100)}.pds-padding-block-end-lg-100{-webkit-padding-after:var(--pine-dimension-100);padding-block-end:var(--pine-dimension-100)}.pds-padding-inline-start-lg-100{-webkit-padding-start:var(--pine-dimension-100);padding-inline-start:var(--pine-dimension-100)}.pds-padding-inline-end-lg-100{-webkit-padding-end:var(--pine-dimension-100);padding-inline-end:var(--pine-dimension-100)}.pds-padding-lg-125{padding:var(--pine-dimension-125)}.pds-padding-block-start-lg-125{-webkit-padding-before:var(--pine-dimension-125);padding-block-start:var(--pine-dimension-125)}.pds-padding-block-end-lg-125{-webkit-padding-after:var(--pine-dimension-125);padding-block-end:var(--pine-dimension-125)}.pds-padding-inline-start-lg-125{-webkit-padding-start:var(--pine-dimension-125);padding-inline-start:var(--pine-dimension-125)}.pds-padding-inline-end-lg-125{-webkit-padding-end:var(--pine-dimension-125);padding-inline-end:var(--pine-dimension-125)}.pds-padding-lg-150{padding:var(--pine-dimension-150)}.pds-padding-block-start-lg-150{-webkit-padding-before:var(--pine-dimension-150);padding-block-start:var(--pine-dimension-150)}.pds-padding-block-end-lg-150{-webkit-padding-after:var(--pine-dimension-150);padding-block-end:var(--pine-dimension-150)}.pds-padding-inline-start-lg-150{-webkit-padding-start:var(--pine-dimension-150);padding-inline-start:var(--pine-dimension-150)}.pds-padding-inline-end-lg-150{-webkit-padding-end:var(--pine-dimension-150);padding-inline-end:var(--pine-dimension-150)}.pds-padding-lg-200{padding:var(--pine-dimension-200)}.pds-padding-block-start-lg-200{-webkit-padding-before:var(--pine-dimension-200);padding-block-start:var(--pine-dimension-200)}.pds-padding-block-end-lg-200{-webkit-padding-after:var(--pine-dimension-200);padding-block-end:var(--pine-dimension-200)}.pds-padding-inline-start-lg-200{-webkit-padding-start:var(--pine-dimension-200);padding-inline-start:var(--pine-dimension-200)}.pds-padding-inline-end-lg-200{-webkit-padding-end:var(--pine-dimension-200);padding-inline-end:var(--pine-dimension-200)}.pds-padding-lg-250{padding:var(--pine-dimension-250)}.pds-padding-block-start-lg-250{-webkit-padding-before:var(--pine-dimension-250);padding-block-start:var(--pine-dimension-250)}.pds-padding-block-end-lg-250{-webkit-padding-after:var(--pine-dimension-250);padding-block-end:var(--pine-dimension-250)}.pds-padding-inline-start-lg-250{-webkit-padding-start:var(--pine-dimension-250);padding-inline-start:var(--pine-dimension-250)}.pds-padding-inline-end-lg-250{-webkit-padding-end:var(--pine-dimension-250);padding-inline-end:var(--pine-dimension-250)}.pds-padding-lg-300{padding:var(--pine-dimension-300)}.pds-padding-block-start-lg-300{-webkit-padding-before:var(--pine-dimension-300);padding-block-start:var(--pine-dimension-300)}.pds-padding-block-end-lg-300{-webkit-padding-after:var(--pine-dimension-300);padding-block-end:var(--pine-dimension-300)}.pds-padding-inline-start-lg-300{-webkit-padding-start:var(--pine-dimension-300);padding-inline-start:var(--pine-dimension-300)}.pds-padding-inline-end-lg-300{-webkit-padding-end:var(--pine-dimension-300);padding-inline-end:var(--pine-dimension-300)}.pds-padding-lg-350{padding:var(--pine-dimension-350)}.pds-padding-block-start-lg-350{-webkit-padding-before:var(--pine-dimension-350);padding-block-start:var(--pine-dimension-350)}.pds-padding-block-end-lg-350{-webkit-padding-after:var(--pine-dimension-350);padding-block-end:var(--pine-dimension-350)}.pds-padding-inline-start-lg-350{-webkit-padding-start:var(--pine-dimension-350);padding-inline-start:var(--pine-dimension-350)}.pds-padding-inline-end-lg-350{-webkit-padding-end:var(--pine-dimension-350);padding-inline-end:var(--pine-dimension-350)}.pds-padding-lg-400{padding:var(--pine-dimension-400)}.pds-padding-block-start-lg-400{-webkit-padding-before:var(--pine-dimension-400);padding-block-start:var(--pine-dimension-400)}.pds-padding-block-end-lg-400{-webkit-padding-after:var(--pine-dimension-400);padding-block-end:var(--pine-dimension-400)}.pds-padding-inline-start-lg-400{-webkit-padding-start:var(--pine-dimension-400);padding-inline-start:var(--pine-dimension-400)}.pds-padding-inline-end-lg-400{-webkit-padding-end:var(--pine-dimension-400);padding-inline-end:var(--pine-dimension-400)}.pds-padding-lg-450{padding:var(--pine-dimension-450)}.pds-padding-block-start-lg-450{-webkit-padding-before:var(--pine-dimension-450);padding-block-start:var(--pine-dimension-450)}.pds-padding-block-end-lg-450{-webkit-padding-after:var(--pine-dimension-450);padding-block-end:var(--pine-dimension-450)}.pds-padding-inline-start-lg-450{-webkit-padding-start:var(--pine-dimension-450);padding-inline-start:var(--pine-dimension-450)}.pds-padding-inline-end-lg-450{-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450)}.pds-padding-lg-500{padding:var(--pine-dimension-500)}.pds-padding-block-start-lg-500{-webkit-padding-before:var(--pine-dimension-500);padding-block-start:var(--pine-dimension-500)}.pds-padding-block-end-lg-500{-webkit-padding-after:var(--pine-dimension-500);padding-block-end:var(--pine-dimension-500)}.pds-padding-inline-start-lg-500{-webkit-padding-start:var(--pine-dimension-500);padding-inline-start:var(--pine-dimension-500)}.pds-padding-inline-end-lg-500{-webkit-padding-end:var(--pine-dimension-500);padding-inline-end:var(--pine-dimension-500)}.pds-padding-lg-550{padding:var(--pine-dimension-550)}.pds-padding-block-start-lg-550{-webkit-padding-before:var(--pine-dimension-550);padding-block-start:var(--pine-dimension-550)}.pds-padding-block-end-lg-550{-webkit-padding-after:var(--pine-dimension-550);padding-block-end:var(--pine-dimension-550)}.pds-padding-inline-start-lg-550{-webkit-padding-start:var(--pine-dimension-550);padding-inline-start:var(--pine-dimension-550)}.pds-padding-inline-end-lg-550{-webkit-padding-end:var(--pine-dimension-550);padding-inline-end:var(--pine-dimension-550)}.pds-padding-lg-600{padding:var(--pine-dimension-600)}.pds-padding-block-start-lg-600{-webkit-padding-before:var(--pine-dimension-600);padding-block-start:var(--pine-dimension-600)}.pds-padding-block-end-lg-600{-webkit-padding-after:var(--pine-dimension-600);padding-block-end:var(--pine-dimension-600)}.pds-padding-inline-start-lg-600{-webkit-padding-start:var(--pine-dimension-600);padding-inline-start:var(--pine-dimension-600)}.pds-padding-inline-end-lg-600{-webkit-padding-end:var(--pine-dimension-600);padding-inline-end:var(--pine-dimension-600)}.pds-padding-lg-650{padding:var(--pine-dimension-650)}.pds-padding-block-start-lg-650{-webkit-padding-before:var(--pine-dimension-650);padding-block-start:var(--pine-dimension-650)}.pds-padding-block-end-lg-650{-webkit-padding-after:var(--pine-dimension-650);padding-block-end:var(--pine-dimension-650)}.pds-padding-inline-start-lg-650{-webkit-padding-start:var(--pine-dimension-650);padding-inline-start:var(--pine-dimension-650)}.pds-padding-inline-end-lg-650{-webkit-padding-end:var(--pine-dimension-650);padding-inline-end:var(--pine-dimension-650)}.pds-padding-lg-700{padding:var(--pine-dimension-700)}.pds-padding-block-start-lg-700{-webkit-padding-before:var(--pine-dimension-700);padding-block-start:var(--pine-dimension-700)}.pds-padding-block-end-lg-700{-webkit-padding-after:var(--pine-dimension-700);padding-block-end:var(--pine-dimension-700)}.pds-padding-inline-start-lg-700{-webkit-padding-start:var(--pine-dimension-700);padding-inline-start:var(--pine-dimension-700)}.pds-padding-inline-end-lg-700{-webkit-padding-end:var(--pine-dimension-700);padding-inline-end:var(--pine-dimension-700)}.pds-padding-lg-750{padding:var(--pine-dimension-750)}.pds-padding-block-start-lg-750{-webkit-padding-before:var(--pine-dimension-750);padding-block-start:var(--pine-dimension-750)}.pds-padding-block-end-lg-750{-webkit-padding-after:var(--pine-dimension-750);padding-block-end:var(--pine-dimension-750)}.pds-padding-inline-start-lg-750{-webkit-padding-start:var(--pine-dimension-750);padding-inline-start:var(--pine-dimension-750)}.pds-padding-inline-end-lg-750{-webkit-padding-end:var(--pine-dimension-750);padding-inline-end:var(--pine-dimension-750)}.pds-padding-lg-800{padding:var(--pine-dimension-800)}.pds-padding-block-start-lg-800{-webkit-padding-before:var(--pine-dimension-800);padding-block-start:var(--pine-dimension-800)}.pds-padding-block-end-lg-800{-webkit-padding-after:var(--pine-dimension-800);padding-block-end:var(--pine-dimension-800)}.pds-padding-inline-start-lg-800{-webkit-padding-start:var(--pine-dimension-800);padding-inline-start:var(--pine-dimension-800)}.pds-padding-inline-end-lg-800{-webkit-padding-end:var(--pine-dimension-800);padding-inline-end:var(--pine-dimension-800)}}@media (min-width: 1200px){.pds-padding-xl-none{padding:0}.pds-padding-block-start-xl-none{-webkit-padding-before:0;padding-block-start:0}.pds-padding-block-end-xl-none{-webkit-padding-after:0;padding-block-end:0}.pds-padding-inline-start-xl-none{-webkit-padding-start:0;padding-inline-start:0}.pds-padding-inline-end-xl-none{-webkit-padding-end:0;padding-inline-end:0}.pds-padding-xl-xxs{padding:var(--pine-dimension-2xs)}.pds-padding-block-start-xl-xxs{-webkit-padding-before:var(--pine-dimension-2xs);padding-block-start:var(--pine-dimension-2xs)}.pds-padding-block-end-xl-xxs{-webkit-padding-after:var(--pine-dimension-2xs);padding-block-end:var(--pine-dimension-2xs)}.pds-padding-inline-start-xl-xxs{-webkit-padding-start:var(--pine-dimension-2xs);padding-inline-start:var(--pine-dimension-2xs)}.pds-padding-inline-end-xl-xxs{-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs)}.pds-padding-xl-xs{padding:var(--pine-dimension-xs)}.pds-padding-block-start-xl-xs{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-padding-block-end-xl-xs{-webkit-padding-after:var(--pine-dimension-xs);padding-block-end:var(--pine-dimension-xs)}.pds-padding-inline-start-xl-xs{-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs)}.pds-padding-inline-end-xl-xs{-webkit-padding-end:var(--pine-dimension-xs);padding-inline-end:var(--pine-dimension-xs)}.pds-padding-xl-sm{padding:var(--pine-dimension-sm)}.pds-padding-block-start-xl-sm{-webkit-padding-before:var(--pine-dimension-sm);padding-block-start:var(--pine-dimension-sm)}.pds-padding-block-end-xl-sm{-webkit-padding-after:var(--pine-dimension-sm);padding-block-end:var(--pine-dimension-sm)}.pds-padding-inline-start-xl-sm{-webkit-padding-start:var(--pine-dimension-sm);padding-inline-start:var(--pine-dimension-sm)}.pds-padding-inline-end-xl-sm{-webkit-padding-end:var(--pine-dimension-sm);padding-inline-end:var(--pine-dimension-sm)}.pds-padding-xl-md{padding:var(--pine-dimension-md)}.pds-padding-block-start-xl-md{-webkit-padding-before:var(--pine-dimension-md);padding-block-start:var(--pine-dimension-md)}.pds-padding-block-end-xl-md{-webkit-padding-after:var(--pine-dimension-md);padding-block-end:var(--pine-dimension-md)}.pds-padding-inline-start-xl-md{-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-padding-inline-end-xl-md{-webkit-padding-end:var(--pine-dimension-md);padding-inline-end:var(--pine-dimension-md)}.pds-padding-xl-lg{padding:var(--pine-dimension-lg)}.pds-padding-block-start-xl-lg{-webkit-padding-before:var(--pine-dimension-lg);padding-block-start:var(--pine-dimension-lg)}.pds-padding-block-end-xl-lg{-webkit-padding-after:var(--pine-dimension-lg);padding-block-end:var(--pine-dimension-lg)}.pds-padding-inline-start-xl-lg{-webkit-padding-start:var(--pine-dimension-lg);padding-inline-start:var(--pine-dimension-lg)}.pds-padding-inline-end-xl-lg{-webkit-padding-end:var(--pine-dimension-lg);padding-inline-end:var(--pine-dimension-lg)}.pds-padding-xl-xl{padding:var(--pine-dimension-xl)}.pds-padding-block-start-xl-xl{-webkit-padding-before:var(--pine-dimension-xl);padding-block-start:var(--pine-dimension-xl)}.pds-padding-block-end-xl-xl{-webkit-padding-after:var(--pine-dimension-xl);padding-block-end:var(--pine-dimension-xl)}.pds-padding-inline-start-xl-xl{-webkit-padding-start:var(--pine-dimension-xl);padding-inline-start:var(--pine-dimension-xl)}.pds-padding-inline-end-xl-xl{-webkit-padding-end:var(--pine-dimension-xl);padding-inline-end:var(--pine-dimension-xl)}.pds-padding-xl-xxl{padding:var(--pine-dimension-2xl)}.pds-padding-block-start-xl-xxl{-webkit-padding-before:var(--pine-dimension-2xl);padding-block-start:var(--pine-dimension-2xl)}.pds-padding-block-end-xl-xxl{-webkit-padding-after:var(--pine-dimension-2xl);padding-block-end:var(--pine-dimension-2xl)}.pds-padding-inline-start-xl-xxl{-webkit-padding-start:var(--pine-dimension-2xl);padding-inline-start:var(--pine-dimension-2xl)}.pds-padding-inline-end-xl-xxl{-webkit-padding-end:var(--pine-dimension-2xl);padding-inline-end:var(--pine-dimension-2xl)}.pds-padding-xl-025{padding:var(--pine-dimension-025)}.pds-padding-block-start-xl-025{-webkit-padding-before:var(--pine-dimension-025);padding-block-start:var(--pine-dimension-025)}.pds-padding-block-end-xl-025{-webkit-padding-after:var(--pine-dimension-025);padding-block-end:var(--pine-dimension-025)}.pds-padding-inline-start-xl-025{-webkit-padding-start:var(--pine-dimension-025);padding-inline-start:var(--pine-dimension-025)}.pds-padding-inline-end-xl-025{-webkit-padding-end:var(--pine-dimension-025);padding-inline-end:var(--pine-dimension-025)}.pds-padding-xl-050{padding:var(--pine-dimension-050)}.pds-padding-block-start-xl-050{-webkit-padding-before:var(--pine-dimension-050);padding-block-start:var(--pine-dimension-050)}.pds-padding-block-end-xl-050{-webkit-padding-after:var(--pine-dimension-050);padding-block-end:var(--pine-dimension-050)}.pds-padding-inline-start-xl-050{-webkit-padding-start:var(--pine-dimension-050);padding-inline-start:var(--pine-dimension-050)}.pds-padding-inline-end-xl-050{-webkit-padding-end:var(--pine-dimension-050);padding-inline-end:var(--pine-dimension-050)}.pds-padding-xl-100{padding:var(--pine-dimension-100)}.pds-padding-block-start-xl-100{-webkit-padding-before:var(--pine-dimension-100);padding-block-start:var(--pine-dimension-100)}.pds-padding-block-end-xl-100{-webkit-padding-after:var(--pine-dimension-100);padding-block-end:var(--pine-dimension-100)}.pds-padding-inline-start-xl-100{-webkit-padding-start:var(--pine-dimension-100);padding-inline-start:var(--pine-dimension-100)}.pds-padding-inline-end-xl-100{-webkit-padding-end:var(--pine-dimension-100);padding-inline-end:var(--pine-dimension-100)}.pds-padding-xl-125{padding:var(--pine-dimension-125)}.pds-padding-block-start-xl-125{-webkit-padding-before:var(--pine-dimension-125);padding-block-start:var(--pine-dimension-125)}.pds-padding-block-end-xl-125{-webkit-padding-after:var(--pine-dimension-125);padding-block-end:var(--pine-dimension-125)}.pds-padding-inline-start-xl-125{-webkit-padding-start:var(--pine-dimension-125);padding-inline-start:var(--pine-dimension-125)}.pds-padding-inline-end-xl-125{-webkit-padding-end:var(--pine-dimension-125);padding-inline-end:var(--pine-dimension-125)}.pds-padding-xl-150{padding:var(--pine-dimension-150)}.pds-padding-block-start-xl-150{-webkit-padding-before:var(--pine-dimension-150);padding-block-start:var(--pine-dimension-150)}.pds-padding-block-end-xl-150{-webkit-padding-after:var(--pine-dimension-150);padding-block-end:var(--pine-dimension-150)}.pds-padding-inline-start-xl-150{-webkit-padding-start:var(--pine-dimension-150);padding-inline-start:var(--pine-dimension-150)}.pds-padding-inline-end-xl-150{-webkit-padding-end:var(--pine-dimension-150);padding-inline-end:var(--pine-dimension-150)}.pds-padding-xl-200{padding:var(--pine-dimension-200)}.pds-padding-block-start-xl-200{-webkit-padding-before:var(--pine-dimension-200);padding-block-start:var(--pine-dimension-200)}.pds-padding-block-end-xl-200{-webkit-padding-after:var(--pine-dimension-200);padding-block-end:var(--pine-dimension-200)}.pds-padding-inline-start-xl-200{-webkit-padding-start:var(--pine-dimension-200);padding-inline-start:var(--pine-dimension-200)}.pds-padding-inline-end-xl-200{-webkit-padding-end:var(--pine-dimension-200);padding-inline-end:var(--pine-dimension-200)}.pds-padding-xl-250{padding:var(--pine-dimension-250)}.pds-padding-block-start-xl-250{-webkit-padding-before:var(--pine-dimension-250);padding-block-start:var(--pine-dimension-250)}.pds-padding-block-end-xl-250{-webkit-padding-after:var(--pine-dimension-250);padding-block-end:var(--pine-dimension-250)}.pds-padding-inline-start-xl-250{-webkit-padding-start:var(--pine-dimension-250);padding-inline-start:var(--pine-dimension-250)}.pds-padding-inline-end-xl-250{-webkit-padding-end:var(--pine-dimension-250);padding-inline-end:var(--pine-dimension-250)}.pds-padding-xl-300{padding:var(--pine-dimension-300)}.pds-padding-block-start-xl-300{-webkit-padding-before:var(--pine-dimension-300);padding-block-start:var(--pine-dimension-300)}.pds-padding-block-end-xl-300{-webkit-padding-after:var(--pine-dimension-300);padding-block-end:var(--pine-dimension-300)}.pds-padding-inline-start-xl-300{-webkit-padding-start:var(--pine-dimension-300);padding-inline-start:var(--pine-dimension-300)}.pds-padding-inline-end-xl-300{-webkit-padding-end:var(--pine-dimension-300);padding-inline-end:var(--pine-dimension-300)}.pds-padding-xl-350{padding:var(--pine-dimension-350)}.pds-padding-block-start-xl-350{-webkit-padding-before:var(--pine-dimension-350);padding-block-start:var(--pine-dimension-350)}.pds-padding-block-end-xl-350{-webkit-padding-after:var(--pine-dimension-350);padding-block-end:var(--pine-dimension-350)}.pds-padding-inline-start-xl-350{-webkit-padding-start:var(--pine-dimension-350);padding-inline-start:var(--pine-dimension-350)}.pds-padding-inline-end-xl-350{-webkit-padding-end:var(--pine-dimension-350);padding-inline-end:var(--pine-dimension-350)}.pds-padding-xl-400{padding:var(--pine-dimension-400)}.pds-padding-block-start-xl-400{-webkit-padding-before:var(--pine-dimension-400);padding-block-start:var(--pine-dimension-400)}.pds-padding-block-end-xl-400{-webkit-padding-after:var(--pine-dimension-400);padding-block-end:var(--pine-dimension-400)}.pds-padding-inline-start-xl-400{-webkit-padding-start:var(--pine-dimension-400);padding-inline-start:var(--pine-dimension-400)}.pds-padding-inline-end-xl-400{-webkit-padding-end:var(--pine-dimension-400);padding-inline-end:var(--pine-dimension-400)}.pds-padding-xl-450{padding:var(--pine-dimension-450)}.pds-padding-block-start-xl-450{-webkit-padding-before:var(--pine-dimension-450);padding-block-start:var(--pine-dimension-450)}.pds-padding-block-end-xl-450{-webkit-padding-after:var(--pine-dimension-450);padding-block-end:var(--pine-dimension-450)}.pds-padding-inline-start-xl-450{-webkit-padding-start:var(--pine-dimension-450);padding-inline-start:var(--pine-dimension-450)}.pds-padding-inline-end-xl-450{-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450)}.pds-padding-xl-500{padding:var(--pine-dimension-500)}.pds-padding-block-start-xl-500{-webkit-padding-before:var(--pine-dimension-500);padding-block-start:var(--pine-dimension-500)}.pds-padding-block-end-xl-500{-webkit-padding-after:var(--pine-dimension-500);padding-block-end:var(--pine-dimension-500)}.pds-padding-inline-start-xl-500{-webkit-padding-start:var(--pine-dimension-500);padding-inline-start:var(--pine-dimension-500)}.pds-padding-inline-end-xl-500{-webkit-padding-end:var(--pine-dimension-500);padding-inline-end:var(--pine-dimension-500)}.pds-padding-xl-550{padding:var(--pine-dimension-550)}.pds-padding-block-start-xl-550{-webkit-padding-before:var(--pine-dimension-550);padding-block-start:var(--pine-dimension-550)}.pds-padding-block-end-xl-550{-webkit-padding-after:var(--pine-dimension-550);padding-block-end:var(--pine-dimension-550)}.pds-padding-inline-start-xl-550{-webkit-padding-start:var(--pine-dimension-550);padding-inline-start:var(--pine-dimension-550)}.pds-padding-inline-end-xl-550{-webkit-padding-end:var(--pine-dimension-550);padding-inline-end:var(--pine-dimension-550)}.pds-padding-xl-600{padding:var(--pine-dimension-600)}.pds-padding-block-start-xl-600{-webkit-padding-before:var(--pine-dimension-600);padding-block-start:var(--pine-dimension-600)}.pds-padding-block-end-xl-600{-webkit-padding-after:var(--pine-dimension-600);padding-block-end:var(--pine-dimension-600)}.pds-padding-inline-start-xl-600{-webkit-padding-start:var(--pine-dimension-600);padding-inline-start:var(--pine-dimension-600)}.pds-padding-inline-end-xl-600{-webkit-padding-end:var(--pine-dimension-600);padding-inline-end:var(--pine-dimension-600)}.pds-padding-xl-650{padding:var(--pine-dimension-650)}.pds-padding-block-start-xl-650{-webkit-padding-before:var(--pine-dimension-650);padding-block-start:var(--pine-dimension-650)}.pds-padding-block-end-xl-650{-webkit-padding-after:var(--pine-dimension-650);padding-block-end:var(--pine-dimension-650)}.pds-padding-inline-start-xl-650{-webkit-padding-start:var(--pine-dimension-650);padding-inline-start:var(--pine-dimension-650)}.pds-padding-inline-end-xl-650{-webkit-padding-end:var(--pine-dimension-650);padding-inline-end:var(--pine-dimension-650)}.pds-padding-xl-700{padding:var(--pine-dimension-700)}.pds-padding-block-start-xl-700{-webkit-padding-before:var(--pine-dimension-700);padding-block-start:var(--pine-dimension-700)}.pds-padding-block-end-xl-700{-webkit-padding-after:var(--pine-dimension-700);padding-block-end:var(--pine-dimension-700)}.pds-padding-inline-start-xl-700{-webkit-padding-start:var(--pine-dimension-700);padding-inline-start:var(--pine-dimension-700)}.pds-padding-inline-end-xl-700{-webkit-padding-end:var(--pine-dimension-700);padding-inline-end:var(--pine-dimension-700)}.pds-padding-xl-750{padding:var(--pine-dimension-750)}.pds-padding-block-start-xl-750{-webkit-padding-before:var(--pine-dimension-750);padding-block-start:var(--pine-dimension-750)}.pds-padding-block-end-xl-750{-webkit-padding-after:var(--pine-dimension-750);padding-block-end:var(--pine-dimension-750)}.pds-padding-inline-start-xl-750{-webkit-padding-start:var(--pine-dimension-750);padding-inline-start:var(--pine-dimension-750)}.pds-padding-inline-end-xl-750{-webkit-padding-end:var(--pine-dimension-750);padding-inline-end:var(--pine-dimension-750)}.pds-padding-xl-800{padding:var(--pine-dimension-800)}.pds-padding-block-start-xl-800{-webkit-padding-before:var(--pine-dimension-800);padding-block-start:var(--pine-dimension-800)}.pds-padding-block-end-xl-800{-webkit-padding-after:var(--pine-dimension-800);padding-block-end:var(--pine-dimension-800)}.pds-padding-inline-start-xl-800{-webkit-padding-start:var(--pine-dimension-800);padding-inline-start:var(--pine-dimension-800)}.pds-padding-inline-end-xl-800{-webkit-padding-end:var(--pine-dimension-800);padding-inline-end:var(--pine-dimension-800)}}`;
5999
6237
 
6238
+ /**
6239
+ * @lightDom host-only
6240
+ */
6000
6241
  class PdsBox {
6001
6242
  constructor(hostRef) {
6002
6243
  registerInstance(this, hostRef);
6244
+ this.hostKeeper = new HostStylingKeeper();
6003
6245
  /**
6004
6246
  * If `true`, the box will have a border.
6005
6247
  */
6006
6248
  this.border = false;
6007
6249
  }
6250
+ connectedCallback() {
6251
+ this.hostKeeper.connect(this.el);
6252
+ }
6253
+ disconnectedCallback() {
6254
+ this.hostKeeper.disconnect();
6255
+ }
6008
6256
  render() {
6009
6257
  const boxClasses = `
6010
6258
  ${this.alignItems !== undefined && this.alignItems.trim() !== '' ? `pds-align-items-${this.alignItems}` : ''}
@@ -6139,8 +6387,10 @@ class PdsBox {
6139
6387
  const normalizedBackground = normalizeColorValue(this.backgroundColor);
6140
6388
  const normalizedBorder = normalizeColorValue(this.borderColor);
6141
6389
  const boxInlineStyles = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (normalizedBackground && { '--color-background-box': normalizedBackground })), (normalizedBorder && { '--color-border-box': normalizedBorder })), (this.minHeight && { '--sizing-min-height-box': this.minHeight })), (this.minWidth && { '--sizing-min-width-box': this.minWidth })), (this.flex && !['none', 'grow', 'shrink'].includes(this.flex) && { 'flex': this.flex }));
6142
- return (hAsync(Host, { key: '7bdd52391194a0c5f1c864453a9d5b04d5c6396c', class: boxClasses, style: boxInlineStyles }));
6390
+ this.hostKeeper.record(boxClasses, boxInlineStyles);
6391
+ return (hAsync(Host, { key: 'dc4d939daf38b24ecbfa0eb0a95ab67b97a85665', class: boxClasses, style: boxInlineStyles }));
6143
6392
  }
6393
+ get el() { return getElement(this); }
6144
6394
  static get style() { return pdsBoxCss(); }
6145
6395
  static get cmpMeta() { return {
6146
6396
  "$flags$": 0,
@@ -6620,87 +6870,6 @@ const isSpecTest = () => {
6620
6870
  return typeof process !== 'undefined' && ((_a = process.env) === null || _a === void 0 ? void 0 : _a.__STENCIL_SPEC_TESTS__) === 'true';
6621
6871
  };
6622
6872
 
6623
- /**
6624
- * Inherit attributes from the host element
6625
- * @param el - Host element
6626
- * @param attributes - Array of attributes to inherit
6627
- */
6628
- const inheritAttributes$1 = (el, attributes = []) => {
6629
- const attributeObject = {};
6630
- attributes.forEach((attr) => {
6631
- if (el.hasAttribute(attr)) {
6632
- const value = el.getAttribute(attr);
6633
- if (value !== null) {
6634
- attributeObject[attr] = el.getAttribute(attr);
6635
- }
6636
- el.removeAttribute(attr);
6637
- }
6638
- });
6639
- return attributeObject;
6640
- };
6641
- /**
6642
- * List of available ARIA attributes + `role`.
6643
- * Removed deprecated attributes.
6644
- * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes
6645
- */
6646
- const ariaAttributes = [
6647
- 'role',
6648
- 'aria-activedescendant',
6649
- 'aria-atomic',
6650
- 'aria-autocomplete',
6651
- 'aria-braillelabel',
6652
- 'aria-brailleroledescription',
6653
- 'aria-busy',
6654
- 'aria-checked',
6655
- 'aria-colcount',
6656
- 'aria-colindex',
6657
- 'aria-colindextext',
6658
- 'aria-colspan',
6659
- 'aria-controls',
6660
- 'aria-current',
6661
- 'aria-describedby',
6662
- 'aria-description',
6663
- 'aria-details',
6664
- 'aria-disabled',
6665
- 'aria-errormessage',
6666
- 'aria-expanded',
6667
- 'aria-flowto',
6668
- 'aria-haspopup',
6669
- 'aria-hidden',
6670
- 'aria-invalid',
6671
- 'aria-keyshortcuts',
6672
- 'aria-label',
6673
- 'aria-labelledby',
6674
- 'aria-level',
6675
- 'aria-live',
6676
- 'aria-multiline',
6677
- 'aria-multiselectable',
6678
- 'aria-orientation',
6679
- 'aria-owns',
6680
- 'aria-placeholder',
6681
- 'aria-posinset',
6682
- 'aria-pressed',
6683
- 'aria-readonly',
6684
- 'aria-relevant',
6685
- 'aria-required',
6686
- 'aria-roledescription',
6687
- 'aria-rowcount',
6688
- 'aria-rowindex',
6689
- 'aria-rowindextext',
6690
- 'aria-rowspan',
6691
- 'aria-selected',
6692
- 'aria-setsize',
6693
- 'aria-sort',
6694
- 'aria-valuemax',
6695
- 'aria-valuemin',
6696
- 'aria-valuenow',
6697
- 'aria-valuetext',
6698
- ];
6699
- const inheritAriaAttributes = (el, ignoreList) => {
6700
- let attributesToInherit = ariaAttributes;
6701
- return inheritAttributes$1(el, attributesToInherit);
6702
- };
6703
-
6704
6873
  const labelCss$5 = () => `:host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}`;
6705
6874
 
6706
6875
  const pdsCheckboxCss = () => `:host{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}:host(.is-invalid) input{border-color:var(--pine-color-border-danger)}:host(.is-invalid) input:checked{background:var(--pine-color-danger)}:host(.is-invalid) input:checked::after{border-color:var(--pine-color-white)}:host(.is-invalid) input:checked:hover{background:var(--pine-color-danger-hover);border-color:var(--pine-color-border-danger-hover)}:host(.is-invalid) input:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-invalid) label,:host(.is-invalid) .pds-checkbox__message--error{color:var(--pine-color-text-message-danger)}:host(.is-indeterminate) input{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}:host(.is-indeterminate) input:hover{background:var(--pine-color-accent);border-color:var(--pine-color-accent-hover)}:host(.is-indeterminate) input::after{border:1px solid var(--pine-color-text-primary);-webkit-border-after:var(--pine-border-width-none);border-block-end:var(--pine-border-width-none);-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);content:"";display:block;height:7px;inset-block-start:50%;inset-inline-start:50%;position:absolute;-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg);width:4px}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-2xs);-ms-flex:none;flex:none;height:var(--pine-dimension-sm);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--pine-dimension-sm)}input:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input:checked::after{border:1px solid var(--pine-color-text-primary);-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);content:"";display:block;height:7px;inset-block-start:50%;inset-inline-start:50%;position:absolute;-webkit-transform:translate(-50%, -60%) rotate(43deg);transform:translate(-50%, -60%) rotate(43deg);width:4px}input:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input:disabled:checked{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled)}input:disabled:checked::after{border-color:var(--pine-color-border)}input:disabled+label{cursor:not-allowed}input:disabled~.pds-checkbox__message{color:var(--pine-color-text-disabled)}input:focus-visible{outline:var(--pine-outline-focus)}:host-context([dir=rtl]) input:checked::after{-webkit-transform:translate(-50%, -60%) rotate(-43deg);transform:translate(-50%, -60%) rotate(-43deg)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}:host(.has-label-slot) label{-ms-flex-align:center;align-items:center}:host(.has-label-slot) input{-webkit-margin-before:0;margin-block-start:0}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-checkbox__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:6px;margin-block-start:6px;-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-checkbox__message--error{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-checkbox__message--error pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}`;
@@ -6715,6 +6884,7 @@ class PdsCheckbox {
6715
6884
  this.pdsCheckboxInput = createEvent(this, "pdsCheckboxInput");
6716
6885
  this.inheritedAttributes = {};
6717
6886
  this._type = 'checkbox';
6887
+ this.hostKeeper = new HostStylingKeeper();
6718
6888
  this.hasLabelSlot = false;
6719
6889
  /**
6720
6890
  * It determines whether or not the checkbox is checked.
@@ -6762,6 +6932,7 @@ class PdsCheckbox {
6762
6932
  return classNames.join(' ');
6763
6933
  }
6764
6934
  connectedCallback() {
6935
+ this.hostKeeper.connect(this.el);
6765
6936
  // Initialize ElementInternals for form association (only once per element instance)
6766
6937
  if (this.el.attachInternals && !this.internals) {
6767
6938
  this.internals = this.el.attachInternals();
@@ -6769,6 +6940,9 @@ class PdsCheckbox {
6769
6940
  // Expose type property on the element instance to match native form element behavior
6770
6941
  exposeTypeProperty(this.el, () => this._type);
6771
6942
  }
6943
+ disconnectedCallback() {
6944
+ this.hostKeeper.disconnect();
6945
+ }
6772
6946
  componentDidLoad() {
6773
6947
  this.updateFormValue();
6774
6948
  }
@@ -6803,9 +6977,11 @@ class PdsCheckbox {
6803
6977
  this.updateHasLabelSlot();
6804
6978
  }
6805
6979
  render() {
6806
- return (hAsync(Host, { key: 'aef1cece81ef5b59ee50d31f8542ffe627230734', class: this.classNames() }, hAsync("label", { key: 'ad41c1039f2d11ff52e362e5e45d4c25e1d71b71', htmlFor: this.componentId }, hAsync("input", Object.assign({ key: '180959e7154129ecbfe6a9151e13610d4799ece2', type: "checkbox", "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage, this.errorMessage), "aria-invalid": this.invalid ? "true" : undefined, id: this.componentId, indeterminate: this.indeterminate, name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, onChange: this.handleCheckboxChange, onInput: this.handleInput }, this.inheritedAttributes)), hAsync("span", { key: '37917f2d69bc0927d38fd8400f48201a451e1d4f', class: this.hideLabel ? 'visually-hidden' : '' }, hAsync("slot", { key: '14067135aafbb1c472c4b7cb47c807655ea17d4f', name: "label", onSlotchange: this.updateHasLabelSlot }), !this.hasLabelSlot && this.label)), this.helperMessage &&
6807
- hAsync("div", { key: '6939b70ba6e83bbb3c97547038230f466f0b28e2', class: 'pds-checkbox__message', id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
6808
- hAsync("div", { key: '3a8c7c163c5343f77c543abaa45e516a80b261ac', class: `pds-checkbox__message pds-checkbox__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, hAsync("pds-icon", { key: '6db80f38537e2817c2f14934dd190a5902ba608e', icon: danger, size: "small" }), this.errorMessage)));
6980
+ const hostClass = this.classNames();
6981
+ this.hostKeeper.record(hostClass);
6982
+ return (hAsync(Host, { key: '2d63feb42a7fa2a0121c1b25625ff7c6b6844fa9', class: hostClass }, hAsync("label", { key: '07158e232a025c978c2725bdd938ce8254a244ac', htmlFor: this.componentId }, hAsync("input", Object.assign({ key: 'c1f47d9de63fef8e373f6b76efb1386cb7ab4921', type: "checkbox", "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage, this.errorMessage), "aria-invalid": this.invalid ? "true" : undefined, id: this.componentId, indeterminate: this.indeterminate, name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, onChange: this.handleCheckboxChange, onInput: this.handleInput }, this.inheritedAttributes)), hAsync("span", { key: 'e04db0b2a5600e3da74fb9857a276547f602c7eb', class: this.hideLabel ? 'visually-hidden' : '' }, hAsync("slot", { key: '3af6b6bf89e9ab74821f63753843fca575aaea2f', name: "label", onSlotchange: this.updateHasLabelSlot }), !this.hasLabelSlot && this.label)), this.helperMessage &&
6983
+ hAsync("div", { key: '78c2f5f6b0cdc93facee367662ba190906a5421c', class: 'pds-checkbox__message', id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
6984
+ hAsync("div", { key: 'd776e3539d2ff057c5a2471df4069df8fc3af864', class: `pds-checkbox__message pds-checkbox__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, hAsync("pds-icon", { key: 'f74131e597bc37569062b683b118b676af418a28', icon: danger, size: "small" }), this.errorMessage)));
6809
6985
  }
6810
6986
  static get formAssociated() { return true; }
6811
6987
  get el() { return getElement(this); }
@@ -8861,6 +9037,7 @@ class PdsChip {
8861
9037
  constructor(hostRef) {
8862
9038
  registerInstance(this, hostRef);
8863
9039
  this.pdsTagCloseClick = createEvent(this, "pdsTagCloseClick");
9040
+ this.hostKeeper = new HostStylingKeeper();
8864
9041
  this.truncationCleanup = null;
8865
9042
  /**
8866
9043
  * Determines whether a dot should be displayed on the chip.
@@ -8888,6 +9065,9 @@ class PdsChip {
8888
9065
  this.pdsTagCloseClick.emit();
8889
9066
  };
8890
9067
  }
9068
+ connectedCallback() {
9069
+ this.hostKeeper.connect(this.el);
9070
+ }
8891
9071
  // Bind (and re-bind) here, not just on load: changing variant/size remounts
8892
9072
  // the label span, so the tooltip has to re-attach to the current node or it
8893
9073
  // would keep measuring a detached one. Keyed on node identity so an unrelated
@@ -8903,6 +9083,7 @@ class PdsChip {
8903
9083
  }
8904
9084
  }
8905
9085
  disconnectedCallback() {
9086
+ this.hostKeeper.disconnect();
8906
9087
  this.destroyTruncationTooltip();
8907
9088
  }
8908
9089
  // Reveal the clipped label on hover/focus, matching pds-text / pds-table-cell.
@@ -9047,7 +9228,10 @@ class PdsChip {
9047
9228
  return (hAsync(CloseElement, Object.assign({}, closeAttributes(), { onClick: this.handleCloseClick }), hAsync("pds-icon", { icon: remove, size: this.iconSize })));
9048
9229
  }
9049
9230
  render() {
9050
- return (hAsync(Host, { key: '065b561b3532d724a420b3fb1e4abaccd05b8879', class: this.classNames(), id: this.componentId, style: this.hostStyles }, this.setChipContent(), this.effectiveVariant === 'tag' && this.renderCloseButton()));
9231
+ const hostClass = this.classNames();
9232
+ const hostStyles = this.hostStyles;
9233
+ this.hostKeeper.record(hostClass, hostStyles);
9234
+ return (hAsync(Host, { key: '63e00360276ca3941fb543b2c35211a709fbfc2b', class: hostClass, id: this.componentId, style: hostStyles }, this.setChipContent(), this.effectiveVariant === 'tag' && this.renderCloseButton()));
9051
9235
  }
9052
9236
  get el() { return getElement(this); }
9053
9237
  static get style() { return pdsChipTokensCss() + pdsChipCss(); }
@@ -9083,7 +9267,7 @@ const closest$1 = (selector, el) => {
9083
9267
  closest$1(selector, el.getRootNode().host)));
9084
9268
  };
9085
9269
  /** Whether `node` is `ancestor` or inside it, crossing shadow roots, which `Node.contains` doesn't. */
9086
- const containsComposed = (ancestor, node) => {
9270
+ const containsComposed$1 = (ancestor, node) => {
9087
9271
  for (let current = node; current; current = current instanceof ShadowRoot ? current.host : current.parentNode) {
9088
9272
  if (current === ancestor)
9089
9273
  return true;
@@ -10739,7 +10923,7 @@ class FlyoutController {
10739
10923
  }
10740
10924
  }
10741
10925
 
10742
- const pdsComboboxCss = () => `:host{display:block}:host([aria-disabled=true]) .pds-combobox__input-icon{color:var(--pine-color-text-disabled);pointer-events:none}.pds-combobox{position:relative}.pds-combobox__label{color:var(--pine-color-text-label);display:block;font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-combobox__input-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;position:relative;width:100%}.pds-combobox__input{background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text-strong);-ms-flex:1;flex:1;font:var(--pine-typography-body-medium);padding:var(--pine-dimension-xs) var(--pine-dimension-450) var(--pine-dimension-xs) var(--pine-dimension-150);-webkit-transition:border-color var(--pine-motion-duration-base) ease;transition:border-color var(--pine-motion-duration-base) ease;width:100%}.pds-combobox__input:hover:not(:disabled){border-color:var(--pine-color-border-hover)}.pds-combobox__input:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-combobox__input:disabled::-webkit-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled:-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled::-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled::placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-combobox__input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input::placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input.pds-combobox__input--invalid{background:var(--pine-color-red-050);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) .pds-combobox__input.pds-combobox__input--invalid{background:var(--pine-color-red-950)}.pds-combobox__input.pds-combobox__input--invalid:hover:not(:disabled){border-color:var(--pine-color-border-danger)}.pds-combobox__input.pds-combobox__input--invalid:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-combobox__input-icon{color:var(--pine-color-text-secondary);inset-inline-end:var(--pine-dimension-150);pointer-events:none;position:absolute;z-index:calc(var(--pine-z-index-raised) - 1)}.pds-combobox__helper{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-combobox__error{-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;font:var(--pine-typography-body-sm-medium);gap:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-combobox__error pds-icon{-ms-flex-negative:0;flex-shrink:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-combobox__listbox{background:var(--pine-color-background-overlay);border:0;border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);list-style:none;margin:0;min-width:220px;overflow-y:auto;padding:var(--pine-dimension-xs);position:absolute;z-index:var(--pine-z-index-raised)}.pds-combobox__option{-ms-flex-align:center;align-items:center;background:transparent;border-radius:var(--pine-dimension-125);color:var(--pine-color-text-secondary);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);-ms-flex-pack:justify;justify-content:space-between;padding:var(--pine-dimension-xs) var(--pine-dimension-sm);position:relative;-webkit-transition:background 0.15s;transition:background 0.15s}.pds-combobox__option[aria-selected=true]{background:var(--pine-color-background-muted)}.pds-combobox__option:focus-visible{outline:0}.pds-combobox__option.pds-combobox__option--layout .pds-combobox__option-layout-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__option.pds-combobox__option--chip .pds-combobox__option-chip{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__option:last-child{-webkit-margin-after:0;margin-block-end:0}.pds-combobox__option--highlighted,.pds-combobox__option[selected],.pds-combobox__option--selected{background:var(--pine-color-background-muted)}.pds-combobox__option--disabled,.pds-combobox__group-row--disabled>.pds-combobox__group-row-trigger,.pds-combobox__group-back--disabled>.pds-combobox__group-back-trigger,.pds-combobox__group--disabled>.pds-combobox__group-label{color:var(--pine-color-text-disabled)}.pds-combobox__option--disabled{cursor:not-allowed}.pds-combobox__option--disabled .pds-combobox__option-chip,.pds-combobox__option--disabled .pds-combobox__option-layout-wrapper{opacity:0.5}.pds-combobox__option-check{color:currentColor;font-size:var(--pine-dimension-150);-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-combobox__group-label{color:var(--pine-color-text-tertiary);cursor:default;font:var(--pine-typography-heading-caption);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-150);margin-block-start:var(--pine-dimension-150);padding:var(--pine-dimension-2xs) var(--pine-dimension-sm);text-transform:uppercase}.pds-combobox__group-label:first-child{-webkit-margin-before:0;margin-block-start:0}.pds-combobox__group{list-style:none;-webkit-margin-before:var(--pine-dimension-150);margin-block-start:var(--pine-dimension-150)}.pds-combobox__group:first-child{-webkit-margin-before:0;margin-block-start:0}.pds-combobox__group-list{list-style:none;margin:0;padding:0}.pds-combobox__listbox--grouped .pds-combobox__group-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-2xs)}.pds-combobox__group-label--with-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}.pds-combobox__group-icon{-ms-flex-negative:0;flex-shrink:0}.pds-combobox__group-row{list-style:none;position:relative}.pds-combobox__group-row-trigger{-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-125);color:var(--pine-color-text-secondary);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);gap:var(--pine-dimension-xs);-ms-flex-pack:justify;justify-content:space-between;padding:var(--pine-dimension-xs) var(--pine-dimension-sm);-webkit-transition:background 0.15s;transition:background 0.15s}.pds-combobox__group-row--open>.pds-combobox__group-row-trigger,.pds-combobox__group-row--has-selection>.pds-combobox__group-row-trigger,.pds-combobox__group-row--highlighted>.pds-combobox__group-row-trigger,.pds-combobox__group-back--highlighted>.pds-combobox__group-row-trigger,.pds-combobox__group-row-trigger:hover{background:var(--pine-color-background-muted)}.pds-combobox__listbox--drill-in,.pds-combobox__listbox--drill-out{overflow-x:hidden}.pds-combobox__listbox--drill-in>.pds-combobox__group-back{-webkit-animation:pds-combobox-drill-from-end var(--pine-motion-duration-base) var(--pine-motion-easing-out);animation:pds-combobox-drill-from-end var(--pine-motion-duration-base) var(--pine-motion-easing-out)}.pds-combobox__listbox--drill-out>li{-webkit-animation:pds-combobox-drill-from-start var(--pine-motion-duration-base) var(--pine-motion-easing-out);animation:pds-combobox-drill-from-start var(--pine-motion-duration-base) var(--pine-motion-easing-out)}@-webkit-keyframes pds-combobox-drill-from-end{from{opacity:0;-webkit-transform:translateX(var(--pine-dimension-sm));transform:translateX(var(--pine-dimension-sm))}}@keyframes pds-combobox-drill-from-end{from{opacity:0;-webkit-transform:translateX(var(--pine-dimension-sm));transform:translateX(var(--pine-dimension-sm))}}@-webkit-keyframes pds-combobox-drill-from-start{from{opacity:0;-webkit-transform:translateX(calc(var(--pine-dimension-sm) * -1));transform:translateX(calc(var(--pine-dimension-sm) * -1))}}@keyframes pds-combobox-drill-from-start{from{opacity:0;-webkit-transform:translateX(calc(var(--pine-dimension-sm) * -1));transform:translateX(calc(var(--pine-dimension-sm) * -1))}}.pds-combobox__group-row--keyboard>.pds-combobox__group-row-trigger,.pds-combobox__group-back--keyboard>.pds-combobox__group-row-trigger{outline:var(--pine-outline-focus);outline-offset:calc(var(--pine-border-width) * -2)}.pds-combobox__group-row-label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);min-width:0}.pds-combobox__group-row-caret{-ms-flex-negative:0;flex-shrink:0}.pds-combobox__listbox--grouped,.pds-combobox__flyout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-2xs);padding:var(--pine-dimension-2xs)}.pds-combobox__flyout{background:var(--pine-color-background-overlay);border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);list-style:none;margin:0;overflow-y:auto;position:fixed;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:1}.pds-combobox__listbox--with-search{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding:0}.pds-combobox__listbox-options{-ms-flex:1;flex:1;list-style:none;margin:0;min-height:0;overflow-y:auto;padding:var(--pine-dimension-xs)}.pds-combobox__listbox-options.pds-combobox__listbox--grouped{padding:var(--pine-dimension-2xs)}.pds-combobox__panel-search{-ms-flex-align:center;align-items:center;-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;gap:var(--pine-dimension-xs);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-combobox__panel-search pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:0;flex-shrink:0}.pds-combobox__panel-search:focus-within{border-block-end-color:var(--pine-color-border-active)}.pds-combobox__panel-search-input{background:transparent;border:0;color:var(--pine-color-text-strong);-ms-flex:1;flex:1;font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-width:0;outline:none}.pds-combobox__panel-search-input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__panel-search-input::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__panel-search-input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__panel-search-input::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__panel-search-input::placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__group-back{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-2xs);list-style:none}.pds-combobox__group-back-trigger{-ms-flex-pack:start;justify-content:flex-start}.pds-combobox__listbox-options--drilled-in.pds-combobox__listbox--grouped{-webkit-padding-before:0;padding-block-start:0}.pds-combobox__listbox-options--drilled-in:focus{outline:none}.pds-combobox__listbox-options--drilled-in:focus .pds-combobox__group-back-trigger{border-block-end-color:var(--pine-color-border-active)}:where(.pds-combobox__listbox-options--drilled-in) .pds-combobox__group-back-trigger{background-color:var(--pine-color-background-overlay);-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);border-radius:0;inset-block-start:0;margin-inline:calc(var(--pine-dimension-2xs) * -1);position:-webkit-sticky;position:sticky;z-index:1}.pds-combobox__drill-in-options{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-2xs);list-style:none;margin:0;padding:0}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-combobox__loading{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-150)}.pds-combobox__empty{color:var(--pine-color-text-tertiary);padding:var(--pine-dimension-150) var(--pine-dimension-sm);text-align:center}.pds-combobox__load-more{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-150)}:host(.pds-combobox-dropdown-portal) .pds-combobox__listbox{position:fixed;z-index:var(--pine-z-index-priority)}.pds-combobox__button-trigger{-ms-flex-align:center;align-items:center;background:var(--color-background-default, var(--pine-color-secondary));border:var(--pine-border);border-radius:var(--pine-border-radius-full);color:var(--color-text-default, var(--pine-color-text-inverse-emphasis));cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);-ms-flex-pack:justify;justify-content:space-between;min-height:var(--pine-dimension-450);outline:none;padding:0 var(--pine-dimension-sm);-webkit-transition:border-color 0.15s, background 0.15s, -webkit-box-shadow 0.15s;transition:border-color 0.15s, background 0.15s, -webkit-box-shadow 0.15s;transition:border-color 0.15s, box-shadow 0.15s, background 0.15s;transition:border-color 0.15s, box-shadow 0.15s, background 0.15s, -webkit-box-shadow 0.15s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pds-combobox__button-trigger .pds-combobox__button-trigger-layout-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.pds-combobox__button-trigger .trigger-content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__button-trigger:focus-visible{border-color:var(--color-border-focus, var(--pine-color-border));-webkit-box-shadow:0 0 0 2px var(--color-outline, var(--pine-color-focus-ring));box-shadow:0 0 0 2px var(--color-outline, var(--pine-color-focus-ring))}.pds-combobox__button-trigger:hover{background:var(--color-background-hover, var(--pine-color-secondary-hover));border-color:var(--color-border-hover, var(--pine-color-border-hover))}.pds-combobox__button-trigger[aria-disabled=true],.pds-combobox__button-trigger:disabled{background:var(--color-background-disabled, var(--pine-color-secondary-disabled));border-color:var(--color-border-disabled, var(--pine-color-border-disabled));color:var(--color-text-disabled, var(--pine-color-text-secondary-disabled));cursor:not-allowed;opacity:0.6}.pds-combobox__button-trigger-label{color:inherit;-ms-flex:1 1 auto;flex:1 1 auto;text-align:start}.pds-combobox__button-trigger--input-shape{border-radius:var(--pine-dimension-125);min-height:var(--pine-dimension-500)}.pds-combobox__button-trigger-chevron{color:currentColor;-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-combobox__button-trigger--primary{--color-background-default:var(--pine-color-primary);--color-background-hover:var(--pine-color-primary-hover);--color-background-disabled:var(--pine-color-primary-disabled);--color-border-default:var(--pine-color-primary);--color-border-hover:var(--pine-color-primary-hover);--color-border-disabled:var(--pine-color-primary-disabled);--color-border-focus:var(--pine-color-primary);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-primary-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-combobox__button-trigger--accent{--color-background-default:var(--pine-color-accent);--color-background-hover:var(--pine-color-accent-hover);--color-background-disabled:var(--pine-color-accent-disabled);--color-border-default:var(--pine-color-accent);--color-border-hover:var(--pine-color-accent-hover);--color-border-disabled:var(--pine-color-accent-disabled);--color-border-focus:var(--pine-color-accent);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-accent-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-combobox__button-trigger--secondary{--color-background-default:var(--pine-color-secondary);--color-background-hover:var(--pine-color-secondary-hover);--color-background-disabled:var(--pine-color-secondary-disabled);--color-border-default:var(--pine-color-border);--color-border-hover:var(--pine-color-border-hover);--color-border-disabled:var(--pine-color-border-disabled);--color-border-focus:var(--pine-color-border);--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-combobox__button-trigger--destructive{--color-background-default:var(--pine-color-danger);--color-background-hover:var(--pine-color-danger-hover);--color-background-disabled:var(--pine-color-danger-disabled);--color-border-default:var(--pine-color-danger);--color-border-hover:var(--pine-color-danger-hover);--color-border-disabled:var(--pine-color-danger-disabled);--color-border-focus:var(--pine-color-danger);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-danger-disabled);--color-outline:var(--pine-color-focus-ring-danger)}[data-layout]{border-radius:var(--pine-dimension-125);padding-block:var(--pine-dimension-xs)}.pds-combobox__chip-trigger{-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-sm);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font:var(--pine-typography-body-medium);-ms-flex-pack:justify;justify-content:space-between;outline:none;padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-150);-webkit-transition:all 0.15s ease;transition:all 0.15s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pds-combobox__chip-trigger .pds-combobox__chip-trigger-layout-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.pds-combobox__chip-trigger .trigger-content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__chip-trigger:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-combobox__chip-trigger[aria-disabled=true]{cursor:not-allowed;opacity:0.6}.pds-combobox__chip-trigger-label{color:inherit;-ms-flex:1 1 auto;flex:1 1 auto;text-align:start}.pds-combobox__chip-trigger-chevron{color:currentColor;-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-combobox__chip-trigger-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-combobox__chip-trigger--neutral,.pds-combobox__chip-trigger--accent,.pds-combobox__chip-trigger--success,.pds-combobox__chip-trigger--warning,.pds-combobox__chip-trigger--danger,.pds-combobox__chip-trigger--info{background:var(--chip-bg);border:var(--pine-border-width) solid var(--chip-border);color:var(--chip-text)}.pds-combobox__chip-trigger--neutral:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--accent:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--success:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--warning:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--danger:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--info:hover:not([aria-disabled=true]){background:var(--chip-bg-hover)}.pds-combobox__chip-trigger--neutral:focus-visible,.pds-combobox__chip-trigger--accent:focus-visible,.pds-combobox__chip-trigger--success:focus-visible,.pds-combobox__chip-trigger--warning:focus-visible,.pds-combobox__chip-trigger--danger:focus-visible,.pds-combobox__chip-trigger--info:focus-visible{border-color:var(--chip-border)}.pds-combobox__chip-trigger--neutral{--chip-bg:var(--pine-chip-color-neutral);--chip-bg-hover:var(--pine-chip-color-neutral-hover);--chip-border:var(--pine-chip-color-neutral-hover);--chip-text:var(--pine-color-text-neutral)}.pds-combobox__chip-trigger--accent{--chip-bg:var(--pine-chip-color-accent);--chip-bg-hover:var(--pine-chip-color-accent-hover);--chip-border:var(--pine-chip-color-accent-hover);--chip-text:var(--pine-color-text-accent)}.pds-combobox__chip-trigger--success{--chip-bg:var(--pine-chip-color-success);--chip-bg-hover:var(--pine-chip-color-success-hover);--chip-border:var(--pine-chip-color-success-hover);--chip-text:var(--pine-color-text-success)}.pds-combobox__chip-trigger--warning{--chip-bg:var(--pine-chip-color-warning);--chip-bg-hover:var(--pine-chip-color-warning-hover);--chip-border:var(--pine-chip-color-warning-hover);--chip-text:var(--pine-color-text-warning)}.pds-combobox__chip-trigger--danger{--chip-bg:var(--pine-chip-color-danger);--chip-bg-hover:var(--pine-chip-color-danger-hover);--chip-border:var(--pine-chip-color-danger-hover);--chip-text:var(--pine-color-text-danger)}.pds-combobox__chip-trigger--info{--chip-bg:var(--pine-chip-color-info);--chip-bg-hover:var(--pine-chip-color-info-hover);--chip-border:var(--pine-chip-color-info-hover);--chip-text:var(--pine-color-text-info)}.pds-combobox__chip-trigger--brand{background:-webkit-gradient(linear, left top, right top, from(#FF3E14), to(#6B62F2));background:linear-gradient(90deg, #FF3E14 0%, #6B62F2 100%);border:0;color:var(--pine-color-text-neutral);padding:1px;position:relative}.pds-combobox__chip-trigger--brand .pds-combobox__chip-trigger-label{background:rgba(255, 255, 255, 0.9);border-radius:calc(var(--pine-dimension-sm) - 1px);color:var(--pine-color-text-neutral);font-weight:var(--pine-font-weight-medium);padding:var(--pine-dimension-025) var(--pine-dimension-150);position:relative;z-index:1}.pds-combobox__chip-trigger--brand .pds-combobox__chip-trigger-chevron{position:relative;z-index:1}.pds-combobox__chip-trigger--brand:hover:not([aria-disabled=true]) .pds-combobox__chip-trigger-label{background:rgba(255, 255, 255, 0.8)}.pds-combobox__chip-trigger--dropdown:not(.pds-combobox__chip-trigger--brand){padding:var(--pine-dimension-none)}.pds-combobox__chip-trigger--dropdown:not(.pds-combobox__chip-trigger--brand) .pds-combobox__chip-trigger-label{padding:var(--pine-dimension-025) var(--pine-dimension-150)}.pds-combobox__chip-trigger--large .pds-combobox__chip-trigger-label{font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}.pds-combobox__chip-trigger--dot .pds-combobox__chip-trigger-label::before{border:var(--pine-border-width) solid transparent;border-radius:var(--pine-border-radius-full);content:"";display:inline-block;height:var(--pine-dimension-2xs);-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs);width:var(--pine-dimension-2xs)}`;
10926
+ const pdsComboboxCss = () => `:host{display:block}:host([aria-disabled=true]) .pds-combobox__input-icon{color:var(--pine-color-text-disabled);pointer-events:none}.pds-combobox{position:relative}.pds-combobox__label{color:var(--pine-color-text-label);display:block;font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-combobox__input-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;position:relative;width:100%}.pds-combobox__input{background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text-strong);-ms-flex:1;flex:1;font:var(--pine-typography-body-medium);padding:var(--pine-dimension-xs) var(--pine-dimension-450) var(--pine-dimension-xs) var(--pine-dimension-150);-webkit-transition:border-color var(--pine-motion-duration-base) ease;transition:border-color var(--pine-motion-duration-base) ease;width:100%}.pds-combobox__input:hover:not(:disabled){border-color:var(--pine-color-border-hover)}.pds-combobox__input:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-combobox__input:disabled::-webkit-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled:-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled::-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled::placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-combobox__input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input::placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input.pds-combobox__input--invalid{background:var(--pine-color-red-050);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) .pds-combobox__input.pds-combobox__input--invalid{background:var(--pine-color-red-950)}.pds-combobox__input.pds-combobox__input--invalid:hover:not(:disabled){border-color:var(--pine-color-border-danger)}.pds-combobox__input.pds-combobox__input--invalid:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-combobox__input-icon{color:var(--pine-color-text-secondary);inset-inline-end:var(--pine-dimension-150);pointer-events:none;position:absolute;z-index:calc(var(--pine-z-index-raised) - 1)}.pds-combobox__helper{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-combobox__error{-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;font:var(--pine-typography-body-sm-medium);gap:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-combobox__error pds-icon{-ms-flex-negative:0;flex-shrink:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-combobox__listbox{background:var(--pine-color-background-overlay);border:0;border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);list-style:none;margin:0;min-width:220px;overflow-y:auto;padding:var(--pine-dimension-xs);position:absolute;z-index:var(--pine-z-index-raised)}.pds-combobox__option{-ms-flex-align:center;align-items:center;background:transparent;border-radius:var(--pine-dimension-125);color:var(--pine-color-text-secondary);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);-ms-flex-pack:justify;justify-content:space-between;padding:var(--pine-dimension-xs) var(--pine-dimension-sm);position:relative;-webkit-transition:background 0.15s;transition:background 0.15s}.pds-combobox__option[aria-selected=true]{background:var(--pine-color-background-muted)}.pds-combobox__option:focus-visible{outline:0}.pds-combobox__option.pds-combobox__option--layout .pds-combobox__option-layout-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__option.pds-combobox__option--chip .pds-combobox__option-chip{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__option:last-child{-webkit-margin-after:0;margin-block-end:0}.pds-combobox__option--highlighted,.pds-combobox__option[selected],.pds-combobox__option--selected{background:var(--pine-color-background-muted)}.pds-combobox__option--disabled,.pds-combobox__group-row--disabled>.pds-combobox__group-row-trigger,.pds-combobox__group-back--disabled>.pds-combobox__group-back-trigger,.pds-combobox__group--disabled>.pds-combobox__group-label{color:var(--pine-color-text-disabled)}.pds-combobox__option--disabled{cursor:not-allowed}.pds-combobox__option--disabled .pds-combobox__option-chip,.pds-combobox__option--disabled .pds-combobox__option-layout-wrapper{opacity:0.5}.pds-combobox__option-check{color:currentColor;font-size:var(--pine-dimension-150);-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-combobox__group-label{color:var(--pine-color-text-tertiary);cursor:default;font:var(--pine-typography-heading-caption);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-150);margin-block-start:var(--pine-dimension-150);padding:var(--pine-dimension-2xs) var(--pine-dimension-sm);text-transform:uppercase}.pds-combobox__group-label:first-child{-webkit-margin-before:0;margin-block-start:0}.pds-combobox__group{list-style:none;-webkit-margin-before:var(--pine-dimension-150);margin-block-start:var(--pine-dimension-150)}.pds-combobox__group:first-child{-webkit-margin-before:0;margin-block-start:0}.pds-combobox__group-list{list-style:none;margin:0;padding:0}.pds-combobox__listbox--grouped .pds-combobox__group-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-2xs)}.pds-combobox__group-label--with-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}.pds-combobox__group-icon{-ms-flex-negative:0;flex-shrink:0}.pds-combobox__group-row{list-style:none;position:relative}.pds-combobox__group-row-trigger{-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-125);color:var(--pine-color-text-secondary);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);gap:var(--pine-dimension-xs);-ms-flex-pack:justify;justify-content:space-between;padding:var(--pine-dimension-xs) var(--pine-dimension-sm);-webkit-transition:background 0.15s;transition:background 0.15s}.pds-combobox__group-row--open>.pds-combobox__group-row-trigger,.pds-combobox__group-row--has-selection>.pds-combobox__group-row-trigger,.pds-combobox__group-row--highlighted>.pds-combobox__group-row-trigger,.pds-combobox__group-back--highlighted>.pds-combobox__group-row-trigger,.pds-combobox__group-row-trigger:hover{background:var(--pine-color-background-muted)}.pds-combobox__listbox--drill-in,.pds-combobox__listbox--drill-out{overflow-x:hidden}.pds-combobox__listbox--drill-in>.pds-combobox__group-back{-webkit-animation:pds-combobox-drill-from-end var(--pine-motion-duration-base) var(--pine-motion-easing-out);animation:pds-combobox-drill-from-end var(--pine-motion-duration-base) var(--pine-motion-easing-out)}.pds-combobox__listbox--drill-out>li{-webkit-animation:pds-combobox-drill-from-start var(--pine-motion-duration-base) var(--pine-motion-easing-out);animation:pds-combobox-drill-from-start var(--pine-motion-duration-base) var(--pine-motion-easing-out)}@-webkit-keyframes pds-combobox-drill-from-end{from{opacity:0;-webkit-transform:translateX(var(--pine-dimension-sm));transform:translateX(var(--pine-dimension-sm))}}@keyframes pds-combobox-drill-from-end{from{opacity:0;-webkit-transform:translateX(var(--pine-dimension-sm));transform:translateX(var(--pine-dimension-sm))}}@-webkit-keyframes pds-combobox-drill-from-start{from{opacity:0;-webkit-transform:translateX(calc(var(--pine-dimension-sm) * -1));transform:translateX(calc(var(--pine-dimension-sm) * -1))}}@keyframes pds-combobox-drill-from-start{from{opacity:0;-webkit-transform:translateX(calc(var(--pine-dimension-sm) * -1));transform:translateX(calc(var(--pine-dimension-sm) * -1))}}.pds-combobox__group-row--keyboard>.pds-combobox__group-row-trigger,.pds-combobox__group-back--keyboard>.pds-combobox__group-row-trigger{outline:var(--pine-outline-focus);outline-offset:calc(var(--pine-border-width) * -2)}.pds-combobox__group-row-label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);min-width:0}.pds-combobox__group-row-caret{-ms-flex-negative:0;flex-shrink:0}.pds-combobox__listbox--grouped,.pds-combobox__flyout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-2xs);padding:var(--pine-dimension-2xs)}.pds-combobox__flyout{background:var(--pine-color-background-overlay);border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);list-style:none;margin:0;overflow-y:auto;position:fixed;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:1}.pds-combobox__listbox--with-search{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding:0}.pds-combobox__listbox-options{-ms-flex:1;flex:1;list-style:none;margin:0;min-height:0;overflow-y:auto;padding:var(--pine-dimension-xs)}.pds-combobox__listbox-options.pds-combobox__listbox--grouped{padding:var(--pine-dimension-2xs)}.pds-combobox__panel-search{-ms-flex-align:center;align-items:center;-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;gap:var(--pine-dimension-xs);padding:var(--pine-dimension-sm)}.pds-combobox__panel-search pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:0;flex-shrink:0}.pds-combobox__panel-search:focus-within{border-block-end-color:var(--pine-color-border-active)}.pds-combobox__panel-search-input{background:transparent;border:0;color:var(--pine-color-text-strong);-ms-flex:1;flex:1;font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-width:0;outline:none;padding:0}.pds-combobox__panel-search-input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__panel-search-input::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__panel-search-input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__panel-search-input::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__panel-search-input::placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__group-back{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-2xs);list-style:none}.pds-combobox__group-back-trigger{-ms-flex-pack:start;justify-content:flex-start}.pds-combobox__listbox-options--drilled-in.pds-combobox__listbox--grouped{-webkit-padding-before:0;padding-block-start:0}.pds-combobox__listbox-options--drilled-in:focus{outline:none}.pds-combobox__listbox-options--drilled-in:focus .pds-combobox__group-back-trigger{border-block-end-color:var(--pine-color-border-active)}:where(.pds-combobox__listbox-options--drilled-in) .pds-combobox__group-back-trigger{background-color:var(--pine-color-background-overlay);-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);border-radius:0;color:var(--pine-color-text-strong);font:var(--pine-typography-body);inset-block-start:0;letter-spacing:var(--pine-letter-spacing);margin-inline:calc(var(--pine-dimension-2xs) * -1);padding:var(--pine-dimension-sm);position:-webkit-sticky;position:sticky;z-index:1}.pds-combobox__drill-in-options{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-2xs);list-style:none;margin:0;padding:0}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-combobox__loading{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-150)}.pds-combobox__empty{color:var(--pine-color-text-tertiary);padding:var(--pine-dimension-150) var(--pine-dimension-sm);text-align:center}.pds-combobox__load-more{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-150)}:host(.pds-combobox-dropdown-portal) .pds-combobox__listbox{position:fixed;z-index:var(--pine-z-index-priority)}.pds-combobox__button-trigger{-ms-flex-align:center;align-items:center;background:var(--color-background-default, var(--pine-color-secondary));border:var(--pine-border);border-radius:var(--pine-border-radius-full);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-text-default, var(--pine-color-text-inverse-emphasis));cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);-ms-flex-pack:justify;justify-content:space-between;min-height:var(--pine-dimension-450);outline:none;padding:0 var(--pine-dimension-sm);-webkit-transition:border-color 0.15s, background 0.15s, -webkit-box-shadow 0.15s;transition:border-color 0.15s, background 0.15s, -webkit-box-shadow 0.15s;transition:border-color 0.15s, box-shadow 0.15s, background 0.15s;transition:border-color 0.15s, box-shadow 0.15s, background 0.15s, -webkit-box-shadow 0.15s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pds-combobox__button-trigger .pds-combobox__button-trigger-layout-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.pds-combobox__button-trigger .trigger-content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__button-trigger:focus-visible{border-color:var(--color-border-focus, var(--pine-color-border));-webkit-box-shadow:0 0 0 2px var(--color-outline, var(--pine-color-focus-ring));box-shadow:0 0 0 2px var(--color-outline, var(--pine-color-focus-ring))}.pds-combobox__button-trigger:hover{background:var(--color-background-hover, var(--pine-color-secondary-hover));border-color:var(--color-border-hover, var(--pine-color-border-hover))}.pds-combobox__button-trigger[aria-disabled=true],.pds-combobox__button-trigger:disabled{background:var(--color-background-disabled, var(--pine-color-secondary-disabled));border-color:var(--color-border-disabled, var(--pine-color-border-disabled));color:var(--color-text-disabled, var(--pine-color-text-secondary-disabled));cursor:not-allowed;opacity:0.6}.pds-combobox__button-trigger-label{color:inherit;-ms-flex:1 1 auto;flex:1 1 auto;text-align:start}.pds-combobox__button-trigger--input-shape{border-radius:var(--pine-dimension-125);font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-height:var(--pine-dimension-450);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-150)}.pds-combobox__button-trigger--secondary.pds-combobox__button-trigger--input-shape:not([aria-disabled=true]) .pds-combobox__button-trigger-label--placeholder{color:var(--pine-color-text-muted)}.pds-combobox__button-trigger-chevron{color:currentColor;-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-combobox__button-trigger--primary{--color-background-default:var(--pine-color-primary);--color-background-hover:var(--pine-color-primary-hover);--color-background-disabled:var(--pine-color-primary-disabled);--color-border-default:var(--pine-color-primary);--color-border-hover:var(--pine-color-primary-hover);--color-border-disabled:var(--pine-color-primary-disabled);--color-border-focus:var(--pine-color-primary);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-primary-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-combobox__button-trigger--accent{--color-background-default:var(--pine-color-accent);--color-background-hover:var(--pine-color-accent-hover);--color-background-disabled:var(--pine-color-accent-disabled);--color-border-default:var(--pine-color-accent);--color-border-hover:var(--pine-color-accent-hover);--color-border-disabled:var(--pine-color-accent-disabled);--color-border-focus:var(--pine-color-accent);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-accent-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-combobox__button-trigger--secondary{--color-background-default:var(--pine-color-secondary);--color-background-hover:var(--pine-color-secondary-hover);--color-background-disabled:var(--pine-color-secondary-disabled);--color-border-default:var(--pine-color-border);--color-border-hover:var(--pine-color-border-hover);--color-border-disabled:var(--pine-color-border-disabled);--color-border-focus:var(--pine-color-border);--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-combobox__button-trigger--destructive{--color-background-default:var(--pine-color-danger);--color-background-hover:var(--pine-color-danger-hover);--color-background-disabled:var(--pine-color-danger-disabled);--color-border-default:var(--pine-color-danger);--color-border-hover:var(--pine-color-danger-hover);--color-border-disabled:var(--pine-color-danger-disabled);--color-border-focus:var(--pine-color-danger);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-danger-disabled);--color-outline:var(--pine-color-focus-ring-danger)}[data-layout]{border-radius:var(--pine-dimension-125);padding-block:var(--pine-dimension-xs)}.pds-combobox__chip-trigger{-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-sm);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font:var(--pine-typography-body-medium);-ms-flex-pack:justify;justify-content:space-between;outline:none;padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-150);-webkit-transition:all 0.15s ease;transition:all 0.15s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pds-combobox__chip-trigger .pds-combobox__chip-trigger-layout-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.pds-combobox__chip-trigger .trigger-content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__chip-trigger:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-combobox__chip-trigger[aria-disabled=true]{cursor:not-allowed;opacity:0.6}.pds-combobox__chip-trigger-label{color:inherit;-ms-flex:1 1 auto;flex:1 1 auto;text-align:start}.pds-combobox__chip-trigger-chevron{color:currentColor;-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-combobox__chip-trigger-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-combobox__chip-trigger--neutral,.pds-combobox__chip-trigger--accent,.pds-combobox__chip-trigger--success,.pds-combobox__chip-trigger--warning,.pds-combobox__chip-trigger--danger,.pds-combobox__chip-trigger--info{background:var(--chip-bg);border:var(--pine-border-width) solid var(--chip-border);color:var(--chip-text)}.pds-combobox__chip-trigger--neutral:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--accent:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--success:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--warning:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--danger:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--info:hover:not([aria-disabled=true]){background:var(--chip-bg-hover)}.pds-combobox__chip-trigger--neutral:focus-visible,.pds-combobox__chip-trigger--accent:focus-visible,.pds-combobox__chip-trigger--success:focus-visible,.pds-combobox__chip-trigger--warning:focus-visible,.pds-combobox__chip-trigger--danger:focus-visible,.pds-combobox__chip-trigger--info:focus-visible{border-color:var(--chip-border)}.pds-combobox__chip-trigger--neutral{--chip-bg:var(--pine-chip-color-neutral);--chip-bg-hover:var(--pine-chip-color-neutral-hover);--chip-border:var(--pine-chip-color-neutral-hover);--chip-text:var(--pine-color-text-neutral)}.pds-combobox__chip-trigger--accent{--chip-bg:var(--pine-chip-color-accent);--chip-bg-hover:var(--pine-chip-color-accent-hover);--chip-border:var(--pine-chip-color-accent-hover);--chip-text:var(--pine-color-text-accent)}.pds-combobox__chip-trigger--success{--chip-bg:var(--pine-chip-color-success);--chip-bg-hover:var(--pine-chip-color-success-hover);--chip-border:var(--pine-chip-color-success-hover);--chip-text:var(--pine-color-text-success)}.pds-combobox__chip-trigger--warning{--chip-bg:var(--pine-chip-color-warning);--chip-bg-hover:var(--pine-chip-color-warning-hover);--chip-border:var(--pine-chip-color-warning-hover);--chip-text:var(--pine-color-text-warning)}.pds-combobox__chip-trigger--danger{--chip-bg:var(--pine-chip-color-danger);--chip-bg-hover:var(--pine-chip-color-danger-hover);--chip-border:var(--pine-chip-color-danger-hover);--chip-text:var(--pine-color-text-danger)}.pds-combobox__chip-trigger--info{--chip-bg:var(--pine-chip-color-info);--chip-bg-hover:var(--pine-chip-color-info-hover);--chip-border:var(--pine-chip-color-info-hover);--chip-text:var(--pine-color-text-info)}.pds-combobox__chip-trigger--brand{background:-webkit-gradient(linear, left top, right top, from(#FF3E14), to(#6B62F2));background:linear-gradient(90deg, #FF3E14 0%, #6B62F2 100%);border:0;color:var(--pine-color-text-neutral);padding:1px;position:relative}.pds-combobox__chip-trigger--brand .pds-combobox__chip-trigger-label{background:rgba(255, 255, 255, 0.9);border-radius:calc(var(--pine-dimension-sm) - 1px);color:var(--pine-color-text-neutral);font-weight:var(--pine-font-weight-medium);padding:var(--pine-dimension-025) var(--pine-dimension-150);position:relative;z-index:1}.pds-combobox__chip-trigger--brand .pds-combobox__chip-trigger-chevron{position:relative;z-index:1}.pds-combobox__chip-trigger--brand:hover:not([aria-disabled=true]) .pds-combobox__chip-trigger-label{background:rgba(255, 255, 255, 0.8)}.pds-combobox__chip-trigger--dropdown:not(.pds-combobox__chip-trigger--brand){padding:var(--pine-dimension-none)}.pds-combobox__chip-trigger--dropdown:not(.pds-combobox__chip-trigger--brand) .pds-combobox__chip-trigger-label{padding:var(--pine-dimension-025) var(--pine-dimension-150)}.pds-combobox__chip-trigger--large .pds-combobox__chip-trigger-label{font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}.pds-combobox__chip-trigger--dot .pds-combobox__chip-trigger-label::before{border:var(--pine-border-width) solid transparent;border-radius:var(--pine-border-radius-full);content:"";display:inline-block;height:var(--pine-dimension-2xs);-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs);width:var(--pine-dimension-2xs)}`;
10743
10927
 
10744
10928
  /**
10745
10929
  * @slot option - Option elements for the combobox dropdown
@@ -10801,6 +10985,11 @@ class PdsCombobox {
10801
10985
  * @defaultValue 'Back'
10802
10986
  */
10803
10987
  this.drillInBackLabel = 'Back';
10988
+ /**
10989
+ * Text shown when no options match the search. Pass a translated string to localize it; defaults to English.
10990
+ * @defaultValue 'No options found'
10991
+ */
10992
+ this.noOptionsFoundLabel = 'No options found';
10804
10993
  /**
10805
10994
  * Maximum width of a group's flyout when `group-display` is `flyout`. Any valid CSS width value.
10806
10995
  * @default '380px'
@@ -12762,7 +12951,7 @@ class PdsCombobox {
12762
12951
  this.panelTreeEl = el;
12763
12952
  else
12764
12953
  this.listboxEl = el;
12765
- }, onScroll: this.handleScroll }, this.loading && (hAsync("li", { class: "pds-combobox__loading", role: "presentation" }, hasSlottedLoading ? (hAsync("slot", { name: "loading" })) : (hAsync("pds-loader", { size: "small" })))), !this.loading && this.filteredItems.length === 0 && (hAsync("li", { class: "pds-combobox__empty", role: "presentation" }, hasSlottedEmpty ? (hAsync("slot", { name: "empty" })) : (hAsync("span", null, "No options found")))), this.showsGroupedPanel ? this.renderGroupedPanel() : this.renderListboxItems(selectableOptions.length), this.hasMore && !this.loading && (hAsync("li", { class: "pds-combobox__load-more", role: "presentation" }, hAsync("pds-loader", { size: "small" })))));
12954
+ }, onScroll: this.handleScroll }, this.loading && (hAsync("li", { class: "pds-combobox__loading", role: "presentation" }, hasSlottedLoading ? (hAsync("slot", { name: "loading" })) : (hAsync("pds-loader", { size: "small" })))), !this.loading && this.filteredItems.length === 0 && (hAsync("li", { class: "pds-combobox__empty", role: "presentation" }, hasSlottedEmpty ? (hAsync("slot", { name: "empty" })) : (hAsync("span", null, this.noOptionsFoundLabel)))), this.showsGroupedPanel ? this.renderGroupedPanel() : this.renderListboxItems(selectableOptions.length), this.hasMore && !this.loading && (hAsync("li", { class: "pds-combobox__load-more", role: "presentation" }, hAsync("pds-loader", { size: "small" })))));
12766
12955
  if (!withSearch)
12767
12956
  return list;
12768
12957
  // The search field sits above the list; the wrapper is what's positioned and portaled.
@@ -12901,7 +13090,7 @@ class PdsCombobox {
12901
13090
  return true;
12902
13091
  }
12903
13092
  renderPanelSearch() {
12904
- return (hAsync("div", { key: "panel-search", class: "pds-combobox__panel-search" }, hAsync("pds-icon", { name: "search", size: "small", "aria-hidden": "true" }), hAsync("input", { ref: el => (this.panelSearchEl = el), type: "text", class: "pds-combobox__panel-search-input", placeholder: this.searchPlaceholder, value: this.panelQuery, role: "combobox", "aria-label": this.searchOptionsLabel, "aria-haspopup": this.popupRole, "aria-controls": this.listboxId, "aria-autocomplete": "list", "aria-expanded": "true", "aria-activedescendant": this.activeDescendantId, autocomplete: "off", onInput: this.onPanelSearchInput, onKeyDown: this.onPanelSearchKeyDown })));
13093
+ return (hAsync("div", { key: "panel-search", class: "pds-combobox__panel-search" }, hAsync("pds-icon", { name: "search", size: "regular", "aria-hidden": "true" }), hAsync("input", { ref: el => (this.panelSearchEl = el), type: "text", class: "pds-combobox__panel-search-input", placeholder: this.searchPlaceholder, value: this.panelQuery, role: "combobox", "aria-label": this.searchOptionsLabel, "aria-haspopup": this.popupRole, "aria-controls": this.listboxId, "aria-autocomplete": "list", "aria-expanded": "true", "aria-activedescendant": this.activeDescendantId, autocomplete: "off", onInput: this.onPanelSearchInput, onKeyDown: this.onPanelSearchKeyDown })));
12905
13094
  }
12906
13095
  /**
12907
13096
  * An option, as a listbox `option` or, given a tree `level`, a `treeitem`. `posinset` and
@@ -12990,7 +13179,7 @@ class PdsCombobox {
12990
13179
  }
12991
13180
  // Helper method to render default text content
12992
13181
  renderDefaultContent() {
12993
- return (hAsync("span", { class: "pds-combobox__button-trigger-label" }, this.selectedLabel || this.placeholder));
13182
+ return (hAsync("span", { class: { 'pds-combobox__button-trigger-label': true, 'pds-combobox__button-trigger-label--placeholder': !this.selectedLabel } }, this.selectedLabel || this.placeholder));
12994
13183
  }
12995
13184
  // Helper method to check if we should show layout content
12996
13185
  shouldShowLayoutContent() {
@@ -13115,13 +13304,13 @@ class PdsCombobox {
13115
13304
  ]
13116
13305
  .filter(Boolean)
13117
13306
  .join(' ');
13118
- return (hAsync(Host, { key: '422371939a839b2f882e7cb4518d45f745bcd695', "aria-disabled": this.disabled ? 'true' : null }, hAsync("div", { key: '457eea53d9a496afcb27981c5891cbfc1e4ecffe', class: "pds-combobox", tabIndex: -1, onFocusout: this.onComboboxFocusOut, part: "combobox" }, this.hasVisibleLabel && (hAsync("label", { key: 'a0389c578aacaf341d1bb47bd498b4232fa83adf', htmlFor: this.trigger === 'input' ? this.componentId : undefined, id: this.labelId, class: "pds-combobox__label", onClick: this.onLabelClick }, this.label)), this.trigger === 'input' ? (hAsync("div", { class: "pds-combobox__input-wrapper", style: { width: this.triggerWidth } }, hAsync("input", { ref: el => {
13307
+ return (hAsync(Host, { key: '960558b36010eb059c98acc37439656f2f7ff657', "aria-disabled": this.disabled ? 'true' : null }, hAsync("div", { key: 'b0abcd004aa98b630819cfdd0cfb85ebde2ee2f8', class: "pds-combobox", tabIndex: -1, onFocusout: this.onComboboxFocusOut, part: "combobox" }, this.hasVisibleLabel && (hAsync("label", { key: 'ae42f12fe4d0c498c99c0baae7673ff90e1be576', htmlFor: this.trigger === 'input' ? this.componentId : undefined, id: this.labelId, class: "pds-combobox__label", onClick: this.onLabelClick }, this.label)), this.trigger === 'input' ? (hAsync("div", { class: "pds-combobox__input-wrapper", style: { width: this.triggerWidth } }, hAsync("input", { ref: el => {
13119
13308
  this.inputEl = el;
13120
13309
  this.triggerEl = el;
13121
13310
  }, class: {
13122
13311
  'pds-combobox__input': true,
13123
13312
  'pds-combobox__input--invalid': this.isInvalid(),
13124
- }, type: "text", role: "combobox", "aria-autocomplete": "list", "aria-haspopup": this.inputPopupRole === 'tree' ? 'tree' : undefined, "aria-controls": this.listboxId, "aria-describedby": assignDescription(this.componentId, this.isInvalid(), this.helperMessage, this.errorMessage), "aria-invalid": this.isInvalid() ? 'true' : undefined, "aria-activedescendant": this.usesPanelSearch ? undefined : this.activeDescendantId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, id: this.componentId, value: this.displayText, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onClick: this.handleInputClick, onKeyDown: this.handleKeyDown, autocomplete: "off", part: "input" }), hAsync("pds-icon", { icon: "enlarge", "aria-hidden": "true", class: "pds-combobox__input-icon" }))) : this.trigger === 'chip' ? (hAsync("div", { class: this.getChipTriggerClass(), style: { width: this.triggerWidth }, role: this.usesPanelSearch ? 'button' : 'combobox', "aria-haspopup": this.triggerPopupRole, "aria-controls": this.listboxId, "aria-describedby": assignDescription(this.componentId, this.isInvalid(), this.helperMessage, this.errorMessage), "aria-invalid": this.isInvalid() ? 'true' : undefined, "aria-activedescendant": this.usesPanelSearch ? undefined : this.activeDescendantId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.triggerAriaLabel, "aria-labelledby": this.triggerLabelledBy, id: this.componentId, tabIndex: this.disabled ? -1 : 0, onClick: this.onButtonTriggerClick, "data-layout": this.customTriggerContent, onKeyDown: this.onButtonTriggerKeyDown, onKeyUp: this.onButtonTriggerKeyUp, ref: el => (this.triggerEl = el), part: "chip-trigger" }, this.renderChipTriggerContent())) : (hAsync("div", { class: triggerClass, style: { width: this.triggerWidth }, role: this.usesPanelSearch ? 'button' : 'combobox', "aria-haspopup": this.triggerPopupRole, "aria-controls": this.listboxId, "aria-describedby": assignDescription(this.componentId, this.isInvalid(), this.helperMessage, this.errorMessage), "aria-invalid": this.isInvalid() ? 'true' : undefined, "aria-activedescendant": this.usesPanelSearch ? undefined : this.activeDescendantId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.triggerAriaLabel, "aria-labelledby": this.triggerLabelledBy, id: this.componentId, tabIndex: this.disabled ? -1 : 0, onClick: this.onButtonTriggerClick, "data-layout": this.customTriggerContent, onKeyDown: this.onButtonTriggerKeyDown, onKeyUp: this.onButtonTriggerKeyUp, ref: el => (this.triggerEl = el), part: "button-trigger" }, this.renderButtonTriggerContent())), this.renderMessages(), hAsync("div", { key: '75ec996d0f2d50c45adda95ff13d41a17cb25273', style: { display: 'none' } }, hAsync("slot", { key: '8e2fa650cc87000eb73b163a334232b5c6b0ca99', onSlotchange: () => this.updateOptions() })), this.renderDropdown(), this.groupDisplay !== 'inline' && (hAsync("span", { key: '472ce084b6de60c68e6521708f6bc5b602c3af42', class: "visually-hidden", role: "status", "aria-live": "polite" }, this.isOpen && this.effectiveGroupDisplay === 'drill-in' && this.openGroup !== null ? this.openGroup.label : '')))));
13313
+ }, type: "text", role: "combobox", "aria-autocomplete": "list", "aria-haspopup": this.inputPopupRole === 'tree' ? 'tree' : undefined, "aria-controls": this.listboxId, "aria-describedby": assignDescription(this.componentId, this.isInvalid(), this.helperMessage, this.errorMessage), "aria-invalid": this.isInvalid() ? 'true' : undefined, "aria-activedescendant": this.usesPanelSearch ? undefined : this.activeDescendantId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, id: this.componentId, value: this.displayText, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onClick: this.handleInputClick, onKeyDown: this.handleKeyDown, autocomplete: "off", part: "input" }), hAsync("pds-icon", { icon: "enlarge", "aria-hidden": "true", class: "pds-combobox__input-icon" }))) : this.trigger === 'chip' ? (hAsync("div", { class: this.getChipTriggerClass(), style: { width: this.triggerWidth }, role: this.usesPanelSearch ? 'button' : 'combobox', "aria-haspopup": this.triggerPopupRole, "aria-controls": this.listboxId, "aria-describedby": assignDescription(this.componentId, this.isInvalid(), this.helperMessage, this.errorMessage), "aria-invalid": this.isInvalid() ? 'true' : undefined, "aria-activedescendant": this.usesPanelSearch ? undefined : this.activeDescendantId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.triggerAriaLabel, "aria-labelledby": this.triggerLabelledBy, id: this.componentId, tabIndex: this.disabled ? -1 : 0, onClick: this.onButtonTriggerClick, "data-layout": this.customTriggerContent, onKeyDown: this.onButtonTriggerKeyDown, onKeyUp: this.onButtonTriggerKeyUp, ref: el => (this.triggerEl = el), part: "chip-trigger" }, this.renderChipTriggerContent())) : (hAsync("div", { class: triggerClass, style: { width: this.triggerWidth }, role: this.usesPanelSearch ? 'button' : 'combobox', "aria-haspopup": this.triggerPopupRole, "aria-controls": this.listboxId, "aria-describedby": assignDescription(this.componentId, this.isInvalid(), this.helperMessage, this.errorMessage), "aria-invalid": this.isInvalid() ? 'true' : undefined, "aria-activedescendant": this.usesPanelSearch ? undefined : this.activeDescendantId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.triggerAriaLabel, "aria-labelledby": this.triggerLabelledBy, id: this.componentId, tabIndex: this.disabled ? -1 : 0, onClick: this.onButtonTriggerClick, "data-layout": this.customTriggerContent, onKeyDown: this.onButtonTriggerKeyDown, onKeyUp: this.onButtonTriggerKeyUp, ref: el => (this.triggerEl = el), part: "button-trigger" }, this.renderButtonTriggerContent())), this.renderMessages(), hAsync("div", { key: 'ab0dba6db0a989cb2e41632cb8412062f96c38cd', style: { display: 'none' } }, hAsync("slot", { key: '337461c5ead6dda1d04911fd4b5a23b1dc6b9726', onSlotchange: () => this.updateOptions() })), this.renderDropdown(), this.groupDisplay !== 'inline' && (hAsync("span", { key: 'd8d82d69381548b2e3266d9109c98ab0397b22e0', class: "visually-hidden", role: "status", "aria-live": "polite" }, this.isOpen && this.effectiveGroupDisplay === 'drill-in' && this.openGroup !== null ? this.openGroup.label : '')))));
13125
13314
  }
13126
13315
  static get formAssociated() { return true; }
13127
13316
  get el() { return getElement(this); }
@@ -13166,6 +13355,7 @@ class PdsCombobox {
13166
13355
  "dropdownWidth": [1, "dropdown-width"],
13167
13356
  "dropdownMount": [1, "dropdown-mount"],
13168
13357
  "drillInBackLabel": [1, "drill-in-back-label"],
13358
+ "noOptionsFoundLabel": [1, "no-options-found-label"],
13169
13359
  "flyoutMaxWidth": [1, "flyout-max-width"],
13170
13360
  "flyoutMinWidth": [1, "flyout-min-width"],
13171
13361
  "groupDisplay": [1, "group-display"],
@@ -13273,6 +13463,7 @@ class PdsCopytext {
13273
13463
  constructor(hostRef) {
13274
13464
  registerInstance(this, hostRef);
13275
13465
  this.pdsCopyTextClick = createEvent(this, "pdsCopyTextClick");
13466
+ this.hostKeeper = new HostStylingKeeper();
13276
13467
  this.truncationCleanup = null;
13277
13468
  /**
13278
13469
  * Determines whether `copytext` should have a visible border.
@@ -13305,6 +13496,12 @@ class PdsCopytext {
13305
13496
  this.copyToClipboard(this.value);
13306
13497
  };
13307
13498
  }
13499
+ connectedCallback() {
13500
+ this.hostKeeper.connect(this.el);
13501
+ }
13502
+ restoreBorderDefault(newValue) {
13503
+ this.border = restoreReflectedDefault(this.el, 'border', newValue, true);
13504
+ }
13308
13505
  handleTruncateChange(newValue) {
13309
13506
  if (newValue) {
13310
13507
  this.initTruncationTooltip();
@@ -13324,6 +13521,7 @@ class PdsCopytext {
13324
13521
  }
13325
13522
  }
13326
13523
  disconnectedCallback() {
13524
+ this.hostKeeper.disconnect();
13327
13525
  this.destroyTruncationTooltip();
13328
13526
  }
13329
13527
  initTruncationTooltip() {
@@ -13360,10 +13558,15 @@ class PdsCopytext {
13360
13558
  return classNames.join(' ');
13361
13559
  }
13362
13560
  render() {
13363
- return (hAsync(Host, { key: '5a72c4f71f1d5573b6e708a8a0e0e003a7915935', class: this.classNames(), id: this.componentId }, hAsync("pds-button", { key: 'eb14f7f0137a9ba13d4ce8f54edda0f5aedd1be0', type: "button", variant: "unstyled", onClick: this.handleClick }, hAsync("span", { key: 'aaa00e1272559dc2b808757b6323753ff45574b0', ref: (el) => this.valueSpanEl = el }, this.value), hAsync("pds-icon", { key: '4c383f7f4b7d696bda724989c6462d0c8aafcbc1', "aria-hidden": "true", icon: copy, size: "16px" }))));
13561
+ const hostClass = this.classNames();
13562
+ this.hostKeeper.record(hostClass);
13563
+ return (hAsync(Host, { key: '1c43941f808f58a53f1c445e0f5693985c793c35', class: hostClass, id: this.componentId }, hAsync("pds-button", { key: 'd771d2587a11f1b27bded17b5df5e649ea93cd90', type: "button", variant: "unstyled", onClick: this.handleClick }, hAsync("span", { key: '0d4fd25220cac636b328fd1ee1aba40d07296265', ref: (el) => this.valueSpanEl = el }, this.value), hAsync("pds-icon", { key: '832a044c10843bb90833301cc3f3ea1f7b755f42', "aria-hidden": "true", icon: copy, size: "16px" }))));
13364
13564
  }
13365
13565
  get el() { return getElement(this); }
13366
13566
  static get watchers() { return {
13567
+ "border": [{
13568
+ "restoreBorderDefault": 0
13569
+ }],
13367
13570
  "truncate": [{
13368
13571
  "handleTruncateChange": 0
13369
13572
  }],
@@ -13376,7 +13579,7 @@ class PdsCopytext {
13376
13579
  "$flags$": 9,
13377
13580
  "$tagName$": "pds-copytext",
13378
13581
  "$members$": {
13379
- "border": [516],
13582
+ "border": [1540],
13380
13583
  "componentId": [1, "component-id"],
13381
13584
  "fullWidth": [4, "full-width"],
13382
13585
  "truncate": [4],
@@ -15569,6 +15772,7 @@ const PORTALED_OVERLAY_SELECTOR = '.pds-popover, .pds-tooltip, .pds-combobox-dro
15569
15772
  * suppressed, and adds the edge, width and dismiss behavior a side panel
15570
15773
  * needs on top. It does not reimplement focus, Escape or dialog semantics —
15571
15774
  * those come from `pds-modal` unchanged.
15775
+ * @lightDom renders-markup
15572
15776
  */
15573
15777
  class PdsDrawer {
15574
15778
  constructor(hostRef) {
@@ -15676,7 +15880,7 @@ class PdsDrawer {
15676
15880
  // or in an overlay portaled from it (a pds-popover in the drawer puts its content on the body).
15677
15881
  const calendar = target.closest('.pds-datepicker-calendar-portal');
15678
15882
  const owner = calendar === null || calendar === void 0 ? void 0 : calendar.pdsDatepicker;
15679
- if (owner && (containsComposed(this.el, owner) || closest$1(PORTALED_OVERLAY_SELECTOR, owner)))
15883
+ if (owner && (containsComposed$1(this.el, owner) || closest$1(PORTALED_OVERLAY_SELECTOR, owner)))
15680
15884
  return;
15681
15885
  // A sibling pds-modal — e.g. a confirm dialog opened from inside the
15682
15886
  // drawer but mounted at the document root rather than nested in our own
@@ -15689,11 +15893,11 @@ class PdsDrawer {
15689
15893
  this.open = false;
15690
15894
  }
15691
15895
  render() {
15692
- return (hAsync(Host, { key: '0ca6f9e5c49323c0b72c6338ecd172262afdd999', class: {
15896
+ return (hAsync(Host, { key: '166bc90b45d29f64f11b6840e7c6ae798bf14261', class: {
15693
15897
  'pds-drawer': true,
15694
15898
  [`pds-drawer--${this.side}`]: true,
15695
15899
  [`pds-drawer--${this.size}`]: true,
15696
- } }, hAsync("pds-modal", { key: '5b87fdc3aaedaa7cc7efe43482314dae8621d8c6', class: "pds-drawer__modal", ref: (el) => (this.modalEl = el), componentId: this.componentId, open: this.open, scrollable: this.scrollable, disableTopLayer: true, backdropDismiss: this.lightDismiss, disableInitialFocus: this.initialFocus === 'none' }, hAsync("slot", { key: 'dde3adec14308881defd57f75df9393bf9f9f48f' }))));
15900
+ } }, hAsync("pds-modal", { key: '2faa1cee1f34a85e9df0cabb8e78803982414982', class: "pds-drawer__modal", ref: (el) => (this.modalEl = el), componentId: this.componentId, open: this.open, scrollable: this.scrollable, disableTopLayer: true, backdropDismiss: this.lightDismiss, disableInitialFocus: this.initialFocus === 'none' }, hAsync("slot", { key: '93968e612756c398f6d1faf9383f6c88c420da28' }))));
15697
15901
  }
15698
15902
  get el() { return getElement(this); }
15699
15903
  static get style() { return pdsDrawerCss(); }
@@ -15722,6 +15926,7 @@ const pdsDrawerContentCss = () => `pds-drawer-content{display:block;-ms-flex:1 1
15722
15926
  * which caps itself against the viewport for a centered, possibly-shorter
15723
15927
  * modal, a drawer panel is already edge-to-edge, so its content can simply
15724
15928
  * flex to fill whatever space the header and footer leave.
15929
+ * @lightDom renders-markup
15725
15930
  */
15726
15931
  class PdsDrawerContent {
15727
15932
  constructor(hostRef) {
@@ -15732,7 +15937,7 @@ class PdsDrawerContent {
15732
15937
  unwrapReconnectedContent(this.el.querySelector('.pds-drawer-content'), '.pds-drawer-content');
15733
15938
  }
15734
15939
  render() {
15735
- return (hAsync("div", { key: 'b4b41258eccaae8e0a9df90a75fb30d65a7ac9c4', class: "pds-drawer-content" }, hAsync("slot", { key: 'ef90ed5b3f84b51a2938e1d8fd021b971c1c0de9' })));
15940
+ return (hAsync("div", { key: 'b15b087506c1292f9d67e531e8d935069749c09d', class: "pds-drawer-content" }, hAsync("slot", { key: '9c60ca75c7905e7e994f9c41eee213b962afb833' })));
15736
15941
  }
15737
15942
  get el() { return getElement(this); }
15738
15943
  static get style() { return pdsDrawerContentCss(); }
@@ -15748,6 +15953,9 @@ class PdsDrawerContent {
15748
15953
 
15749
15954
  const pdsDrawerFooterCss = () => `pds-drawer-footer{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.pds-drawer__footer{-webkit-border-before:1px solid var(--pine-color-border-subtle);border-block-start:1px solid var(--pine-color-border-subtle);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-sm);-ms-flex-pack:end;justify-content:flex-end;padding:var(--pine-dimension-md);width:100%}`;
15750
15955
 
15956
+ /**
15957
+ * @lightDom renders-markup
15958
+ */
15751
15959
  class PdsDrawerFooter {
15752
15960
  constructor(hostRef) {
15753
15961
  registerInstance(this, hostRef);
@@ -15757,7 +15965,7 @@ class PdsDrawerFooter {
15757
15965
  unwrapReconnectedContent(this.el.querySelector('.pds-drawer__footer'), '.pds-drawer__footer');
15758
15966
  }
15759
15967
  render() {
15760
- return (hAsync("footer", { key: '383f7cb7a95a71bd03b2e328cd4b41117e17c631', class: "pds-drawer__footer" }, hAsync("slot", { key: 'e9e9b6c7fef502c8004223bc8611e8d798ecb966' })));
15968
+ return (hAsync("footer", { key: 'a4eec0aff617c605b94f8d3b9ec1e2d98cded6fb', class: "pds-drawer__footer" }, hAsync("slot", { key: '6dc379c940e37edfd05d99728be9dff58ca1d717' })));
15761
15969
  }
15762
15970
  get el() { return getElement(this); }
15763
15971
  static get style() { return pdsDrawerFooterCss(); }
@@ -15773,6 +15981,9 @@ class PdsDrawerFooter {
15773
15981
 
15774
15982
  const pdsDrawerHeaderCss = () => `pds-drawer-header{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.pds-drawer__header{-ms-flex-align:center;align-items:center;-webkit-border-after:1px solid var(--pine-color-border-subtle);border-block-end:1px solid var(--pine-color-border-subtle);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:var(--pine-dimension-md);width:100%}`;
15775
15983
 
15984
+ /**
15985
+ * @lightDom renders-markup
15986
+ */
15776
15987
  class PdsDrawerHeader {
15777
15988
  constructor(hostRef) {
15778
15989
  registerInstance(this, hostRef);
@@ -15782,7 +15993,7 @@ class PdsDrawerHeader {
15782
15993
  unwrapReconnectedContent(this.el.querySelector('.pds-drawer__header'), '.pds-drawer__header');
15783
15994
  }
15784
15995
  render() {
15785
- return (hAsync("header", { key: '5524b12af7c07d322ebd6726bd1a28320a838e77', class: "pds-drawer__header" }, hAsync("slot", { key: '8212060c5c48a53d05d320bb625ce2b6dce7c6c3' })));
15996
+ return (hAsync("header", { key: '6b9338e5dbf7a7e580c11b28c95ca53693528382', class: "pds-drawer__header" }, hAsync("slot", { key: '0990fbcf94c0c438b98cf1e8945f1e2fd9aa33dc' })));
15786
15997
  }
15787
15998
  get el() { return getElement(this); }
15788
15999
  static get style() { return pdsDrawerHeaderCss(); }
@@ -15807,6 +16018,7 @@ class PdsDropdownMenu {
15807
16018
  this.isOpen = false;
15808
16019
  this.menuItems = [];
15809
16020
  this.cleanupAutoUpdate = null;
16021
+ this.triggerObserver = null;
15810
16022
  this.currentFocusIndex = -1;
15811
16023
  /**
15812
16024
  * The placement of the dropdown panel relative to the trigger.
@@ -15817,10 +16029,17 @@ class PdsDropdownMenu {
15817
16029
  // Get all elements assigned to this slot
15818
16030
  const assignedElements = this.slotEl.assignedElements();
15819
16031
  this.triggerEl = assignedElements[0];
15820
- this.triggerEl.onclick = this.handleClick;
15821
- // Add accessibility attributes to trigger
15822
- this.triggerEl.setAttribute('aria-haspopup', 'menu');
15823
- this.triggerEl.setAttribute('aria-expanded', 'false');
16032
+ if (this.triggerEl) {
16033
+ this.triggerEl.onclick = this.handleClick;
16034
+ this.syncTriggerAria();
16035
+ }
16036
+ this.observeTrigger();
16037
+ };
16038
+ // Writes the trigger's ARIA from the menu's state, so the observer's own callback doesn't loop.
16039
+ this.syncTriggerAria = () => {
16040
+ if (!this.triggerEl)
16041
+ return;
16042
+ setAttributesIfChanged(this.triggerEl, { 'aria-haspopup': 'menu', 'aria-expanded': String(this.isOpen) });
15824
16043
  };
15825
16044
  this.handleSlotChange = (event) => {
15826
16045
  this.slotEl = event.target;
@@ -15874,8 +16093,7 @@ class PdsDropdownMenu {
15874
16093
  this.cleanupAutoUpdate = autoUpdate(this.triggerEl, this.panelEl, updatePosition);
15875
16094
  (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('pds-box').classList.remove('is-hidden');
15876
16095
  this.isOpen = true;
15877
- // Update ARIA attributes
15878
- this.triggerEl.setAttribute('aria-expanded', 'true');
16096
+ this.syncTriggerAria();
15879
16097
  };
15880
16098
  // Close the dropdown
15881
16099
  this.closeDropdown = () => {
@@ -15887,8 +16105,7 @@ class PdsDropdownMenu {
15887
16105
  this.cleanupAutoUpdate();
15888
16106
  this.cleanupAutoUpdate = null;
15889
16107
  }
15890
- // Update ARIA attributes
15891
- this.triggerEl.setAttribute('aria-expanded', 'false');
16108
+ this.syncTriggerAria();
15892
16109
  // Reset focus index
15893
16110
  this.currentFocusIndex = -1;
15894
16111
  // Return focus to trigger
@@ -15905,12 +16122,35 @@ class PdsDropdownMenu {
15905
16122
  var _a;
15906
16123
  this.panelEl = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('pds-box');
15907
16124
  }
16125
+ connectedCallback() {
16126
+ // Moved within the page, the trigger slot doesn't change, so watch the same trigger again, and
16127
+ // fix anything changed while the menu was detached and unobserved.
16128
+ this.observeTrigger();
16129
+ this.syncTriggerAria();
16130
+ }
15908
16131
  disconnectedCallback() {
16132
+ var _a;
15909
16133
  // Clean up auto-update when component is removed from DOM
15910
16134
  if (this.cleanupAutoUpdate) {
15911
16135
  this.cleanupAutoUpdate();
15912
16136
  this.cleanupAutoUpdate = null;
15913
16137
  }
16138
+ (_a = this.triggerObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
16139
+ this.triggerObserver = null;
16140
+ }
16141
+ // The trigger is the consumer's element, so anything can rewrite its attributes (a Turbo morph
16142
+ // matches it to server HTML that has no ARIA). Put Pine's values back when that happens.
16143
+ observeTrigger() {
16144
+ var _a;
16145
+ (_a = this.triggerObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
16146
+ this.triggerObserver = null;
16147
+ if (!this.triggerEl || typeof MutationObserver === 'undefined')
16148
+ return;
16149
+ this.triggerObserver = new MutationObserver(this.syncTriggerAria);
16150
+ this.triggerObserver.observe(this.triggerEl, {
16151
+ attributes: true,
16152
+ attributeFilter: ['aria-haspopup', 'aria-expanded'],
16153
+ });
15914
16154
  }
15915
16155
  // Outside clicks and scripted closes leave focus where it is; only focus in the menu or on its trigger returns.
15916
16156
  isFocusInMenu() {
@@ -16112,7 +16352,7 @@ class PdsDropdownMenu {
16112
16352
  }
16113
16353
  }
16114
16354
  render() {
16115
- return (hAsync(Host, { key: 'a49d859ea4b881c025620b3bad3157af8ceceb36', id: this.componentId }, hAsync("slot", { key: '2669398c6b6f0ad4037ba34695b0880afa4c69b9', name: "trigger", onSlotchange: this.handleTriggerSlotChange }), hAsync("pds-box", { key: 'e2a6d7892bfe4ead980df8f702e5387e62d6bd05', "border-radius": "sm", display: "flex", direction: "column", class: "pds-dropdown-menu--panel is-hidden", shadow: "100", role: "menu", "aria-orientation": "vertical", part: "menu-panel" }, hAsync("slot", { key: '70fa9b2ac96f528ae0ebd28486b5a934fb705413', onSlotchange: this.handleSlotChange }))));
16355
+ return (hAsync(Host, { key: '9d67972cf15c22bc666c32b86dcd8f143160ee0a', id: this.componentId }, hAsync("slot", { key: 'e9cbc0612ce0e8c2bf55e1dc7930eda075fcc173', name: "trigger", onSlotchange: this.handleTriggerSlotChange }), hAsync("pds-box", { key: '6fed3f11cf962a97f8ebb3cc69bd76efb425c464', "border-radius": "sm", display: "flex", direction: "column", class: "pds-dropdown-menu--panel is-hidden", shadow: "100", role: "menu", "aria-orientation": "vertical", part: "menu-panel" }, hAsync("slot", { key: 'b8757512713b913f3ee56d9518897e7ed3c3b830', onSlotchange: this.handleSlotChange }))));
16116
16356
  }
16117
16357
  get host() { return getElement(this); }
16118
16358
  static get style() { return pdsDropdownMenuCss(); }
@@ -17806,6 +18046,7 @@ const pdsLoaderCss = () => `:host{--loader-color:var(--pine-color-primary);-ms-f
17806
18046
  class PdsLoader {
17807
18047
  constructor(hostRef) {
17808
18048
  registerInstance(this, hostRef);
18049
+ this.hostKeeper = new HostStylingKeeper();
17809
18050
  /**
17810
18051
  * If false, the loader will be hidden.
17811
18052
  */
@@ -17831,6 +18072,15 @@ class PdsLoader {
17831
18072
  }
17832
18073
  };
17833
18074
  }
18075
+ connectedCallback() {
18076
+ this.hostKeeper.connect(this.el);
18077
+ }
18078
+ disconnectedCallback() {
18079
+ this.hostKeeper.disconnect();
18080
+ }
18081
+ restoreSizeDefault(newValue) {
18082
+ this.size = restoreReflectedDefault(this.el, 'size', newValue, 'md');
18083
+ }
17834
18084
  loaderSize() {
17835
18085
  const sizes = {
17836
18086
  xs: '24px',
@@ -17847,8 +18097,22 @@ class PdsLoader {
17847
18097
  }
17848
18098
  }
17849
18099
  render() {
17850
- return (hAsync(Host, { key: '173f7ae2d2f49807144df2faa8d8a765f92da235', class: `pds-loader ${this.isLoading ? '' : 'pds-loader--hidden'}`, "aria-hidden": !this.isLoading, "aria-busy": this.isLoading, "aria-live": "polite" }, this.variant === 'spinner' && (hAsync("div", { key: '05bc278d18ef2470d87676b3a53d691a6a9872dd', class: "pds-loader--spinner" }, hAsync("svg", { key: 'fcfc87492dd5cdbc7bf471089a038bd8b057f6ec', style: this.getSvgStyle(), viewBox: "0 0 200 200", fill: "none", part: "loader-svg" }, hAsync("defs", { key: 'd9f6aecc7e5a8b03e2d18f79125fd6190b27803c' }, hAsync("linearGradient", { key: '7851a1b709bccac7704b3822e1aae292d3a68e2d', id: "spinner-secondHalf" }, hAsync("stop", { key: '3d4a75792365cad4ea417794dca6c440859f8ce3', offset: "0%", "stop-opacity": "0", "stop-color": "currentColor" }), hAsync("stop", { key: '7287acab80b1ea32f884cf69ceb19989603e0882', offset: "100%", "stop-opacity": "0.5", "stop-color": "currentColor" })), hAsync("linearGradient", { key: '0ec8d95161c24d14773ebee01c189f269079b79d', id: "spinner-firstHalf" }, hAsync("stop", { key: '2a7cea30b2bf2044a14f29f4d64728150669d048', offset: "0%", "stop-opacity": "1", "stop-color": "currentColor" }), hAsync("stop", { key: '608bd5cc1c7b9014a5f183d9e06efe4a0c119616', offset: "100%", "stop-opacity": "0.5", "stop-color": "currentColor" }))), hAsync("g", { key: '36016dc3bd8a2e4f03f4f287881bfe1b7ce15494', class: "pds-loader__spinner-path" }, hAsync("path", { key: '9410bff29a42cd469ed0f52510a36f7d173b2247', stroke: "url(#spinner-secondHalf)", d: "M 4 100 A 96 96 0 0 1 196 100" }), hAsync("path", { key: '66e8283575e53ca52edd12e95c6545406d39c361', stroke: "url(#spinner-firstHalf)", d: "M 196 100 A 96 96 0 0 1 4 100" }), hAsync("path", { key: '1c8a7526bc763ac62f0e8c762ab47cb2bca0ec89', stroke: "currentColor", "stroke-linecap": "round", d: "M 4 100 A 96 96 0 0 1 4 98" }))))), this.variant === 'typing' && (hAsync("div", { key: '2c8f9596beb8010778e0cf79f006970769da9795', class: "pds-loader--typing" }, hAsync("span", { key: '587cd8da845d1223a5e8b2d199d049ccc1ed78aa' }), hAsync("span", { key: '972f7844a5f2469adbb04b15ebf41e49eb5c0354' }), hAsync("span", { key: '575511989d50f6d9436b846cadec1a5a4fa57c1e' }))), hAsync("div", { key: '70f1b43a79a1d2605145a5ea6fe86e0a6059889d', class: `pds-loader__label ${this.showLabel ? '' : 'pds-loader--hidden'}` }, hAsync("slot", { key: '9a981b8530200aa91916017180266edaea6da9ac', name: "label" }, "Loading..."))));
18100
+ const hostClass = `pds-loader ${this.isLoading ? '' : 'pds-loader--hidden'}`;
18101
+ // Explicit 'true': a boolean `true` lands as an empty value, which ARIA reads as unset.
18102
+ const hostAttributes = {
18103
+ 'aria-hidden': this.isLoading ? null : 'true',
18104
+ 'aria-busy': this.isLoading ? 'true' : null,
18105
+ 'aria-live': 'polite',
18106
+ };
18107
+ this.hostKeeper.record(hostClass, {}, hostAttributes);
18108
+ return (hAsync(Host, Object.assign({ key: '81f97b8a6adf4d2c0e5516aa2af9054e200629e1', class: hostClass }, hostAttributes), this.variant === 'spinner' && (hAsync("div", { key: '6e25806c83d6ddeb1141acdd083654867c6ff8a2', class: "pds-loader--spinner" }, hAsync("svg", { key: '4798f27facfcf57da8d408319527fc6083489107', style: this.getSvgStyle(), viewBox: "0 0 200 200", fill: "none", part: "loader-svg" }, hAsync("defs", { key: '0c64abfabc18ccd51ef41017e088f6ec10736d61' }, hAsync("linearGradient", { key: '3aa61edf6250dc827bf925938b69008860f96596', id: "spinner-secondHalf" }, hAsync("stop", { key: '2693d8a866492ef4ca98cbc4beb5f9f1a34a8b52', offset: "0%", "stop-opacity": "0", "stop-color": "currentColor" }), hAsync("stop", { key: 'ae229fdc73733e4d6ab15a6663e67b574bd49b40', offset: "100%", "stop-opacity": "0.5", "stop-color": "currentColor" })), hAsync("linearGradient", { key: '8ddbb46a1a387113d74a82cc4e3e0e9c7e12d573', id: "spinner-firstHalf" }, hAsync("stop", { key: 'd166a3c1ae37c3afa898351683b07f5c4d0ee906', offset: "0%", "stop-opacity": "1", "stop-color": "currentColor" }), hAsync("stop", { key: 'e4c9790bc9a645d752aa56c238fb8708310208b5', offset: "100%", "stop-opacity": "0.5", "stop-color": "currentColor" }))), hAsync("g", { key: '8b3897ff925d4207f9060e2fb69afa657b1b8fe3', class: "pds-loader__spinner-path" }, hAsync("path", { key: '603ef195d1fc64d2059d9fbfeb9b14e2bdb1cabe', stroke: "url(#spinner-secondHalf)", d: "M 4 100 A 96 96 0 0 1 196 100" }), hAsync("path", { key: 'a649ac9538248f5a22d48008377e18f4407efad9', stroke: "url(#spinner-firstHalf)", d: "M 196 100 A 96 96 0 0 1 4 100" }), hAsync("path", { key: '37f3772b61d1459959cc4d8c0b5c729dbd6953ff', stroke: "currentColor", "stroke-linecap": "round", d: "M 4 100 A 96 96 0 0 1 4 98" }))))), this.variant === 'typing' && (hAsync("div", { key: 'e510c2e6498a5542ce6e6573fdc03e8770121cd7', class: "pds-loader--typing" }, hAsync("span", { key: 'bbf4f5a328175f06b221d9abc73118505a09455d' }), hAsync("span", { key: '9a7e80b28e1455ef9d0c1bdb330a6425a3037709' }), hAsync("span", { key: 'f8aa1eb4f822a6d0e2a14a982bbe99866a97815b' }))), hAsync("div", { key: '3492189495798a2ea861d0dcb460f1b25d43d565', class: `pds-loader__label ${this.showLabel ? '' : 'pds-loader--hidden'}` }, hAsync("slot", { key: 'c1a19415b513a2a5f76a53d64b0ef5fbb4a5d100', name: "label" }, "Loading..."))));
17851
18109
  }
18110
+ get el() { return getElement(this); }
18111
+ static get watchers() { return {
18112
+ "size": [{
18113
+ "restoreSizeDefault": 0
18114
+ }]
18115
+ }; }
17852
18116
  static get style() { return pdsLoaderCss(); }
17853
18117
  static get cmpMeta() { return {
17854
18118
  "$flags$": 265,
@@ -17856,7 +18120,7 @@ class PdsLoader {
17856
18120
  "$members$": {
17857
18121
  "isLoading": [4, "is-loading"],
17858
18122
  "showLabel": [4, "show-label"],
17859
- "size": [513],
18123
+ "size": [1537],
17860
18124
  "variant": [1]
17861
18125
  },
17862
18126
  "$listeners$": undefined,
@@ -17871,6 +18135,92 @@ const PRESET_SIZES = ['sm', 'md', 'lg', 'fullscreen'];
17871
18135
  const isCustomLength = (value) => /^[a-z0-9.%+\-*/(), ]+$/i.test(value) &&
17872
18136
  /\d/.test(value) &&
17873
18137
  (typeof CSS === 'undefined' || CSS.supports('max-width', value));
18138
+ const TABBABLE = [
18139
+ 'a[href]',
18140
+ 'area[href]',
18141
+ 'button',
18142
+ 'input:not([type="hidden"])',
18143
+ 'select',
18144
+ 'textarea',
18145
+ 'iframe',
18146
+ 'summary',
18147
+ '[contenteditable]:not([contenteditable="false"])',
18148
+ '[tabindex]',
18149
+ ].join(',');
18150
+ /**
18151
+ * Collects the tabbable elements under `root` in focus order, walking into open shadow roots and
18152
+ * following slots, so a component's own controls (the input inside pds-combobox or pds-textarea)
18153
+ * count without being registered here by tag name. Positive tabindex values are not reordered,
18154
+ * and a closed shadow root can't be seen into.
18155
+ */
18156
+ function collectTabbable(root, found) {
18157
+ for (const child of Array.from(root.children))
18158
+ visitTabbable(child, found);
18159
+ }
18160
+ // An editing host reports tabIndex -1 but is still a Tab stop; editable content inside it is not.
18161
+ const isTabStop = (el) => { var _a; return el.tabIndex >= 0 || (el.isContentEditable && !el.hasAttribute('tabindex') && !((_a = el.parentElement) === null || _a === void 0 ? void 0 : _a.isContentEditable)); };
18162
+ function visitTabbable(el, found) {
18163
+ var _a, _b, _c, _d;
18164
+ if (el.hasAttribute('inert'))
18165
+ return;
18166
+ if (el.localName === 'slot') {
18167
+ const slot = el;
18168
+ // Fallback content renders only when nothing at all is assigned, text included.
18169
+ if (((_b = (_a = slot.assignedNodes) === null || _a === void 0 ? void 0 : _a.call(slot, { flatten: true })) !== null && _b !== void 0 ? _b : []).length === 0)
18170
+ return collectTabbable(el, found);
18171
+ for (const slotted of slot.assignedElements({ flatten: true }))
18172
+ visitTabbable(slotted, found);
18173
+ return;
18174
+ }
18175
+ // A delegatesFocus host passes focus to its first control, which the walk below finds.
18176
+ const delegates = ((_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.delegatesFocus) === true;
18177
+ if (el instanceof HTMLElement && !delegates && isTabStop(el) && el.matches(TABBABLE) && !el.matches(':disabled')) {
18178
+ found.push(el);
18179
+ }
18180
+ // A shadow host's light children render only through its slots, which the walk reaches.
18181
+ collectTabbable((_d = el.shadowRoot) !== null && _d !== void 0 ? _d : el, found);
18182
+ }
18183
+ /** The element as a radio in a named group, or `null`. */
18184
+ const groupedRadio = (el) => el instanceof HTMLInputElement && el.type === 'radio' && el.name !== '' ? el : null;
18185
+ /**
18186
+ * Keeps one radio per named group, as the browser does: the checked one, or the first. The others
18187
+ * are reached with the arrow keys, so they can't be the first or last stop of the trap.
18188
+ */
18189
+ function oneRadioPerGroup(elements) {
18190
+ // Radios group by name and form within one tree, so each shadow root starts its own groups.
18191
+ const groups = [];
18192
+ for (const el of elements) {
18193
+ const radio = groupedRadio(el);
18194
+ if (radio === null)
18195
+ continue;
18196
+ const group = groups.find(([first]) => first.name === radio.name && first.form === radio.form && first.getRootNode() === radio.getRootNode());
18197
+ if (group)
18198
+ group.push(radio);
18199
+ else
18200
+ groups.push([radio]);
18201
+ }
18202
+ const stops = new Set(groups.map((radios) => { var _a; return (_a = radios.find((radio) => radio.checked)) !== null && _a !== void 0 ? _a : radios[0]; }));
18203
+ return elements.filter((el) => groupedRadio(el) === null || stops.has(el));
18204
+ }
18205
+ /** Whether `node` is `ancestor` or inside it, crossing shadow roots, which `Node.contains` doesn't. */
18206
+ function containsComposed(ancestor, node) {
18207
+ for (let current = node; current; current = current instanceof ShadowRoot ? current.host : current.parentNode) {
18208
+ if (current === ancestor)
18209
+ return true;
18210
+ }
18211
+ return false;
18212
+ }
18213
+ /** The focused element, followed down through shadow roots to the control that has focus. */
18214
+ function deepActiveElement() {
18215
+ var _a;
18216
+ let active = document.activeElement;
18217
+ while ((_a = active === null || active === void 0 ? void 0 : active.shadowRoot) === null || _a === void 0 ? void 0 : _a.activeElement)
18218
+ active = active.shadowRoot.activeElement;
18219
+ return active;
18220
+ }
18221
+ /**
18222
+ * @lightDom renders-markup
18223
+ */
17874
18224
  class PdsModal {
17875
18225
  constructor(hostRef) {
17876
18226
  registerInstance(this, hostRef);
@@ -17990,6 +18340,17 @@ class PdsModal {
17990
18340
  // disableTopLayer), so do not trap Tab here.
17991
18341
  if (this.disableTopLayer)
17992
18342
  return;
18343
+ // A control inside that handles Tab itself (a popup with its own trap) has already moved
18344
+ // focus. This holds only when it listens on its own element, which runs before this
18345
+ // document listener; one listening on document too would race it.
18346
+ if (e.defaultPrevented)
18347
+ return;
18348
+ // Every open modal hears this keydown. When focus is in a modal dialog opened above this one,
18349
+ // that dialog traps Tab: this modal's list also holds its controls, so it would wrap first. A
18350
+ // non-modal dialog inside (a disableTopLayer modal) doesn't trap, so this one still does.
18351
+ const activeElement = deepActiveElement();
18352
+ if (!activeElement || this.modalDialogAbove(activeElement))
18353
+ return;
17993
18354
  // Content can change while the modal is open (rows fetched in, sections shown), so the
17994
18355
  // first and last elements are read now rather than from the list taken on opening.
17995
18356
  this.updateFocusableElements();
@@ -17999,13 +18360,13 @@ class PdsModal {
17999
18360
  // Get the first and last focusable elements
18000
18361
  const firstFocusableElement = this.focusableElements[0];
18001
18362
  const lastFocusableElement = this.focusableElements[this.focusableElements.length - 1];
18002
- // Get the current active element
18003
- const activeElement = document.activeElement;
18004
- // Check if we need to wrap focus
18005
- const isFirstElement = activeElement === firstFocusableElement ||
18006
- firstFocusableElement.contains(activeElement);
18007
- const isLastElement = activeElement === lastFocusableElement ||
18008
- lastFocusableElement.contains(activeElement);
18363
+ // activeElement is the control inside any shadow root, as the list holds, not the host
18364
+ // document.activeElement reports. It's matched to its own stop first, so a stop inside a
18365
+ // listed host isn't taken for that host; a focused node that isn't a stop counts as the
18366
+ // innermost stop it sits in.
18367
+ const stop = this.stopIndex(activeElement);
18368
+ const isFirstElement = stop === 0;
18369
+ const isLastElement = stop === this.focusableElements.length - 1;
18009
18370
  // If shift + tab is pressed and focus is on the first element, move to the last element
18010
18371
  if (e.shiftKey && isFirstElement) {
18011
18372
  e.preventDefault();
@@ -18062,23 +18423,8 @@ class PdsModal {
18062
18423
  updateFocusableElements() {
18063
18424
  if (!this.modalRef)
18064
18425
  return;
18065
- // Get all focusable elements within the modal
18066
- const selector = [
18067
- 'a[href]',
18068
- 'button:not([disabled])',
18069
- 'input:not([disabled])',
18070
- 'select:not([disabled])',
18071
- 'textarea:not([disabled])',
18072
- '[tabindex]:not([tabindex="-1"])',
18073
- 'pds-button:not([disabled])',
18074
- 'pds-link:not([disabled])',
18075
- 'pds-input:not([disabled])',
18076
- 'pds-checkbox:not([disabled])',
18077
- 'pds-radio:not([disabled])',
18078
- 'pds-switch:not([disabled])',
18079
- 'pds-select:not([disabled])',
18080
- ].join(',');
18081
- this.focusableElements = Array.from(this.modalRef.querySelectorAll(selector));
18426
+ this.focusableElements = [];
18427
+ collectTabbable(this.modalRef, this.focusableElements);
18082
18428
  // checkVisibility() also drops an element inside a hidden ancestor, whose own computed
18083
18429
  // display isn't none; such an element can't take focus, so it can't anchor the trap.
18084
18430
  this.focusableElements = this.focusableElements.filter(el => {
@@ -18087,6 +18433,7 @@ class PdsModal {
18087
18433
  const style = window.getComputedStyle(el);
18088
18434
  return style.display !== 'none' && style.visibility !== 'hidden';
18089
18435
  });
18436
+ this.focusableElements = oneRadioPerGroup(this.focusableElements);
18090
18437
  }
18091
18438
  /**
18092
18439
  * Sets focus to the first focusable element in the modal
@@ -18100,30 +18447,11 @@ class PdsModal {
18100
18447
  this.focusElement(firstElement);
18101
18448
  }
18102
18449
  /**
18103
- * Helper method to focus an element, with special handling for web components
18450
+ * Focuses an element from the list. It holds the controls themselves, inside any shadow root,
18451
+ * so they take focus directly.
18104
18452
  */
18105
18453
  focusElement(element) {
18106
- if (!element)
18107
- return;
18108
- try {
18109
- // Try standard focus first
18110
- element.focus();
18111
- // Check if focus worked
18112
- setTimeout(() => {
18113
- if (document.activeElement !== element) {
18114
- // For web components, try to find a focusable element inside
18115
- if (element.shadowRoot) {
18116
- const focusableInShadow = element.shadowRoot.querySelector('button, [tabindex], input, a[href]');
18117
- if (focusableInShadow) {
18118
- focusableInShadow.focus();
18119
- }
18120
- }
18121
- }
18122
- }, 0);
18123
- }
18124
- catch (error) {
18125
- console.error('Error focusing element:', error);
18126
- }
18454
+ element === null || element === void 0 ? void 0 : element.focus();
18127
18455
  }
18128
18456
  /**
18129
18457
  * Opens the modal
@@ -18286,6 +18614,30 @@ class PdsModal {
18286
18614
  const thisZIndex = this.getBackdropZIndex(this.el);
18287
18615
  return thisZIndex === maxZIndex;
18288
18616
  }
18617
+ /** Whether a modal dialog other than this one sits between the focused element and this modal. */
18618
+ modalDialogAbove(active) {
18619
+ var _a;
18620
+ for (let dialog = closest$1('dialog[open]', active); dialog instanceof HTMLElement;) {
18621
+ if (dialog === this.modalRef)
18622
+ return false;
18623
+ if (dialog.matches(':modal'))
18624
+ return true;
18625
+ // Up from this dialog, across a shadow root; past the document root, closest() gives nothing.
18626
+ dialog = closest$1('dialog[open]', (_a = dialog.parentElement) !== null && _a !== void 0 ? _a : dialog.getRootNode().host);
18627
+ }
18628
+ return false;
18629
+ }
18630
+ /** The focused element's place in the list: its own stop, or the innermost stop it sits in. */
18631
+ stopIndex(active) {
18632
+ const own = this.focusableElements.indexOf(active);
18633
+ if (own >= 0)
18634
+ return own;
18635
+ for (let i = this.focusableElements.length - 1; i >= 0; i--) {
18636
+ if (containsComposed(this.focusableElements[i], active))
18637
+ return i;
18638
+ }
18639
+ return -1;
18640
+ }
18289
18641
  resolveSize() {
18290
18642
  var _a;
18291
18643
  const size = ((_a = this.size) !== null && _a !== void 0 ? _a : '').trim() || 'md';
@@ -18300,14 +18652,14 @@ class PdsModal {
18300
18652
  }
18301
18653
  render() {
18302
18654
  const [sizeClass = 'md', customSize] = this.resolveSize();
18303
- return (hAsync("dialog", { key: 'aa352ccc057e4d6183f8c17349bc71857208a928', class: {
18655
+ return (hAsync("dialog", { key: 'b6714c7e77d80bf2370f2170ffce029abe147d81', class: {
18304
18656
  'pds-modal__backdrop': true,
18305
18657
  'open': this.open
18306
- }, "aria-modal": this.disableTopLayer ? 'false' : 'true', "aria-labelledby": `${this.componentId}-heading`, onClick: this.handleBackdropClick }, hAsync("div", { key: '12799824edbeea42a6f7f91e0172c6ecbde93337', class: {
18658
+ }, "aria-modal": this.disableTopLayer ? 'false' : 'true', "aria-labelledby": `${this.componentId}-heading`, onClick: this.handleBackdropClick }, hAsync("div", { key: '8c3319f53dd8c79c9e952785277e9e82e28b651e', class: {
18307
18659
  'pds-modal': true,
18308
18660
  [`pds-modal--${sizeClass}`]: true,
18309
18661
  'pds-modal--scrollable': this.scrollable
18310
- }, style: customSize !== undefined ? { '--pds-modal-max-width': customSize } : undefined, part: "modal" }, hAsync("slot", { key: 'f517c6466d65f141fba2d41cfe36d1b8d5f29930' }))));
18662
+ }, style: customSize !== undefined ? { '--pds-modal-max-width': customSize } : undefined, part: "modal" }, hAsync("slot", { key: '8c6f9cc1a20b515659344ad041512de52761800d' }))));
18311
18663
  }
18312
18664
  get el() { return getElement(this); }
18313
18665
  static get watchers() { return {
@@ -18342,6 +18694,9 @@ class PdsModal {
18342
18694
 
18343
18695
  const pdsModalContentCss = () => `pds-modal-content{display:block;-ms-flex:1 1 auto;flex:1 1 auto;width:100%}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-none){border:0}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-both){-webkit-border-after:1px solid var(--pine-color-border-subtle);border-block-end:1px solid var(--pine-color-border-subtle);-webkit-border-before:1px solid var(--pine-color-border-subtle);border-block-start:1px solid var(--pine-color-border-subtle)}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-top){-webkit-border-before:1px solid var(--pine-color-border-subtle);border-block-start:1px solid var(--pine-color-border-subtle)}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-bottom){-webkit-border-after:1px solid var(--pine-color-border-subtle);border-block-end:1px solid var(--pine-color-border-subtle)}.pds-modal-content{display:block;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;width:100%}`;
18344
18696
 
18697
+ /**
18698
+ * @lightDom renders-markup
18699
+ */
18345
18700
  class PdsModalContent {
18346
18701
  constructor(hostRef) {
18347
18702
  registerInstance(this, hostRef);
@@ -18521,10 +18876,10 @@ class PdsModalContent {
18521
18876
  render() {
18522
18877
  // Only apply max-height style if it's not 'none'
18523
18878
  const styleObj = this.contentMaxHeight !== 'none' ? { maxHeight: this.contentMaxHeight } : {};
18524
- return (hAsync(Host, { key: '3e8352c946c3646a485ca505e11de3ace3906435' }, hAsync("div", { key: 'd1fb3cb8f2c7ce0c3b19787152d93c1a0ac84b72', class: {
18879
+ return (hAsync(Host, { key: 'f66dbdd08d6af3f87b0a6e8f30e1948b2f674e34' }, hAsync("div", { key: 'ac0469cbfe48002d5bc7f401e0dc30926cfd4421', class: {
18525
18880
  'pds-modal-content': true,
18526
18881
  [`pds-modal-content--border-${this.border}`]: true
18527
- }, style: styleObj, tabindex: "-1" }, hAsync("slot", { key: '6d263b4960a3cffe985ee3af6d6e22e97ded4b7e' }))));
18882
+ }, style: styleObj, tabindex: "-1" }, hAsync("slot", { key: '26a8a45ab4dcd0349da68304fa3cacc64603208a' }))));
18528
18883
  }
18529
18884
  get el() { return getElement(this); }
18530
18885
  static get style() { return pdsModalContentCss(); }
@@ -18543,6 +18898,9 @@ class PdsModalContent {
18543
18898
 
18544
18899
  const pdsModalFooterCss = () => `pds-modal-footer{display:block;width:100%}.pds-modal__footer{width:100%}`;
18545
18900
 
18901
+ /**
18902
+ * @lightDom renders-markup
18903
+ */
18546
18904
  class PdsModalFooter {
18547
18905
  constructor(hostRef) {
18548
18906
  registerInstance(this, hostRef);
@@ -18552,7 +18910,7 @@ class PdsModalFooter {
18552
18910
  unwrapReconnectedContent(this.el.querySelector('.pds-modal__footer'), '.pds-modal__footer');
18553
18911
  }
18554
18912
  render() {
18555
- return (hAsync("footer", { key: 'ed10ed9c8ab3a472ec9e4d20683c4c209877a6c2', class: "pds-modal__footer" }, hAsync("slot", { key: '35765b1624e35dfc540620b7fca20dba3a5c2ca7' })));
18913
+ return (hAsync("footer", { key: '1148892c2d6b9a461f6c04a670fceda76c1be53a', class: "pds-modal__footer" }, hAsync("slot", { key: 'ccd754674c82c415f8c056c9dda6327df35dbd03' })));
18556
18914
  }
18557
18915
  get el() { return getElement(this); }
18558
18916
  static get style() { return pdsModalFooterCss(); }
@@ -18568,6 +18926,9 @@ class PdsModalFooter {
18568
18926
 
18569
18927
  const pdsModalHeaderCss = () => `pds-modal-header{display:block;width:100%}.pds-modal__header{width:100%}`;
18570
18928
 
18929
+ /**
18930
+ * @lightDom renders-markup
18931
+ */
18571
18932
  class PdsModalHeader {
18572
18933
  constructor(hostRef) {
18573
18934
  registerInstance(this, hostRef);
@@ -18577,7 +18938,7 @@ class PdsModalHeader {
18577
18938
  unwrapReconnectedContent(this.el.querySelector('.pds-modal__header'), '.pds-modal__header');
18578
18939
  }
18579
18940
  render() {
18580
- return (hAsync("header", { key: '247373607b807a1428d5b3e7726bd88b6c23776b', class: "pds-modal__header" }, hAsync("slot", { key: '75e7cbf018c82809d23ad4095546af2cd5a01823' })));
18941
+ return (hAsync("header", { key: '030153b84f1ea1cb133c9ccec3ad86583995974f', class: "pds-modal__header" }, hAsync("slot", { key: '3a479e7047f3e845a65c37d60539648c8ff78602' })));
18581
18942
  }
18582
18943
  get el() { return getElement(this); }
18583
18944
  static get style() { return pdsModalHeaderCss(); }
@@ -19960,10 +20321,22 @@ class PdsPopover {
19960
20321
  * Tracks if the component is still mounted to prevent memory leaks
19961
20322
  */
19962
20323
  this.isComponentMounted = true;
20324
+ /**
20325
+ * Set once `componentDidLoad` has built the portal, so a later reconnect knows to rebuild it
20326
+ */
20327
+ this.hasLoaded = false;
20328
+ /**
20329
+ * A popover without a componentId keeps one generated portal id, even when the portal is rebuilt
20330
+ */
20331
+ this.generatedPortalId = null;
19963
20332
  /**
19964
20333
  * Reference to the trigger element
19965
20334
  */
19966
20335
  this.triggerEl = null;
20336
+ /**
20337
+ * Puts the trigger's ARIA back when something else removes or changes it
20338
+ */
20339
+ this.triggerObserver = null;
19967
20340
  /**
19968
20341
  * Portal element rendered in document.body
19969
20342
  */
@@ -20025,6 +20398,7 @@ class PdsPopover {
20025
20398
  else {
20026
20399
  this.triggerEl = null;
20027
20400
  }
20401
+ this.observeTrigger();
20028
20402
  };
20029
20403
  /**
20030
20404
  * Handles changes to the default slot (popover content)
@@ -20061,6 +20435,9 @@ class PdsPopover {
20061
20435
  }
20062
20436
  };
20063
20437
  }
20438
+ restorePlacementDefault(newValue) {
20439
+ this.placement = restoreReflectedDefault(this.el, 'placement', newValue, 'right');
20440
+ }
20064
20441
  componentDidLoad() {
20065
20442
  var _a;
20066
20443
  // Bind event handlers for cleanup
@@ -20070,6 +20447,7 @@ class PdsPopover {
20070
20447
  this.boundResizeHandler = this.handleResize.bind(this);
20071
20448
  // Create portal element
20072
20449
  this.createPortal();
20450
+ this.hasLoaded = true;
20073
20451
  // Initialize trigger element by calling slot change handler
20074
20452
  // This is a fallback for environments where slot change might not fire reliably
20075
20453
  const triggerSlot = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="trigger"]');
@@ -20084,20 +20462,69 @@ class PdsPopover {
20084
20462
  this.linkTriggerToPortal();
20085
20463
  }
20086
20464
  }
20465
+ // The trigger is the consumer's element, so anything can rewrite its attributes (a Turbo morph
20466
+ // matches it to server HTML that has no ARIA). Put Pine's values back when that happens.
20467
+ observeTrigger() {
20468
+ var _a;
20469
+ (_a = this.triggerObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
20470
+ this.triggerObserver = null;
20471
+ if (this.triggerEl == null || typeof MutationObserver === 'undefined')
20472
+ return;
20473
+ this.triggerObserver = new MutationObserver(() => this.linkTriggerToPortal());
20474
+ this.triggerObserver.observe(this.triggerEl, {
20475
+ attributes: true,
20476
+ attributeFilter: ['aria-expanded', 'aria-controls'],
20477
+ });
20478
+ }
20087
20479
  // Set ARIA attributes to establish relationship between trigger and popover
20088
20480
  // This mirrors the native Popover API's accessibility behavior
20089
20481
  linkTriggerToPortal() {
20090
20482
  if (this.triggerEl == null || this.portalEl == null)
20091
20483
  return;
20092
- this.triggerEl.setAttribute('aria-expanded', String(this.active));
20093
- this.triggerEl.setAttribute('aria-controls', this.portalEl.id);
20484
+ // Skips values already in place, so the trigger observer's own callback doesn't loop.
20485
+ setAttributesIfChanged(this.triggerEl, { 'aria-expanded': String(this.active), 'aria-controls': this.portalEl.id });
20486
+ }
20487
+ // componentDidLoad doesn't run again when a popover comes back, so rebuild whatever
20488
+ // disconnectedCallback tore down. Each step is a no-op when nothing was.
20489
+ connectedCallback() {
20490
+ var _a;
20491
+ if (!this.hasLoaded)
20492
+ return;
20493
+ this.isComponentMounted = true;
20494
+ this.createPortal();
20495
+ (_a = this.triggerEl) === null || _a === void 0 ? void 0 : _a.addEventListener('click', this.handleTriggerClick);
20496
+ this.observeTrigger();
20497
+ this.linkTriggerToPortal();
20498
+ // Still open after a move: the trigger moved, so the portal follows it.
20499
+ if (this.active) {
20500
+ requestAnimationFrame(() => this.handlePopoverPositioning());
20501
+ }
20094
20502
  }
20095
20503
  disconnectedCallback() {
20504
+ var _a;
20505
+ // Moved in one operation (a DOM morph, or a framework reparenting it), the popover is
20506
+ // already back in the page. Its portal is in <body>, untouched, so it stays open, with focus
20507
+ // where it was.
20508
+ if (this.el.isConnected)
20509
+ return;
20096
20510
  this.isComponentMounted = false;
20511
+ // Open, the content sits in the portal; put it back before the portal goes. Only listeners on
20512
+ // the popover itself hear the close event now, but those are the ones mirroring its state.
20513
+ if (this.active) {
20514
+ this.restorePortalContent();
20515
+ this.active = false;
20516
+ this.linkTriggerToPortal();
20517
+ this.pdsPopoverClose.emit({
20518
+ componentId: this.componentId,
20519
+ popoverType: this.popoverType,
20520
+ });
20521
+ }
20097
20522
  // Clean up trigger click event listener
20098
20523
  if (this.triggerEl != null) {
20099
20524
  this.triggerEl.removeEventListener('click', this.handleTriggerClick);
20100
20525
  }
20526
+ (_a = this.triggerObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
20527
+ this.triggerObserver = null;
20101
20528
  // Clean up all event listeners
20102
20529
  this.removeLightDismissListeners();
20103
20530
  this.removeScrollAndResizeListeners();
@@ -20120,6 +20547,7 @@ class PdsPopover {
20120
20547
  }
20121
20548
  }
20122
20549
  createPortal() {
20550
+ var _a;
20123
20551
  if (this.portalEl !== null)
20124
20552
  return;
20125
20553
  this.portalEl = document.createElement('div');
@@ -20138,8 +20566,8 @@ class PdsPopover {
20138
20566
  this.portalEl.style.padding = 'var(--pine-dimension-md)';
20139
20567
  // Generate unique ID
20140
20568
  if (!this.componentId) {
20141
- const suffix = PdsPopover.instanceCounter++;
20142
- this.portalEl.id = `pds-popover-portal-${suffix}`;
20569
+ (_a = this.generatedPortalId) !== null && _a !== void 0 ? _a : (this.generatedPortalId = `pds-popover-portal-${PdsPopover.instanceCounter++}`);
20570
+ this.portalEl.id = this.generatedPortalId;
20143
20571
  }
20144
20572
  else {
20145
20573
  this.portalEl.id = `${this.componentId}-portal`;
@@ -20251,10 +20679,7 @@ class PdsPopover {
20251
20679
  this.active = true;
20252
20680
  // Record open timestamp to prevent immediate close from opening click
20253
20681
  this.openTimestamp = Date.now();
20254
- // Update ARIA expanded state on trigger
20255
- if (this.triggerEl) {
20256
- this.triggerEl.setAttribute('aria-expanded', 'true');
20257
- }
20682
+ this.linkTriggerToPortal();
20258
20683
  // Update portal content with latest slot content
20259
20684
  this.updatePortalContent();
20260
20685
  // Show portal
@@ -20288,10 +20713,7 @@ class PdsPopover {
20288
20713
  this.active = false;
20289
20714
  // Restoring the content drops its focus to the body, so check where focus is first.
20290
20715
  const focusWasInside = this.portalEl.contains(document.activeElement);
20291
- // Update ARIA expanded state on trigger
20292
- if (this.triggerEl) {
20293
- this.triggerEl.setAttribute('aria-expanded', 'false');
20294
- }
20716
+ this.linkTriggerToPortal();
20295
20717
  // Restore content back to original slot positions
20296
20718
  this.restorePortalContent();
20297
20719
  // Hide portal
@@ -20374,7 +20796,7 @@ class PdsPopover {
20374
20796
  // inside this popover, in its content or its trigger, isn't outside it.
20375
20797
  const calendar = (_b = (_a = target).closest) === null || _b === void 0 ? void 0 : _b.call(_a, '.pds-datepicker-calendar-portal');
20376
20798
  const owner = calendar === null || calendar === void 0 ? void 0 : calendar.pdsDatepicker;
20377
- if (owner && (containsComposed(this.portalEl, owner) || containsComposed(this.triggerEl, owner)))
20799
+ if (owner && (containsComposed$1(this.portalEl, owner) || containsComposed$1(this.triggerEl, owner)))
20378
20800
  return;
20379
20801
  // Check if click is outside both the popover portal and the trigger
20380
20802
  const clickedInsidePopover = (_c = this.portalEl) === null || _c === void 0 ? void 0 : _c.contains(target);
@@ -20517,9 +20939,14 @@ class PdsPopover {
20517
20939
  }, 16); // ~1 frame at 60fps
20518
20940
  }
20519
20941
  render() {
20520
- return (hAsync(Host, { key: '7f02e4a9af4d2dc4cafb9187fc2263edaa79af86', id: this.componentId }, hAsync("span", { key: '128828d5fc52478b3e9670418a8e9c2d5ce6e7f6', class: "pds-popover__trigger-wrapper" }, hAsync("slot", { key: 'c479f39a3653d6627a20d05c3a87ea1a5e2bebf2', name: "trigger", onSlotchange: this.handleTriggerSlotChange })), hAsync("div", { key: 'e730149edce755c8789ec700c0a95dfa4b4ab835', class: "pds-popover__content-slot-wrapper" }, hAsync("slot", { key: '2f5ab80b4d75c114568d364ce9a74a658e426766', onSlotchange: this.handleContentSlotChange }))));
20942
+ return (hAsync(Host, { key: '66347d4922274d25504e5be134b36f05a3f12fdc', id: this.componentId }, hAsync("span", { key: '8f29d54d58cf0c66f86470c77c676716f1ab056f', class: "pds-popover__trigger-wrapper" }, hAsync("slot", { key: '5c89b687cfc01e67d3c11835e77755de88f03584', name: "trigger", onSlotchange: this.handleTriggerSlotChange })), hAsync("div", { key: '0ca9aff3021720098d86ec29eb69cbf149ef79a9', class: "pds-popover__content-slot-wrapper" }, hAsync("slot", { key: 'b73c3324d3322c41c68161e9ada51499c0e49cb0', onSlotchange: this.handleContentSlotChange }))));
20521
20943
  }
20522
20944
  get el() { return getElement(this); }
20945
+ static get watchers() { return {
20946
+ "placement": [{
20947
+ "restorePlacementDefault": 0
20948
+ }]
20949
+ }; }
20523
20950
  static get style() { return pdsPopoverCss(); }
20524
20951
  static get cmpMeta() { return {
20525
20952
  "$flags$": 265,
@@ -20529,7 +20956,7 @@ class PdsPopover {
20529
20956
  "popoverType": [1, "popover-type"],
20530
20957
  "componentId": [1, "component-id"],
20531
20958
  "maxWidth": [2, "max-width"],
20532
- "placement": [513],
20959
+ "placement": [1537],
20533
20960
  "active": [32],
20534
20961
  "show": [64],
20535
20962
  "hide": [64],
@@ -20550,6 +20977,7 @@ const pdsProgressCss = () => `:host{--color-progress-fill:var(--pine-color-prima
20550
20977
  class PdsProgress {
20551
20978
  constructor(hostRef) {
20552
20979
  registerInstance(this, hostRef);
20980
+ this.hostKeeper = new HostStylingKeeper();
20553
20981
  /**
20554
20982
  * Determines whether or not progress is animated.
20555
20983
  * @defaultValue false
@@ -20566,10 +20994,19 @@ class PdsProgress {
20566
20994
  */
20567
20995
  this.showPercent = false;
20568
20996
  }
20997
+ connectedCallback() {
20998
+ this.hostKeeper.connect(this.el);
20999
+ }
21000
+ disconnectedCallback() {
21001
+ this.hostKeeper.disconnect();
21002
+ }
20569
21003
  render() {
20570
21004
  const normalizedFillColor = normalizeColorValue(this.fillColor);
20571
- return (hAsync(Host, { key: '2aaabbb78cef6237b47408a6766936a4ce065e40', class: this.animated ? { 'is-animated': this.animated } : '' }, hAsync("div", { key: '192ce4a08155a84577ed46d9dc342a744354213a', class: "pds-progress" }, hAsync("label", { key: '3e9f16f9a4c5d822ef6493d6457dbb657835903a', class: "pds-progress__label", htmlFor: this.componentId }, this.label), hAsync("progress", { key: '35b4cd422bb247b8ae8eeaa7c3ea231d312197c9', id: this.componentId, max: "100", style: normalizedFillColor ? { '--color-progress-fill': normalizedFillColor } : {}, value: this.percent })), this.showPercent && hAsync("div", { key: 'a4952bcda7ab062da7ff706b519476f8e7fff898', class: "pds-progress__percentage" }, this.percent, "%")));
21005
+ const hostClass = this.animated ? { 'is-animated': this.animated } : '';
21006
+ this.hostKeeper.record(hostClass);
21007
+ return (hAsync(Host, { key: '5573a5c48eee2f7968835db92afdaebb73c1b85e', class: hostClass }, hAsync("div", { key: 'bb5cf260495be798f4272673884336022c28441e', class: "pds-progress" }, hAsync("label", { key: '017efa649ada73ec724b930e06bbf1ab19a18f61', class: "pds-progress__label", htmlFor: this.componentId }, this.label), hAsync("progress", { key: 'e648d910b072b7b2ca1c4a92c0832bf6e2ef5406', id: this.componentId, max: "100", style: normalizedFillColor ? { '--color-progress-fill': normalizedFillColor } : {}, value: this.percent })), this.showPercent && hAsync("div", { key: '1f9f1733ff2cd6e2ec81e9a46759ff451cf158f7', class: "pds-progress__percentage" }, this.percent, "%")));
20572
21008
  }
21009
+ get el() { return getElement(this); }
20573
21010
  static get style() { return pdsProgressCss(); }
20574
21011
  static get cmpMeta() { return {
20575
21012
  "$flags$": 9,
@@ -20625,12 +21062,14 @@ const pdsRadioCss = () => `.sc-pds-radio-h{--sizing-check-size:6px;--sizing-inpu
20625
21062
  /**
20626
21063
  * @slot image - Custom image content to display instead of the default radio input
20627
21064
  * @part image-container - The container for the image
21065
+ * @lightDom renders-markup
20628
21066
  */
20629
21067
  class PdsRadio {
20630
21068
  constructor(hostRef) {
20631
21069
  registerInstance(this, hostRef);
20632
21070
  this.pdsRadioChange = createEvent(this, "pdsRadioChange");
20633
21071
  this._type = 'radio';
21072
+ this.hostKeeper = new HostStylingKeeper();
20634
21073
  this._hasImage = false;
20635
21074
  /**
20636
21075
  * Determines whether or not the radio is checked.
@@ -20698,9 +21137,13 @@ class PdsRadio {
20698
21137
  this._hasImage = this.hasImageSlot();
20699
21138
  }
20700
21139
  connectedCallback() {
21140
+ this.hostKeeper.connect(this.el);
20701
21141
  // Expose type property on the element instance to match native form element behavior
20702
21142
  exposeTypeProperty(this.el, () => this._type);
20703
21143
  }
21144
+ disconnectedCallback() {
21145
+ this.hostKeeper.disconnect();
21146
+ }
20704
21147
  // Discards stale hidden label/message/wrapper copies left by a page-cache (Turbo, bfcache) reconnect, rescuing real [slot="image"] content stranded inside a stale image-container first.
20705
21148
  componentDidRender() {
20706
21149
  const freshImageContainer = this.el.querySelector('.pds-radio__image-container:not([hidden])');
@@ -20715,11 +21158,13 @@ class PdsRadio {
20715
21158
  }
20716
21159
  render() {
20717
21160
  const renderLabelAndMessages = () => [
20718
- hAsync("label", { htmlFor: this.componentId, key: `${this.componentId}-label` }, hAsync("input", { key: '4a8736c360681b399c4e70ef9e6612d4cb4f9285', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage, this.errorMessage), "aria-invalid": this.invalid ? "true" : undefined, type: "radio", id: this.componentId, name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, onChange: this.handleRadioChange, class: this.hasImage() ? 'visually-hidden' : '' }), hAsync("span", { key: '093d96ac788d713eafb2e537c812145869dddad8', class: this.hideLabel ? 'visually-hidden' : '' }, this.label)),
21161
+ hAsync("label", { htmlFor: this.componentId, key: `${this.componentId}-label` }, hAsync("input", { key: 'add893cd82f79b9398589bd5c0a72d5ae4a90475', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage, this.errorMessage), "aria-invalid": this.invalid ? "true" : undefined, type: "radio", id: this.componentId, name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, onChange: this.handleRadioChange, class: this.hasImage() ? 'visually-hidden' : '' }), hAsync("span", { key: 'b58eed8681d1932397d38ffe82515987e6486e08', class: this.hideLabel ? 'visually-hidden' : '' }, this.label)),
20719
21162
  this.helperMessage && (hAsync("div", { key: `${this.componentId}-helper`, class: 'pds-radio__message', id: messageId(this.componentId, 'helper') }, this.helperMessage)),
20720
- this.errorMessage && (hAsync("div", { key: `${this.componentId}-error`, class: `pds-radio__message pds-radio__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, hAsync("pds-icon", { key: '55fc5ab2a5a18734dbd8ed452c4e3794ece7fe15', icon: danger, size: "small" }), this.errorMessage))
21163
+ this.errorMessage && (hAsync("div", { key: `${this.componentId}-error`, class: `pds-radio__message pds-radio__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, hAsync("pds-icon", { key: '7374924219e59eab46a7ced9e7062c3e674b4451', icon: danger, size: "small" }), this.errorMessage))
20721
21164
  ];
20722
- return (hAsync(Host, { key: '97d0f61aeb93bb29e3d21281e72775cb274de072', class: this.classNames() }, this.hasImage() && (hAsync("div", { key: '0d1fb05dc00617945350e9d1ffeec9e17fc4affa', class: "pds-radio__image-container", part: "image-container" }, hAsync("slot", { key: '1cd8494378269651730ea64f25af4e9572ede794', name: "image", onSlotchange: () => (this._hasImage = this.hasImageSlot()) }))), this.hasImage() ? (hAsync("div", { class: "pds-radio__content-wrapper" }, renderLabelAndMessages())) : (renderLabelAndMessages())));
21165
+ const hostClass = this.classNames();
21166
+ this.hostKeeper.record(hostClass);
21167
+ return (hAsync(Host, { key: '24269923f168d1d39ebfc1994619736f0dc8087a', class: hostClass }, this.hasImage() && (hAsync("div", { key: '74a72bef89aa012047cbf3a1744fcd33f13bb464', class: "pds-radio__image-container", part: "image-container" }, hAsync("slot", { key: '99dbcfdac86cb7c012fd44eab607217e21304bab', name: "image", onSlotchange: () => (this._hasImage = this.hasImageSlot()) }))), this.hasImage() ? (hAsync("div", { class: "pds-radio__content-wrapper" }, renderLabelAndMessages())) : (renderLabelAndMessages())));
20723
21168
  }
20724
21169
  get el() { return getElement(this); }
20725
21170
  static get style() { return labelCss$3() + pdsRadioCss(); }
@@ -20751,6 +21196,7 @@ const pdsRadioGroupCss = () => `.sc-pds-radio-group-h{display:-ms-flexbox;displa
20751
21196
 
20752
21197
  /**
20753
21198
  * @slot (default) - Child pds-radio components
21199
+ * @lightDom renders-markup
20754
21200
  */
20755
21201
  class PdsRadioGroup {
20756
21202
  constructor(hostRef) {
@@ -20910,13 +21356,13 @@ class PdsRadioGroup {
20910
21356
  render() {
20911
21357
  const gapValue = this.getGapValue();
20912
21358
  const ariaDescribedBy = this.getAriaDescribedBy();
20913
- return (hAsync(Host, { key: '3f35b3cea2933ed25174387fc45d80f0d6bceced', class: this.classNames(), id: this._groupId, role: "group", "aria-describedby": ariaDescribedBy, style: {
21359
+ return (hAsync(Host, { key: '9dc78eb36bbc1b872f4320203dbbc64e43816ebf', class: this.classNames(), id: this._groupId, role: "group", "aria-describedby": ariaDescribedBy, style: {
20914
21360
  '--pds-radio-group-gap': gapValue,
20915
- } }, this.groupLabel && (hAsync("div", { key: '83764282e3049b0802e966c306654bbdda4f0c02', class: "pds-radio-group__label" }, this.groupLabel)), hAsync("div", { key: '39c0e97e5280527d9ab597dcf4f5b0282b19d69a', class: {
21361
+ } }, this.groupLabel && (hAsync("div", { key: '7b6f95608dcf356b141ef5d590ff3070f83b5975', class: "pds-radio-group__label" }, this.groupLabel)), hAsync("div", { key: '6e1a634c9b81ca3f3bbbe9c6590bcd4efc97e6ea', class: {
20916
21362
  'pds-radio-group__radios': true,
20917
21363
  'pds-radio-group__radios--row': this.direction === 'row',
20918
21364
  'pds-radio-group__radios--column': this.direction === 'column',
20919
- } }, hAsync("slot", { key: 'ef827a254e8b9bac58f297f5bbd6a37f8e132677', onSlotchange: () => this.updateChildRadios() })), this.helperMessage && (hAsync("div", { key: '4d2f58d979a34e685d00f04483c20a0f9e286af2', class: "pds-radio-group__message", id: messageId(this._groupId, 'helper') }, this.helperMessage)), this.errorMessage && (hAsync("div", { key: 'c05a32676fd6fe8aee30e1ea5c476424e10945f3', class: "pds-radio-group__message pds-radio-group__message--error", id: messageId(this._groupId, 'error'), "aria-live": "assertive" }, hAsync("pds-icon", { key: '1bc3177459e179af3709f1cacd329980a8a45df7', icon: danger, size: "small" }), this.errorMessage))));
21365
+ } }, hAsync("slot", { key: 'b5b16148f3c77d425a50b7ada8a822e9919ef5c5', onSlotchange: () => this.updateChildRadios() })), this.helperMessage && (hAsync("div", { key: 'ca6b98f926b8d7a53fda630170ac037c99f5ee85', class: "pds-radio-group__message", id: messageId(this._groupId, 'helper') }, this.helperMessage)), this.errorMessage && (hAsync("div", { key: '37b57e2622370364e619ea090712a7b79fe79501', class: "pds-radio-group__message pds-radio-group__message--error", id: messageId(this._groupId, 'error'), "aria-live": "assertive" }, hAsync("pds-icon", { key: '6a362d048a67312b1b227f71cc4b8f821ae0817e', icon: danger, size: "small" }), this.errorMessage))));
20920
21366
  }
20921
21367
  get el() { return getElement(this); }
20922
21368
  static get watchers() { return {
@@ -20957,9 +21403,13 @@ class PdsRadioGroup {
20957
21403
 
20958
21404
  const pdsRowCss = () => `:host{--row-gap-y:var(--pine-dimension-125);--row-gap-x:var(--pine-dimension-125);display:block;-webkit-margin-after:calc(var(--row-gap-y) * -1);margin-block-end:calc(var(--row-gap-y) * -1);-webkit-margin-before:calc(var(--row-gap-y) * -1);margin-block-start:calc(var(--row-gap-y) * -1);-webkit-margin-end:calc(var(--row-gap-x) * -0.5);margin-inline-end:calc(var(--row-gap-x) * -0.5);-webkit-margin-start:calc(var(--row-gap-x) * -0.5);margin-inline-start:calc(var(--row-gap-x) * -0.5)}.pds-row{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-margin-after:calc(var(--row-gap-y) * -1);margin-block-end:calc(var(--row-gap-y) * -1);-webkit-margin-before:calc(var(--row-gap-y) * -1);margin-block-start:calc(var(--row-gap-y) * -1);-webkit-margin-end:calc(var(--row-gap-x) * -1);margin-inline-end:calc(var(--row-gap-x) * -1);-webkit-margin-start:calc(var(--row-gap-x) * -1);margin-inline-start:calc(var(--row-gap-x) * -1)}@layer layout{.pds-row>*{-webkit-padding-after:calc(var(--row-gap-y));padding-block-end:calc(var(--row-gap-y));-webkit-padding-before:calc(var(--row-gap-y));padding-block-start:calc(var(--row-gap-y));-webkit-padding-end:calc(var(--row-gap-x));padding-inline-end:calc(var(--row-gap-x));-webkit-padding-start:calc(var(--row-gap-x));padding-inline-start:calc(var(--row-gap-x))}}.pds-row--no-wrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.pds-row--border{border:var(--pine-border)}.pds-justify-content-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.pds-align-items-start{-ms-flex-align:start;align-items:start}.pds-align-items-center{-ms-flex-align:center;align-items:center}.pds-align-items-end{-ms-flex-align:end;align-items:end}.pds-align-items-stretch{-ms-flex-align:stretch;align-items:stretch}.pds-align-items-baseline{-ms-flex-align:baseline;align-items:baseline}`;
20959
21405
 
21406
+ /**
21407
+ * @lightDom host-only
21408
+ */
20960
21409
  class PdsRow {
20961
21410
  constructor(hostRef) {
20962
21411
  registerInstance(this, hostRef);
21412
+ this.hostKeeper = new HostStylingKeeper();
20963
21413
  /**
20964
21414
  * If `true`, the row will have a border.
20965
21415
  */
@@ -20997,6 +21447,12 @@ class PdsRow {
20997
21447
  '800': 'var(--pine-dimension-800)'
20998
21448
  };
20999
21449
  }
21450
+ connectedCallback() {
21451
+ this.hostKeeper.connect(this.el);
21452
+ }
21453
+ disconnectedCallback() {
21454
+ this.hostKeeper.disconnect();
21455
+ }
21000
21456
  render() {
21001
21457
  const rowClasses = `
21002
21458
  ${this.alignItems !== undefined && this.alignItems.trim() !== '' ? `pds-align-items-${this.alignItems}` : ''}
@@ -21014,8 +21470,10 @@ class PdsRow {
21014
21470
  })), (this.minHeight && {
21015
21471
  'min-height': this.minHeight,
21016
21472
  }));
21017
- return hAsync(Host, { key: '2d71570cba49c0e896ffe29c0a7727d7c2872036', class: `pds-row ${rowClasses}`, style: rowInlineStyles });
21473
+ this.hostKeeper.record(`pds-row ${rowClasses}`, rowInlineStyles);
21474
+ return hAsync(Host, { key: 'ee3a32ae1376919c7c2d1fcf186a1b7c272ee085', class: `pds-row ${rowClasses}`, style: rowInlineStyles });
21018
21475
  }
21476
+ get el() { return getElement(this); }
21019
21477
  static get style() { return pdsRowCss(); }
21020
21478
  static get cmpMeta() { return {
21021
21479
  "$flags$": 0,
@@ -21054,6 +21512,7 @@ class PdsSelect {
21054
21512
  this.pdsFocus = createEvent(this, "pdsFocus");
21055
21513
  this.pdsKeyDown = createEvent(this, "pdsKeyDown");
21056
21514
  this._type = 'select-one';
21515
+ this.hostKeeper = new HostStylingKeeper();
21057
21516
  /**
21058
21517
  * Indicates whether or not the select field is disabled.
21059
21518
  * @defaultValue false
@@ -21135,6 +21594,7 @@ class PdsSelect {
21135
21594
  this._type = this.multiple ? 'select-multiple' : 'select-one';
21136
21595
  }
21137
21596
  connectedCallback() {
21597
+ this.hostKeeper.connect(this.el);
21138
21598
  // Initialize ElementInternals for form association (only once per element instance)
21139
21599
  if (this.el.attachInternals && !this.internals) {
21140
21600
  this.internals = this.el.attachInternals();
@@ -21142,6 +21602,9 @@ class PdsSelect {
21142
21602
  // Expose type property on the element instance to match native form element behavior
21143
21603
  exposeTypeProperty(this.el, () => this._type);
21144
21604
  }
21605
+ disconnectedCallback() {
21606
+ this.hostKeeper.disconnect();
21607
+ }
21145
21608
  componentWillLoad() {
21146
21609
  // Set initial type based on multiple prop
21147
21610
  this.updateType();
@@ -21274,7 +21737,13 @@ class PdsSelect {
21274
21737
  }
21275
21738
  render() {
21276
21739
  const hasAction = this.el.querySelector('[slot="action"]') !== null;
21277
- return (hAsync(Host, { key: '89ba8f5f06b2a1bf82a495992efcb8490021e19f', "aria-disabled": this.disabled ? 'true' : null, class: this.classNames(), "has-action": hasAction && !this.hideLabel ? 'true' : null }, hAsync("div", { key: '009dd8fe960889fd85a6cbe3239d94f81eddc9bb', class: "pds-select" }, !this.hideLabel && (hAsync("div", { key: 'e198c3dcd664da65c0356b7eb7f9b4dff8c27035', class: "pds-select__label-wrapper" }, hAsync("label", { key: '914b278a8e154b17365ffadcfe655139d3bef915', htmlFor: this.componentId }, hAsync("span", { key: '6cd42f182ae8c585364a781044b8fd2fa3d61304', class: this.hideLabel ? 'visually-hidden' : '' }, this.label)), hasAction && this.renderAction())), hAsync("select", { key: '7a3a91336f938ffb13a1e7ea1632090c37b5ad78', "aria-describedby": assignDescription(this.componentId, this.isInvalid(), this.helperMessage, this.errorMessage), "aria-invalid": this.isInvalid() ? 'true' : undefined, "aria-label": this.hideLabel ? this.label : undefined, autocomplete: this.autocomplete || undefined, class: "pds-select__field", disabled: this.disabled, id: this.componentId, multiple: this.multiple, name: this.name, onBlur: this.onBlur, onChange: this.onSelectUpdate, onFocus: this.onFocus, onKeyDown: this.onKeyDown, part: "select", required: this.required, ref: (el) => (this.selectEl = el) }), hAsync("div", { key: 'd3ddc61e4458e5ec0af1e700e69355d1cabaa651', "aria-hidden": "true", class: "hidden", ref: (el) => (this.slotContainer = el) }, hAsync("slot", { key: 'dae8f36dd59e84f502500a24fec97a6fad305167', onSlotchange: this.handleSlotChange })), this.renderMessages(), !this.multiple && hAsync("pds-icon", { key: '66fd7ed9fd065b6aff73df75234fa9534c828b6f', "aria-hidden": "true", class: "pds-select__select-icon", icon: enlarge }))));
21740
+ const hostClass = this.classNames();
21741
+ const hostAttributes = {
21742
+ 'aria-disabled': this.disabled ? 'true' : null,
21743
+ 'has-action': hasAction && !this.hideLabel ? 'true' : null,
21744
+ };
21745
+ this.hostKeeper.record(hostClass, {}, hostAttributes);
21746
+ return (hAsync(Host, Object.assign({ key: 'c99bfc000ad351298e154554a8b22635b1abb718', class: hostClass }, hostAttributes), hAsync("div", { key: '35374b150cbef745c6a6068ba5a2fde0803c0314', class: "pds-select" }, !this.hideLabel && (hAsync("div", { key: 'a3b9bae451c5c384606790a29bf8ab5fc70427c0', class: "pds-select__label-wrapper" }, hAsync("label", { key: '80d7740a05a6d3cce6d51224169eb6c2501c4896', htmlFor: this.componentId }, hAsync("span", { key: 'a51c02d7c84f75bb168889dab50cae807271c63d', class: this.hideLabel ? 'visually-hidden' : '' }, this.label)), hasAction && this.renderAction())), hAsync("select", { key: '11444dad795bd02c008252a60e701125861e4af0', "aria-describedby": assignDescription(this.componentId, this.isInvalid(), this.helperMessage, this.errorMessage), "aria-invalid": this.isInvalid() ? 'true' : undefined, "aria-label": this.hideLabel ? this.label : undefined, autocomplete: this.autocomplete || undefined, class: "pds-select__field", disabled: this.disabled, id: this.componentId, multiple: this.multiple, name: this.name, onBlur: this.onBlur, onChange: this.onSelectUpdate, onFocus: this.onFocus, onKeyDown: this.onKeyDown, part: "select", required: this.required, ref: (el) => (this.selectEl = el) }), hAsync("div", { key: 'ce54fa1df287d96a7503bb19cd2ba6c74a6da638', "aria-hidden": "true", class: "hidden", ref: (el) => (this.slotContainer = el) }, hAsync("slot", { key: '22c55e78999076a37d43fb708dabc7379dd4cee3', onSlotchange: this.handleSlotChange })), this.renderMessages(), !this.multiple && hAsync("pds-icon", { key: '45628074fbcdb259b8bba42299082423309a6968', "aria-hidden": "true", class: "pds-select__select-icon", icon: enlarge }))));
21278
21747
  }
21279
21748
  static get formAssociated() { return true; }
21280
21749
  get el() { return getElement(this); }
@@ -23962,6 +24431,9 @@ Sortable.mount(Remove, Revert);
23962
24431
 
23963
24432
  const pdsSortableCss = () => `.pds-sortable.sc-pds-sortable-h{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-sortable.pds-sortable--bordered.sc-pds-sortable-h{border:var(--pine-border);border-radius:var(--pine-dimension-2xs)}`;
23964
24433
 
24434
+ /**
24435
+ * @lightDom host-only
24436
+ */
23965
24437
  class PdsSortable {
23966
24438
  constructor(hostRef) {
23967
24439
  registerInstance(this, hostRef);
@@ -23984,6 +24456,7 @@ class PdsSortable {
23984
24456
  * Determines the grabbable area for the `pds-sortable-item`.
23985
24457
  */
23986
24458
  this.handleType = 'row';
24459
+ this.hostKeeper = new HostStylingKeeper();
23987
24460
  }
23988
24461
  handleDisabledChange() {
23989
24462
  var _a;
@@ -24005,6 +24478,12 @@ class PdsSortable {
24005
24478
  }
24006
24479
  return classNames.join(' ');
24007
24480
  }
24481
+ connectedCallback() {
24482
+ this.hostKeeper.connect(this.el);
24483
+ }
24484
+ disconnectedCallback() {
24485
+ this.hostKeeper.disconnect();
24486
+ }
24008
24487
  componentDidLoad() {
24009
24488
  let sortableOptions = {
24010
24489
  animation: 150,
@@ -24021,7 +24500,9 @@ class PdsSortable {
24021
24500
  this.sortableInstance = Sortable.create(this.el, sortableOptions);
24022
24501
  }
24023
24502
  render() {
24024
- return (hAsync(Host, { key: '6ff85345305337587c3d06b6f6c333125707efe8', class: this.classNames(), id: this.componentId }, hAsync("slot", { key: 'e25c441574cc8b59bb1865a69af8691ce37ff341' })));
24503
+ const classNames = this.classNames();
24504
+ this.hostKeeper.record(classNames);
24505
+ return (hAsync(Host, { key: 'fb6e9a79babf01980c04ee7208d195510493a7dc', class: classNames, id: this.componentId }, hAsync("slot", { key: '5735ca3af531a736f07d1fafde8ae544d00a75bb' })));
24025
24506
  }
24026
24507
  get el() { return getElement(this); }
24027
24508
  static get watchers() { return {
@@ -24050,10 +24531,12 @@ const pdsSortableItemCss = () => `.pds-sortable-item.sc-pds-sortable-item-h{-ms-
24050
24531
 
24051
24532
  /**
24052
24533
  * @slot sortable-item-actions - Content is placed within the `pds-sortable-item__actions` element as children. This slot is only rendered if `actions` is set to `true`.
24534
+ * @lightDom renders-markup
24053
24535
  */
24054
24536
  class PdsSortableItem {
24055
24537
  constructor(hostRef) {
24056
24538
  registerInstance(this, hostRef);
24539
+ this.hostKeeper = new HostStylingKeeper();
24057
24540
  /**
24058
24541
  * Determines whether `sortable-item-actions` slot should be enabled.
24059
24542
  * @defaultValue false
@@ -24065,6 +24548,12 @@ class PdsSortableItem {
24065
24548
  */
24066
24549
  this.showHandle = false;
24067
24550
  }
24551
+ connectedCallback() {
24552
+ this.hostKeeper.connect(this.el);
24553
+ }
24554
+ disconnectedCallback() {
24555
+ this.hostKeeper.disconnect();
24556
+ }
24068
24557
  // Discards stale handle/actions siblings left by a page-cache (Turbo, bfcache) reconnect; the fresh handle is always first, the fresh actions wrapper always last.
24069
24558
  componentDidRender() {
24070
24559
  const handles = Array.from(this.el.children).filter((child) => child.matches('.pds-sortable-item__handle'));
@@ -24087,7 +24576,8 @@ class PdsSortableItem {
24087
24576
  }
24088
24577
  }
24089
24578
  render() {
24090
- return (hAsync(Host, { key: 'a401963153e64b33f47f8897f2e8a157557d625e', class: "pds-sortable-item", id: this.componentId }, this.showHandle && (hAsync("div", { key: 'e93df2aea5fcad497bd64f54b09a3e700141dfa6', class: "pds-sortable-item__handle" }, hAsync("pds-icon", { key: '9454196233b1c12a232815a2a14f05e41721a152', "aria-hidden": "true", icon: handle }))), hAsync("slot", { key: 'da456ae383e8fe7dd9375eada035bee755cdd684' }), this.enableActions && (hAsync("div", { key: 'bed7efa1c242e59b547e5e09018b1aacb1c1b172', class: "pds-sortable-item__actions" }, hAsync("slot", { key: 'c4563d2a50c3bb55108527ae1f0a68a84d5749a7', name: "sortable-item-actions" })))));
24579
+ this.hostKeeper.record('pds-sortable-item');
24580
+ return (hAsync(Host, { key: '3f9098a7c938bfa6443f08fb8b0a7c7217230890', class: "pds-sortable-item", id: this.componentId }, this.showHandle && (hAsync("div", { key: '77718a6867ddd8bc029bb3ef995f6ee9a5999ce7', class: "pds-sortable-item__handle" }, hAsync("pds-icon", { key: 'aad7f46e776ece85858798f8f1a1a50c9022b84f', "aria-hidden": "true", icon: handle }))), hAsync("slot", { key: 'afa9346ec8fd7aa6132a15dd44d3b1cae24500b9' }), this.enableActions && (hAsync("div", { key: 'c28c85391117542999c12d673879768394002c90', class: "pds-sortable-item__actions" }, hAsync("slot", { key: '88ab53f3ba4ed47715e31935b861d9ab42342b32', name: "sortable-item-actions" })))));
24091
24581
  }
24092
24582
  get el() { return getElement(this); }
24093
24583
  static get style() { return pdsSortableItemCss(); }
@@ -24118,6 +24608,7 @@ class PdsSwitch {
24118
24608
  this.pdsSwitchChange = createEvent(this, "pdsSwitchChange");
24119
24609
  this.inheritedAttributes = {};
24120
24610
  this._type = 'checkbox';
24611
+ this.hostKeeper = new HostStylingKeeper();
24121
24612
  this.hasLabelSlot = false;
24122
24613
  /**
24123
24614
  * Determines the input 'checked' state.
@@ -24161,6 +24652,7 @@ class PdsSwitch {
24161
24652
  };
24162
24653
  }
24163
24654
  connectedCallback() {
24655
+ this.hostKeeper.connect(this.el);
24164
24656
  // Initialize ElementInternals for form association (only once per element instance)
24165
24657
  if (this.el.attachInternals && !this.internals) {
24166
24658
  this.internals = this.el.attachInternals();
@@ -24168,6 +24660,9 @@ class PdsSwitch {
24168
24660
  // Expose type property on the element instance to match native form element behavior
24169
24661
  exposeTypeProperty(this.el, () => this._type);
24170
24662
  }
24663
+ disconnectedCallback() {
24664
+ this.hostKeeper.disconnect();
24665
+ }
24171
24666
  componentDidLoad() {
24172
24667
  this.updateFormValue();
24173
24668
  }
@@ -24202,9 +24697,12 @@ class PdsSwitch {
24202
24697
  this.updateHasLabelSlot();
24203
24698
  }
24204
24699
  render() {
24205
- return (hAsync(Host, { key: 'b04295a8cc5acec33c5c6461516e9ec57ff9c396', class: this.switchClassNames(), "aria-disabled": this.disabled ? 'true' : null }, hAsync("label", { key: 'f052e2409b0d7603598fd59bcdd382d6091cd794', htmlFor: this.componentId }, hAsync("input", Object.assign({ key: 'd61df3ac3762af2dcc27a8800f7317ac03994ea3', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage, this.errorMessage), "aria-invalid": this.invalid ? "true" : undefined, checked: this.checked, class: "pds-switch__input", disabled: this.disabled, id: this.componentId, name: this.name ? this.name : this.componentId, onChange: this.onSwitchUpdate, required: this.required, type: "checkbox", value: this.value }, this.inheritedAttributes)), hAsync("span", { key: '0f921ea88d5706c364b1d8e4e05afac95be9f092', class: this.hideLabel ? 'visually-hidden' : '' }, hAsync("slot", { key: '10f20c7f761635be8d90580be85fd7d62e2968f3', name: "label", onSlotchange: this.updateHasLabelSlot }), !this.hasLabelSlot && this.label)), this.helperMessage &&
24206
- hAsync("div", { key: '97a0281aa88b9208128fa169740cc710beed5538', class: `pds-switch__message`, id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
24207
- hAsync("div", { key: '26dd988675278031577df77560557484a8187cd5', class: `pds-switch__message pds-switch__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, hAsync("pds-icon", { key: 'ed674224e564f330ea797d0b4196442ad372ae99', icon: danger, size: "small" }), this.errorMessage)));
24700
+ const hostClass = this.switchClassNames();
24701
+ const ariaDisabled = this.disabled ? 'true' : null;
24702
+ this.hostKeeper.record(hostClass, {}, { 'aria-disabled': ariaDisabled });
24703
+ return (hAsync(Host, { key: '6d4b51307f2619a99981e344f782f69871aabf0f', class: hostClass, "aria-disabled": ariaDisabled }, hAsync("label", { key: '068ef3759e2bc3d9870cff36714de0e9cf558b2b', htmlFor: this.componentId }, hAsync("input", Object.assign({ key: 'aa28fb67332bb2d81c09b6c749c1cb0f079e327f', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage, this.errorMessage), "aria-invalid": this.invalid ? "true" : undefined, checked: this.checked, class: "pds-switch__input", disabled: this.disabled, id: this.componentId, name: this.name ? this.name : this.componentId, onChange: this.onSwitchUpdate, required: this.required, type: "checkbox", value: this.value }, this.inheritedAttributes)), hAsync("span", { key: 'd237980a9ce2abc04d57085df022f28dfa2768e4', class: this.hideLabel ? 'visually-hidden' : '' }, hAsync("slot", { key: '83d0e2110cfdcd3208319302af237178dfd419a4', name: "label", onSlotchange: this.updateHasLabelSlot }), !this.hasLabelSlot && this.label)), this.helperMessage &&
24704
+ hAsync("div", { key: '137d9e5626b34ade33f68c4c24c3dcb154500dc6', class: `pds-switch__message`, id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
24705
+ hAsync("div", { key: '64c3b8884d0568e26953f67a95d045aa5731c41f', class: `pds-switch__message pds-switch__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, hAsync("pds-icon", { key: 'f99f8045eb33d0c60518f3b4c6a0183170a50f4a', icon: danger, size: "small" }), this.errorMessage)));
24208
24706
  }
24209
24707
  static get formAssociated() { return true; }
24210
24708
  get el() { return getElement(this); }
@@ -24239,6 +24737,9 @@ class PdsSwitch {
24239
24737
 
24240
24738
  const pdsTabCss = () => `pds-tab{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;position:relative}.pds-tabs--pill pds-tab{-ms-flex:1;flex:1}.pds-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:var(--pine-border-width-none);-webkit-box-shadow:none;box-shadow:none;color:inherit;cursor:pointer;font-family:inherit;padding:var(--pine-dimension-none);-ms-flex-align:center;align-items:center;color:var(--pine-color-text-secondary);display:-ms-inline-flexbox;display:inline-flex;position:relative;text-decoration:none;white-space:nowrap}.pds-tab.is-active,.pds-tab[aria-selected=true]{color:var(--pine-color-text)}.pds-tab.is-active .pds-tab__content::after,.pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tab:hover:not(:disabled,.is-disabled){color:var(--pine-color-text)}.pds-tab:focus{outline:none}.pds-tab:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tab:disabled,.pds-tab.is-disabled{color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-tab .pds-tab__content{font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);-webkit-padding-after:11px;padding-block-end:11px;position:relative}.pds-tab .pds-tab__content::after{background-color:var(--pine-color-brand);content:"";height:3px;inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);inset-inline-start:var(--pine-dimension-none);opacity:0;position:absolute}.pds-tab .pds-tab-edge{display:none}.pds-tabs--availability{--color-background-tab:transparent}.pds-tabs--availability .pds-tab{background-color:var(--color-background-tab);border-radius:calc(var(--pine-dimension-xs) * 1.25) calc(var(--pine-dimension-xs) * 1.25) var(--pine-dimension-none) var(--pine-dimension-none);color:var(--pine-color-text-secondary);padding:8px 16px 13px}.pds-tabs--availability .pds-tab.is-active,.pds-tabs--availability .pds-tab[aria-selected=true]{--color-background-tab:var(--pine-color-secondary);color:var(--pine-color-text)}.pds-tabs--availability .pds-tab.is-active .pds-tab__content::after,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tabs--availability .pds-tab.is-active .pds-tab-edge,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab-edge{z-index:var(--pine-z-index-raised)}.pds-tabs--availability .pds-tab:hover:not(.is-active,[aria-selected=true],:disabled,.is-disabled){--color-background-tab:var(--pine-color-secondary-hover);color:var(--pine-color-text)}.pds-tabs--availability .pds-tab:focus-visible{color:var(--pine-color-text-secondary)}.pds-tabs--availability .pds-tab:disabled,.pds-tabs--availability .pds-tab.is-disabled{--color-background-tab:transparent;color:var(--pine-color-text-disabled)}.pds-tabs--availability .pds-tab__content{-webkit-padding-after:7px;padding-block-end:7px}.pds-tabs--availability .pds-tab-edge{bottom:0;display:block;height:8px;inset-inline-end:100%;overflow:hidden;position:absolute;width:8px}.pds-tabs--availability .pds-tab-edge::before{border-radius:50%;bottom:0;-webkit-box-shadow:4px 4px 0 0 var(--color-background-tab);box-shadow:4px 4px 0 0 var(--color-background-tab);content:"";display:block;height:200%;inset-inline-end:0;position:absolute;width:200%}.pds-tabs--availability .pds-tab-edge--end{inset-inline-end:unset;inset-inline-start:100%}.pds-tabs--availability .pds-tab-edge--end::before{-webkit-box-shadow:-4px 4px 0 0 var(--color-background-tab);box-shadow:-4px 4px 0 0 var(--color-background-tab);inset-inline-end:unset;inset-inline-start:0}.pds-tabs--filter .pds-tab{background-color:var(--pine-color-background-muted);border-radius:50px;color:var(--pine-color-text);padding:6px 15px}.pds-tabs--filter .pds-tab.is-active,.pds-tabs--filter .pds-tab[aria-selected=true]{background-color:var(--pine-color-primary);color:var(--pine-color-text-primary)}.pds-tabs--filter .pds-tab.is-active:hover:not(:disabled,.is-disabled),.pds-tabs--filter .pds-tab[aria-selected=true]:hover:not(:disabled,.is-disabled){background-color:var(--pine-color-primary-hover)}.pds-tabs--filter .pds-tab:hover:not(.is-active,[aria-selected=true],:disabled,.is-disabled){background-color:var(--pine-color-border-disabled)}.pds-tabs--filter .pds-tab:disabled,.pds-tabs--filter .pds-tab.is-disabled{background-color:transparent;color:var(--pine-color-text-disabled)}.pds-tabs--filter .pds-tab:disabled.is-active,.pds-tabs--filter .pds-tab:disabled[aria-selected=true],.pds-tabs--filter .pds-tab.is-disabled.is-active,.pds-tabs--filter .pds-tab.is-disabled[aria-selected=true]{background-color:var(--pine-color-primary-disabled)}.pds-tabs--filter .pds-tab__content{-webkit-padding-after:var(--pine-dimension-none);padding-block-end:var(--pine-dimension-none)}.pds-tabs--filter .pds-tab__content::after{content:unset}.pds-tabs--pill{--color-background-tab:transparent}.pds-tabs--pill .pds-tab{background-color:var(--color-background-tab);border:var(--pine-border-width-thin) solid transparent;border-radius:var(--pine-dimension-xs);color:var(--pine-color-text-muted);-ms-flex:1;flex:1;height:34px;-ms-flex-pack:center;justify-content:center}.pds-tabs--pill .pds-tab .pds-tab__content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-padding-after:0;padding-block-end:0}.pds-tabs--pill .pds-tab.is-active,.pds-tabs--pill .pds-tab[aria-selected=true]{--color-background-tab:var(--pine-color-background-container);border-color:var(--pine-color-border);-webkit-box-shadow:var(--pine-box-shadow-100);box-shadow:var(--pine-box-shadow-100);color:var(--pine-color-text-active)}.pds-tabs--pill .pds-tab.is-active:focus-visible,.pds-tabs--pill .pds-tab[aria-selected=true]:focus-visible{border-color:var(--color-border-focus);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tabs--pill .pds-tab.is-active,.pds-tabs--pill .pds-tab[aria-selected=true]{}.pds-tabs--pill .pds-tab.is-active .pds-tab__content::after,.pds-tabs--pill .pds-tab[aria-selected=true] .pds-tab__content::after{opacity:0}.pds-tabs--pill .pds-tab.is-active,.pds-tabs--pill .pds-tab[aria-selected=true]{}.pds-tabs--pill .pds-tab:disabled,.pds-tabs--pill .pds-tab.is-disabled{color:var(--pine-color-text-disabled)}`;
24241
24739
 
24740
+ /**
24741
+ * @lightDom renders-markup
24742
+ */
24242
24743
  class PdsTab {
24243
24744
  constructor(hostRef) {
24244
24745
  registerInstance(this, hostRef);
@@ -25238,6 +25739,9 @@ class PdsTableRow {
25238
25739
 
25239
25740
  const pdsTabpanelCss = () => `:host{display:block}:host(.pds-tabpanel--stretch-active){-ms-flex:1 1 auto;flex:1 1 auto;min-block-size:0}:host(.pds-tabpanel--stretch-active) .pds-tabpanel.is-active{block-size:100%}.pds-tabpanel{display:none;margin-top:var(--tabs-dimension-panel-margin-top);padding:var(--tabs-dimension-panel-padding)}.pds-tabpanel:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tabpanel.is-active{display:block}`;
25240
25741
 
25742
+ /**
25743
+ * @lightDom renders-markup
25744
+ */
25241
25745
  class PdsTabpanel {
25242
25746
  constructor(hostRef) {
25243
25747
  registerInstance(this, hostRef);
@@ -25257,7 +25761,7 @@ class PdsTabpanel {
25257
25761
  unwrapReconnectedContent(this.el.querySelector('.pds-tabpanel'), '.pds-tabpanel');
25258
25762
  }
25259
25763
  render() {
25260
- return (hAsync(Host, { key: 'cce5229aaa694a4eeb30ceacb7edbb7b03f7e24a', slot: "tabpanels", class: this.stretch && this.selected ? "pds-tabpanel--stretch-active" : undefined }, hAsync("div", { key: '614187ea6676c80d94acd9aef7c8e10137fb6179', role: "tabpanel", id: this.parentComponentId + "__" + this.name + '-panel', tabindex: "0", "aria-labelledby": this.parentComponentId + "__" + this.name, class: this.selected ? "pds-tabpanel is-active" : "pds-tabpanel" }, hAsync("slot", { key: '368f81238023d647d42b3c1f6dc14795245bbc87' }))));
25764
+ return (hAsync(Host, { key: '87b00d828c9cddbcccd5d6e89dab7541a3c5c839', slot: "tabpanels", class: this.stretch && this.selected ? "pds-tabpanel--stretch-active" : undefined }, hAsync("div", { key: 'd7058a727d010351c73b5287f45991d48ef71151', role: "tabpanel", id: this.parentComponentId + "__" + this.name + '-panel', tabindex: "0", "aria-labelledby": this.parentComponentId + "__" + this.name, class: this.selected ? "pds-tabpanel is-active" : "pds-tabpanel" }, hAsync("slot", { key: '97861fcd8432206a1115135fad919d75dc327112' }))));
25261
25765
  }
25262
25766
  get el() { return getElement(this); }
25263
25767
  static get style() { return pdsTabpanelCss(); }
@@ -25287,6 +25791,7 @@ const pdsTabsCss = () => `:host{--tabs-dimension-panel-margin-top:var(--pine-dim
25287
25791
  class PdsTabs {
25288
25792
  constructor(hostRef) {
25289
25793
  registerInstance(this, hostRef);
25794
+ this.hostKeeper = new HostStylingKeeper();
25290
25795
  /**
25291
25796
  * Adds a divider rule beneath the tab list.
25292
25797
  * @defaultValue false
@@ -25307,6 +25812,12 @@ class PdsTabs {
25307
25812
  */
25308
25813
  this.nav = false;
25309
25814
  }
25815
+ connectedCallback() {
25816
+ this.hostKeeper.connect(this.el);
25817
+ }
25818
+ disconnectedCallback() {
25819
+ this.hostKeeper.disconnect();
25820
+ }
25310
25821
  tabClickHandler(event) {
25311
25822
  if (this.componentId === event.detail[1]) {
25312
25823
  this.activeTabIndex = event.detail[0];
@@ -25441,7 +25952,11 @@ class PdsTabs {
25441
25952
  // Navigation mode: a <nav> landmark of links (aria-current marks the current
25442
25953
  // page). Panel mode: the ARIA tablist of role=tab buttons over tabpanels.
25443
25954
  const tabList = this.isNav ? (hAsync("nav", { class: "pds-tabs__tablist", "aria-label": this.tablistLabel || undefined, part: "tab-list" }, hAsync("slot", { name: "tabs" }))) : (hAsync("div", { class: "pds-tabs__tablist", role: "tablist", "aria-label": this.tablistLabel, part: "tab-list" }, hAsync("slot", { name: "tabs" })));
25444
- return (hAsync(Host, { key: 'db689b695d53916eb40a7c6f4596a20925fd4b2e', "active-tab-name": this.activeTabName, class: this.classNames(), id: this.componentId }, tabList, hAsync("slot", { key: 'd2e79967a75d4e2fc33bff5321c62cc89ac74491', name: "tabpanels" })));
25955
+ const hostClass = this.classNames();
25956
+ // Only the classes: `active-tab-name` backs the mutable activeTabName prop, so a morph that drops
25957
+ // it is a prop change, not a strip.
25958
+ this.hostKeeper.record(hostClass);
25959
+ return (hAsync(Host, { key: 'ea26bc4e4cadd4621511afa01ca2a353a053fd0e', "active-tab-name": this.activeTabName, class: hostClass, id: this.componentId }, tabList, hAsync("slot", { key: '3f920708c647920af3d0d50f74b5409d30d70af8', name: "tabpanels" })));
25445
25960
  }
25446
25961
  get el() { return getElement(this); }
25447
25962
  static get style() { return pdsTabsCss(); }
@@ -26130,6 +26645,7 @@ const pdsTooltipCss = () => `.pds-tooltip{--tooltip-border-width-arrow-down:var(
26130
26645
  /**
26131
26646
  * @slot (default) - The tooltip's target element
26132
26647
  * @slot content - HTML content for the tooltip
26648
+ * @lightDom renders-markup
26133
26649
  */
26134
26650
  class PdsTooltip {
26135
26651
  constructor(hostRef) {
@@ -26470,9 +26986,9 @@ class PdsTooltip {
26470
26986
  }
26471
26987
  render() {
26472
26988
  const hostId = this.componentId || undefined;
26473
- return (hAsync(Host, { key: 'd63b6632a084fbaebd2004a569fb96e0fff91f41', id: hostId, class: { 'pds-tooltip--is-open': this.opened } }, hAsync("span", { key: '79b8b9c2bb9fc2afaf8cbb06dbc102d18c060362', class: "pds-tooltip__trigger", onMouseEnter: this.handleShow, onMouseLeave: this.handleHide,
26989
+ return (hAsync(Host, { key: 'e80abb11248d9bf6aec1ae738c61692594975630', id: hostId, class: { 'pds-tooltip--is-open': this.opened } }, hAsync("span", { key: '9ff484925a1792302eee230a5c37a0268d536935', class: "pds-tooltip__trigger", onMouseEnter: this.handleShow, onMouseLeave: this.handleHide,
26474
26990
  /* focusin/out bubble; ensure keyboard users see tooltips */
26475
- onFocusin: this.handleShow, onFocusout: this.handleHide, ref: el => this.triggerEl = el }, hAsync("slot", { key: '9e12d130ac5f392d966f442d91673c3864962b01' })), hAsync("div", { key: '5b83f093b2cbb2b22af0c440278ee318c456087a', class: "pds-tooltip__content-slot-wrapper", hidden: true }, hAsync("slot", { key: 'c0243ad0a833326e8daf799d41b1bf8048c6dee9', name: "content" }))));
26991
+ onFocusin: this.handleShow, onFocusout: this.handleHide, ref: el => this.triggerEl = el }, hAsync("slot", { key: '738c314a816e82fd81a0c0e9895d51af45b75eb2' })), hAsync("div", { key: '5b0477cd433cae0b53c4d5ce5767dc703be28ee0', class: "pds-tooltip__content-slot-wrapper", hidden: true }, hAsync("slot", { key: '51ad497357c1d1547bba69d07fd7fa1b675c021f', name: "content" }))));
26476
26992
  }
26477
26993
  get el() { return getElement(this); }
26478
26994
  static get watchers() { return {