@openedx/paragon 22.4.0 → 23.0.0-alpha.1

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 (530) hide show
  1. package/README.md +36 -5
  2. package/bin/paragon-scripts.js +128 -9
  3. package/dist/ActionRow/_index.scss +2 -4
  4. package/dist/Alert/index.scss +41 -32
  5. package/dist/Annotation/_mixins.scss +104 -0
  6. package/dist/Annotation/index.scss +130 -103
  7. package/dist/Avatar/index.scss +18 -20
  8. package/dist/AvatarButton/index.scss +3 -5
  9. package/dist/Badge/index.scss +112 -2
  10. package/dist/Breadcrumb/index.scss +14 -16
  11. package/dist/Bubble/index.scss +25 -12
  12. package/dist/Button/_mixins.scss +14 -0
  13. package/dist/Button/button-group.scss +126 -0
  14. package/dist/Button/index.js +0 -2
  15. package/dist/Button/index.js.map +1 -1
  16. package/dist/Button/index.scss +855 -370
  17. package/dist/Card/card-bootstrap.scss +168 -0
  18. package/dist/Card/index.scss +78 -79
  19. package/dist/Carousel/index.scss +168 -2
  20. package/dist/Chip/index.scss +46 -37
  21. package/dist/Chip/mixins.scss +8 -3
  22. package/dist/ChipCarousel/index.scss +4 -4
  23. package/dist/CloseButton/index.scss +31 -2
  24. package/dist/Code/index.scss +47 -2
  25. package/dist/Collapsible/index.scss +15 -15
  26. package/dist/ColorPicker/index.scss +9 -11
  27. package/dist/DataTable/CollapsibleButtonGroup.js +2 -2
  28. package/dist/DataTable/CollapsibleButtonGroup.js.map +1 -1
  29. package/dist/DataTable/index.scss +48 -50
  30. package/dist/Dropdown/dropdown-bootstrap.scss +181 -0
  31. package/dist/Dropdown/index.js +0 -2
  32. package/dist/Dropdown/index.js.map +1 -1
  33. package/dist/Dropdown/index.scss +11 -12
  34. package/dist/Dropzone/index.scss +12 -14
  35. package/dist/Form/_FormText.scss +8 -8
  36. package/dist/Form/_bootstrap-custom-forms.scss +551 -0
  37. package/dist/Form/_bootstrap-forms.scss +381 -0
  38. package/dist/Form/_index.scss +168 -146
  39. package/dist/Form/_input-group.scss +188 -0
  40. package/dist/Form/_mixins.scss +216 -3
  41. package/dist/Hyperlink/index.scss +1 -1
  42. package/dist/Icon/index.scss +10 -12
  43. package/dist/IconButton/_mixins.scss +4 -0
  44. package/dist/IconButton/index.js +5 -11
  45. package/dist/IconButton/index.js.map +1 -1
  46. package/dist/IconButton/index.scss +387 -74
  47. package/dist/IconButtonToggle/index.scss +1 -1
  48. package/dist/Image/index.scss +53 -2
  49. package/dist/Menu/index.scss +25 -27
  50. package/dist/Modal/_ModalDialog.scss +52 -50
  51. package/dist/Modal/index.scss +6 -73
  52. package/dist/Nav/_mixins.scss +4 -4
  53. package/dist/Nav/index.scss +70 -66
  54. package/dist/Navbar/index.scss +276 -2
  55. package/dist/OverflowScroll/data/useOverflowScrollElementAttributes.js +3 -3
  56. package/dist/Overlay/index.js +2 -3
  57. package/dist/Overlay/index.js.map +1 -1
  58. package/dist/PageBanner/index.scss +17 -21
  59. package/dist/Pagination/index.scss +32 -34
  60. package/dist/Pagination/pagination-bootstrap.scss +83 -0
  61. package/dist/Popover/index.scss +9 -10
  62. package/dist/Popover/popover-bootstrap.scss +198 -0
  63. package/dist/ProductTour/Checkpoint.scss +71 -43
  64. package/dist/ProgressBar/_mixins.scss +22 -0
  65. package/dist/ProgressBar/bootstrap-progress.scss +49 -0
  66. package/dist/ProgressBar/index.scss +28 -36
  67. package/dist/Scrollable/index.scss +2 -2
  68. package/dist/SearchField/SearchFieldInput.js +2 -2
  69. package/dist/SearchField/SearchFieldInput.js.map +1 -1
  70. package/dist/SearchField/index.scss +15 -17
  71. package/dist/SelectableBox/index.scss +11 -13
  72. package/dist/Sheet/index.scss +10 -10
  73. package/dist/Spinner/index.scss +57 -2
  74. package/dist/Stack/index.scss +1 -3
  75. package/dist/Stepper/index.scss +19 -20
  76. package/dist/Sticky/index.scss +4 -6
  77. package/dist/Tabs/index.js +0 -2
  78. package/dist/Tabs/index.js.map +1 -1
  79. package/dist/Tabs/index.scss +26 -25
  80. package/dist/Toast/ToastContainer.scss +9 -11
  81. package/dist/Toast/bootstrap-toast.scss +46 -0
  82. package/dist/Toast/index.scss +9 -10
  83. package/dist/Tooltip/index.scss +136 -10
  84. package/dist/ValidationMessage/index.scss +1 -1
  85. package/dist/core.css +16788 -0
  86. package/dist/core.css.map +1 -0
  87. package/dist/core.min.css +2 -0
  88. package/dist/index.js +0 -14
  89. package/dist/index.scss +0 -4
  90. package/dist/light.css +4098 -0
  91. package/dist/light.css.map +1 -0
  92. package/dist/light.min.css +2 -0
  93. package/dist/theme-urls.json +21 -0
  94. package/dist/utils/breakpoints.js +1 -1
  95. package/lib/build-scss.js +188 -0
  96. package/lib/build-tokens.js +119 -0
  97. package/lib/help.js +36 -23
  98. package/lib/replace-variables.js +38 -0
  99. package/lib/utils.js +30 -0
  100. package/package.json +25 -10
  101. package/src/ActionRow/_index.scss +2 -4
  102. package/src/Alert/index.scss +41 -32
  103. package/src/Annotation/_mixins.scss +104 -0
  104. package/src/Annotation/index.scss +130 -103
  105. package/src/Avatar/index.scss +18 -20
  106. package/src/AvatarButton/index.scss +3 -5
  107. package/src/Badge/index.scss +112 -2
  108. package/src/Breadcrumb/index.scss +14 -16
  109. package/src/Bubble/index.scss +25 -12
  110. package/src/Button/README.md +0 -84
  111. package/src/Button/_mixins.scss +14 -0
  112. package/src/Button/button-group.scss +126 -0
  113. package/src/Button/index.jsx +0 -3
  114. package/src/Button/index.scss +855 -370
  115. package/src/Card/card-bootstrap.scss +168 -0
  116. package/src/Card/index.scss +78 -79
  117. package/src/Carousel/index.scss +168 -2
  118. package/src/Chip/index.scss +46 -37
  119. package/src/Chip/mixins.scss +8 -3
  120. package/src/ChipCarousel/index.scss +4 -4
  121. package/src/CloseButton/index.scss +31 -2
  122. package/src/Code/index.scss +47 -2
  123. package/src/Collapsible/index.scss +15 -15
  124. package/src/ColorPicker/index.scss +9 -11
  125. package/src/DataTable/CollapsibleButtonGroup.jsx +2 -2
  126. package/src/DataTable/index.scss +48 -50
  127. package/src/Dropdown/README.md +0 -93
  128. package/src/Dropdown/dropdown-bootstrap.scss +181 -0
  129. package/src/Dropdown/index.jsx +0 -2
  130. package/src/Dropdown/index.scss +11 -12
  131. package/src/Dropzone/index.scss +12 -14
  132. package/src/Form/_FormText.scss +8 -8
  133. package/src/Form/_bootstrap-custom-forms.scss +551 -0
  134. package/src/Form/_bootstrap-forms.scss +381 -0
  135. package/src/Form/_index.scss +168 -146
  136. package/src/Form/_input-group.scss +188 -0
  137. package/src/Form/_mixins.scss +216 -3
  138. package/src/Hyperlink/index.scss +1 -1
  139. package/src/Icon/index.scss +10 -12
  140. package/src/IconButton/README.md +1 -15
  141. package/src/IconButton/__snapshots__/IconButton.test.jsx.snap +5 -28
  142. package/src/IconButton/_mixins.scss +4 -0
  143. package/src/IconButton/index.jsx +6 -13
  144. package/src/IconButton/index.scss +387 -74
  145. package/src/IconButtonToggle/index.scss +1 -1
  146. package/src/Image/index.scss +53 -2
  147. package/src/Menu/index.scss +25 -27
  148. package/src/Modal/_ModalDialog.scss +52 -50
  149. package/src/Modal/index.scss +6 -73
  150. package/src/Nav/_mixins.scss +4 -4
  151. package/src/Nav/index.scss +70 -66
  152. package/src/Navbar/index.scss +276 -2
  153. package/src/OverflowScroll/data/useOverflowScrollElementAttributes.js +3 -3
  154. package/src/Overlay/index.jsx +2 -3
  155. package/src/PageBanner/index.scss +17 -21
  156. package/src/Pagination/index.scss +32 -34
  157. package/src/Pagination/pagination-bootstrap.scss +83 -0
  158. package/src/Popover/index.scss +9 -10
  159. package/src/Popover/popover-bootstrap.scss +198 -0
  160. package/src/ProductTour/Checkpoint.scss +71 -43
  161. package/src/ProgressBar/_mixins.scss +22 -0
  162. package/src/ProgressBar/bootstrap-progress.scss +49 -0
  163. package/src/ProgressBar/index.scss +28 -36
  164. package/src/Scrollable/index.scss +2 -2
  165. package/src/SearchField/SearchFieldInput.jsx +2 -2
  166. package/src/SearchField/__snapshots__/SearchField.test.jsx.snap +12 -8
  167. package/src/SearchField/index.scss +15 -17
  168. package/src/SelectableBox/index.scss +11 -13
  169. package/src/Sheet/index.scss +10 -10
  170. package/src/Spinner/index.scss +57 -2
  171. package/src/Stack/index.scss +1 -3
  172. package/src/Stepper/index.scss +19 -20
  173. package/src/Sticky/index.scss +4 -6
  174. package/src/Tabs/README.md +1 -23
  175. package/src/Tabs/index.jsx +0 -3
  176. package/src/Tabs/index.scss +26 -25
  177. package/src/Toast/ToastContainer.scss +9 -11
  178. package/src/Toast/bootstrap-toast.scss +46 -0
  179. package/src/Toast/index.scss +9 -10
  180. package/src/Tooltip/index.scss +136 -10
  181. package/src/TransitionReplace/README.md +4 -4
  182. package/src/ValidationMessage/index.scss +1 -1
  183. package/src/index.js +0 -14
  184. package/src/index.scss +0 -4
  185. package/src/setupTest.js +0 -6
  186. package/src/utils/breakpoints.js +1 -1
  187. package/styles/css/core/custom-media-breakpoints.css +17 -0
  188. package/styles/css/core/index.css +2 -0
  189. package/styles/css/core/variables.css +614 -0
  190. package/styles/css/themes/light/index.css +2 -0
  191. package/styles/css/themes/light/utility-classes.css +2454 -0
  192. package/styles/css/themes/light/variables.css +1644 -0
  193. package/{scss → styles/scss}/core/_functions.scss +1 -1
  194. package/styles/scss/core/_grid.scss +21 -0
  195. package/{scss → styles/scss}/core/_utilities.scss +17 -11
  196. package/styles/scss/core/_variables.scss +869 -0
  197. package/styles/scss/core/bootstrap-override/_functions.scss +104 -0
  198. package/styles/scss/core/bootstrap-override/_mixins.scss +4 -0
  199. package/styles/scss/core/bootstrap-override/_utilities.scss +4 -0
  200. package/styles/scss/core/bootstrap-override/bootstrap.scss +2 -0
  201. package/styles/scss/core/bootstrap-override/mixins/_grid-framework.scss +80 -0
  202. package/styles/scss/core/bootstrap-override/mixins/_grid.scss +69 -0
  203. package/styles/scss/core/bootstrap-override/mixins/_list-group.scss +22 -0
  204. package/styles/scss/core/bootstrap-override/utilities/_background.scss +7 -0
  205. package/styles/scss/core/bootstrap-override/utilities/_borders.scss +67 -0
  206. package/styles/scss/core/bootstrap-override/utilities/_spacing.scss +70 -0
  207. package/styles/scss/core/bootstrap-override/utilities/_text.scss +68 -0
  208. package/styles/scss/core/core.scss +21 -0
  209. package/{scss → styles/scss}/core/utilities-only.scss +1 -0
  210. package/tokens/README.md +158 -0
  211. package/tokens/css-utilities.js +56 -0
  212. package/tokens/map-scss-to-css.js +24 -0
  213. package/tokens/replace-variables.js +32 -0
  214. package/tokens/sass-helpers.js +98 -0
  215. package/tokens/src/core/alias/size.json +15 -0
  216. package/tokens/src/core/components/ActionRow.json +10 -0
  217. package/tokens/src/core/components/Alert.json +30 -0
  218. package/tokens/src/core/components/Annotation.json +25 -0
  219. package/tokens/src/core/components/Avatar.json +17 -0
  220. package/tokens/src/core/components/AvatarButton.json +11 -0
  221. package/tokens/src/core/components/Badge.json +33 -0
  222. package/tokens/src/core/components/Breadcrumb.json +37 -0
  223. package/tokens/src/core/components/Bubble.json +10 -0
  224. package/tokens/src/core/components/Button/core.json +105 -0
  225. package/tokens/src/core/components/Card.json +91 -0
  226. package/tokens/src/core/components/Carousel.json +37 -0
  227. package/tokens/src/core/components/Chip.json +43 -0
  228. package/tokens/src/core/components/ChipCarousel.json +15 -0
  229. package/tokens/src/core/components/CloseButton.json +14 -0
  230. package/tokens/src/core/components/Code.json +34 -0
  231. package/tokens/src/core/components/Collapsible.json +29 -0
  232. package/tokens/src/core/components/ColorPicker.json +8 -0
  233. package/tokens/src/core/components/Container.json +13 -0
  234. package/tokens/src/core/components/DataTable.json +27 -0
  235. package/tokens/src/core/components/Dropdown.json +67 -0
  236. package/tokens/src/core/components/Dropzone.json +21 -0
  237. package/tokens/src/core/components/Form/other.json +14 -0
  238. package/tokens/src/core/components/Form/size.json +233 -0
  239. package/tokens/src/core/components/Form/spacing.json +155 -0
  240. package/tokens/src/core/components/Form/transition.json +16 -0
  241. package/tokens/src/core/components/Form/typography.json +122 -0
  242. package/tokens/src/core/components/Icon.json +11 -0
  243. package/tokens/src/core/components/IconButton.json +15 -0
  244. package/tokens/src/core/components/Image.json +28 -0
  245. package/tokens/src/core/components/Menu.json +48 -0
  246. package/tokens/src/core/components/Modal.json +47 -0
  247. package/tokens/src/core/components/Nav.json +55 -0
  248. package/tokens/src/core/components/Navbar.json +70 -0
  249. package/tokens/src/core/components/Pagination.json +70 -0
  250. package/tokens/src/core/components/Popover.json +48 -0
  251. package/tokens/src/core/components/ProductTour.json +37 -0
  252. package/tokens/src/core/components/ProgressBar.json +39 -0
  253. package/tokens/src/core/components/SearchField.json +23 -0
  254. package/tokens/src/core/components/SelectableBox.json +9 -0
  255. package/tokens/src/core/components/Sheet.json +10 -0
  256. package/tokens/src/core/components/Spinner.json +19 -0
  257. package/tokens/src/core/components/Stack.json +7 -0
  258. package/tokens/src/core/components/Stepper.json +42 -0
  259. package/tokens/src/core/components/Sticky.json +7 -0
  260. package/tokens/src/core/components/Tab.json +19 -0
  261. package/tokens/src/core/components/Tabs.json +19 -0
  262. package/tokens/src/core/components/Toast.json +30 -0
  263. package/tokens/src/core/components/Tooltip.json +33 -0
  264. package/tokens/src/core/components/general/caret.json +13 -0
  265. package/tokens/src/core/components/general/headings.json +16 -0
  266. package/tokens/src/core/components/general/hr.json +10 -0
  267. package/tokens/src/core/components/general/input.json +51 -0
  268. package/tokens/src/core/components/general/link.json +30 -0
  269. package/tokens/src/core/components/general/list.json +26 -0
  270. package/tokens/src/core/components/general/text.json +24 -0
  271. package/tokens/src/core/global/breakpoints.json +12 -0
  272. package/tokens/src/core/global/display.json +21 -0
  273. package/tokens/src/core/global/elevation.json +19 -0
  274. package/tokens/src/core/global/other.json +4 -0
  275. package/tokens/src/core/global/spacing.json +35 -0
  276. package/tokens/src/core/global/transition.json +14 -0
  277. package/tokens/src/core/global/typography.json +91 -0
  278. package/tokens/src/core/utilities/color.json +12 -0
  279. package/tokens/src/themes/light/alias/color.json +114 -0
  280. package/tokens/src/themes/light/components/Alert.json +47 -0
  281. package/tokens/src/themes/light/components/Annotation.json +29 -0
  282. package/tokens/src/themes/light/components/Avatar.json +7 -0
  283. package/tokens/src/themes/light/components/Badge.json +186 -0
  284. package/tokens/src/themes/light/components/Breadcrumb.json +14 -0
  285. package/tokens/src/themes/light/components/Bubble.json +18 -0
  286. package/tokens/src/themes/light/components/Button/brand.json +260 -0
  287. package/tokens/src/themes/light/components/Button/core.json +24 -0
  288. package/tokens/src/themes/light/components/Button/danger.json +247 -0
  289. package/tokens/src/themes/light/components/Button/dark.json +230 -0
  290. package/tokens/src/themes/light/components/Button/info.json +238 -0
  291. package/tokens/src/themes/light/components/Button/light.json +236 -0
  292. package/tokens/src/themes/light/components/Button/primary.json +250 -0
  293. package/tokens/src/themes/light/components/Button/secondary.json +278 -0
  294. package/tokens/src/themes/light/components/Button/success.json +253 -0
  295. package/tokens/src/themes/light/components/Button/tertiary.json +109 -0
  296. package/tokens/src/themes/light/components/Button/warning.json +276 -0
  297. package/tokens/src/themes/light/components/Card.json +40 -0
  298. package/tokens/src/themes/light/components/Carousel.json +45 -0
  299. package/tokens/src/themes/light/components/Chip.json +50 -0
  300. package/tokens/src/themes/light/components/CloseButton.json +10 -0
  301. package/tokens/src/themes/light/components/Code.json +23 -0
  302. package/tokens/src/themes/light/components/DataTable.json +26 -0
  303. package/tokens/src/themes/light/components/Dropdown.json +41 -0
  304. package/tokens/src/themes/light/components/Dropzone.json +23 -0
  305. package/tokens/src/themes/light/components/Form/color.json +270 -0
  306. package/tokens/src/themes/light/components/Form/elevation.json +76 -0
  307. package/tokens/src/themes/light/components/Form/other.json +131 -0
  308. package/tokens/src/themes/light/components/IconButton.json +451 -0
  309. package/tokens/src/themes/light/components/Image.json +18 -0
  310. package/tokens/src/themes/light/components/Menu.json +30 -0
  311. package/tokens/src/themes/light/components/Modal.json +37 -0
  312. package/tokens/src/themes/light/components/Nav.json +166 -0
  313. package/tokens/src/themes/light/components/Navbar.json +136 -0
  314. package/tokens/src/themes/light/components/OverflowScroll.json +9 -0
  315. package/tokens/src/themes/light/components/PageBanner.json +24 -0
  316. package/tokens/src/themes/light/components/Pagination.json +45 -0
  317. package/tokens/src/themes/light/components/Popover.json +55 -0
  318. package/tokens/src/themes/light/components/ProductTour.json +35 -0
  319. package/tokens/src/themes/light/components/ProgressBar.json +20 -0
  320. package/tokens/src/themes/light/components/Scrollable.json +14 -0
  321. package/tokens/src/themes/light/components/SearchField.json +25 -0
  322. package/tokens/src/themes/light/components/Sheet.json +22 -0
  323. package/tokens/src/themes/light/components/Stepper.json +34 -0
  324. package/tokens/src/themes/light/components/Sticky.json +18 -0
  325. package/tokens/src/themes/light/components/Tab.json +62 -0
  326. package/tokens/src/themes/light/components/Toast.json +33 -0
  327. package/tokens/src/themes/light/components/Tooltip.json +30 -0
  328. package/tokens/src/themes/light/components/general/body.json +8 -0
  329. package/tokens/src/themes/light/components/general/headings.json +7 -0
  330. package/tokens/src/themes/light/components/general/hr.json +15 -0
  331. package/tokens/src/themes/light/components/general/input.json +18 -0
  332. package/tokens/src/themes/light/components/general/link.json +109 -0
  333. package/tokens/src/themes/light/components/general/list.json +38 -0
  334. package/tokens/src/themes/light/components/general/text.json +6 -0
  335. package/tokens/src/themes/light/global/color.json +1661 -0
  336. package/tokens/src/themes/light/global/elevation.json +201 -0
  337. package/tokens/src/themes/light/global/other.json +4 -0
  338. package/tokens/style-dictionary.js +223 -0
  339. package/tokens/utils.js +210 -0
  340. package/dist/ActionRow/_variables.scss +0 -2
  341. package/dist/Alert/_variables.scss +0 -24
  342. package/dist/Annotation/_variables.scss +0 -18
  343. package/dist/Avatar/_variables.scss +0 -10
  344. package/dist/AvatarButton/_variables.scss +0 -3
  345. package/dist/Badge/_variables.scss +0 -16
  346. package/dist/Breadcrumb/_variables.scss +0 -27
  347. package/dist/Bubble/_variables.scss +0 -8
  348. package/dist/Button/_variables.scss +0 -52
  349. package/dist/Button/deprecated/index.js +0 -149
  350. package/dist/Button/deprecated/index.js.map +0 -1
  351. package/dist/Card/_variables.scss +0 -55
  352. package/dist/Carousel/_variables.scss +0 -27
  353. package/dist/CheckBox/index.js +0 -102
  354. package/dist/CheckBox/index.js.map +0 -1
  355. package/dist/CheckBoxGroup/index.js +0 -15
  356. package/dist/CheckBoxGroup/index.js.map +0 -1
  357. package/dist/Chip/_variables.scss +0 -28
  358. package/dist/ChipCarousel/_variables.scss +0 -3
  359. package/dist/CloseButton/_variables.scss +0 -6
  360. package/dist/Code/_variables.scss +0 -17
  361. package/dist/Collapsible/_variables.scss +0 -12
  362. package/dist/ColorPicker/_variables.scss +0 -2
  363. package/dist/Container/_variables.scss +0 -5
  364. package/dist/DataTable/_variables.scss +0 -11
  365. package/dist/Dropdown/_variables.scss +0 -33
  366. package/dist/Dropdown/deprecated/DropdownButton.js +0 -44
  367. package/dist/Dropdown/deprecated/DropdownButton.js.map +0 -1
  368. package/dist/Dropdown/deprecated/DropdownItem.js +0 -33
  369. package/dist/Dropdown/deprecated/DropdownItem.js.map +0 -1
  370. package/dist/Dropdown/deprecated/DropdownMenu.js +0 -46
  371. package/dist/Dropdown/deprecated/DropdownMenu.js.map +0 -1
  372. package/dist/Dropdown/deprecated/index.js +0 -241
  373. package/dist/Dropdown/deprecated/index.js.map +0 -1
  374. package/dist/Dropzone/_variables.scss +0 -9
  375. package/dist/Fieldset/index.js +0 -117
  376. package/dist/Fieldset/index.js.map +0 -1
  377. package/dist/Fieldset/index.scss +0 -12
  378. package/dist/Form/_variables.scss +0 -267
  379. package/dist/Icon/_variables.scss +0 -7
  380. package/dist/Image/_variables.scss +0 -13
  381. package/dist/Input/index.js +0 -166
  382. package/dist/Input/index.js.map +0 -1
  383. package/dist/InputSelect/index.js +0 -105
  384. package/dist/InputSelect/index.js.map +0 -1
  385. package/dist/InputText/index.js +0 -45
  386. package/dist/InputText/index.js.map +0 -1
  387. package/dist/ListBox/index.js +0 -148
  388. package/dist/ListBox/index.js.map +0 -1
  389. package/dist/ListBoxOption/index.js +0 -94
  390. package/dist/ListBoxOption/index.js.map +0 -1
  391. package/dist/Menu/_variables.scss +0 -24
  392. package/dist/Modal/_variables.scss +0 -50
  393. package/dist/Modal/index.js +0 -292
  394. package/dist/Modal/index.js.map +0 -1
  395. package/dist/Nav/_variables.scss +0 -58
  396. package/dist/Navbar/_variables.scss +0 -40
  397. package/dist/OverflowScroll/_variables.scss +0 -5
  398. package/dist/OverflowScroll/index.scss +0 -1
  399. package/dist/Pagination/_variables.scss +0 -19
  400. package/dist/Popover/_variables.scss +0 -36
  401. package/dist/ProductTour/_variables.scss +0 -15
  402. package/dist/ProgressBar/_variables.scss +0 -23
  403. package/dist/RadioButtonGroup/index.js +0 -188
  404. package/dist/RadioButtonGroup/index.js.map +0 -1
  405. package/dist/SearchField/_variables.scss +0 -14
  406. package/dist/SelectableBox/_variables.scss +0 -5
  407. package/dist/Spinner/_variables.scss +0 -9
  408. package/dist/Stack/_variables.scss +0 -1
  409. package/dist/StatusAlert/index.js +0 -168
  410. package/dist/StatusAlert/index.js.map +0 -1
  411. package/dist/Stepper/_variables.scss +0 -18
  412. package/dist/Sticky/_variables.scss +0 -3
  413. package/dist/Table/_variables.scss +0 -34
  414. package/dist/Table/index.js +0 -267
  415. package/dist/Table/index.js.map +0 -1
  416. package/dist/Table/index.scss +0 -12
  417. package/dist/Tabs/_variables.scss +0 -24
  418. package/dist/Tabs/deprecated/Tabs.scss +0 -3
  419. package/dist/Tabs/deprecated/index.js +0 -123
  420. package/dist/Tabs/deprecated/index.js.map +0 -1
  421. package/dist/TextArea/index.js +0 -44
  422. package/dist/TextArea/index.js.map +0 -1
  423. package/dist/Toast/_variables.scss +0 -19
  424. package/dist/Tooltip/_variables.scss +0 -21
  425. package/dist/ValidationFormGroup/index.js +0 -106
  426. package/dist/ValidationFormGroup/index.js.map +0 -1
  427. package/dist/paragon.css +0 -45
  428. package/scss/core/_grid.scss +0 -21
  429. package/scss/core/_variables.scss +0 -875
  430. package/scss/core/core.scss +0 -21
  431. package/src/ActionRow/_variables.scss +0 -2
  432. package/src/Alert/_variables.scss +0 -24
  433. package/src/Annotation/_variables.scss +0 -18
  434. package/src/Avatar/_variables.scss +0 -10
  435. package/src/AvatarButton/_variables.scss +0 -3
  436. package/src/Badge/_variables.scss +0 -16
  437. package/src/Breadcrumb/_variables.scss +0 -27
  438. package/src/Bubble/_variables.scss +0 -8
  439. package/src/Button/_variables.scss +0 -52
  440. package/src/Button/deprecated/Button.test.jsx +0 -34
  441. package/src/Button/deprecated/index.jsx +0 -145
  442. package/src/Card/_variables.scss +0 -55
  443. package/src/Carousel/_variables.scss +0 -27
  444. package/src/CheckBox/CheckBox.test.jsx +0 -65
  445. package/src/CheckBox/README.md +0 -93
  446. package/src/CheckBox/index.jsx +0 -80
  447. package/src/CheckBoxGroup/CheckBoxGroup.test.jsx +0 -33
  448. package/src/CheckBoxGroup/README.md +0 -35
  449. package/src/CheckBoxGroup/index.jsx +0 -19
  450. package/src/Chip/_variables.scss +0 -28
  451. package/src/ChipCarousel/_variables.scss +0 -3
  452. package/src/CloseButton/_variables.scss +0 -6
  453. package/src/Code/_variables.scss +0 -17
  454. package/src/Collapsible/_variables.scss +0 -12
  455. package/src/ColorPicker/_variables.scss +0 -2
  456. package/src/Container/_variables.scss +0 -5
  457. package/src/DataTable/_variables.scss +0 -11
  458. package/src/Dropdown/_variables.scss +0 -33
  459. package/src/Dropdown/deprecated/Dropdown.test.jsx +0 -238
  460. package/src/Dropdown/deprecated/DropdownButton.jsx +0 -52
  461. package/src/Dropdown/deprecated/DropdownItem.jsx +0 -34
  462. package/src/Dropdown/deprecated/DropdownMenu.jsx +0 -50
  463. package/src/Dropdown/deprecated/__snapshots__/Dropdown.test.jsx.snap +0 -229
  464. package/src/Dropdown/deprecated/index.jsx +0 -222
  465. package/src/Dropzone/_variables.scss +0 -9
  466. package/src/Fieldset/Fieldset.test.jsx +0 -101
  467. package/src/Fieldset/README.md +0 -146
  468. package/src/Fieldset/index.jsx +0 -107
  469. package/src/Fieldset/index.scss +0 -12
  470. package/src/Form/_variables.scss +0 -267
  471. package/src/Icon/_variables.scss +0 -7
  472. package/src/Image/_variables.scss +0 -13
  473. package/src/Input/README.md +0 -74
  474. package/src/Input/__snapshots__/input.test.jsx.snap +0 -53
  475. package/src/Input/index.jsx +0 -151
  476. package/src/Input/input.test.jsx +0 -85
  477. package/src/InputSelect/README.md +0 -136
  478. package/src/InputSelect/index.jsx +0 -92
  479. package/src/InputText/InputText.test.jsx +0 -74
  480. package/src/InputText/README.md +0 -293
  481. package/src/InputText/index.jsx +0 -49
  482. package/src/ListBox/ListBox.test.jsx +0 -161
  483. package/src/ListBox/README.md +0 -185
  484. package/src/ListBox/index.jsx +0 -115
  485. package/src/ListBoxOption/ListBoxOption.test.jsx +0 -154
  486. package/src/ListBoxOption/index.jsx +0 -78
  487. package/src/Menu/_variables.scss +0 -24
  488. package/src/Modal/README.md +0 -148
  489. package/src/Modal/_variables.scss +0 -50
  490. package/src/Modal/index.jsx +0 -319
  491. package/src/Modal/tests/Modal.test.jsx +0 -261
  492. package/src/Nav/_variables.scss +0 -58
  493. package/src/Navbar/_variables.scss +0 -40
  494. package/src/OverflowScroll/_variables.scss +0 -5
  495. package/src/OverflowScroll/index.scss +0 -1
  496. package/src/Pagination/_variables.scss +0 -19
  497. package/src/Popover/_variables.scss +0 -36
  498. package/src/ProductTour/_variables.scss +0 -15
  499. package/src/ProgressBar/_variables.scss +0 -23
  500. package/src/RadioButtonGroup/README.md +0 -50
  501. package/src/RadioButtonGroup/RadioButtonGroup.test.jsx +0 -127
  502. package/src/RadioButtonGroup/index.jsx +0 -185
  503. package/src/SearchField/_variables.scss +0 -14
  504. package/src/SelectableBox/_variables.scss +0 -5
  505. package/src/Spinner/_variables.scss +0 -9
  506. package/src/Stack/_variables.scss +0 -1
  507. package/src/StatusAlert/README.md +0 -149
  508. package/src/StatusAlert/StatusAlert.test.jsx +0 -150
  509. package/src/StatusAlert/index.jsx +0 -144
  510. package/src/Stepper/_variables.scss +0 -18
  511. package/src/Sticky/_variables.scss +0 -3
  512. package/src/Table/README.md +0 -506
  513. package/src/Table/Table.test.jsx +0 -367
  514. package/src/Table/_variables.scss +0 -34
  515. package/src/Table/index.jsx +0 -264
  516. package/src/Table/index.scss +0 -12
  517. package/src/Tabs/_variables.scss +0 -24
  518. package/src/Tabs/deprecated/Tabs.scss +0 -3
  519. package/src/Tabs/deprecated/Tabs.test.jsx +0 -50
  520. package/src/Tabs/deprecated/index.jsx +0 -117
  521. package/src/TextArea/README.md +0 -63
  522. package/src/TextArea/index.jsx +0 -48
  523. package/src/Toast/_variables.scss +0 -19
  524. package/src/Tooltip/_variables.scss +0 -21
  525. package/src/ValidationFormGroup/README.md +0 -116
  526. package/src/ValidationFormGroup/ValidationFormGroup.test.jsx +0 -146
  527. package/src/ValidationFormGroup/__snapshots__/ValidationFormGroup.test.jsx.snap +0 -161
  528. package/src/ValidationFormGroup/index.jsx +0 -114
  529. /package/{scss → styles/scss}/core/_exports.module.scss +0 -0
  530. /package/{scss → styles/scss}/core/_typography.scss +0 -0
package/dist/light.min.css ADDED
@@ -0,0 +1,2 @@
1
+ :root{--pgn-color-dark-base:#273F2FFF;--pgn-color-light-base:#E1DDDBFF;--pgn-color-brand-base:#9D0054FF;--pgn-color-primary-base:#0A3055FF;--pgn-color-gray-base:#707070FF;--pgn-color-gray-900:#212529FF;--pgn-color-gray-800:#333333FF;--pgn-color-gray-700:#454545FF;--pgn-color-gray-600:#5C5C5CFF;--pgn-color-gray-400:#8F8F8FFF;--pgn-color-gray-300:#ADADADFF;--pgn-color-gray-200:#CCCCCCFF;--pgn-color-gray-100:#EBEBEBFF;--pgn-color-accent-b:#FFEE88FF;--pgn-color-accent-a:#00BBF9FF;--pgn-color-teal:#006DAAFF;--pgn-color-yellow:#FFD900FF;--pgn-color-green:#178253FF;--pgn-color-red:#C32D3AFF;--pgn-color-blue:#23419FFF;--pgn-color-black:#000000FF;--pgn-color-white:#FFFFFFFF;--pgn-color-toast-base:inherit;--pgn-color-tab-inverse-pills-link-dropdown-toggle-bg-hover:#00000000;--pgn-color-stepper-header-step-border:#000000FF;--pgn-color-stepper-header-bg-base:#00000000;--pgn-color-progress-bar-bg:#00000000;--pgn-color-product-tour-checkpoint-arrow-border-transparent:#00000000;--pgn-color-popover-border:#00000033;--pgn-color-overflow-scroll-opacity-mask-transparent:#00000066;--pgn-color-nav-tabs-inverse-link-bg-active-hover:#00000000;--pgn-color-nav-tabs-base-link-active-bg:#00000000;--pgn-color-nav-tabs-base-bg-hover:#00000000;--pgn-color-nav-link-border:#00000000;--pgn-color-menu-item-bg:#00000000;--pgn-color-icon-button-text-primary-inverse-active-hover:#000000FF;--pgn-color-icon-button-bg-base:#00000000;--pgn-color-mark-bg:#FFF243FF;--pgn-color-list-group-base:inherit;--pgn-color-form-control-select-bg-size:#000000FF;--pgn-color-form-control-label-base:inherit;--pgn-color-code-base:#E83E8CFF;--pgn-color-card-base:inherit;--pgn-color-btn-disabled-border-inverse-warning:#00000000;--pgn-color-btn-disabled-border-inverse-outline-success:inherit;--pgn-color-btn-disabled-border-inverse-success:#00000000;--pgn-color-btn-disabled-border-secondary:inherit;--pgn-color-btn-disabled-border-inverse-primary:#00000000;--pgn-color-btn-disabled-border-inverse-light:#00000000;--pgn-color-btn-disabled-border-inverse-info:#00000000;--pgn-color-btn-disabled-border-inverse-dark:#00000000;--pgn-color-btn-disabled-border-inverse-danger:#00000000;--pgn-color-btn-disabled-bg-inverse-outline-warning:inherit;--pgn-color-btn-disabled-bg-inverse-warning:inherit;--pgn-color-btn-disabled-bg-outline-warning:inherit;--pgn-color-btn-disabled-bg-inverse-tertiary:inherit;--pgn-color-btn-disabled-bg-tertiary:inherit;--pgn-color-btn-disabled-bg-inverse-outline-success:inherit;--pgn-color-btn-disabled-bg-inverse-success:inherit;--pgn-color-btn-disabled-bg-outline-success:inherit;--pgn-color-btn-disabled-bg-inverse-outline-secondary:inherit;--pgn-color-btn-disabled-bg-inverse-secondary:inherit;--pgn-color-btn-disabled-bg-outline-secondary:inherit;--pgn-color-btn-disabled-bg-inverse-outline-primary:inherit;--pgn-color-btn-disabled-bg-outline-primary:inherit;--pgn-color-btn-disabled-bg-inverse-outline-light:inherit;--pgn-color-btn-disabled-bg-inverse-light:inherit;--pgn-color-btn-disabled-bg-outline-light:inherit;--pgn-color-btn-disabled-bg-inverse-outline-info:inherit;--pgn-color-btn-disabled-bg-inverse-info:inherit;--pgn-color-btn-disabled-bg-outline-info:inherit;--pgn-color-btn-disabled-bg-inverse-outline-dark:inherit;--pgn-color-btn-disabled-bg-inverse-dark:inherit;--pgn-color-btn-disabled-bg-outline-dark:inherit;--pgn-color-btn-disabled-bg-inverse-outline-danger:inherit;--pgn-color-btn-disabled-bg-inverse-danger:#00000000;--pgn-color-btn-disabled-bg-outline-danger:inherit;--pgn-color-btn-disabled-bg-outline-brand:inherit;--pgn-color-btn-disabled-text-inverse-secondary:inherit;--pgn-color-btn-disabled-text-outline-secondary:inherit;--pgn-color-btn-disabled-text-outline-dark:inherit;--pgn-color-btn-focus-outline-inverse-outline-warning:inherit;--pgn-color-btn-focus-bg-inverse-outline-warning:inherit;--pgn-color-btn-focus-bg-outline-warning:inherit;--pgn-color-btn-focus-bg-inverse-tertiary:inherit;--pgn-color-btn-focus-bg-tertiary:inherit;--pgn-color-btn-focus-bg-inverse-outline-success:inherit;--pgn-color-btn-focus-bg-outline-success:inherit;--pgn-color-btn-focus-bg-inverse-outline-secondary:inherit;--pgn-color-btn-focus-bg-outline-secondary:#00000000;--pgn-color-btn-focus-bg-inverse-outline-primary:inherit;--pgn-color-btn-focus-bg-outline-primary:inherit;--pgn-color-btn-focus-bg-inverse-outline-light:inherit;--pgn-color-btn-focus-bg-outline-light:#00000000;--pgn-color-btn-focus-bg-inverse-outline-info:inherit;--pgn-color-btn-focus-bg-outline-info:inherit;--pgn-color-btn-focus-bg-inverse-outline-dark:inherit;--pgn-color-btn-focus-bg-outline-dark:inherit;--pgn-color-btn-focus-bg-inverse-outline-danger:inherit;--pgn-color-btn-focus-bg-outline-danger:inherit;--pgn-color-btn-focus-bg-inverse-outline-brand:inherit;--pgn-color-btn-focus-bg-outline-brand:inherit;--pgn-color-btn-focus-border-inverse-tertiary:#00000000;--pgn-color-btn-focus-text-inverse-secondary:inherit;--pgn-color-btn-focus-text-outline-dark:inherit;--pgn-color-btn-active-border-inverse-outline-warning:#00000000;--pgn-color-btn-active-border-inverse-warning:inherit;--pgn-color-btn-active-border-inverse-tertiary:#00000000;--pgn-color-btn-active-border-tertiary:#00000000;--pgn-color-btn-active-border-inverse-outline-success:#00000000;--pgn-color-btn-active-border-inverse-success:inherit;--pgn-color-btn-active-border-inverse-secondary:#00000000;--pgn-color-btn-active-border-inverse-outline-secondary:#00000000;--pgn-color-btn-active-border-inverse-primary:#00000000;--pgn-color-btn-active-border-inverse-outline-primary:#00000000;--pgn-color-btn-active-border-inverse-outline-light:#00000000;--pgn-color-btn-active-border-inverse-light:inherit;--pgn-color-btn-active-border-inverse-outline-info:#00000000;--pgn-color-btn-active-border-inverse-info:#00000000;--pgn-color-btn-active-border-inverse-outline-dark:#00000000;--pgn-color-btn-active-border-inverse-dark:#00000000;--pgn-color-btn-active-border-inverse-outline-danger:#00000000;--pgn-color-btn-active-border-inverse-danger:#00000000;--pgn-color-btn-active-border-inverse-outline-brand:#00000000;--pgn-color-btn-active-border-inverse-brand:#00000000;--pgn-color-btn-hover-border-inverse-outline-warning:#00000000;--pgn-color-btn-hover-border-inverse-warning:#00000000;--pgn-color-btn-hover-border-inverse-tertiary:#00000000;--pgn-color-btn-hover-border-tertiary:#00000000;--pgn-color-btn-hover-border-inverse-outline-success:#00000000;--pgn-color-btn-hover-border-inverse-success:#00000000;--pgn-color-btn-hover-border-inverse-secondary:#00000000;--pgn-color-btn-hover-border-inverse-outline-secondary:#00000000;--pgn-color-btn-hover-border-inverse-primary:#00000000;--pgn-color-btn-hover-border-inverse-outline-primary:#00000000;--pgn-color-btn-hover-border-inverse-outline-light:#00000000;--pgn-color-btn-hover-border-inverse-light:#00000000;--pgn-color-btn-hover-border-inverse-outline-info:#00000000;--pgn-color-btn-hover-border-inverse-info:#00000000;--pgn-color-btn-hover-border-inverse-outline-dark:#00000000;--pgn-color-btn-hover-border-inverse-dark:#00000000;--pgn-color-btn-hover-border-inverse-outline-danger:#00000000;--pgn-color-btn-hover-border-inverse-danger:#00000000;--pgn-color-btn-hover-border-inverse-brand:#00000000;--pgn-color-btn-hover-border-inverse-outline-brand:#00000000;--pgn-color-btn-border-inverse-warning:#00000000;--pgn-color-btn-border-inverse-tertiary:#00000000;--pgn-color-btn-border-tertiary:#00000000;--pgn-color-btn-border-inverse-success:#00000000;--pgn-color-btn-border-inverse-secondary:#00000000;--pgn-color-btn-border-inverse-primary:#00000000;--pgn-color-btn-border-inverse-light:#00000000;--pgn-color-btn-border-inverse-info:#00000000;--pgn-color-btn-border-inverse-dark:#00000000;--pgn-color-btn-border-inverse-danger:#00000000;--pgn-color-btn-border-inverse-brand:#00000000;--pgn-color-btn-bg-inverse-outline-warning:inherit;--pgn-color-btn-bg-outline-warning:inherit;--pgn-color-btn-bg-inverse-tertiary:#00000000;--pgn-color-btn-bg-tertiary:#00000000;--pgn-color-btn-bg-inverse-outline-success:inherit;--pgn-color-btn-bg-outline-success:inherit;--pgn-color-btn-bg-inverse-outline-secondary:inherit;--pgn-color-btn-bg-outline-secondary:inherit;--pgn-color-btn-bg-inverse-outline-primary:#00000000;--pgn-color-btn-bg-outline-primary:#00000000;--pgn-color-btn-bg-inverse-outline-light:inherit;--pgn-color-btn-bg-outline-light:inherit;--pgn-color-btn-bg-inverse-outline-info:inherit;--pgn-color-btn-bg-outline-info:inherit;--pgn-color-btn-bg-inverse-outline-dark:#00000000;--pgn-color-btn-bg-outline-dark:inherit;--pgn-color-btn-bg-inverse-outline-danger:#00000000;--pgn-color-btn-bg-outline-danger:inherit;--pgn-color-btn-bg-inverse-outline-brand:#00000000;--pgn-color-btn-bg-outline-brand:inherit;--pgn-other-tooltip-opacity:1;--pgn-other-search-field-disabled-opacity:.3;--pgn-other-modal-opacity:.5;--pgn-other-link-emphasized-hover-darken-percentage:15%;--pgn-other-chip-opacity-disabled:.3;--pgn-other-carousel-control-opacity-hover:.9;--pgn-other-carousel-control-opacity-base:.5;--pgn-other-btn-disabled-opacity:.65;--pgn-other-form-feedback-tooltip-opacity:.9;--pgn-elevation-box-shadow-centered-5:0 0 2.5rem rgba(0,0,0,.15),0 0 3rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-centered-4:0 0 1.25rem rgba(0,0,0,.15),0 0 1.25rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-centered-3:0 0 .625rem rgba(0,0,0,.15),0 0 1rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-centered-2:0 0 .25rem rgba(0,0,0,.15),0 0 .5rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-centered-1:0 0 .125rem rgba(0,0,0,.15),0 0 .25rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-right-5:1.25rem 0 2.5rem rgba(0,0,0,.15),.5rem 0 3rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-right-4:.625rem 0 1.25rem rgba(0,0,0,.15),.5rem 0 1.25rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-right-3:.5rem 0 1rem rgba(0,0,0,.15),.25rem 0 .625rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-right-2:.125rem 0 .25rem rgba(0,0,0,.15),.125rem 0 .5rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-right-1:.0625rem 0 .125rem rgba(0,0,0,.15),.0625rem 0 .25rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-up-5:0 -1.25rem 2.5rem rgba(0,0,0,.15),0 -.5rem 3rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-up-4:0 -.625rem 1.25rem rgba(0,0,0,.15),0 -.5rem 1.25rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-up-3:0 -.5rem 1rem rgba(0,0,0,.15),0 -.25rem .625rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-up-2:0 -.125rem .25rem rgba(0,0,0,.15),0 -.125rem .5rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-up-1:0 -.0625rem .125rem rgba(0,0,0,.15),0 -.0625rem .25rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-left-5:-1.25rem 0 2.5rem rgba(0,0,0,.15),-.5rem 0 3rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-left-4:-.625rem 0 1.25rem rgba(0,0,0,.15),-.5rem 0 1.25rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-left-3:-.5rem 0 1rem rgba(0,0,0,.15),-.25rem 0 .625rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-left-2:-.125rem 0 .25rem rgba(0,0,0,.15),-.125rem 0 .5rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-left-1:-.0625rem 0 .125rem rgba(0,0,0,.15),-.0625rem 0 .25rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-down-5:0 1.25px 2.5rem rgba(0,0,0,.15),0 .5rem 2.5rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-down-4:0 .625rem 1.25rem rgba(0,0,0,.15),0 .5rem 1.25rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-down-3:0 .5rem 1rem rgba(0,0,0,.15),0 .25rem .625rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-down-2:0 .125rem .25rem rgba(0,0,0,.15),0 .125rem .5rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-down-1:0 .0625rem .125rem rgba(0,0,0,.15),0 .0625rem .25rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-lg:0 .25rem .5rem rgba(0,0,0,.3);--pgn-elevation-box-shadow-sm:0 .0625rem .125rem rgba(0,0,0,.2);--pgn-elevation-box-shadow-base:0 .125rem .25rem rgba(0,0,0,.3);--pgn-elevation-box-shadow-level-5:0 1.25px 2.5rem rgba(0,0,0,.15),0 .5rem 2.5rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-level-4:0 .625rem 1.25rem rgba(0,0,0,.15),0 .5rem 1.25rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-level-3:0 0 .625rem rgba(0,0,0,.15),0 0 1rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-level-2:0 .125rem .25rem rgba(0,0,0,.15),0 .125rem .5rem rgba(0,0,0,.15);--pgn-elevation-box-shadow-level-1:0 .0625rem .125rem rgba(0,0,0,.15),0 .0625rem .25rem rgba(0,0,0,.15);--pgn-elevation-toast-box-shadow:0 1.25rem 2.5rem rgba(0,0,0,.15),0 .5rem 3rem rgba(0,0,0,.15);--pgn-elevation-sticky-shadow-bottom:0 .5rem 1rem rgba(0,0,0,.15),0 .25rem .625rem rgba(0,0,0,.15);--pgn-elevation-sticky-shadow-top:0 -.5rem 1rem rgba(0,0,0,.15),0 -.25rem .625rem rgba(0,0,0,.15);--pgn-elevation-progress-bar-box-shadow:none;--pgn-elevation-image-thumbnail-box-shadow:none;--pgn-elevation-icon-button-box-shadow-black-inverse-active:none;--pgn-elevation-icon-button-box-shadow-black-active:none;--pgn-elevation-icon-button-box-shadow-dark-inverse-active:none;--pgn-elevation-icon-button-box-shadow-dark-active:none;--pgn-elevation-icon-button-box-shadow-light-inverse-active:none;--pgn-elevation-icon-button-box-shadow-light-active:none;--pgn-elevation-icon-button-box-shadow-danger-inverse-active:none;--pgn-elevation-icon-button-box-shadow-danger-active:none;--pgn-elevation-icon-button-box-shadow-warning-inverse-active:none;--pgn-elevation-icon-button-box-shadow-warning-active:none;--pgn-elevation-icon-button-box-shadow-success-inverse-active:none;--pgn-elevation-icon-button-box-shadow-success-active:none;--pgn-elevation-icon-button-box-shadow-brand-inverse-active:none;--pgn-elevation-icon-button-box-shadow-brand-active:none;--pgn-elevation-icon-button-box-shadow-secondary-inverse-active:none;--pgn-elevation-icon-button-box-shadow-secondary-active:none;--pgn-elevation-icon-button-box-shadow-primary-inverse-active:none;--pgn-elevation-icon-button-box-shadow-primary-active:none;--pgn-elevation-form-control-select-border-base:none;--pgn-elevation-form-control-range-thumb-base:none;--pgn-elevation-form-control-range-track:none;--pgn-elevation-form-control-checkbox-indicator-indeterminate:none;--pgn-elevation-form-control-indicator-active:none;--pgn-elevation-form-control-indicator-checked-focus:0 0 0 4px rgba(0,0,0,.1);--pgn-elevation-form-control-indicator-checked-base:none;--pgn-elevation-form-input-focus:none;--pgn-elevation-form-input-base:none;--pgn-elevation-code-kbd-box-shadow:none;--pgn-elevation-btn-box-shadow-active:none;--pgn-elevation-btn-box-shadow-base:none;--pgn-elevation-annotation-box-shadow:drop-shadow(0 2px 4px rgba(0,0,0,.15)) drop-shadow(0 2px 8px rgba(0,0,0,.15));--pgn-elevation-alert-box-shadow:0 1px 2px rgba(0,0,0,.15),0 1px 4px rgba(0,0,0,.15);--pgn-elevation-tooltip-box-shadow:drop-shadow(0 2px 4px rgba(0,0,0,.15)) drop-shadow(0 2px 8px rgba(0,0,0,.15));--pgn-elevation-popover-box-shadow:none;--pgn-elevation-modal-content-box-shadow-sm-up:0 10px 20px rgba(0,0,0,.15),0 8px 20px rgba(0,0,0,.15);--pgn-elevation-dropdown-box-shadow:none;--pgn-color-action-default-accent-b:#FFE755FF;--pgn-color-action-default-accent-a:#0095C6FF;--pgn-color-action-default-dark-base:#142018FF;--pgn-color-action-default-light-base:#CAC3BFFF;--pgn-color-action-default-brand-base:#6A0039FF;--pgn-color-action-default-primary-base:#051627FF;--pgn-color-action-default-gray-base:#575757FF;--pgn-color-action-default-gray-900:#0A0C0DFF;--pgn-color-action-default-gray-800:#1A1A1AFF;--pgn-color-action-default-gray-700:#2B2B2BFF;--pgn-color-action-default-gray-600:#424242FF;--pgn-color-action-default-gray-400:#767676FF;--pgn-color-action-default-gray-300:#949494FF;--pgn-color-action-default-gray-200:#B3B3B3FF;--pgn-color-action-default-gray-100:#D2D2D2FF;--pgn-color-dark-900:#1B2C21FF;--pgn-color-dark-800:#1D2F23FF;--pgn-color-dark-700:#1F3226FF;--pgn-color-dark-600:#23392AFF;--pgn-color-dark-500:var(--pgn-color-dark-base);--pgn-color-dark-400:#5D6F63FF;--pgn-color-dark-300:#939F97FF;--pgn-color-dark-200:#C9CFCBFF;--pgn-color-dark-100:#F2F3F3FF;--pgn-color-light-900:#9E9B99FF;--pgn-color-light-800:#A9A6A4FF;--pgn-color-light-700:#B4B1AFFF;--pgn-color-light-600:#CBC7C5FF;--pgn-color-light-500:var(--pgn-color-light-base);--pgn-color-light-400:#E9E6E4FF;--pgn-color-light-300:#F0EEEDFF;--pgn-color-light-200:#F8F7F6FF;--pgn-color-light-100:#FDFDFDFF;--pgn-color-danger-base:var(--pgn-color-red);--pgn-color-warning-base:var(--pgn-color-yellow);--pgn-color-info-base:var(--pgn-color-teal);--pgn-color-success-base:var(--pgn-color-green);--pgn-color-brand-900:#6E003BFF;--pgn-color-brand-800:#76003FFF;--pgn-color-brand-700:#7E0043FF;--pgn-color-brand-600:#8D004CFF;--pgn-color-brand-500:var(--pgn-color-brand-base);--pgn-color-brand-400:#B6407FFF;--pgn-color-brand-300:#CE80AAFF;--pgn-color-brand-200:#E7BFD4FF;--pgn-color-brand-100:#F9F0F5FF;--pgn-color-secondary-base:var(--pgn-color-gray-700);--pgn-color-primary-900:#07223CFF;--pgn-color-primary-800:#082440FF;--pgn-color-primary-700:#082644FF;--pgn-color-primary-600:#092B4DFF;--pgn-color-primary-500:var(--pgn-color-primary-base);--pgn-color-primary-400:#476480FF;--pgn-color-primary-300:#8598AAFF;--pgn-color-primary-200:#C2CBD5FF;--pgn-color-primary-100:#F0F3F5FF;--pgn-color-gray-500:var(--pgn-color-gray-base);--pgn-color-tooltip-arrow-light:var(--pgn-color-white);--pgn-color-tooltip-bg-light:var(--pgn-color-white);--pgn-color-tooltip-bg-base:var(--pgn-color-black);--pgn-color-tooltip-light:var(--pgn-color-black);--pgn-color-tooltip-text:var(--pgn-color-white);--pgn-color-toast-header-border:#00000080;--pgn-color-toast-header-bg:var(--pgn-color-gray-700);--pgn-color-toast-header-text:var(--pgn-color-white);--pgn-color-toast-border:#0000001A;--pgn-color-toast-bg:var(--pgn-color-gray-700);--pgn-color-tab-inverse-pills-link-dropdown-toggle-bg-focus:var(--pgn-color-white);--pgn-color-tab-more-link-dropdown-toggle-text-focus:var(--pgn-color-white);--pgn-color-stepper-header-step-bg-base:var(--pgn-color-stepper-header-bg-base);--pgn-color-stepper-header-step-base:var(--pgn-color-primary-base);--pgn-color-stepper-header-bg-line:var(--pgn-color-light-base);--pgn-color-sheet-skrim-component-box-shadow:#00000026;--pgn-color-sheet-skrim-bg:#ADADAD80;--pgn-color-search-field-form-bg:var(--pgn-color-white);--pgn-color-search-field-border-focus:var(--pgn-color-black);--pgn-color-search-field-border-interaction:var(--pgn-color-black);--pgn-color-progress-bar-bar-bg-base:var(--pgn-color-accent-a);--pgn-color-progress-bar-bar-base:var(--pgn-color-white);--pgn-color-product-tour-checkpoint-box-shadow:#0000004D;--pgn-color-product-tour-checkpoint-breadcrumb:var(--pgn-color-primary-base);--pgn-color-product-tour-checkpoint-border:var(--pgn-color-brand-base);--pgn-color-product-tour-checkpoint-body:var(--pgn-color-gray-700);--pgn-color-popover-arrow-outer:#0000000D;--pgn-color-popover-header-border-bottom-dark:#F2F2F2FF;--pgn-color-popover-header-bg-dark:#808080FF;--pgn-color-popover-header-bg:var(--pgn-color-white);--pgn-color-pagination-dropdown-text-inverse:var(--pgn-color-white);--pgn-color-pagination-focus-text:var(--pgn-color-black);--pgn-color-pagination-border-disabled:var(--pgn-color-gray-100);--pgn-color-pagination-border-hover:var(--pgn-color-gray-200);--pgn-color-pagination-border-base:var(--pgn-color-gray-200);--pgn-color-pagination-bg-disabled:var(--pgn-color-white);--pgn-color-pagination-bg-hover:var(--pgn-color-gray-100);--pgn-color-pagination-text-inverse:var(--pgn-color-white);--pgn-color-page-banner-text-warning:var(--pgn-color-black);--pgn-color-page-banner-text-accent-b:var(--pgn-color-black);--pgn-color-page-banner-text-accent-a:var(--pgn-color-black);--pgn-color-page-banner-text-light:var(--pgn-color-black);--pgn-color-page-banner-text-dark:var(--pgn-color-white);--pgn-color-page-banner-bg-accent-b:var(--pgn-color-accent-b);--pgn-color-page-banner-bg-accent-a:var(--pgn-color-accent-a);--pgn-color-navbar-light-toggler-border:#0000001A;--pgn-color-navbar-light-disabled:#0000004D;--pgn-color-navbar-light-active:#000000E6;--pgn-color-navbar-light-hover:#000000B3;--pgn-color-navbar-light-text:#00000080;--pgn-color-navbar-dark-toggler-border:#FFFFFF1A;--pgn-color-navbar-dark-disabled:#FFFFFF40;--pgn-color-navbar-dark-hover:#FFFFFFBF;--pgn-color-navbar-dark-text:#FFFFFF80;--pgn-color-nav-light:#00000080;--pgn-color-nav-dark:#FFFFFF80;--pgn-color-nav-divider:var(--pgn-color-gray-100);--pgn-color-nav-pills-inverse-link-border-active-focus:var(--pgn-color-primary-base);--pgn-color-nav-pills-inverse-link-text-base:var(--pgn-color-white);--pgn-color-nav-pills-base-link-active-border:var(--pgn-color-white);--pgn-color-nav-tabs-inverse-dropdown-border:var(--pgn-color-nav-tabs-inverse-link-bg-active-hover);--pgn-color-nav-tabs-inverse-link-text-base:var(--pgn-color-white);--pgn-color-nav-tabs-base-link-disabled-border:var(--pgn-color-nav-link-border);--pgn-color-nav-tabs-base-border-focus:var(--pgn-color-nav-tabs-base-bg-hover);--pgn-color-nav-tabs-base-text-disabled:var(--pgn-color-nav-tabs-base-bg-hover);--pgn-color-nav-link-text-disabled:var(--pgn-color-gray-300);--pgn-color-nav-link-text-base:var(--pgn-color-gray-700);--pgn-color-modal-backdrop-bg:var(--pgn-color-black);--pgn-color-modal-content-border:#00000033;--pgn-color-menu-item-hover-border:var(--pgn-color-menu-item-bg);--pgn-color-menu-item-border:var(--pgn-color-menu-item-bg);--pgn-color-menu-bg:var(--pgn-color-white);--pgn-color-image-thumbnail-border:var(--pgn-color-gray-200);--pgn-color-icon-button-black:var(--pgn-color-black);--pgn-color-icon-button-accent:var(--pgn-color-white);--pgn-color-icon-button-text-black-inverse-active-base:var(--pgn-color-black);--pgn-color-icon-button-text-black-inverse-hover:var(--pgn-color-black);--pgn-color-icon-button-text-black-base:var(--pgn-color-black);--pgn-color-icon-button-text-dark-inverse-active-base:var(--pgn-color-dark-base);--pgn-color-icon-button-text-dark-inverse-hover:var(--pgn-color-dark-base);--pgn-color-icon-button-text-dark-base:var(--pgn-color-dark-base);--pgn-color-icon-button-text-light-inverse-active-base:var(--pgn-color-light-base);--pgn-color-icon-button-text-light-inverse-hover:var(--pgn-color-light-base);--pgn-color-icon-button-text-light-base:var(--pgn-color-light-base);--pgn-color-icon-button-text-brand-inverse-active-base:var(--pgn-color-brand-base);--pgn-color-icon-button-text-brand-inverse-hover:var(--pgn-color-brand-base);--pgn-color-icon-button-text-brand-base:var(--pgn-color-brand-base);--pgn-color-icon-button-text-primary-base:var(--pgn-color-primary-base);--pgn-color-icon-button-bg-black-active-base:var(--pgn-color-black);--pgn-color-icon-button-bg-black-inverse-focus:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-black-inverse-base:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-black-focus:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-black-hover:var(--pgn-color-black);--pgn-color-icon-button-bg-black-base:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-dark-active-base:var(--pgn-color-dark-base);--pgn-color-icon-button-bg-dark-inverse-focus:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-dark-inverse-base:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-dark-focus:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-dark-hover:var(--pgn-color-dark-base);--pgn-color-icon-button-bg-dark-base:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-light-active-base:var(--pgn-color-light-base);--pgn-color-icon-button-bg-light-inverse-focus:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-light-inverse-base:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-light-focus:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-light-hover:var(--pgn-color-light-base);--pgn-color-icon-button-bg-light-base:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-danger-inverse-focus:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-danger-inverse-base:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-danger-focus:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-danger-base:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-warning-inverse-focus:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-warning-inverse-base:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-warning-focus:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-warning-base:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-success-inverse-focus:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-success-inverse-base:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-success-focus:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-success-base:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-brand-active-base:var(--pgn-color-brand-base);--pgn-color-icon-button-bg-brand-inverse-focus:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-brand-inverse-base:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-brand-focus:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-brand-hover:var(--pgn-color-brand-base);--pgn-color-icon-button-bg-brand-base:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-secondary-inverse-focus:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-secondary-inverse-base:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-secondary-focus:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-secondary-base:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-primary-inverse-focus:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-primary-inverse-base:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-primary-focus:var(--pgn-color-icon-button-bg-base);--pgn-color-icon-button-bg-primary-base:var(--pgn-color-icon-button-bg-base);--pgn-color-list-group-action-active-bg:var(--pgn-color-gray-200);--pgn-color-list-group-action-base:var(--pgn-color-gray-700);--pgn-color-list-group-disabled-base:var(--pgn-color-gray-600);--pgn-color-list-group-border:#00000020;--pgn-color-list-group-bg-hover:var(--pgn-color-gray-100);--pgn-color-hr-border:#0000001A;--pgn-color-headings-base:var(--pgn-color-black);--pgn-color-body-base:var(--pgn-color-gray-700);--pgn-color-form-control-range-track-bg:var(--pgn-color-gray-300);--pgn-color-form-control-select-bg-disabled:var(--pgn-color-gray-100);--pgn-color-form-control-indicator-checked-bg-disabled:#0A305580;--pgn-color-form-control-indicator-border:var(--pgn-color-gray-700);--pgn-color-form-input-group-addon-bg:var(--pgn-color-gray-100);--pgn-color-form-input-bg-disabled:var(--pgn-color-gray-100);--pgn-color-form-input-base:var(--pgn-color-gray-700);--pgn-color-dropdown-link-hover-base:#000000FF;--pgn-color-dropdown-link-base:var(--pgn-color-gray-900);--pgn-color-dropdown-divider-bg:var(--pgn-color-gray-100);--pgn-color-dropdown-border:#00000026;--pgn-color-data-table-border:var(--pgn-color-gray-200);--pgn-color-data-table-bg-is-loading:#FFFFFFB3;--pgn-color-code-pre:var(--pgn-color-gray-900);--pgn-color-code-kbd-bg:var(--pgn-color-gray-700);--pgn-color-code-kbd-base:var(--pgn-color-white);--pgn-color-close-button:var(--pgn-color-black);--pgn-color-chip-outline-dark:var(--pgn-color-white);--pgn-color-chip-bg-light:var(--pgn-color-white);--pgn-color-chip-text-dark:var(--pgn-color-white);--pgn-color-chip-text-light:var(--pgn-color-black);--pgn-color-carousel-caption:var(--pgn-color-white);--pgn-color-carousel-indicator-active-bg:var(--pgn-color-white);--pgn-color-carousel-control-base:var(--pgn-color-white);--pgn-color-card-border-base:#00000020;--pgn-color-btn-disabled-border-inverse-tertiary:var(--pgn-color-btn-border-inverse-tertiary);--pgn-color-btn-disabled-border-tertiary:var(--pgn-color-btn-border-tertiary);--pgn-color-btn-disabled-border-inverse-secondary:var(--pgn-color-btn-border-inverse-secondary);--pgn-color-btn-disabled-bg-inverse-primary:var(--pgn-color-white);--pgn-color-btn-disabled-bg-inverse-outline-brand:var(--pgn-color-btn-bg-inverse-outline-brand);--pgn-color-btn-disabled-bg-inverse-brand:var(--pgn-color-white);--pgn-color-btn-focus-outline-inverse-warning:var(--pgn-color-white);--pgn-color-btn-focus-outline-inverse-tertiary:var(--pgn-color-white);--pgn-color-btn-focus-outline-inverse-secondary:var(--pgn-color-white);--pgn-color-btn-focus-outline-inverse-light:var(--pgn-color-white);--pgn-color-btn-focus-border-inverse-warning:var(--pgn-color-btn-border-inverse-warning);--pgn-color-btn-focus-border-tertiary:var(--pgn-color-btn-border-tertiary);--pgn-color-btn-focus-border-inverse-success:var(--pgn-color-white);--pgn-color-btn-focus-border-inverse-outline-secondary:var(--pgn-color-white);--pgn-color-btn-focus-border-inverse-secondary:var(--pgn-color-white);--pgn-color-btn-focus-border-inverse-primary:var(--pgn-color-white);--pgn-color-btn-focus-border-inverse-light:var(--pgn-color-btn-border-inverse-light);--pgn-color-btn-focus-border-inverse-info:var(--pgn-color-white);--pgn-color-btn-focus-border-inverse-outline-dark:var(--pgn-color-white);--pgn-color-btn-focus-border-inverse-dark:var(--pgn-color-white);--pgn-color-btn-focus-border-inverse-outline-danger:var(--pgn-color-white);--pgn-color-btn-focus-border-inverse-danger:var(--pgn-color-white);--pgn-color-btn-focus-border-inverse-brand:var(--pgn-color-white);--pgn-color-btn-active-bg-inverse-warning:var(--pgn-color-gray-100);--pgn-color-btn-active-bg-inverse-success:var(--pgn-color-gray-100);--pgn-color-btn-active-bg-inverse-secondary:var(--pgn-color-gray-100);--pgn-color-btn-active-bg-inverse-primary:var(--pgn-color-gray-100);--pgn-color-btn-active-bg-inverse-light:var(--pgn-color-gray-100);--pgn-color-btn-active-bg-inverse-info:var(--pgn-color-gray-100);--pgn-color-btn-active-bg-inverse-dark:var(--pgn-color-gray-100);--pgn-color-btn-active-bg-inverse-danger:var(--pgn-color-gray-100);--pgn-color-btn-active-bg-inverse-brand:var(--pgn-color-gray-100);--pgn-color-btn-active-text-inverse-tertiary:var(--pgn-color-white);--pgn-color-btn-active-text-tertiary:var(--pgn-color-gray-700);--pgn-color-btn-hover-bg-inverse-tertiary:#FFFFFF1A;--pgn-color-btn-hover-text-inverse-tertiary:var(--pgn-color-white);--pgn-color-btn-hover-text-tertiary:var(--pgn-color-gray-700);--pgn-color-btn-border-inverse-outline-warning:var(--pgn-color-white);--pgn-color-btn-border-inverse-outline-success:var(--pgn-color-white);--pgn-color-btn-border-inverse-outline-secondary:var(--pgn-color-white);--pgn-color-btn-border-inverse-outline-primary:var(--pgn-color-white);--pgn-color-btn-border-outline-primary:var(--pgn-color-primary-base);--pgn-color-btn-border-inverse-outline-light:var(--pgn-color-white);--pgn-color-btn-border-outline-light:var(--pgn-color-light-base);--pgn-color-btn-border-inverse-outline-info:var(--pgn-color-white);--pgn-color-btn-border-inverse-outline-dark:var(--pgn-color-white);--pgn-color-btn-border-outline-dark:var(--pgn-color-dark-base);--pgn-color-btn-border-inverse-outline-danger:var(--pgn-color-white);--pgn-color-btn-border-inverse-outline-brand:var(--pgn-color-white);--pgn-color-btn-border-outline-brand:var(--pgn-color-brand-base);--pgn-color-btn-bg-primary:var(--pgn-color-primary-base);--pgn-color-btn-bg-light:var(--pgn-color-light-base);--pgn-color-btn-bg-dark:var(--pgn-color-dark-base);--pgn-color-btn-bg-brand:var(--pgn-color-brand-base);--pgn-color-btn-text-inverse-outline-warning:var(--pgn-color-white);--pgn-color-btn-text-inverse-tertiary:var(--pgn-color-white);--pgn-color-btn-text-tertiary:var(--pgn-color-gray-700);--pgn-color-btn-text-inverse-outline-success:var(--pgn-color-white);--pgn-color-btn-text-inverse-outline-secondary:var(--pgn-color-white);--pgn-color-btn-text-inverse-outline-primary:var(--pgn-color-white);--pgn-color-btn-text-inverse-primary:var(--pgn-color-primary-base);--pgn-color-btn-text-outline-primary:var(--pgn-color-primary-base);--pgn-color-btn-text-inverse-outline-light:var(--pgn-color-white);--pgn-color-btn-text-inverse-light:var(--pgn-color-light-base);--pgn-color-btn-text-outline-light:var(--pgn-color-light-base);--pgn-color-btn-text-inverse-outline-info:var(--pgn-color-white);--pgn-color-btn-text-inverse-outline-dark:var(--pgn-color-white);--pgn-color-btn-text-inverse-dark:var(--pgn-color-dark-base);--pgn-color-btn-text-outline-dark:var(--pgn-color-dark-base);--pgn-color-btn-text-inverse-outline-danger:var(--pgn-color-white);--pgn-color-btn-text-inverse-outline-brand:var(--pgn-color-white);--pgn-color-btn-text-inverse-brand:var(--pgn-color-brand-base);--pgn-color-btn-text-outline-brand:var(--pgn-color-brand-base);--pgn-color-bubble-bg-primary:var(--pgn-color-primary-base);--pgn-color-bubble-text-primary:var(--pgn-color-white);--pgn-color-bubble-text-error:var(--pgn-color-white);--pgn-color-bubble-text-warning:var(--pgn-color-white);--pgn-color-bubble-text-success:var(--pgn-color-white);--pgn-color-breadcrumb-inverse-base:var(--pgn-color-white);--pgn-color-breadcrumb-bg:var(--pgn-color-gray-200);--pgn-color-badge-bg-dark:var(--pgn-color-dark-base);--pgn-color-badge-bg-light:var(--pgn-color-light-base);--pgn-color-badge-bg-primary:var(--pgn-color-primary-base);--pgn-color-badge-text-dark:#FFFFFFFF;--pgn-color-badge-text-light:#454545FF;--pgn-color-badge-text-primary:#FFFFFFFF;--pgn-color-annotation-bg-dark:var(--pgn-color-dark-base);--pgn-color-annotation-bg-light:var(--pgn-color-white);--pgn-color-annotation-bg-warning:var(--pgn-color-accent-b);--pgn-color-annotation-text-dark:var(--pgn-color-white);--pgn-color-annotation-text-error:var(--pgn-color-white);--pgn-color-annotation-text-warning:var(--pgn-color-black);--pgn-color-annotation-text-success:var(--pgn-color-white);--pgn-color-alert-content:var(--pgn-color-gray-700);--pgn-color-alert-title:var(--pgn-color-black);--pgn-color-theme-active-gray:var(--pgn-color-gray-900);--pgn-color-theme-hover-gray:var(--pgn-color-gray-700);--pgn-color-theme-border-gray:var(--pgn-color-gray-200);--pgn-color-theme-bg-gray:var(--pgn-color-gray-100);--pgn-color-border:var(--pgn-color-gray-200);--pgn-color-active:var(--pgn-color-white);--pgn-color-text-50-white:#FFFFFF80;--pgn-color-text-50-black:#00000080;--pgn-color-bg-base:var(--pgn-color-white);--pgn-elevation-scrollable-body-box-shadow:#0000008C;--pgn-elevation-menu-box-shadow:var(--pgn-elevation-box-shadow-base);--pgn-elevation-icon-button-box-shadow-black-inverse:inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-accent);--pgn-elevation-icon-button-box-shadow-black-base:inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-text-black-base);--pgn-elevation-icon-button-box-shadow-dark-inverse:inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-accent);--pgn-elevation-icon-button-box-shadow-dark-base:inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-text-dark-base);--pgn-elevation-icon-button-box-shadow-light-inverse:inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-accent);--pgn-elevation-icon-button-box-shadow-light-base:inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-text-light-base);--pgn-elevation-icon-button-box-shadow-danger-inverse:inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-accent);--pgn-elevation-icon-button-box-shadow-danger-base:inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-text-danger-base);--pgn-elevation-icon-button-box-shadow-warning-inverse:inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-accent);--pgn-elevation-icon-button-box-shadow-warning-base:inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-text-warning-base);--pgn-elevation-icon-button-box-shadow-success-inverse:inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-accent);--pgn-elevation-icon-button-box-shadow-success-base:inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-text-success-base);--pgn-elevation-icon-button-box-shadow-brand-inverse:inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-accent);--pgn-elevation-icon-button-box-shadow-brand-base:inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-text-brand-base);--pgn-elevation-icon-button-box-shadow-secondary-inverse:inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-accent);--pgn-elevation-icon-button-box-shadow-secondary-base:inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-text-secondary-base);--pgn-elevation-icon-button-box-shadow-primary-inverse:inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-accent);--pgn-elevation-icon-button-box-shadow-primary-base:inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-text-primary-base);--pgn-elevation-input-btn-focus-box-shadow:0 0 0 var(--pgn-size-input-btn-focus-width) var(--pgn-color-input-btn-focus);--pgn-elevation-form-control-file-focus:var(--pgn-elevation-form-input-focus);--pgn-elevation-form-control-file-base:var(--pgn-elevation-form-input-base);--pgn-elevation-form-control-indicator-base:var(--pgn-elevation-form-input-base);--pgn-elevation-data-table-box-shadow:var(--pgn-elevation-box-shadow-sm);--pgn-elevation-close-button-text-shadow:0 1px 0 var(--pgn-color-white);--pgn-border-color-nav-tabs-link-border-active:var(--pgn-color-primary-500);--pgn-content-navbar-toggler-light-icon-bg:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%2300000080' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--pgn-content-navbar-toggler-dark-icon-bg:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23FFFFFF80' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--pgn-content-carousel-control-bg-next-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFFFF' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");--pgn-content-carousel-control-bg-prev-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFFFF' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");--pgn-color-action-default-dark-900:#080C09FF;--pgn-color-action-default-dark-800:#0A0F0CFF;--pgn-color-action-default-dark-700:#0B130EFF;--pgn-color-action-default-dark-600:#101913FF;--pgn-color-action-default-dark-500:#142018FF;--pgn-color-action-default-dark-400:#46534AFF;--pgn-color-action-default-dark-300:#78877DFF;--pgn-color-action-default-dark-200:#AEB7B1FF;--pgn-color-action-default-dark-100:#D7DBDBFF;--pgn-color-action-default-light-900:#85817FFF;--pgn-color-action-default-light-800:#908C8AFF;--pgn-color-action-default-light-700:#9B9795FF;--pgn-color-action-default-light-600:#B3ADAAFF;--pgn-color-action-default-light-500:#CAC3BFFF;--pgn-color-action-default-light-400:#D2CCC8FF;--pgn-color-action-default-light-300:#D9D4D1FF;--pgn-color-action-default-light-200:#E2DED9FF;--pgn-color-action-default-light-100:#E4E4E4FF;--pgn-color-action-default-danger-base:#9A232EFF;--pgn-color-action-default-warning-base:#CCAE00FF;--pgn-color-action-default-info-base:#004C77FF;--pgn-color-action-default-success-base:#0F5737FF;--pgn-color-action-default-brand-900:#3B0020FF;--pgn-color-action-default-brand-800:#430024FF;--pgn-color-action-default-brand-700:#4B0028FF;--pgn-color-action-default-brand-600:#5A0031FF;--pgn-color-action-default-brand-500:#6A0039FF;--pgn-color-action-default-brand-400:#903365FF;--pgn-color-action-default-brand-300:#C05B91FF;--pgn-color-action-default-brand-200:#D99ABBFF;--pgn-color-action-default-brand-100:#EACCDDFF;--pgn-color-action-default-secondary-base:#2B2B2BFF;--pgn-color-action-default-primary-900:#02080EFF;--pgn-color-action-default-primary-800:#020A13FF;--pgn-color-action-default-primary-700:#030C16FF;--pgn-color-action-default-primary-600:#04111FFF;--pgn-color-action-default-primary-500:#051627FF;--pgn-color-action-default-primary-400:#354A5FFF;--pgn-color-action-default-primary-300:#677F95FF;--pgn-color-action-default-primary-200:#A4B1C0FF;--pgn-color-action-default-primary-100:#D1DBE1FF;--pgn-color-action-default-gray-500:#575757FF;--pgn-color-danger-900:#892029FF;--pgn-color-danger-800:#92222CFF;--pgn-color-danger-700:#9C242EFF;--pgn-color-danger-600:#B02934FF;--pgn-color-danger-500:var(--pgn-color-danger-base);--pgn-color-danger-400:#D2626BFF;--pgn-color-danger-300:#E1969DFF;--pgn-color-danger-200:#F0CBCEFF;--pgn-color-danger-100:#FBF2F3FF;--pgn-color-warning-900:#B39800FF;--pgn-color-warning-800:#BFA300FF;--pgn-color-warning-700:#CCAE00FF;--pgn-color-warning-600:#E6C300FF;--pgn-color-warning-500:var(--pgn-color-warning-base);--pgn-color-warning-400:#FFE340FF;--pgn-color-warning-300:#FFEC80FF;--pgn-color-warning-200:#FFF6BFFF;--pgn-color-warning-100:#FFFDF0FF;--pgn-color-info-900:#004C77FF;--pgn-color-info-800:#005280FF;--pgn-color-info-700:#005788FF;--pgn-color-info-600:#006299FF;--pgn-color-info-500:var(--pgn-color-info-base);--pgn-color-info-400:#4092BFFF;--pgn-color-info-300:#80B6D5FF;--pgn-color-info-200:#BFDBEAFF;--pgn-color-info-100:#F0F6FAFF;--pgn-color-success-900:#105B3AFF;--pgn-color-success-800:#11623EFF;--pgn-color-success-700:#126842FF;--pgn-color-success-600:#15754BFF;--pgn-color-success-500:var(--pgn-color-success-base);--pgn-color-success-400:#51A17EFF;--pgn-color-success-300:#8BC1A9FF;--pgn-color-success-200:#C5E0D4FF;--pgn-color-success-100:#F1F8F5FF;--pgn-color-secondary-900:#303030FF;--pgn-color-secondary-800:#343434FF;--pgn-color-secondary-700:#373737FF;--pgn-color-secondary-600:#3E3E3EFF;--pgn-color-secondary-500:var(--pgn-color-secondary-base);--pgn-color-secondary-400:#747474FF;--pgn-color-secondary-300:#A2A2A2FF;--pgn-color-secondary-200:#D1D1D1FF;--pgn-color-secondary-100:#F4F4F4FF;--pgn-color-tooltip-arrow-base:var(--pgn-color-tooltip-bg-base);--pgn-color-tab-inverse-pills-link-dropdown-toggle-border-focus:var(--pgn-color-tab-inverse-pills-link-dropdown-toggle-bg-focus);--pgn-color-tab-inverse-pills-link-dropdown-toggle-bg-active-hover:var(--pgn-color-primary-300);--pgn-color-tab-inverse-pills-link-dropdown-toggle-text-active-hover:var(--pgn-color-tab-inverse-pills-link-dropdown-toggle-bg-focus);--pgn-color-tab-inverse-pills-link-dropdown-toggle-text-focus:var(--pgn-color-primary-500);--pgn-color-tab-more-link-dropdown-toggle-bg-focus:var(--pgn-color-primary-500);--pgn-color-tab-more-link-dropdown-toggle-text-active:var(--pgn-color-tab-more-link-dropdown-toggle-text-focus);--pgn-color-tab-more-link-dropdown-toggle-btn-text-focus:var(--pgn-color-tab-more-link-dropdown-toggle-text-focus);--pgn-color-stepper-header-step-bubble-error:var(--pgn-color-danger-base);--pgn-color-stepper-header-step-bg-active:var(--pgn-color-gray-500);--pgn-color-search-field-button-bg-brand:var(--pgn-color-brand-500);--pgn-color-search-field-button-bg-primary:var(--pgn-color-primary-500);--pgn-color-search-field-border-base:var(--pgn-color-gray-500);--pgn-color-progress-bar-bar-bg-annotated:var(--pgn-color-dark-500);--pgn-color-progress-bar-border:var(--pgn-color-gray-500);--pgn-color-product-tour-checkpoint-bg:var(--pgn-color-light-300);--pgn-color-popover-body:var(--pgn-color-body-base);--pgn-color-popover-header-text:var(--pgn-color-headings-base);--pgn-color-popover-bg:var(--pgn-color-bg-base);--pgn-color-pagination-focus-base:var(--pgn-color-primary-500);--pgn-color-pagination-bg-base:var(--pgn-color-bg-base);--pgn-color-pagination-text-active:var(--pgn-color-active);--pgn-color-page-banner-bg-light:var(--pgn-color-light-400);--pgn-color-page-banner-bg-dark:var(--pgn-color-dark-500);--pgn-color-navbar-light-brand-hover:var(--pgn-color-navbar-light-active);--pgn-color-navbar-light-brand-text:var(--pgn-color-navbar-light-active);--pgn-color-navbar-dark-active:var(--pgn-color-active);--pgn-color-nav-pills-inverse-tab-content-color:var(--pgn-color-nav-pills-inverse-link-text-base);--pgn-color-nav-pills-inverse-link-bg-active-focus-hover:var(--pgn-color-nav-pills-inverse-link-text-base);--pgn-color-nav-pills-inverse-link-bg-active:var(--pgn-color-nav-pills-inverse-link-text-base);--pgn-color-nav-pills-inverse-link-border-focus-hover:var(--pgn-color-nav-pills-inverse-link-border-active-focus);--pgn-color-nav-pills-inverse-link-border-active:var(--pgn-color-nav-pills-inverse-link-text-base);--pgn-color-nav-pills-inverse-link-border-base:var(--pgn-color-dark-300);--pgn-color-nav-pills-inverse-link-text-active-hover:var(--pgn-color-nav-pills-inverse-link-text-base);--pgn-color-nav-pills-inverse-link-text-hover:var(--pgn-color-nav-pills-inverse-link-text-base);--pgn-color-nav-pills-inverse-link-text-active:var(--pgn-color-primary-500);--pgn-color-nav-pills-inverse-link-text-focus:var(--pgn-color-nav-pills-inverse-link-text-base);--pgn-color-nav-pills-base-link-active-text:var(--pgn-color-active);--pgn-color-nav-tabs-inverse-link-tab-content-color:var(--pgn-color-nav-tabs-inverse-link-text-base);--pgn-color-nav-tabs-inverse-link-bg-focus:var(--pgn-color-nav-tabs-inverse-link-text-base);--pgn-color-nav-tabs-inverse-link-border-active:var(--pgn-color-nav-tabs-inverse-link-text-base);--pgn-color-nav-tabs-inverse-link-border-bottom:var(--pgn-color-dark-300);--pgn-color-nav-tabs-base-link-active-text:var(--pgn-color-primary-500);--pgn-color-nav-tabs-base-link-hover-bg:var(--pgn-color-light-400);--pgn-color-nav-tabs-base-border-base:var(--pgn-color-light-400);--pgn-color-modal-content-bg:var(--pgn-color-bg-base);--pgn-color-menu-select-btn-link-color:var(--pgn-color-primary-500);--pgn-color-menu-item-hover-color:var(--pgn-color-btn-text-tertiary);--pgn-color-menu-item-color:var(--pgn-color-body-base);--pgn-color-image-figure-caption:var(--pgn-color-gray-500);--pgn-color-icon-button-text-black-inverse-active-focus:var(--pgn-color-icon-button-text-black-inverse-active-base);--pgn-color-icon-button-text-black-inverse-active-hover:var(--pgn-color-icon-button-text-black-inverse-active-base);--pgn-color-icon-button-text-black-active-focus:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-black-active-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-black-active-base:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-black-inverse-focus:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-black-inverse-base:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-black-focus:var(--pgn-color-icon-button-text-black-base);--pgn-color-icon-button-text-black-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-dark-inverse-active-focus:var(--pgn-color-icon-button-text-dark-inverse-active-base);--pgn-color-icon-button-text-dark-inverse-active-hover:var(--pgn-color-icon-button-text-dark-inverse-active-base);--pgn-color-icon-button-text-dark-active-focus:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-dark-active-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-dark-active-base:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-dark-inverse-focus:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-dark-inverse-base:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-dark-focus:var(--pgn-color-icon-button-text-dark-base);--pgn-color-icon-button-text-dark-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-light-inverse-active-focus:var(--pgn-color-icon-button-text-light-inverse-active-base);--pgn-color-icon-button-text-light-inverse-active-hover:var(--pgn-color-icon-button-text-light-inverse-active-base);--pgn-color-icon-button-text-light-active-focus:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-light-active-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-light-active-base:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-light-inverse-focus:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-light-inverse-base:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-light-focus:var(--pgn-color-icon-button-text-light-base);--pgn-color-icon-button-text-light-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-danger-inverse-active-base:var(--pgn-color-danger-base);--pgn-color-icon-button-text-danger-active-focus:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-danger-active-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-danger-active-base:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-danger-inverse-focus:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-danger-inverse-hover:var(--pgn-color-danger-base);--pgn-color-icon-button-text-danger-inverse-base:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-danger-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-danger-base:var(--pgn-color-danger-base);--pgn-color-icon-button-text-warning-inverse-active-base:var(--pgn-color-warning-base);--pgn-color-icon-button-text-warning-active-focus:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-warning-active-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-warning-active-base:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-warning-inverse-focus:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-warning-inverse-hover:var(--pgn-color-warning-base);--pgn-color-icon-button-text-warning-inverse-base:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-warning-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-warning-base:var(--pgn-color-warning-base);--pgn-color-icon-button-text-success-inverse-active-base:var(--pgn-color-success-base);--pgn-color-icon-button-text-success-active-focus:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-success-active-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-success-active-base:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-success-inverse-focus:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-success-inverse-hover:var(--pgn-color-success-base);--pgn-color-icon-button-text-success-inverse-base:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-success-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-success-base:var(--pgn-color-success-base);--pgn-color-icon-button-text-brand-inverse-active-focus:var(--pgn-color-icon-button-text-brand-inverse-active-base);--pgn-color-icon-button-text-brand-inverse-active-hover:var(--pgn-color-icon-button-text-brand-inverse-active-base);--pgn-color-icon-button-text-brand-active-focus:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-brand-active-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-brand-active-base:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-brand-inverse-focus:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-brand-inverse-base:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-brand-focus:var(--pgn-color-icon-button-text-brand-base);--pgn-color-icon-button-text-brand-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-secondary-inverse-active-base:var(--pgn-color-secondary-base);--pgn-color-icon-button-text-secondary-active-focus:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-secondary-active-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-secondary-active-base:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-secondary-inverse-focus:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-secondary-inverse-hover:var(--pgn-color-secondary-base);--pgn-color-icon-button-text-secondary-inverse-base:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-secondary-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-secondary-base:var(--pgn-color-secondary-base);--pgn-color-icon-button-text-primary-inverse-active-focus:var(--pgn-color-icon-button-text-primary-base);--pgn-color-icon-button-text-primary-inverse-active-base:var(--pgn-color-icon-button-text-primary-base);--pgn-color-icon-button-text-primary-active-focus:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-primary-active-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-primary-active-base:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-primary-inverse-focus:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-primary-inverse-hover:var(--pgn-color-icon-button-text-primary-base);--pgn-color-icon-button-text-primary-inverse-base:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-text-primary-focus:var(--pgn-color-icon-button-text-primary-base);--pgn-color-icon-button-text-primary-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-black-inverse-active-focus:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-black-inverse-active-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-black-inverse-active-base:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-black-active-focus:var(--pgn-color-icon-button-bg-black-active-base);--pgn-color-icon-button-bg-black-active-hover:var(--pgn-color-icon-button-bg-black-active-base);--pgn-color-icon-button-bg-black-inverse-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-dark-inverse-active-focus:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-dark-inverse-active-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-dark-inverse-active-base:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-dark-active-focus:var(--pgn-color-icon-button-bg-dark-active-base);--pgn-color-icon-button-bg-dark-active-hover:var(--pgn-color-icon-button-bg-dark-active-base);--pgn-color-icon-button-bg-dark-inverse-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-light-inverse-active-focus:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-light-inverse-active-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-light-inverse-active-base:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-light-active-focus:var(--pgn-color-icon-button-bg-light-active-base);--pgn-color-icon-button-bg-light-active-hover:var(--pgn-color-icon-button-bg-light-active-base);--pgn-color-icon-button-bg-light-inverse-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-danger-inverse-active-focus:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-danger-inverse-active-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-danger-inverse-active-base:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-danger-active-base:var(--pgn-color-danger-base);--pgn-color-icon-button-bg-danger-inverse-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-danger-hover:var(--pgn-color-danger-base);--pgn-color-icon-button-bg-warning-inverse-active-focus:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-warning-inverse-active-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-warning-inverse-active-base:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-warning-active-base:var(--pgn-color-warning-base);--pgn-color-icon-button-bg-warning-inverse-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-warning-hover:var(--pgn-color-warning-base);--pgn-color-icon-button-bg-success-inverse-active-focus:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-success-inverse-active-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-success-inverse-active-base:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-success-active-base:var(--pgn-color-success-base);--pgn-color-icon-button-bg-success-inverse-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-success-hover:var(--pgn-color-success-base);--pgn-color-icon-button-bg-brand-inverse-active-focus:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-brand-inverse-active-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-brand-inverse-active-base:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-brand-active-focus:var(--pgn-color-icon-button-bg-brand-active-base);--pgn-color-icon-button-bg-brand-active-hover:var(--pgn-color-icon-button-bg-brand-active-base);--pgn-color-icon-button-bg-brand-inverse-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-secondary-inverse-active-focus:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-secondary-inverse-active-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-secondary-inverse-active-base:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-secondary-active-base:var(--pgn-color-secondary-base);--pgn-color-icon-button-bg-secondary-inverse-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-secondary-hover:var(--pgn-color-secondary-base);--pgn-color-icon-button-bg-primary-inverse-active-focus:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-primary-inverse-active-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-primary-inverse-active-base:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-primary-active-focus:var(--pgn-color-icon-button-text-primary-base);--pgn-color-icon-button-bg-primary-active-hover:var(--pgn-color-icon-button-text-primary-base);--pgn-color-icon-button-bg-primary-active-base:var(--pgn-color-icon-button-text-primary-base);--pgn-color-icon-button-bg-primary-inverse-hover:var(--pgn-color-icon-button-accent);--pgn-color-icon-button-bg-primary-hover:var(--pgn-color-icon-button-text-primary-base);--pgn-color-text-muted:var(--pgn-color-gray-500);--pgn-color-list-group-action-active-base:var(--pgn-color-body-base);--pgn-color-list-group-action-hover:var(--pgn-color-list-group-action-base);--pgn-color-list-group-active-base:var(--pgn-color-active);--pgn-color-list-group-bg-base:var(--pgn-color-bg-base);--pgn-color-link-brand-inline-base:var(--pgn-color-brand-500);--pgn-color-link-brand-base:var(--pgn-color-brand-500);--pgn-color-link-muted-inline-base:var(--pgn-color-primary-500);--pgn-color-link-muted-base:var(--pgn-color-primary-500);--pgn-color-body-bg:var(--pgn-color-bg-base);--pgn-color-form-feedback-invalid:var(--pgn-color-danger-base);--pgn-color-form-feedback-valid:var(--pgn-color-success-base);--pgn-color-form-control-file-button-bg:var(--pgn-color-form-input-group-addon-bg);--pgn-color-form-control-file-bg-disabled:var(--pgn-color-form-input-bg-disabled);--pgn-color-form-control-file-base:var(--pgn-color-form-input-base);--pgn-color-form-control-select-indicator-base:var(--pgn-color-theme-hover-gray);--pgn-color-form-control-select-base:var(--pgn-color-form-input-base);--pgn-color-form-control-switch-indicator-checked-bg:var(--pgn-color-success-base);--pgn-color-form-control-indicator-active-base:var(--pgn-color-active);--pgn-color-form-control-indicator-checked-invalid:var(--pgn-color-danger-base);--pgn-color-form-control-indicator-checked-valid:var(--pgn-color-success-base);--pgn-color-form-control-indicator-bg-disabled:var(--pgn-color-form-input-bg-disabled);--pgn-color-form-input-focus-base:var(--pgn-color-form-input-base);--pgn-color-form-input-group-addon-base:var(--pgn-color-form-input-base);--pgn-color-form-input-bg-base:var(--pgn-color-bg-base);--pgn-color-form-input-border:var(--pgn-color-gray-500);--pgn-color-form-input-plaintext:var(--pgn-color-body-base);--pgn-color-form-input-placeholder:var(--pgn-color-gray-500);--pgn-color-dropzone-border-base:var(--pgn-color-gray-500);--pgn-color-dropzone-restriction-msg:var(--pgn-color-gray-500);--pgn-color-dropdown-link-active-base:var(--pgn-color-active);--pgn-color-dropdown-link-hover-bg:var(--pgn-color-light-300);--pgn-color-dropdown-bg:var(--pgn-color-bg-base);--pgn-color-dropdown-header:var(--pgn-color-gray-500);--pgn-color-dropdown-text:var(--pgn-color-body-base);--pgn-color-data-table-bg-base:var(--pgn-color-bg-base);--pgn-color-chip-label-dark:var(--pgn-color-chip-outline-dark);--pgn-color-chip-label-base:var(--pgn-color-primary-700);--pgn-color-chip-border-focus-selected-light:var(--pgn-color-dark-500);--pgn-color-chip-border-focus-selected-dark:var(--pgn-color-chip-outline-dark);--pgn-color-chip-border-base:var(--pgn-color-light-800);--pgn-color-chip-bg-dark:var(--pgn-color-primary-300);--pgn-color-card-divider-bg:var(--pgn-color-light-400);--pgn-color-card-border-focus-base:#0A305580;--pgn-color-card-bg-muted:var(--pgn-color-light-200);--pgn-color-card-bg-dark:var(--pgn-color-primary-500);--pgn-color-card-bg-base:var(--pgn-color-bg-base);--pgn-color-btn-disabled-border-inverse-outline-warning:var(--pgn-color-btn-border-inverse-outline-warning);--pgn-color-btn-disabled-border-inverse-outline-secondary:var(--pgn-color-btn-border-inverse-outline-secondary);--pgn-color-btn-disabled-border-outline-secondary:var(--pgn-color-secondary-base);--pgn-color-btn-disabled-border-inverse-outline-primary:var(--pgn-color-btn-text-inverse-outline-primary);--pgn-color-btn-disabled-border-inverse-outline-light:var(--pgn-color-btn-border-inverse-outline-light);--pgn-color-btn-disabled-border-inverse-outline-info:var(--pgn-color-btn-border-inverse-outline-info);--pgn-color-btn-disabled-border-inverse-outline-dark:var(--pgn-color-btn-focus-border-inverse-outline-dark);--pgn-color-btn-disabled-border-inverse-outline-danger:var(--pgn-color-btn-border-inverse-outline-danger);--pgn-color-btn-disabled-border-inverse-outline-brand:var(--pgn-color-btn-text-inverse-outline-brand);--pgn-color-btn-disabled-border-inverse-brand:var(--pgn-color-btn-disabled-bg-inverse-brand);--pgn-color-btn-disabled-border-outline-brand:var(--pgn-color-btn-border-outline-brand);--pgn-color-btn-disabled-bg-primary:var(--pgn-color-btn-bg-primary);--pgn-color-btn-disabled-bg-light:var(--pgn-color-btn-bg-light);--pgn-color-btn-disabled-bg-dark:var(--pgn-color-btn-bg-dark);--pgn-color-btn-disabled-bg-brand:var(--pgn-color-btn-bg-brand);--pgn-color-btn-disabled-text-inverse-outline-warning:var(--pgn-color-btn-text-inverse-outline-warning);--pgn-color-btn-disabled-text-inverse-warning:var(--pgn-color-warning-base);--pgn-color-btn-disabled-text-inverse-tertiary:var(--pgn-color-btn-text-inverse-tertiary);--pgn-color-btn-disabled-text-tertiary:var(--pgn-color-btn-text-tertiary);--pgn-color-btn-disabled-text-inverse-outline-success:var(--pgn-color-btn-text-inverse-outline-success);--pgn-color-btn-disabled-text-inverse-success:var(--pgn-color-success-base);--pgn-color-btn-disabled-text-inverse-outline-secondary:var(--pgn-color-btn-text-inverse-outline-secondary);--pgn-color-btn-disabled-text-inverse-outline-primary:var(--pgn-color-btn-text-inverse-outline-primary);--pgn-color-btn-disabled-text-inverse-primary:var(--pgn-color-primary-500);--pgn-color-btn-disabled-text-inverse-outline-light:var(--pgn-color-btn-text-inverse-outline-light);--pgn-color-btn-disabled-text-inverse-light:var(--pgn-color-btn-text-inverse-light);--pgn-color-btn-disabled-text-inverse-outline-info:var(--pgn-color-btn-text-inverse-outline-info);--pgn-color-btn-disabled-text-inverse-info:var(--pgn-color-info-base);--pgn-color-btn-disabled-text-inverse-outline-dark:var(--pgn-color-btn-text-inverse-outline-dark);--pgn-color-btn-disabled-text-inverse-dark:var(--pgn-color-btn-text-inverse-dark);--pgn-color-btn-disabled-text-inverse-outline-danger:var(--pgn-color-btn-text-inverse-outline-danger);--pgn-color-btn-disabled-text-inverse-danger:var(--pgn-color-danger-base);--pgn-color-btn-disabled-text-inverse-outline-brand:var(--pgn-color-btn-text-inverse-outline-brand);--pgn-color-btn-disabled-text-inverse-brand:var(--pgn-color-brand-500);--pgn-color-btn-focus-outline-inverse-success:var(--pgn-color-btn-focus-border-inverse-success);--pgn-color-btn-focus-outline-inverse-outline-secondary:var(--pgn-color-btn-border-inverse-outline-secondary);--pgn-color-btn-focus-outline-inverse-outline-primary:var(--pgn-color-btn-border-inverse-outline-primary);--pgn-color-btn-focus-outline-inverse-primary:var(--pgn-color-btn-focus-border-inverse-primary);--pgn-color-btn-focus-outline-light:var(--pgn-color-primary-300);--pgn-color-btn-focus-outline-inverse-info:var(--pgn-color-btn-focus-border-inverse-info);--pgn-color-btn-focus-outline-inverse-outline-dark:var(--pgn-color-btn-focus-border-inverse-outline-dark);--pgn-color-btn-focus-outline-inverse-dark:var(--pgn-color-btn-focus-border-inverse-dark);--pgn-color-btn-focus-outline-inverse-outline-danger:var(--pgn-color-btn-focus-border-inverse-danger);--pgn-color-btn-focus-outline-inverse-danger:var(--pgn-color-btn-focus-border-inverse-danger);--pgn-color-btn-focus-outline-inverse-brand:var(--pgn-color-btn-focus-border-inverse-brand);--pgn-color-btn-focus-bg-primary:var(--pgn-color-btn-bg-primary);--pgn-color-btn-focus-bg-light:var(--pgn-color-btn-bg-light);--pgn-color-btn-focus-bg-dark:var(--pgn-color-btn-bg-dark);--pgn-color-btn-focus-bg-brand:var(--pgn-color-btn-bg-brand);--pgn-color-btn-focus-border-inverse-outline-warning:var(--pgn-color-btn-border-inverse-outline-warning);--pgn-color-btn-focus-border-inverse-outline-success:var(--pgn-color-btn-border-inverse-outline-success);--pgn-color-btn-focus-border-inverse-outline-primary:var(--pgn-color-btn-border-inverse-outline-primary);--pgn-color-btn-focus-border-outline-primary:var(--pgn-color-btn-border-outline-primary);--pgn-color-btn-focus-border-inverse-outline-light:var(--pgn-color-btn-border-inverse-outline-light);--pgn-color-btn-focus-border-outline-light:var(--pgn-color-btn-border-outline-light);--pgn-color-btn-focus-border-inverse-outline-info:var(--pgn-color-btn-border-inverse-outline-info);--pgn-color-btn-focus-border-outline-dark:var(--pgn-color-btn-border-outline-dark);--pgn-color-btn-focus-border-inverse-outline-brand:var(--pgn-color-btn-border-inverse-outline-brand);--pgn-color-btn-focus-border-outline-brand:var(--pgn-color-btn-border-outline-brand);--pgn-color-btn-focus-text-inverse-outline-warning:var(--pgn-color-btn-text-inverse-outline-warning);--pgn-color-btn-focus-text-inverse-tertiary:var(--pgn-color-btn-text-inverse-tertiary);--pgn-color-btn-focus-text-tertiary:var(--pgn-color-btn-text-tertiary);--pgn-color-btn-focus-text-inverse-outline-success:var(--pgn-color-btn-text-inverse-outline-success);--pgn-color-btn-focus-text-inverse-outline-secondary:var(--pgn-color-btn-text-inverse-outline-secondary);--pgn-color-btn-focus-text-inverse-outline-primary:var(--pgn-color-btn-text-inverse-outline-primary);--pgn-color-btn-focus-text-inverse-primary:var(--pgn-color-btn-text-inverse-primary);--pgn-color-btn-focus-text-outline-primary:var(--pgn-color-btn-text-outline-primary);--pgn-color-btn-focus-text-inverse-outline-light:var(--pgn-color-btn-text-inverse-outline-light);--pgn-color-btn-focus-text-inverse-light:var(--pgn-color-btn-text-inverse-light);--pgn-color-btn-focus-text-outline-light:var(--pgn-color-btn-text-outline-light);--pgn-color-btn-focus-text-inverse-outline-info:var(--pgn-color-btn-text-inverse-outline-info);--pgn-color-btn-focus-text-inverse-outline-dark:var(--pgn-color-btn-text-inverse-outline-dark);--pgn-color-btn-focus-text-inverse-dark:var(--pgn-color-btn-text-inverse-dark);--pgn-color-btn-focus-text-inverse-outline-danger:var(--pgn-color-btn-text-inverse-outline-danger);--pgn-color-btn-focus-text-inverse-outline-brand:var(--pgn-color-btn-text-inverse-outline-brand);--pgn-color-btn-focus-text-outline-brand:var(--pgn-color-btn-text-outline-brand);--pgn-color-btn-focus-text-inverse-brand:var(--pgn-color-btn-text-inverse-brand);--pgn-color-btn-active-bg-inverse-tertiary:var(--pgn-color-btn-hover-bg-inverse-tertiary);--pgn-color-btn-active-bg-tertiary:var(--pgn-color-light-500);--pgn-color-btn-active-text-inverse-primary:#051627FF;--pgn-color-btn-active-text-inverse-light:#CAC3BFFF;--pgn-color-btn-active-text-inverse-dark:#142018FF;--pgn-color-btn-active-text-inverse-brand:#6A0039FF;--pgn-color-btn-hover-border-outline-primary:var(--pgn-color-primary-900);--pgn-color-btn-hover-border-outline-light:var(--pgn-color-light-900);--pgn-color-btn-hover-border-outline-dark:var(--pgn-color-dark-900);--pgn-color-btn-hover-border-outline-brand:var(--pgn-color-brand-900);--pgn-color-btn-hover-bg-tertiary:var(--pgn-color-light-500);--pgn-color-btn-hover-bg-inverse-outline-primary:var(--pgn-color-primary-100);--pgn-color-btn-hover-bg-outline-primary:var(--pgn-color-primary-100);--pgn-color-btn-hover-bg-inverse-outline-light:var(--pgn-color-light-100);--pgn-color-btn-hover-bg-outline-light:var(--pgn-color-light-100);--pgn-color-btn-hover-bg-inverse-outline-dark:var(--pgn-color-dark-100);--pgn-color-btn-hover-bg-outline-dark:var(--pgn-color-dark-100);--pgn-color-btn-hover-bg-inverse-outline-brand:var(--pgn-color-brand-100);--pgn-color-btn-hover-bg-outline-brand:var(--pgn-color-brand-100);--pgn-color-btn-hover-text-inverse-primary:#061D33FF;--pgn-color-btn-hover-text-inverse-light:#D0C9C6FF;--pgn-color-btn-hover-text-inverse-dark:#18271DFF;--pgn-color-btn-hover-text-inverse-brand:#770040FF;--pgn-color-btn-border-outline-warning:var(--pgn-color-warning-base);--pgn-color-btn-border-outline-success:var(--pgn-color-success-base);--pgn-color-btn-border-outline-secondary:var(--pgn-color-secondary-base);--pgn-color-btn-border-primary:var(--pgn-color-btn-bg-primary);--pgn-color-btn-border-light:var(--pgn-color-btn-bg-light);--pgn-color-btn-border-outline-info:var(--pgn-color-info-base);--pgn-color-btn-border-dark:var(--pgn-color-btn-bg-dark);--pgn-color-btn-border-outline-danger:var(--pgn-color-danger-base);--pgn-color-btn-border-brand:var(--pgn-color-btn-bg-brand);--pgn-color-btn-bg-warning:var(--pgn-color-warning-base);--pgn-color-btn-bg-success:var(--pgn-color-success-base);--pgn-color-btn-bg-secondary:var(--pgn-color-secondary-base);--pgn-color-btn-bg-inverse-primary:#FFFFFFFF;--pgn-color-btn-bg-inverse-light:#454545FF;--pgn-color-btn-bg-info:var(--pgn-color-info-base);--pgn-color-btn-bg-inverse-dark:#FFFFFFFF;--pgn-color-btn-bg-danger:var(--pgn-color-danger-base);--pgn-color-btn-bg-inverse-brand:#FFFFFFFF;--pgn-color-btn-text-inverse-warning:var(--pgn-color-warning-base);--pgn-color-btn-text-outline-warning:var(--pgn-color-warning-base);--pgn-color-btn-text-inverse-success:var(--pgn-color-success-base);--pgn-color-btn-text-outline-success:var(--pgn-color-success-base);--pgn-color-btn-text-inverse-secondary:var(--pgn-color-secondary-base);--pgn-color-btn-text-outline-secondary:var(--pgn-color-secondary-base);--pgn-color-btn-text-primary:#FFFFFFFF;--pgn-color-btn-text-light:#454545FF;--pgn-color-btn-text-inverse-info:var(--pgn-color-info-base);--pgn-color-btn-text-outline-info:var(--pgn-color-info-base);--pgn-color-btn-text-dark:#FFFFFFFF;--pgn-color-btn-text-inverse-danger:var(--pgn-color-danger-base);--pgn-color-btn-text-outline-danger:var(--pgn-color-danger-base);--pgn-color-btn-text-brand:#FFFFFFFF;--pgn-color-bubble-bg-error:var(--pgn-color-danger-base);--pgn-color-bubble-bg-warning:var(--pgn-color-warning-base);--pgn-color-bubble-bg-success:var(--pgn-color-success-base);--pgn-color-breadcrumb-inverse-spacer:var(--pgn-color-light-700);--pgn-color-breadcrumb-inverse-active:var(--pgn-color-light-500);--pgn-color-breadcrumb-active:var(--pgn-color-gray-500);--pgn-color-breadcrumb-base:var(--pgn-color-primary-500);--pgn-color-badge-focus-box-shadow-dark:#273F2F0D;--pgn-color-badge-focus-box-shadow-light:#E1DDDB0D;--pgn-color-badge-focus-box-shadow-primary:#0A30550D;--pgn-color-badge-focus-bg-dark:#142018FF;--pgn-color-badge-focus-bg-light:#CAC3BFFF;--pgn-color-badge-focus-bg-primary:#051627FF;--pgn-color-badge-focus-dark:var(--pgn-color-badge-text-dark);--pgn-color-badge-focus-light:var(--pgn-color-badge-text-light);--pgn-color-badge-focus-primary:var(--pgn-color-badge-text-primary);--pgn-color-badge-bg-info:var(--pgn-color-info-base);--pgn-color-badge-bg-danger:var(--pgn-color-danger-base);--pgn-color-badge-bg-warning:var(--pgn-color-warning-base);--pgn-color-badge-bg-success:var(--pgn-color-success-base);--pgn-color-badge-bg-secondary:var(--pgn-color-secondary-base);--pgn-color-badge-text-info:#FFFFFFFF;--pgn-color-badge-text-warning:#454545FF;--pgn-color-badge-text-danger:#FFFFFFFF;--pgn-color-badge-text-success:#FFFFFFFF;--pgn-color-badge-text-secondary:#FFFFFFFF;--pgn-color-avatar-border:var(--pgn-color-light-300);--pgn-color-annotation-bg-error:var(--pgn-color-danger-base);--pgn-color-annotation-bg-success:var(--pgn-color-success-base);--pgn-color-annotation-text-light:var(--pgn-color-primary-500);--pgn-color-theme-active-dark:var(--pgn-color-dark-900);--pgn-color-theme-active-light:var(--pgn-color-light-900);--pgn-color-theme-active-brand:var(--pgn-color-brand-900);--pgn-color-theme-active-primary:var(--pgn-color-primary-900);--pgn-color-theme-hover-dark:var(--pgn-color-dark-700);--pgn-color-theme-hover-light:var(--pgn-color-light-700);--pgn-color-theme-hover-brand:var(--pgn-color-brand-700);--pgn-color-theme-hover-primary:var(--pgn-color-primary-700);--pgn-color-theme-default-gray:var(--pgn-color-gray-500);--pgn-color-theme-default-dark:var(--pgn-color-dark-500);--pgn-color-theme-default-light:var(--pgn-color-light-500);--pgn-color-theme-default-brand:var(--pgn-color-brand-500);--pgn-color-theme-default-primary:var(--pgn-color-primary-500);--pgn-color-theme-focus-gray:var(--pgn-color-gray-500);--pgn-color-theme-focus-dark:var(--pgn-color-dark-500);--pgn-color-theme-focus-light:var(--pgn-color-light-500);--pgn-color-theme-focus-brand:var(--pgn-color-brand-500);--pgn-color-theme-focus-primary:var(--pgn-color-primary-500);--pgn-color-theme-border-dark:var(--pgn-color-dark-200);--pgn-color-theme-border-light:var(--pgn-color-light-200);--pgn-color-theme-border-brand:var(--pgn-color-brand-200);--pgn-color-theme-border-primary:var(--pgn-color-primary-200);--pgn-color-theme-bg-dark:var(--pgn-color-dark-100);--pgn-color-theme-bg-light:var(--pgn-color-light-100);--pgn-color-theme-bg-brand:var(--pgn-color-brand-100);--pgn-color-theme-bg-primary:var(--pgn-color-primary-100);--pgn-color-table-border:var(--pgn-color-border);--pgn-color-input-focus:var(--pgn-color-primary-500);--pgn-color-disabled:var(--pgn-color-gray-500);--pgn-color-bg-active:var(--pgn-color-primary-500);--pgn-elevation-pagination-focus-box-shadow:var(--pgn-elevation-input-btn-focus-box-shadow);--pgn-elevation-form-control-select-border-focus:var(--pgn-elevation-input-btn-focus-box-shadow);--pgn-elevation-dropzone-active:inset 0 0 0 2px var(--pgn-color-primary-500);--pgn-border-color-nav-tabs-link-border-focus:var(--pgn-color-nav-tabs-base-link-active-text);--pgn-border-color-nav-tabs-link-border-hover:transparent transparent var(--pgn-color-nav-tabs-base-border-base);--pgn-color-action-default-danger-900:#60161DFF;--pgn-color-action-default-danger-800:#691820FF;--pgn-color-action-default-danger-700:#731A22FF;--pgn-color-action-default-danger-600:#871F28FF;--pgn-color-action-default-danger-500:#9A232EFF;--pgn-color-action-default-danger-400:#C73A46FF;--pgn-color-action-default-danger-300:#D66E78FF;--pgn-color-action-default-danger-200:#E5A3A9FF;--pgn-color-action-default-danger-100:#EFCBCFFF;--pgn-color-action-default-warning-900:#806D00FF;--pgn-color-action-default-warning-800:#8C7700FF;--pgn-color-action-default-warning-700:#998300FF;--pgn-color-action-default-warning-600:#B39800FF;--pgn-color-action-default-warning-500:#CCAE00FF;--pgn-color-action-default-warning-400:#FFDC0DFF;--pgn-color-action-default-warning-300:#FFE44DFF;--pgn-color-action-default-warning-200:#FFEF8CFF;--pgn-color-action-default-warning-100:#FFF6BDFF;--pgn-color-action-default-info-900:#002B44FF;--pgn-color-action-default-info-800:#00314DFF;--pgn-color-action-default-info-700:#003655FF;--pgn-color-action-default-info-600:#004166FF;--pgn-color-action-default-info-500:#004C77FF;--pgn-color-action-default-info-400:#337599FF;--pgn-color-action-default-info-300:#5AA0C8FF;--pgn-color-action-default-info-200:#99C5DDFF;--pgn-color-action-default-info-100:#CADFEDFF;--pgn-color-action-default-success-900:#08301EFF;--pgn-color-action-default-success-800:#093723FF;--pgn-color-action-default-success-700:#0A3D26FF;--pgn-color-action-default-success-600:#0D4A2FFF;--pgn-color-action-default-success-500:#0F5737FF;--pgn-color-action-default-success-400:#407F63FF;--pgn-color-action-default-success-300:#6AAF90FF;--pgn-color-action-default-success-200:#A4CEBBFF;--pgn-color-action-default-success-100:#CFE7DDFF;--pgn-color-action-default-secondary-900:#161616FF;--pgn-color-action-default-secondary-800:#1A1A1AFF;--pgn-color-action-default-secondary-700:#1E1E1EFF;--pgn-color-action-default-secondary-600:#252525FF;--pgn-color-action-default-secondary-500:#2B2B2BFF;--pgn-color-action-default-secondary-400:#5A5A5AFF;--pgn-color-action-default-secondary-300:#898989FF;--pgn-color-action-default-secondary-200:#B8B8B8FF;--pgn-color-action-default-secondary-100:#DBDBDBFF;--pgn-color-tab-inverse-pills-link-dropdown-toggle-text-active:var(--pgn-color-tab-inverse-pills-link-dropdown-toggle-text-focus);--pgn-color-tab-more-link-dropdown-toggle-border-focus:var(--pgn-color-tab-more-link-dropdown-toggle-bg-focus);--pgn-color-tab-more-link-dropdown-toggle-text-hover:var(--pgn-color-tab-more-link-dropdown-toggle-bg-focus);--pgn-color-tab-more-link-dropdown-toggle-btn-border-focus:var(--pgn-color-tab-more-link-dropdown-toggle-bg-focus);--pgn-color-stepper-header-step-description-error:var(--pgn-color-stepper-header-step-bubble-error);--pgn-color-product-tour-checkpoint-arrow-border-top:var(--pgn-color-product-tour-checkpoint-bg);--pgn-color-popover-danger-icon:var(--pgn-color-danger-500);--pgn-color-popover-danger-bg:var(--pgn-color-danger-100);--pgn-color-popover-warning-icon:var(--pgn-color-warning-500);--pgn-color-popover-warning-bg:var(--pgn-color-warning-100);--pgn-color-popover-success-icon:var(--pgn-color-success-500);--pgn-color-popover-success-bg:var(--pgn-color-success-100);--pgn-color-popover-arrow-base:var(--pgn-color-popover-bg);--pgn-color-pagination-bg-active:var(--pgn-color-bg-active);--pgn-color-pagination-text-disabled:var(--pgn-color-disabled);--pgn-color-page-banner-bg-warning:var(--pgn-color-warning-100);--pgn-color-navbar-dark-brand-hover:var(--pgn-color-navbar-dark-active);--pgn-color-navbar-dark-brand-text:var(--pgn-color-navbar-dark-active);--pgn-color-nav-pills-inverse-link-bg-active-hover:var(--pgn-color-nav-pills-inverse-link-border-base);--pgn-color-nav-pills-inverse-link-bg-hover:var(--pgn-color-nav-pills-inverse-link-border-base);--pgn-color-nav-pills-inverse-link-border-active-hover:var(--pgn-color-nav-pills-inverse-link-border-base);--pgn-color-nav-pills-inverse-link-text-active-focus:var(--pgn-color-nav-pills-inverse-link-text-active);--pgn-color-nav-pills-base-link-border:var(--pgn-color-nav-tabs-base-border-base);--pgn-color-nav-pills-base-link-active-bg:var(--pgn-color-bg-active);--pgn-color-nav-tabs-inverse-link-bg-hover:var(--pgn-color-nav-tabs-inverse-link-border-bottom);--pgn-color-menu-item-focus-bg:var(--pgn-color-btn-active-bg-tertiary);--pgn-color-menu-item-hover-bg:var(--pgn-color-btn-hover-bg-tertiary);--pgn-color-image-thumbnail-bg:var(--pgn-color-body-bg);--pgn-color-icon-button-text-danger-inverse-active-focus:var(--pgn-color-icon-button-text-danger-inverse-active-base);--pgn-color-icon-button-text-danger-inverse-active-hover:var(--pgn-color-icon-button-text-danger-inverse-active-base);--pgn-color-icon-button-text-danger-focus:var(--pgn-color-icon-button-text-danger-base);--pgn-color-icon-button-text-warning-inverse-active-focus:var(--pgn-color-icon-button-text-warning-inverse-active-base);--pgn-color-icon-button-text-warning-inverse-active-hover:var(--pgn-color-icon-button-text-warning-inverse-active-base);--pgn-color-icon-button-text-warning-focus:var(--pgn-color-icon-button-text-warning-base);--pgn-color-icon-button-text-success-inverse-active-focus:var(--pgn-color-icon-button-text-success-inverse-active-base);--pgn-color-icon-button-text-success-inverse-active-hover:var(--pgn-color-icon-button-text-success-inverse-active-base);--pgn-color-icon-button-text-success-focus:var(--pgn-color-icon-button-text-success-base);--pgn-color-icon-button-text-secondary-inverse-active-focus:var(--pgn-color-icon-button-text-secondary-inverse-active-base);--pgn-color-icon-button-text-secondary-inverse-active-hover:var(--pgn-color-icon-button-text-secondary-inverse-active-base);--pgn-color-icon-button-text-secondary-focus:var(--pgn-color-icon-button-text-secondary-base);--pgn-color-icon-button-bg-danger-active-focus:var(--pgn-color-icon-button-bg-danger-active-base);--pgn-color-icon-button-bg-danger-active-hover:var(--pgn-color-icon-button-bg-danger-active-base);--pgn-color-icon-button-bg-warning-active-focus:var(--pgn-color-icon-button-bg-warning-active-base);--pgn-color-icon-button-bg-warning-active-hover:var(--pgn-color-icon-button-bg-warning-active-base);--pgn-color-icon-button-bg-success-active-focus:var(--pgn-color-icon-button-bg-success-active-base);--pgn-color-icon-button-bg-success-active-hover:var(--pgn-color-icon-button-bg-success-active-base);--pgn-color-icon-button-bg-secondary-active-focus:var(--pgn-color-icon-button-bg-secondary-active-base);--pgn-color-icon-button-bg-secondary-active-hover:var(--pgn-color-icon-button-bg-secondary-active-base);--pgn-color-list-group-disabled-bg:var(--pgn-color-list-group-bg-base);--pgn-color-list-group-active-bg:var(--pgn-color-bg-active);--pgn-color-link-brand-inline-hover-base:#51002BFF;--pgn-color-link-brand-inline-decoration:#9D00544D;--pgn-color-link-brand-hover:#51002BFF;--pgn-color-link-muted-inline-hover-base:#020911FF;--pgn-color-link-muted-inline-decoration:#0A30554D;--pgn-color-link-muted-hover:#020911FF;--pgn-color-link-inline-base:var(--pgn-color-info-500);--pgn-color-link-base:var(--pgn-color-info-500);--pgn-color-form-feedback-checked-invalid:#D64D59FF;--pgn-color-form-feedback-checked-valid:#1FAD6FFF;--pgn-color-form-feedback-tooltip-box-shadow-focus-invalid:#C32D3A40;--pgn-color-form-feedback-tooltip-box-shadow-focus-valid:#17825340;--pgn-color-form-feedback-tooltip-bg-invalid:#C32D3AE6;--pgn-color-form-feedback-tooltip-bg-valid:#178253E6;--pgn-color-form-feedback-tooltip-valid:#FFFFFFFF;--pgn-color-form-feedback-icon-invalid:var(--pgn-color-form-feedback-invalid);--pgn-color-form-feedback-icon-valid:var(--pgn-color-form-feedback-valid);--pgn-color-form-control-file-border-base:var(--pgn-color-form-input-border);--pgn-color-form-control-file-button-base:var(--pgn-color-form-control-file-base);--pgn-color-form-control-file-bg-base:var(--pgn-color-form-input-bg-base);--pgn-color-form-control-range-thumb-bg-active:#000000FF;--pgn-color-form-control-range-thumb-bg-disabled:var(--pgn-color-disabled);--pgn-color-form-control-range-thumb-bg-base:var(--pgn-color-bg-active);--pgn-color-form-control-select-border-base:var(--pgn-color-form-input-border);--pgn-color-form-control-select-bg-base:var(--pgn-color-form-input-bg-base);--pgn-color-form-control-select-disabled:var(--pgn-color-disabled);--pgn-color-form-control-checkbox-indicator-indeterminate-bg:var(--pgn-color-bg-active);--pgn-color-form-control-label-floating-text:#FFFFFF1A;--pgn-color-form-control-label-disabled:var(--pgn-color-disabled);--pgn-color-form-control-indicator-active-bg:var(--pgn-color-bg-active);--pgn-color-form-control-indicator-checked-bg-base:var(--pgn-color-bg-active);--pgn-color-form-control-indicator-checked-base:var(--pgn-color-bg-active);--pgn-color-form-control-indicator-bg-base:var(--pgn-color-form-input-bg-base);--pgn-color-form-input-focus-bg:var(--pgn-color-form-input-bg-base);--pgn-color-form-input-focus-border:var(--pgn-color-input-focus);--pgn-color-form-input-group-addon-border:var(--pgn-color-form-input-border);--pgn-color-dropzone-error-wrapper:var(--pgn-color-danger-500);--pgn-color-dropdown-link-disabled:var(--pgn-color-disabled);--pgn-color-dropdown-link-active-bg:var(--pgn-color-bg-active);--pgn-color-chip-outline-light:var(--pgn-color-chip-label-base);--pgn-color-card-border-focus-dark:var(--pgn-color-theme-focus-primary);--pgn-color-btn-disabled-link:var(--pgn-color-disabled);--pgn-color-btn-disabled-border-outline-warning:var(--pgn-color-btn-border-outline-warning);--pgn-color-btn-disabled-border-outline-success:var(--pgn-color-btn-border-outline-success);--pgn-color-btn-disabled-border-primary:var(--pgn-color-btn-border-primary);--pgn-color-btn-disabled-border-light:var(--pgn-color-btn-border-light);--pgn-color-btn-disabled-border-outline-info:var(--pgn-color-btn-border-outline-info);--pgn-color-btn-disabled-border-info:var(--pgn-color-btn-bg-info);--pgn-color-btn-disabled-border-dark:var(--pgn-color-btn-border-dark);--pgn-color-btn-disabled-border-outline-danger:var(--pgn-color-btn-border-outline-danger);--pgn-color-btn-disabled-border-brand:var(--pgn-color-btn-border-brand);--pgn-color-btn-disabled-bg-warning:var(--pgn-color-btn-bg-warning);--pgn-color-btn-disabled-bg-success:var(--pgn-color-btn-bg-success);--pgn-color-btn-disabled-bg-secondary:var(--pgn-color-btn-bg-secondary);--pgn-color-btn-disabled-bg-info:var(--pgn-color-btn-bg-info);--pgn-color-btn-disabled-bg-danger:var(--pgn-color-btn-bg-danger);--pgn-color-btn-disabled-text-outline-warning:var(--pgn-color-btn-text-outline-warning);--pgn-color-btn-disabled-text-outline-success:var(--pgn-color-btn-text-outline-success);--pgn-color-btn-disabled-text-primary:var(--pgn-color-btn-text-primary);--pgn-color-btn-disabled-text-light:var(--pgn-color-btn-text-light);--pgn-color-btn-disabled-text-outline-info:var(--pgn-color-btn-text-outline-info);--pgn-color-btn-disabled-text-dark:var(--pgn-color-btn-text-dark);--pgn-color-btn-disabled-text-brand:var(--pgn-color-btn-text-brand);--pgn-color-btn-focus-outline-tertiary:var(--pgn-color-theme-focus-primary);--pgn-color-btn-focus-outline-inverse-outline-success:var(--pgn-color-btn-focus-border-inverse-outline-success);--pgn-color-btn-focus-outline-outline-primary:var(--pgn-color-theme-focus-primary);--pgn-color-btn-focus-outline-primary:var(--pgn-color-theme-focus-primary);--pgn-color-btn-focus-outline-inverse-outline-light:var(--pgn-color-btn-focus-border-inverse-outline-light);--pgn-color-btn-focus-outline-outline-light:var(--pgn-color-theme-focus-light);--pgn-color-btn-focus-outline-inverse-outline-info:var(--pgn-color-btn-focus-border-inverse-outline-info);--pgn-color-btn-focus-outline-outline-dark:var(--pgn-color-theme-focus-dark);--pgn-color-btn-focus-outline-dark:var(--pgn-color-theme-focus-dark);--pgn-color-btn-focus-outline-inverse-outline-brand:var(--pgn-color-btn-focus-border-inverse-outline-brand);--pgn-color-btn-focus-outline-outline-brand:var(--pgn-color-theme-focus-brand);--pgn-color-btn-focus-outline-brand:var(--pgn-color-theme-focus-brand);--pgn-color-btn-focus-bg-warning:var(--pgn-color-btn-bg-warning);--pgn-color-btn-focus-bg-success:var(--pgn-color-btn-bg-success);--pgn-color-btn-focus-bg-secondary:var(--pgn-color-btn-bg-secondary);--pgn-color-btn-focus-bg-inverse-primary:var(--pgn-color-btn-bg-inverse-primary);--pgn-color-btn-focus-bg-inverse-light:var(--pgn-color-btn-bg-inverse-light);--pgn-color-btn-focus-bg-info:var(--pgn-color-btn-bg-info);--pgn-color-btn-focus-bg-inverse-dark:var(--pgn-color-btn-bg-inverse-dark);--pgn-color-btn-focus-bg-danger:var(--pgn-color-btn-bg-danger);--pgn-color-btn-focus-bg-inverse-brand:var(--pgn-color-btn-bg-inverse-brand);--pgn-color-btn-focus-border-outline-warning:var(--pgn-color-btn-border-outline-warning);--pgn-color-btn-focus-border-outline-success:var(--pgn-color-btn-border-outline-success);--pgn-color-btn-focus-border-outline-secondary:var(--pgn-color-btn-border-outline-secondary);--pgn-color-btn-focus-border-secondary:var(--pgn-color-btn-bg-secondary);--pgn-color-btn-focus-border-primary:var(--pgn-color-btn-border-primary);--pgn-color-btn-focus-border-light:var(--pgn-color-btn-border-light);--pgn-color-btn-focus-border-outline-info:var(--pgn-color-btn-border-outline-info);--pgn-color-btn-focus-border-dark:var(--pgn-color-btn-focus-bg-dark);--pgn-color-btn-focus-border-outline-danger:var(--pgn-color-btn-border-outline-danger);--pgn-color-btn-focus-border-brand:var(--pgn-color-btn-border-brand);--pgn-color-btn-focus-text-inverse-warning:var(--pgn-color-btn-text-inverse-warning);--pgn-color-btn-focus-text-outline-warning:var(--pgn-color-btn-text-outline-warning);--pgn-color-btn-focus-text-inverse-success:var(--pgn-color-btn-text-inverse-success);--pgn-color-btn-focus-text-outline-success:var(--pgn-color-btn-text-outline-success);--pgn-color-btn-focus-text-outline-secondary:var(--pgn-color-btn-text-outline-secondary);--pgn-color-btn-focus-text-primary:var(--pgn-color-btn-text-primary);--pgn-color-btn-focus-text-light:var(--pgn-color-btn-text-light);--pgn-color-btn-focus-text-inverse-info:var(--pgn-color-btn-text-inverse-info);--pgn-color-btn-focus-text-outline-info:var(--pgn-color-btn-text-outline-info);--pgn-color-btn-focus-text-dark:var(--pgn-color-btn-text-dark);--pgn-color-btn-focus-text-outline-danger:var(--pgn-color-btn-text-outline-danger);--pgn-color-btn-focus-text-inverse-danger:var(--pgn-color-btn-text-inverse-danger);--pgn-color-btn-focus-text-brand:var(--pgn-color-btn-text-brand);--pgn-color-btn-active-border-outline-primary:var(--pgn-color-theme-active-primary);--pgn-color-btn-active-border-primary:var(--pgn-color-theme-active-primary);--pgn-color-btn-active-border-outline-light:var(--pgn-color-theme-active-light);--pgn-color-btn-active-border-light:var(--pgn-color-theme-active-light);--pgn-color-btn-active-border-outline-dark:var(--pgn-color-theme-active-dark);--pgn-color-btn-active-border-dark:var(--pgn-color-theme-active-dark);--pgn-color-btn-active-border-outline-brand:var(--pgn-color-theme-active-brand);--pgn-color-btn-active-border-brand:var(--pgn-color-theme-active-brand);--pgn-color-btn-active-bg-inverse-outline-primary:var(--pgn-color-theme-bg-primary);--pgn-color-btn-active-bg-outline-primary:var(--pgn-color-theme-bg-primary);--pgn-color-btn-active-bg-primary:var(--pgn-color-theme-active-primary);--pgn-color-btn-active-bg-inverse-outline-light:var(--pgn-color-theme-bg-light);--pgn-color-btn-active-bg-outline-light:var(--pgn-color-theme-bg-light);--pgn-color-btn-active-bg-light:var(--pgn-color-theme-active-light);--pgn-color-btn-active-bg-inverse-outline-dark:var(--pgn-color-theme-bg-dark);--pgn-color-btn-active-bg-outline-dark:var(--pgn-color-theme-bg-dark);--pgn-color-btn-active-bg-dark:var(--pgn-color-theme-active-dark);--pgn-color-btn-active-bg-inverse-outline-brand:var(--pgn-color-theme-bg-brand);--pgn-color-btn-active-bg-outline-brand:var(--pgn-color-theme-bg-brand);--pgn-color-btn-active-bg-brand:var(--pgn-color-theme-active-brand);--pgn-color-btn-active-text-inverse-warning:#CCAE00FF;--pgn-color-btn-active-text-inverse-success:#0F5737FF;--pgn-color-btn-active-text-inverse-secondary:#2B2B2BFF;--pgn-color-btn-active-text-inverse-info:#004C77FF;--pgn-color-btn-active-text-inverse-danger:#9A232EFF;--pgn-color-btn-hover-border-outline-warning:var(--pgn-color-warning-900);--pgn-color-btn-hover-border-outline-success:var(--pgn-color-success-900);--pgn-color-btn-hover-border-outline-secondary:var(--pgn-color-secondary-900);--pgn-color-btn-hover-border-primary:var(--pgn-color-theme-hover-primary);--pgn-color-btn-hover-border-light:var(--pgn-color-theme-hover-light);--pgn-color-btn-hover-border-outline-info:var(--pgn-color-info-900);--pgn-color-btn-hover-border-dark:var(--pgn-color-theme-hover-dark);--pgn-color-btn-hover-border-outline-danger:var(--pgn-color-danger-900);--pgn-color-btn-hover-border-brand:var(--pgn-color-theme-hover-brand);--pgn-color-btn-hover-bg-inverse-outline-warning:var(--pgn-color-warning-100);--pgn-color-btn-hover-bg-outline-warning:var(--pgn-color-warning-100);--pgn-color-btn-hover-bg-inverse-outline-success:var(--pgn-color-success-100);--pgn-color-btn-hover-bg-outline-success:var(--pgn-color-success-100);--pgn-color-btn-hover-bg-inverse-outline-secondary:var(--pgn-color-secondary-100);--pgn-color-btn-hover-bg-outline-secondary:var(--pgn-color-secondary-100);--pgn-color-btn-hover-bg-inverse-primary:#ECECECFF;--pgn-color-btn-hover-bg-primary:var(--pgn-color-theme-hover-primary);--pgn-color-btn-hover-bg-inverse-light:#323232FF;--pgn-color-btn-hover-bg-light:var(--pgn-color-theme-hover-light);--pgn-color-btn-hover-bg-inverse-outline-info:var(--pgn-color-info-100);--pgn-color-btn-hover-bg-outline-info:var(--pgn-color-info-100);--pgn-color-btn-hover-bg-inverse-dark:#ECECECFF;--pgn-color-btn-hover-bg-dark:var(--pgn-color-theme-hover-dark);--pgn-color-btn-hover-bg-inverse-outline-danger:var(--pgn-color-danger-100);--pgn-color-btn-hover-bg-outline-danger:var(--pgn-color-danger-100);--pgn-color-btn-hover-bg-inverse-brand:#ECECECFF;--pgn-color-btn-hover-bg-brand:var(--pgn-color-theme-hover-brand);--pgn-color-btn-hover-text-inverse-warning:#D9B800FF;--pgn-color-btn-hover-text-inverse-success:#11623EFF;--pgn-color-btn-hover-text-inverse-secondary:#323232FF;--pgn-color-btn-hover-text-inverse-outline-primary:var(--pgn-color-theme-hover-primary);--pgn-color-btn-hover-text-outline-primary:var(--pgn-color-theme-hover-primary);--pgn-color-btn-hover-text-inverse-outline-light:var(--pgn-color-theme-hover-light);--pgn-color-btn-hover-text-outline-light:var(--pgn-color-theme-hover-light);--pgn-color-btn-hover-text-inverse-info:#005484FF;--pgn-color-btn-hover-text-inverse-outline-dark:var(--pgn-color-theme-hover-dark);--pgn-color-btn-hover-text-outline-dark:var(--pgn-color-theme-hover-dark);--pgn-color-btn-hover-text-inverse-danger:#A42631FF;--pgn-color-btn-hover-text-inverse-outline-brand:var(--pgn-color-theme-hover-brand);--pgn-color-btn-hover-text-outline-brand:var(--pgn-color-theme-hover-brand);--pgn-color-btn-border-warning:var(--pgn-color-btn-bg-warning);--pgn-color-btn-border-success:var(--pgn-color-btn-bg-success);--pgn-color-btn-border-secondary:var(--pgn-color-btn-bg-secondary);--pgn-color-btn-border-info:var(--pgn-color-btn-bg-info);--pgn-color-btn-border-danger:var(--pgn-color-btn-bg-danger);--pgn-color-btn-bg-inverse-warning:#454545FF;--pgn-color-btn-bg-inverse-success:#FFFFFFFF;--pgn-color-btn-bg-inverse-secondary:#FFFFFFFF;--pgn-color-btn-bg-inverse-info:#FFFFFFFF;--pgn-color-btn-bg-inverse-danger:#FFFFFFFF;--pgn-color-btn-text-warning:#454545FF;--pgn-color-btn-text-success:#FFFFFFFF;--pgn-color-btn-text-secondary:#FFFFFFFF;--pgn-color-btn-text-info:#FFFFFFFF;--pgn-color-btn-text-danger:#FFFFFFFF;--pgn-color-badge-focus-box-shadow-info:#006DAA0D;--pgn-color-badge-focus-box-shadow-warning:#FFD9000D;--pgn-color-badge-focus-box-shadow-danger:#C32D3A0D;--pgn-color-badge-focus-box-shadow-success:#1782530D;--pgn-color-badge-focus-box-shadow-secondary:#4545450D;--pgn-color-badge-focus-bg-info:#004C77FF;--pgn-color-badge-focus-bg-warning:#CCAE00FF;--pgn-color-badge-focus-bg-danger:#9A232EFF;--pgn-color-badge-focus-bg-success:#0F5737FF;--pgn-color-badge-focus-bg-secondary:#2B2B2BFF;--pgn-color-badge-focus-info:var(--pgn-color-badge-text-info);--pgn-color-badge-focus-danger:var(--pgn-color-badge-text-danger);--pgn-color-badge-focus-warning:var(--pgn-color-badge-text-warning);--pgn-color-badge-focus-success:var(--pgn-color-badge-text-success);--pgn-color-badge-focus-secondary:var(--pgn-color-badge-text-secondary);--pgn-color-theme-active-danger:var(--pgn-color-danger-900);--pgn-color-theme-active-warning:var(--pgn-color-warning-900);--pgn-color-theme-active-info:var(--pgn-color-info-900);--pgn-color-theme-active-success:var(--pgn-color-success-900);--pgn-color-theme-active-secondary:var(--pgn-color-secondary-900);--pgn-color-theme-hover-danger:var(--pgn-color-danger-700);--pgn-color-theme-hover-warning:var(--pgn-color-warning-700);--pgn-color-theme-hover-info:var(--pgn-color-info-700);--pgn-color-theme-hover-success:var(--pgn-color-success-700);--pgn-color-theme-hover-secondary:var(--pgn-color-secondary-700);--pgn-color-theme-default-danger:var(--pgn-color-danger-500);--pgn-color-theme-default-warning:var(--pgn-color-warning-500);--pgn-color-theme-default-info:var(--pgn-color-info-500);--pgn-color-theme-default-success:var(--pgn-color-success-500);--pgn-color-theme-default-secondary:var(--pgn-color-secondary-500);--pgn-color-theme-focus-danger:var(--pgn-color-danger-500);--pgn-color-theme-focus-warning:var(--pgn-color-warning-500);--pgn-color-theme-focus-info:var(--pgn-color-info-500);--pgn-color-theme-focus-success:var(--pgn-color-success-500);--pgn-color-theme-focus-secondary:var(--pgn-color-secondary-500);--pgn-color-theme-border-danger:var(--pgn-color-danger-200);--pgn-color-theme-border-warning:var(--pgn-color-warning-200);--pgn-color-theme-border-info:var(--pgn-color-info-200);--pgn-color-theme-border-success:var(--pgn-color-success-200);--pgn-color-theme-border-secondary:var(--pgn-color-secondary-200);--pgn-color-theme-bg-danger:var(--pgn-color-danger-100);--pgn-color-theme-bg-warning:var(--pgn-color-warning-100);--pgn-color-theme-bg-info:var(--pgn-color-info-100);--pgn-color-theme-bg-success:var(--pgn-color-success-100);--pgn-color-theme-bg-secondary:var(--pgn-color-secondary-100);--pgn-color-table-caption:var(--pgn-color-text-muted);--pgn-color-input-btn-focus:var(--pgn-color-input-focus);--pgn-other-content-form-control-select-indicator-icon:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.59 8.58984L12 13.1698L7.41 8.58984L6 9.99984L12 15.9998L18 9.99984L16.59 8.58984Z" fill="%23454545FF"/></svg>');--pgn-other-content-form-control-switch-indicator-icon-on:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFFFF'/%3e%3c/svg%3e");--pgn-other-content-form-control-radio-indicator-icon-checked-invalid:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23C32D3AFF'/%3e%3c/svg%3e");--pgn-other-content-form-control-radio-indicator-icon-checked-valid:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23178253FF'/%3e%3c/svg%3e");--pgn-other-content-form-control-checkbox-indicator-icon-checked-invalid:url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21 3H3V21H21V3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='%23C32D3AFF'/></svg>");--pgn-other-content-form-control-checkbox-indicator-icon-checked-valid:url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21 3H3V21H21V3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='%23178253FF'/></svg>");--pgn-elevation-form-control-range-thumb-focus:0 0 0 1px var(--pgn-color-body-bg),var(--pgn-size-form-input-width-focus);--pgn-elevation-dropzone-error:inset 0 0 0 2px var(--pgn-color-danger-300);--pgn-elevation-dropzone-focus:inset 0 0 0 2px var(--pgn-color-info-300);--pgn-elevation-dropzone-hover:inset 0 0 0 2px var(--pgn-color-info-300);--pgn-color-pagination-border-active:var(--pgn-color-pagination-bg-active);--pgn-color-pagination-text-base:var(--pgn-color-link-base);--pgn-color-nav-tabs-inverse-link-bg-active:var(--pgn-color-nav-tabs-inverse-link-bg-hover);--pgn-color-list-group-active-border:var(--pgn-color-list-group-active-bg);--pgn-color-link-brand-inline-hover-decoration:var(--pgn-color-link-brand-inline-hover-base);--pgn-color-link-muted-inline-hover-decoration:var(--pgn-color-link-muted-inline-hover-base);--pgn-color-link-inline-hover-base:#003C5EFF;--pgn-color-link-inline-decoration:#006DAA4D;--pgn-color-link-hover:#003C5EFF;--pgn-color-form-control-file-border-focus:var(--pgn-color-form-input-focus-border);--pgn-color-form-control-select-border-focus:var(--pgn-color-form-input-focus-border);--pgn-color-form-control-checkbox-indicator-indeterminate-border:var(--pgn-color-form-control-checkbox-indicator-indeterminate-bg);--pgn-color-form-control-checkbox-indicator-indeterminate-base:var(--pgn-color-form-control-indicator-checked-base);--pgn-color-form-control-indicator-active-border:var(--pgn-color-form-control-indicator-active-bg);--pgn-color-form-control-indicator-checked-border-focus:var(--pgn-color-form-input-focus-border);--pgn-color-form-control-indicator-checked-border-base:var(--pgn-color-form-control-indicator-checked-base);--pgn-color-btn-disabled-border-warning:var(--pgn-color-btn-border-warning);--pgn-color-btn-disabled-border-success:var(--pgn-color-btn-border-success);--pgn-color-btn-disabled-border-outline-primary:var(--pgn-color-btn-hover-text-outline-primary);--pgn-color-btn-disabled-border-outline-light:var(--pgn-color-btn-hover-text-outline-light);--pgn-color-btn-disabled-border-outline-dark:var(--pgn-color-btn-hover-text-outline-dark);--pgn-color-btn-disabled-border-danger:var(--pgn-color-btn-border-danger);--pgn-color-btn-disabled-text-warning:var(--pgn-color-btn-text-warning);--pgn-color-btn-disabled-text-success:var(--pgn-color-btn-text-success);--pgn-color-btn-disabled-text-secondary:var(--pgn-color-btn-text-secondary);--pgn-color-btn-disabled-text-outline-primary:var(--pgn-color-btn-hover-text-outline-primary);--pgn-color-btn-disabled-text-outline-light:var(--pgn-color-btn-hover-text-outline-light);--pgn-color-btn-disabled-text-info:var(--pgn-color-btn-text-info);--pgn-color-btn-disabled-text-danger:var(--pgn-color-btn-text-danger);--pgn-color-btn-disabled-text-outline-brand:var(--pgn-color-btn-hover-text-outline-brand);--pgn-color-btn-focus-outline-outline-warning:var(--pgn-color-theme-focus-warning);--pgn-color-btn-focus-outline-warning:var(--pgn-color-theme-focus-warning);--pgn-color-btn-focus-outline-outline-success:var(--pgn-color-theme-focus-success);--pgn-color-btn-focus-outline-success:var(--pgn-color-theme-focus-success);--pgn-color-btn-focus-outline-outline-secondary:var(--pgn-color-theme-focus-secondary);--pgn-color-btn-focus-outline-secondary:var(--pgn-color-theme-focus-secondary);--pgn-color-btn-focus-outline-outline-info:var(--pgn-color-theme-focus-info);--pgn-color-btn-focus-outline-info:var(--pgn-color-theme-focus-info);--pgn-color-btn-focus-outline-outline-danger:var(--pgn-color-theme-focus-danger);--pgn-color-btn-focus-outline-danger:var(--pgn-color-theme-focus-danger);--pgn-color-btn-focus-bg-inverse-warning:var(--pgn-color-btn-bg-inverse-warning);--pgn-color-btn-focus-bg-inverse-success:var(--pgn-color-btn-bg-inverse-success);--pgn-color-btn-focus-bg-inverse-secondary:var(--pgn-color-btn-bg-inverse-secondary);--pgn-color-btn-focus-bg-inverse-info:var(--pgn-color-btn-bg-inverse-info);--pgn-color-btn-focus-bg-inverse-danger:var(--pgn-color-btn-bg-inverse-danger);--pgn-color-btn-focus-border-warning:var(--pgn-color-btn-border-warning);--pgn-color-btn-focus-border-success:var(--pgn-color-btn-border-success);--pgn-color-btn-focus-border-info:var(--pgn-color-btn-border-info);--pgn-color-btn-focus-border-danger:var(--pgn-color-btn-focus-bg-danger);--pgn-color-btn-focus-text-warning:var(--pgn-color-btn-text-warning);--pgn-color-btn-focus-text-success:var(--pgn-color-btn-text-success);--pgn-color-btn-focus-text-secondary:var(--pgn-color-btn-text-secondary);--pgn-color-btn-focus-text-info:var(--pgn-color-btn-text-info);--pgn-color-btn-focus-text-danger:var(--pgn-color-btn-text-danger);--pgn-color-btn-active-border-outline-warning:var(--pgn-color-theme-active-warning);--pgn-color-btn-active-border-warning:var(--pgn-color-theme-active-warning);--pgn-color-btn-active-border-outline-success:var(--pgn-color-theme-active-success);--pgn-color-btn-active-border-success:var(--pgn-color-theme-active-success);--pgn-color-btn-active-border-outline-secondary:var(--pgn-color-theme-active-secondary);--pgn-color-btn-active-border-secondary:var(--pgn-color-theme-active-secondary);--pgn-color-btn-active-border-outline-info:var(--pgn-color-theme-active-info);--pgn-color-btn-active-border-info:var(--pgn-color-theme-active-info);--pgn-color-btn-active-border-outline-danger:var(--pgn-color-theme-active-danger);--pgn-color-btn-active-border-danger:var(--pgn-color-theme-active-danger);--pgn-color-btn-active-bg-inverse-outline-warning:var(--pgn-color-theme-bg-warning);--pgn-color-btn-active-bg-outline-warning:var(--pgn-color-theme-bg-warning);--pgn-color-btn-active-bg-warning:var(--pgn-color-theme-active-warning);--pgn-color-btn-active-bg-inverse-outline-success:var(--pgn-color-theme-bg-success);--pgn-color-btn-active-bg-outline-success:var(--pgn-color-theme-bg-success);--pgn-color-btn-active-bg-success:var(--pgn-color-theme-active-success);--pgn-color-btn-active-bg-inverse-outline-secondary:var(--pgn-color-theme-bg-secondary);--pgn-color-btn-active-bg-outline-secondary:var(--pgn-color-theme-bg-secondary);--pgn-color-btn-active-bg-secondary:var(--pgn-color-theme-active-secondary);--pgn-color-btn-active-bg-inverse-outline-info:var(--pgn-color-theme-bg-info);--pgn-color-btn-active-bg-outline-info:var(--pgn-color-theme-bg-info);--pgn-color-btn-active-bg-info:var(--pgn-color-theme-active-info);--pgn-color-btn-active-bg-inverse-outline-danger:var(--pgn-color-theme-bg-danger);--pgn-color-btn-active-bg-outline-danger:var(--pgn-color-theme-bg-danger);--pgn-color-btn-active-bg-danger:var(--pgn-color-theme-active-danger);--pgn-color-btn-active-text-inverse-outline-primary:#454545FF;--pgn-color-btn-active-text-outline-primary:#454545FF;--pgn-color-btn-active-text-primary:#FFFFFFFF;--pgn-color-btn-active-text-inverse-outline-light:#454545FF;--pgn-color-btn-active-text-outline-light:#454545FF;--pgn-color-btn-active-text-light:#313131FF;--pgn-color-btn-active-text-inverse-outline-dark:#454545FF;--pgn-color-btn-active-text-outline-dark:#454545FF;--pgn-color-btn-active-text-dark:#FFFFFFFF;--pgn-color-btn-active-text-inverse-outline-brand:#454545FF;--pgn-color-btn-active-text-outline-brand:#454545FF;--pgn-color-btn-active-text-brand:#FFFFFFFF;--pgn-color-btn-hover-border-warning:var(--pgn-color-theme-hover-warning);--pgn-color-btn-hover-border-success:var(--pgn-color-theme-hover-success);--pgn-color-btn-hover-border-secondary:var(--pgn-color-theme-hover-secondary);--pgn-color-btn-hover-border-info:var(--pgn-color-theme-hover-info);--pgn-color-btn-hover-border-danger:var(--pgn-color-theme-hover-danger);--pgn-color-btn-hover-bg-inverse-warning:#323232FF;--pgn-color-btn-hover-bg-warning:var(--pgn-color-theme-hover-warning);--pgn-color-btn-hover-bg-inverse-success:#ECECECFF;--pgn-color-btn-hover-bg-success:var(--pgn-color-theme-hover-success);--pgn-color-btn-hover-bg-inverse-secondary:#ECECECFF;--pgn-color-btn-hover-bg-secondary:var(--pgn-color-theme-hover-secondary);--pgn-color-btn-hover-bg-inverse-info:#ECECECFF;--pgn-color-btn-hover-bg-info:var(--pgn-color-theme-hover-info);--pgn-color-btn-hover-bg-inverse-danger:#ECECECFF;--pgn-color-btn-hover-bg-danger:var(--pgn-color-theme-hover-danger);--pgn-color-btn-hover-text-inverse-outline-warning:var(--pgn-color-theme-hover-warning);--pgn-color-btn-hover-text-outline-warning:var(--pgn-color-theme-hover-warning);--pgn-color-btn-hover-text-inverse-outline-success:var(--pgn-color-theme-hover-success);--pgn-color-btn-hover-text-outline-success:var(--pgn-color-theme-hover-success);--pgn-color-btn-hover-text-inverse-outline-secondary:var(--pgn-color-theme-hover-secondary);--pgn-color-btn-hover-text-outline-secondary:var(--pgn-color-theme-hover-secondary);--pgn-color-btn-hover-text-primary:#FFFFFFFF;--pgn-color-btn-hover-text-light:#414141FF;--pgn-color-btn-hover-text-inverse-outline-info:var(--pgn-color-theme-hover-info);--pgn-color-btn-hover-text-outline-info:var(--pgn-color-theme-hover-info);--pgn-color-btn-hover-text-dark:#FFFFFFFF;--pgn-color-btn-hover-text-inverse-outline-danger:var(--pgn-color-theme-hover-danger);--pgn-color-btn-hover-text-outline-danger:var(--pgn-color-theme-hover-danger);--pgn-color-btn-hover-text-brand:#FFFFFFFF;--pgn-color-alert-border-warning:var(--pgn-color-theme-border-warning);--pgn-color-alert-border-danger:var(--pgn-color-theme-border-danger);--pgn-color-alert-border-info:var(--pgn-color-theme-border-info);--pgn-color-alert-border-success:var(--pgn-color-theme-border-success);--pgn-color-alert-bg-warning:var(--pgn-color-theme-bg-warning);--pgn-color-alert-bg-danger:var(--pgn-color-theme-bg-danger);--pgn-color-alert-bg-info:var(--pgn-color-theme-bg-info);--pgn-color-alert-bg-success:var(--pgn-color-theme-bg-success);--pgn-color-alert-icon-warning:var(--pgn-color-theme-default-warning);--pgn-color-alert-icon-danger:var(--pgn-color-theme-default-danger);--pgn-color-alert-icon-info:var(--pgn-color-theme-default-info);--pgn-color-alert-icon-success:var(--pgn-color-theme-default-success);--pgn-other-content-form-feedback-icon-invalid:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23C32D3AFF' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23C32D3AFF' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");--pgn-other-content-form-feedback-icon-valid:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23178253FF' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");--pgn-other-content-form-control-select-bg:var(--pgn-other-content-form-control-select-indicator-icon) no-repeat right var(--pgn-spacing-form-input-padding-y-base) center /var(--pgn-color-form-control-select-bg-base);--pgn-other-content-form-control-switch-indicator-icon-off:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230A3055FF'/%3e%3c/svg%3e");--pgn-other-content-form-control-radio-indicator-icon-checked-base:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230A3055FF'/%3e%3c/svg%3e");--pgn-other-content-form-control-checkbox-indicator-icon-checked-base:url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21 3H3V21H21V3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='%230A3055FF'/></svg>");--pgn-color-pagination-text-hover:var(--pgn-color-link-hover);--pgn-color-link-inline-hover-decoration:var(--pgn-color-link-inline-hover-base);--pgn-color-btn-disabled-text-outline-danger:var(--pgn-color-btn-hover-text-outline-danger);--pgn-color-btn-active-text-inverse-outline-warning:#454545FF;--pgn-color-btn-active-text-outline-warning:#454545FF;--pgn-color-btn-active-text-warning:#313131FF;--pgn-color-btn-active-text-inverse-outline-success:#454545FF;--pgn-color-btn-active-text-outline-success:#454545FF;--pgn-color-btn-active-text-success:#FFFFFFFF;--pgn-color-btn-active-text-inverse-outline-secondary:#454545FF;--pgn-color-btn-active-text-outline-secondary:#454545FF;--pgn-color-btn-active-text-secondary:#FFFFFFFF;--pgn-color-btn-active-text-inverse-outline-info:#454545FF;--pgn-color-btn-active-text-outline-info:#454545FF;--pgn-color-btn-active-text-info:#FFFFFFFF;--pgn-color-btn-active-text-inverse-outline-danger:#454545FF;--pgn-color-btn-active-text-outline-danger:#454545FF;--pgn-color-btn-active-text-danger:#FFFFFFFF;--pgn-color-btn-hover-text-warning:#414141FF;--pgn-color-btn-hover-text-success:#FFFFFFFF;--pgn-color-btn-hover-text-secondary:#FFFFFFFF;--pgn-color-btn-hover-text-info:#FFFFFFFF;--pgn-color-btn-hover-text-danger:#FFFFFFFF;--pgn-other-content-form-control-checkbox-indicator-indeterminate-icon:url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21 3H3V21H21V3ZM17 13H7V11H17V13Z' fill='%230A3055FF'/></svg>")}.bg-accent-a{background-color:var(--pgn-color-accent-a) !important}a.bg-accent-a:hover,a.bg-accent-a:focus,button.bg-accent-a:hover,button.bg-accent-a:focus{background-color:var(--pgn-color-action-default-accent-a) !important}.text-accent-a{color:var(--pgn-color-accent-a) !important}a.text-accent-a:hover,a.text-accent-a:focus{color:var(--pgn-color-action-default-accent-a) !important}.border-accent-a{border-color:var(--pgn-color-accent-a) !important}.bg-accent-b{background-color:var(--pgn-color-accent-b) !important}a.bg-accent-b:hover,a.bg-accent-b:focus,button.bg-accent-b:hover,button.bg-accent-b:focus{background-color:var(--pgn-color-action-default-accent-b) !important}.text-accent-b{color:var(--pgn-color-accent-b) !important}a.text-accent-b:hover,a.text-accent-b:focus{color:var(--pgn-color-action-default-accent-b) !important}.border-accent-b{border-color:var(--pgn-color-accent-b) !important}.bg-gray-100{background-color:var(--pgn-color-gray-100) !important}a.bg-gray-100:hover,a.bg-gray-100:focus,button.bg-gray-100:hover,button.bg-gray-100:focus{background-color:var(--pgn-color-action-default-gray-100) !important}.text-gray-100{color:var(--pgn-color-gray-100) !important}a.text-gray-100:hover,a.text-gray-100:focus{color:var(--pgn-color-action-default-gray-100) !important}.border-gray-100{border-color:var(--pgn-color-gray-100) !important}.bg-gray-200{background-color:var(--pgn-color-gray-200) !important}a.bg-gray-200:hover,a.bg-gray-200:focus,button.bg-gray-200:hover,button.bg-gray-200:focus{background-color:var(--pgn-color-action-default-gray-200) !important}.text-gray-200{color:var(--pgn-color-gray-200) !important}a.text-gray-200:hover,a.text-gray-200:focus{color:var(--pgn-color-action-default-gray-200) !important}.border-gray-200{border-color:var(--pgn-color-gray-200) !important}.bg-gray-300{background-color:var(--pgn-color-gray-300) !important}a.bg-gray-300:hover,a.bg-gray-300:focus,button.bg-gray-300:hover,button.bg-gray-300:focus{background-color:var(--pgn-color-action-default-gray-300) !important}.text-gray-300{color:var(--pgn-color-gray-300) !important}a.text-gray-300:hover,a.text-gray-300:focus{color:var(--pgn-color-action-default-gray-300) !important}.border-gray-300{border-color:var(--pgn-color-gray-300) !important}.bg-gray-400{background-color:var(--pgn-color-gray-400) !important}a.bg-gray-400:hover,a.bg-gray-400:focus,button.bg-gray-400:hover,button.bg-gray-400:focus{background-color:var(--pgn-color-action-default-gray-400) !important}.text-gray-400{color:var(--pgn-color-gray-400) !important}a.text-gray-400:hover,a.text-gray-400:focus{color:var(--pgn-color-action-default-gray-400) !important}.border-gray-400{border-color:var(--pgn-color-gray-400) !important}.bg-gray-500{background-color:var(--pgn-color-gray-500) !important}a.bg-gray-500:hover,a.bg-gray-500:focus,button.bg-gray-500:hover,button.bg-gray-500:focus{background-color:var(--pgn-color-action-default-gray-500) !important}.text-gray-500{color:var(--pgn-color-gray-500) !important}a.text-gray-500:hover,a.text-gray-500:focus{color:var(--pgn-color-action-default-gray-500) !important}.border-gray-500{border-color:var(--pgn-color-gray-500) !important}.bg-gray-600{background-color:var(--pgn-color-gray-600) !important}a.bg-gray-600:hover,a.bg-gray-600:focus,button.bg-gray-600:hover,button.bg-gray-600:focus{background-color:var(--pgn-color-action-default-gray-600) !important}.text-gray-600{color:var(--pgn-color-gray-600) !important}a.text-gray-600:hover,a.text-gray-600:focus{color:var(--pgn-color-action-default-gray-600) !important}.border-gray-600{border-color:var(--pgn-color-gray-600) !important}.bg-gray-700{background-color:var(--pgn-color-gray-700) !important}a.bg-gray-700:hover,a.bg-gray-700:focus,button.bg-gray-700:hover,button.bg-gray-700:focus{background-color:var(--pgn-color-action-default-gray-700) !important}.text-gray-700{color:var(--pgn-color-gray-700) !important}a.text-gray-700:hover,a.text-gray-700:focus{color:var(--pgn-color-action-default-gray-700) !important}.border-gray-700{border-color:var(--pgn-color-gray-700) !important}.bg-gray-800{background-color:var(--pgn-color-gray-800) !important}a.bg-gray-800:hover,a.bg-gray-800:focus,button.bg-gray-800:hover,button.bg-gray-800:focus{background-color:var(--pgn-color-action-default-gray-800) !important}.text-gray-800{color:var(--pgn-color-gray-800) !important}a.text-gray-800:hover,a.text-gray-800:focus{color:var(--pgn-color-action-default-gray-800) !important}.border-gray-800{border-color:var(--pgn-color-gray-800) !important}.bg-gray-900{background-color:var(--pgn-color-gray-900) !important}a.bg-gray-900:hover,a.bg-gray-900:focus,button.bg-gray-900:hover,button.bg-gray-900:focus{background-color:var(--pgn-color-action-default-gray-900) !important}.text-gray-900{color:var(--pgn-color-gray-900) !important}a.text-gray-900:hover,a.text-gray-900:focus{color:var(--pgn-color-action-default-gray-900) !important}.border-gray-900{border-color:var(--pgn-color-gray-900) !important}.bg-gray{background-color:var(--pgn-color-gray-base) !important}a.bg-gray:hover,a.bg-gray:focus,button.bg-gray:hover,button.bg-gray:focus{background-color:var(--pgn-color-action-default-gray-base) !important}.text-gray{color:var(--pgn-color-gray-base) !important}a.text-gray:hover,a.text-gray:focus{color:var(--pgn-color-action-default-gray-base) !important}.border-gray{border-color:var(--pgn-color-gray-base) !important}.bg-primary-100{background-color:var(--pgn-color-primary-100) !important}a.bg-primary-100:hover,a.bg-primary-100:focus,button.bg-primary-100:hover,button.bg-primary-100:focus{background-color:var(--pgn-color-action-default-primary-100) !important}.text-primary-100{color:var(--pgn-color-primary-100) !important}a.text-primary-100:hover,a.text-primary-100:focus{color:var(--pgn-color-action-default-primary-100) !important}.border-primary-100{border-color:var(--pgn-color-primary-100) !important}.bg-primary-200{background-color:var(--pgn-color-primary-200) !important}a.bg-primary-200:hover,a.bg-primary-200:focus,button.bg-primary-200:hover,button.bg-primary-200:focus{background-color:var(--pgn-color-action-default-primary-200) !important}.text-primary-200{color:var(--pgn-color-primary-200) !important}a.text-primary-200:hover,a.text-primary-200:focus{color:var(--pgn-color-action-default-primary-200) !important}.border-primary-200{border-color:var(--pgn-color-primary-200) !important}.bg-primary-300{background-color:var(--pgn-color-primary-300) !important}a.bg-primary-300:hover,a.bg-primary-300:focus,button.bg-primary-300:hover,button.bg-primary-300:focus{background-color:var(--pgn-color-action-default-primary-300) !important}.text-primary-300{color:var(--pgn-color-primary-300) !important}a.text-primary-300:hover,a.text-primary-300:focus{color:var(--pgn-color-action-default-primary-300) !important}.border-primary-300{border-color:var(--pgn-color-primary-300) !important}.bg-primary-400{background-color:var(--pgn-color-primary-400) !important}a.bg-primary-400:hover,a.bg-primary-400:focus,button.bg-primary-400:hover,button.bg-primary-400:focus{background-color:var(--pgn-color-action-default-primary-400) !important}.text-primary-400{color:var(--pgn-color-primary-400) !important}a.text-primary-400:hover,a.text-primary-400:focus{color:var(--pgn-color-action-default-primary-400) !important}.border-primary-400{border-color:var(--pgn-color-primary-400) !important}.bg-primary-500{background-color:var(--pgn-color-primary-500) !important}a.bg-primary-500:hover,a.bg-primary-500:focus,button.bg-primary-500:hover,button.bg-primary-500:focus{background-color:var(--pgn-color-action-default-primary-500) !important}.text-primary-500{color:var(--pgn-color-primary-500) !important}a.text-primary-500:hover,a.text-primary-500:focus{color:var(--pgn-color-action-default-primary-500) !important}.border-primary-500{border-color:var(--pgn-color-primary-500) !important}.bg-primary-600{background-color:var(--pgn-color-primary-600) !important}a.bg-primary-600:hover,a.bg-primary-600:focus,button.bg-primary-600:hover,button.bg-primary-600:focus{background-color:var(--pgn-color-action-default-primary-600) !important}.text-primary-600{color:var(--pgn-color-primary-600) !important}a.text-primary-600:hover,a.text-primary-600:focus{color:var(--pgn-color-action-default-primary-600) !important}.border-primary-600{border-color:var(--pgn-color-primary-600) !important}.bg-primary-700{background-color:var(--pgn-color-primary-700) !important}a.bg-primary-700:hover,a.bg-primary-700:focus,button.bg-primary-700:hover,button.bg-primary-700:focus{background-color:var(--pgn-color-action-default-primary-700) !important}.text-primary-700{color:var(--pgn-color-primary-700) !important}a.text-primary-700:hover,a.text-primary-700:focus{color:var(--pgn-color-action-default-primary-700) !important}.border-primary-700{border-color:var(--pgn-color-primary-700) !important}.bg-primary-800{background-color:var(--pgn-color-primary-800) !important}a.bg-primary-800:hover,a.bg-primary-800:focus,button.bg-primary-800:hover,button.bg-primary-800:focus{background-color:var(--pgn-color-action-default-primary-800) !important}.text-primary-800{color:var(--pgn-color-primary-800) !important}a.text-primary-800:hover,a.text-primary-800:focus{color:var(--pgn-color-action-default-primary-800) !important}.border-primary-800{border-color:var(--pgn-color-primary-800) !important}.bg-primary-900{background-color:var(--pgn-color-primary-900) !important}a.bg-primary-900:hover,a.bg-primary-900:focus,button.bg-primary-900:hover,button.bg-primary-900:focus{background-color:var(--pgn-color-action-default-primary-900) !important}.text-primary-900{color:var(--pgn-color-primary-900) !important}a.text-primary-900:hover,a.text-primary-900:focus{color:var(--pgn-color-action-default-primary-900) !important}.border-primary-900{border-color:var(--pgn-color-primary-900) !important}.bg-primary{background-color:var(--pgn-color-primary-base) !important}a.bg-primary:hover,a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus{background-color:var(--pgn-color-action-default-primary-base) !important}.text-primary{color:var(--pgn-color-primary-base) !important}a.text-primary:hover,a.text-primary:focus{color:var(--pgn-color-action-default-primary-base) !important}.border-primary{border-color:var(--pgn-color-primary-base) !important}.bg-secondary-100{background-color:var(--pgn-color-secondary-100) !important}a.bg-secondary-100:hover,a.bg-secondary-100:focus,button.bg-secondary-100:hover,button.bg-secondary-100:focus{background-color:var(--pgn-color-action-default-secondary-100) !important}.text-secondary-100{color:var(--pgn-color-secondary-100) !important}a.text-secondary-100:hover,a.text-secondary-100:focus{color:var(--pgn-color-action-default-secondary-100) !important}.border-secondary-100{border-color:var(--pgn-color-secondary-100) !important}.bg-secondary-200{background-color:var(--pgn-color-secondary-200) !important}a.bg-secondary-200:hover,a.bg-secondary-200:focus,button.bg-secondary-200:hover,button.bg-secondary-200:focus{background-color:var(--pgn-color-action-default-secondary-200) !important}.text-secondary-200{color:var(--pgn-color-secondary-200) !important}a.text-secondary-200:hover,a.text-secondary-200:focus{color:var(--pgn-color-action-default-secondary-200) !important}.border-secondary-200{border-color:var(--pgn-color-secondary-200) !important}.bg-secondary-300{background-color:var(--pgn-color-secondary-300) !important}a.bg-secondary-300:hover,a.bg-secondary-300:focus,button.bg-secondary-300:hover,button.bg-secondary-300:focus{background-color:var(--pgn-color-action-default-secondary-300) !important}.text-secondary-300{color:var(--pgn-color-secondary-300) !important}a.text-secondary-300:hover,a.text-secondary-300:focus{color:var(--pgn-color-action-default-secondary-300) !important}.border-secondary-300{border-color:var(--pgn-color-secondary-300) !important}.bg-secondary-400{background-color:var(--pgn-color-secondary-400) !important}a.bg-secondary-400:hover,a.bg-secondary-400:focus,button.bg-secondary-400:hover,button.bg-secondary-400:focus{background-color:var(--pgn-color-action-default-secondary-400) !important}.text-secondary-400{color:var(--pgn-color-secondary-400) !important}a.text-secondary-400:hover,a.text-secondary-400:focus{color:var(--pgn-color-action-default-secondary-400) !important}.border-secondary-400{border-color:var(--pgn-color-secondary-400) !important}.bg-secondary-500{background-color:var(--pgn-color-secondary-500) !important}a.bg-secondary-500:hover,a.bg-secondary-500:focus,button.bg-secondary-500:hover,button.bg-secondary-500:focus{background-color:var(--pgn-color-action-default-secondary-500) !important}.text-secondary-500{color:var(--pgn-color-secondary-500) !important}a.text-secondary-500:hover,a.text-secondary-500:focus{color:var(--pgn-color-action-default-secondary-500) !important}.border-secondary-500{border-color:var(--pgn-color-secondary-500) !important}.bg-secondary-600{background-color:var(--pgn-color-secondary-600) !important}a.bg-secondary-600:hover,a.bg-secondary-600:focus,button.bg-secondary-600:hover,button.bg-secondary-600:focus{background-color:var(--pgn-color-action-default-secondary-600) !important}.text-secondary-600{color:var(--pgn-color-secondary-600) !important}a.text-secondary-600:hover,a.text-secondary-600:focus{color:var(--pgn-color-action-default-secondary-600) !important}.border-secondary-600{border-color:var(--pgn-color-secondary-600) !important}.bg-secondary-700{background-color:var(--pgn-color-secondary-700) !important}a.bg-secondary-700:hover,a.bg-secondary-700:focus,button.bg-secondary-700:hover,button.bg-secondary-700:focus{background-color:var(--pgn-color-action-default-secondary-700) !important}.text-secondary-700{color:var(--pgn-color-secondary-700) !important}a.text-secondary-700:hover,a.text-secondary-700:focus{color:var(--pgn-color-action-default-secondary-700) !important}.border-secondary-700{border-color:var(--pgn-color-secondary-700) !important}.bg-secondary-800{background-color:var(--pgn-color-secondary-800) !important}a.bg-secondary-800:hover,a.bg-secondary-800:focus,button.bg-secondary-800:hover,button.bg-secondary-800:focus{background-color:var(--pgn-color-action-default-secondary-800) !important}.text-secondary-800{color:var(--pgn-color-secondary-800) !important}a.text-secondary-800:hover,a.text-secondary-800:focus{color:var(--pgn-color-action-default-secondary-800) !important}.border-secondary-800{border-color:var(--pgn-color-secondary-800) !important}.bg-secondary-900{background-color:var(--pgn-color-secondary-900) !important}a.bg-secondary-900:hover,a.bg-secondary-900:focus,button.bg-secondary-900:hover,button.bg-secondary-900:focus{background-color:var(--pgn-color-action-default-secondary-900) !important}.text-secondary-900{color:var(--pgn-color-secondary-900) !important}a.text-secondary-900:hover,a.text-secondary-900:focus{color:var(--pgn-color-action-default-secondary-900) !important}.border-secondary-900{border-color:var(--pgn-color-secondary-900) !important}.bg-secondary{background-color:var(--pgn-color-secondary-base) !important}a.bg-secondary:hover,a.bg-secondary:focus,button.bg-secondary:hover,button.bg-secondary:focus{background-color:var(--pgn-color-action-default-secondary-base) !important}.text-secondary{color:var(--pgn-color-secondary-base) !important}a.text-secondary:hover,a.text-secondary:focus{color:var(--pgn-color-action-default-secondary-base) !important}.border-secondary{border-color:var(--pgn-color-secondary-base) !important}.bg-brand-100{background-color:var(--pgn-color-brand-100) !important}a.bg-brand-100:hover,a.bg-brand-100:focus,button.bg-brand-100:hover,button.bg-brand-100:focus{background-color:var(--pgn-color-action-default-brand-100) !important}.text-brand-100{color:var(--pgn-color-brand-100) !important}a.text-brand-100:hover,a.text-brand-100:focus{color:var(--pgn-color-action-default-brand-100) !important}.border-brand-100{border-color:var(--pgn-color-brand-100) !important}.bg-brand-200{background-color:var(--pgn-color-brand-200) !important}a.bg-brand-200:hover,a.bg-brand-200:focus,button.bg-brand-200:hover,button.bg-brand-200:focus{background-color:var(--pgn-color-action-default-brand-200) !important}.text-brand-200{color:var(--pgn-color-brand-200) !important}a.text-brand-200:hover,a.text-brand-200:focus{color:var(--pgn-color-action-default-brand-200) !important}.border-brand-200{border-color:var(--pgn-color-brand-200) !important}.bg-brand-300{background-color:var(--pgn-color-brand-300) !important}a.bg-brand-300:hover,a.bg-brand-300:focus,button.bg-brand-300:hover,button.bg-brand-300:focus{background-color:var(--pgn-color-action-default-brand-300) !important}.text-brand-300{color:var(--pgn-color-brand-300) !important}a.text-brand-300:hover,a.text-brand-300:focus{color:var(--pgn-color-action-default-brand-300) !important}.border-brand-300{border-color:var(--pgn-color-brand-300) !important}.bg-brand-400{background-color:var(--pgn-color-brand-400) !important}a.bg-brand-400:hover,a.bg-brand-400:focus,button.bg-brand-400:hover,button.bg-brand-400:focus{background-color:var(--pgn-color-action-default-brand-400) !important}.text-brand-400{color:var(--pgn-color-brand-400) !important}a.text-brand-400:hover,a.text-brand-400:focus{color:var(--pgn-color-action-default-brand-400) !important}.border-brand-400{border-color:var(--pgn-color-brand-400) !important}.bg-brand-500{background-color:var(--pgn-color-brand-500) !important}a.bg-brand-500:hover,a.bg-brand-500:focus,button.bg-brand-500:hover,button.bg-brand-500:focus{background-color:var(--pgn-color-action-default-brand-500) !important}.text-brand-500{color:var(--pgn-color-brand-500) !important}a.text-brand-500:hover,a.text-brand-500:focus{color:var(--pgn-color-action-default-brand-500) !important}.border-brand-500{border-color:var(--pgn-color-brand-500) !important}.bg-brand-600{background-color:var(--pgn-color-brand-600) !important}a.bg-brand-600:hover,a.bg-brand-600:focus,button.bg-brand-600:hover,button.bg-brand-600:focus{background-color:var(--pgn-color-action-default-brand-600) !important}.text-brand-600{color:var(--pgn-color-brand-600) !important}a.text-brand-600:hover,a.text-brand-600:focus{color:var(--pgn-color-action-default-brand-600) !important}.border-brand-600{border-color:var(--pgn-color-brand-600) !important}.bg-brand-700{background-color:var(--pgn-color-brand-700) !important}a.bg-brand-700:hover,a.bg-brand-700:focus,button.bg-brand-700:hover,button.bg-brand-700:focus{background-color:var(--pgn-color-action-default-brand-700) !important}.text-brand-700{color:var(--pgn-color-brand-700) !important}a.text-brand-700:hover,a.text-brand-700:focus{color:var(--pgn-color-action-default-brand-700) !important}.border-brand-700{border-color:var(--pgn-color-brand-700) !important}.bg-brand-800{background-color:var(--pgn-color-brand-800) !important}a.bg-brand-800:hover,a.bg-brand-800:focus,button.bg-brand-800:hover,button.bg-brand-800:focus{background-color:var(--pgn-color-action-default-brand-800) !important}.text-brand-800{color:var(--pgn-color-brand-800) !important}a.text-brand-800:hover,a.text-brand-800:focus{color:var(--pgn-color-action-default-brand-800) !important}.border-brand-800{border-color:var(--pgn-color-brand-800) !important}.bg-brand-900{background-color:var(--pgn-color-brand-900) !important}a.bg-brand-900:hover,a.bg-brand-900:focus,button.bg-brand-900:hover,button.bg-brand-900:focus{background-color:var(--pgn-color-action-default-brand-900) !important}.text-brand-900{color:var(--pgn-color-brand-900) !important}a.text-brand-900:hover,a.text-brand-900:focus{color:var(--pgn-color-action-default-brand-900) !important}.border-brand-900{border-color:var(--pgn-color-brand-900) !important}.bg-brand{background-color:var(--pgn-color-brand-base) !important}a.bg-brand:hover,a.bg-brand:focus,button.bg-brand:hover,button.bg-brand:focus{background-color:var(--pgn-color-action-default-brand-base) !important}.text-brand{color:var(--pgn-color-brand-base) !important}a.text-brand:hover,a.text-brand:focus{color:var(--pgn-color-action-default-brand-base) !important}.border-brand{border-color:var(--pgn-color-brand-base) !important}.bg-success-100{background-color:var(--pgn-color-success-100) !important}a.bg-success-100:hover,a.bg-success-100:focus,button.bg-success-100:hover,button.bg-success-100:focus{background-color:var(--pgn-color-action-default-success-100) !important}.text-success-100{color:var(--pgn-color-success-100) !important}a.text-success-100:hover,a.text-success-100:focus{color:var(--pgn-color-action-default-success-100) !important}.border-success-100{border-color:var(--pgn-color-success-100) !important}.bg-success-200{background-color:var(--pgn-color-success-200) !important}a.bg-success-200:hover,a.bg-success-200:focus,button.bg-success-200:hover,button.bg-success-200:focus{background-color:var(--pgn-color-action-default-success-200) !important}.text-success-200{color:var(--pgn-color-success-200) !important}a.text-success-200:hover,a.text-success-200:focus{color:var(--pgn-color-action-default-success-200) !important}.border-success-200{border-color:var(--pgn-color-success-200) !important}.bg-success-300{background-color:var(--pgn-color-success-300) !important}a.bg-success-300:hover,a.bg-success-300:focus,button.bg-success-300:hover,button.bg-success-300:focus{background-color:var(--pgn-color-action-default-success-300) !important}.text-success-300{color:var(--pgn-color-success-300) !important}a.text-success-300:hover,a.text-success-300:focus{color:var(--pgn-color-action-default-success-300) !important}.border-success-300{border-color:var(--pgn-color-success-300) !important}.bg-success-400{background-color:var(--pgn-color-success-400) !important}a.bg-success-400:hover,a.bg-success-400:focus,button.bg-success-400:hover,button.bg-success-400:focus{background-color:var(--pgn-color-action-default-success-400) !important}.text-success-400{color:var(--pgn-color-success-400) !important}a.text-success-400:hover,a.text-success-400:focus{color:var(--pgn-color-action-default-success-400) !important}.border-success-400{border-color:var(--pgn-color-success-400) !important}.bg-success-500{background-color:var(--pgn-color-success-500) !important}a.bg-success-500:hover,a.bg-success-500:focus,button.bg-success-500:hover,button.bg-success-500:focus{background-color:var(--pgn-color-action-default-success-500) !important}.text-success-500{color:var(--pgn-color-success-500) !important}a.text-success-500:hover,a.text-success-500:focus{color:var(--pgn-color-action-default-success-500) !important}.border-success-500{border-color:var(--pgn-color-success-500) !important}.bg-success-600{background-color:var(--pgn-color-success-600) !important}a.bg-success-600:hover,a.bg-success-600:focus,button.bg-success-600:hover,button.bg-success-600:focus{background-color:var(--pgn-color-action-default-success-600) !important}.text-success-600{color:var(--pgn-color-success-600) !important}a.text-success-600:hover,a.text-success-600:focus{color:var(--pgn-color-action-default-success-600) !important}.border-success-600{border-color:var(--pgn-color-success-600) !important}.bg-success-700{background-color:var(--pgn-color-success-700) !important}a.bg-success-700:hover,a.bg-success-700:focus,button.bg-success-700:hover,button.bg-success-700:focus{background-color:var(--pgn-color-action-default-success-700) !important}.text-success-700{color:var(--pgn-color-success-700) !important}a.text-success-700:hover,a.text-success-700:focus{color:var(--pgn-color-action-default-success-700) !important}.border-success-700{border-color:var(--pgn-color-success-700) !important}.bg-success-800{background-color:var(--pgn-color-success-800) !important}a.bg-success-800:hover,a.bg-success-800:focus,button.bg-success-800:hover,button.bg-success-800:focus{background-color:var(--pgn-color-action-default-success-800) !important}.text-success-800{color:var(--pgn-color-success-800) !important}a.text-success-800:hover,a.text-success-800:focus{color:var(--pgn-color-action-default-success-800) !important}.border-success-800{border-color:var(--pgn-color-success-800) !important}.bg-success-900{background-color:var(--pgn-color-success-900) !important}a.bg-success-900:hover,a.bg-success-900:focus,button.bg-success-900:hover,button.bg-success-900:focus{background-color:var(--pgn-color-action-default-success-900) !important}.text-success-900{color:var(--pgn-color-success-900) !important}a.text-success-900:hover,a.text-success-900:focus{color:var(--pgn-color-action-default-success-900) !important}.border-success-900{border-color:var(--pgn-color-success-900) !important}.bg-success{background-color:var(--pgn-color-success-base) !important}a.bg-success:hover,a.bg-success:focus,button.bg-success:hover,button.bg-success:focus{background-color:var(--pgn-color-action-default-success-base) !important}.text-success{color:var(--pgn-color-success-base) !important}a.text-success:hover,a.text-success:focus{color:var(--pgn-color-action-default-success-base) !important}.border-success{border-color:var(--pgn-color-success-base) !important}.bg-info-100{background-color:var(--pgn-color-info-100) !important}a.bg-info-100:hover,a.bg-info-100:focus,button.bg-info-100:hover,button.bg-info-100:focus{background-color:var(--pgn-color-action-default-info-100) !important}.text-info-100{color:var(--pgn-color-info-100) !important}a.text-info-100:hover,a.text-info-100:focus{color:var(--pgn-color-action-default-info-100) !important}.border-info-100{border-color:var(--pgn-color-info-100) !important}.bg-info-200{background-color:var(--pgn-color-info-200) !important}a.bg-info-200:hover,a.bg-info-200:focus,button.bg-info-200:hover,button.bg-info-200:focus{background-color:var(--pgn-color-action-default-info-200) !important}.text-info-200{color:var(--pgn-color-info-200) !important}a.text-info-200:hover,a.text-info-200:focus{color:var(--pgn-color-action-default-info-200) !important}.border-info-200{border-color:var(--pgn-color-info-200) !important}.bg-info-300{background-color:var(--pgn-color-info-300) !important}a.bg-info-300:hover,a.bg-info-300:focus,button.bg-info-300:hover,button.bg-info-300:focus{background-color:var(--pgn-color-action-default-info-300) !important}.text-info-300{color:var(--pgn-color-info-300) !important}a.text-info-300:hover,a.text-info-300:focus{color:var(--pgn-color-action-default-info-300) !important}.border-info-300{border-color:var(--pgn-color-info-300) !important}.bg-info-400{background-color:var(--pgn-color-info-400) !important}a.bg-info-400:hover,a.bg-info-400:focus,button.bg-info-400:hover,button.bg-info-400:focus{background-color:var(--pgn-color-action-default-info-400) !important}.text-info-400{color:var(--pgn-color-info-400) !important}a.text-info-400:hover,a.text-info-400:focus{color:var(--pgn-color-action-default-info-400) !important}.border-info-400{border-color:var(--pgn-color-info-400) !important}.bg-info-500{background-color:var(--pgn-color-info-500) !important}a.bg-info-500:hover,a.bg-info-500:focus,button.bg-info-500:hover,button.bg-info-500:focus{background-color:var(--pgn-color-action-default-info-500) !important}.text-info-500{color:var(--pgn-color-info-500) !important}a.text-info-500:hover,a.text-info-500:focus{color:var(--pgn-color-action-default-info-500) !important}.border-info-500{border-color:var(--pgn-color-info-500) !important}.bg-info-600{background-color:var(--pgn-color-info-600) !important}a.bg-info-600:hover,a.bg-info-600:focus,button.bg-info-600:hover,button.bg-info-600:focus{background-color:var(--pgn-color-action-default-info-600) !important}.text-info-600{color:var(--pgn-color-info-600) !important}a.text-info-600:hover,a.text-info-600:focus{color:var(--pgn-color-action-default-info-600) !important}.border-info-600{border-color:var(--pgn-color-info-600) !important}.bg-info-700{background-color:var(--pgn-color-info-700) !important}a.bg-info-700:hover,a.bg-info-700:focus,button.bg-info-700:hover,button.bg-info-700:focus{background-color:var(--pgn-color-action-default-info-700) !important}.text-info-700{color:var(--pgn-color-info-700) !important}a.text-info-700:hover,a.text-info-700:focus{color:var(--pgn-color-action-default-info-700) !important}.border-info-700{border-color:var(--pgn-color-info-700) !important}.bg-info-800{background-color:var(--pgn-color-info-800) !important}a.bg-info-800:hover,a.bg-info-800:focus,button.bg-info-800:hover,button.bg-info-800:focus{background-color:var(--pgn-color-action-default-info-800) !important}.text-info-800{color:var(--pgn-color-info-800) !important}a.text-info-800:hover,a.text-info-800:focus{color:var(--pgn-color-action-default-info-800) !important}.border-info-800{border-color:var(--pgn-color-info-800) !important}.bg-info-900{background-color:var(--pgn-color-info-900) !important}a.bg-info-900:hover,a.bg-info-900:focus,button.bg-info-900:hover,button.bg-info-900:focus{background-color:var(--pgn-color-action-default-info-900) !important}.text-info-900{color:var(--pgn-color-info-900) !important}a.text-info-900:hover,a.text-info-900:focus{color:var(--pgn-color-action-default-info-900) !important}.border-info-900{border-color:var(--pgn-color-info-900) !important}.bg-info{background-color:var(--pgn-color-info-base) !important}a.bg-info:hover,a.bg-info:focus,button.bg-info:hover,button.bg-info:focus{background-color:var(--pgn-color-action-default-info-base) !important}.text-info{color:var(--pgn-color-info-base) !important}a.text-info:hover,a.text-info:focus{color:var(--pgn-color-action-default-info-base) !important}.border-info{border-color:var(--pgn-color-info-base) !important}.bg-warning-100{background-color:var(--pgn-color-warning-100) !important}a.bg-warning-100:hover,a.bg-warning-100:focus,button.bg-warning-100:hover,button.bg-warning-100:focus{background-color:var(--pgn-color-action-default-warning-100) !important}.text-warning-100{color:var(--pgn-color-warning-100) !important}a.text-warning-100:hover,a.text-warning-100:focus{color:var(--pgn-color-action-default-warning-100) !important}.border-warning-100{border-color:var(--pgn-color-warning-100) !important}.bg-warning-200{background-color:var(--pgn-color-warning-200) !important}a.bg-warning-200:hover,a.bg-warning-200:focus,button.bg-warning-200:hover,button.bg-warning-200:focus{background-color:var(--pgn-color-action-default-warning-200) !important}.text-warning-200{color:var(--pgn-color-warning-200) !important}a.text-warning-200:hover,a.text-warning-200:focus{color:var(--pgn-color-action-default-warning-200) !important}.border-warning-200{border-color:var(--pgn-color-warning-200) !important}.bg-warning-300{background-color:var(--pgn-color-warning-300) !important}a.bg-warning-300:hover,a.bg-warning-300:focus,button.bg-warning-300:hover,button.bg-warning-300:focus{background-color:var(--pgn-color-action-default-warning-300) !important}.text-warning-300{color:var(--pgn-color-warning-300) !important}a.text-warning-300:hover,a.text-warning-300:focus{color:var(--pgn-color-action-default-warning-300) !important}.border-warning-300{border-color:var(--pgn-color-warning-300) !important}.bg-warning-400{background-color:var(--pgn-color-warning-400) !important}a.bg-warning-400:hover,a.bg-warning-400:focus,button.bg-warning-400:hover,button.bg-warning-400:focus{background-color:var(--pgn-color-action-default-warning-400) !important}.text-warning-400{color:var(--pgn-color-warning-400) !important}a.text-warning-400:hover,a.text-warning-400:focus{color:var(--pgn-color-action-default-warning-400) !important}.border-warning-400{border-color:var(--pgn-color-warning-400) !important}.bg-warning-500{background-color:var(--pgn-color-warning-500) !important}a.bg-warning-500:hover,a.bg-warning-500:focus,button.bg-warning-500:hover,button.bg-warning-500:focus{background-color:var(--pgn-color-action-default-warning-500) !important}.text-warning-500{color:var(--pgn-color-warning-500) !important}a.text-warning-500:hover,a.text-warning-500:focus{color:var(--pgn-color-action-default-warning-500) !important}.border-warning-500{border-color:var(--pgn-color-warning-500) !important}.bg-warning-600{background-color:var(--pgn-color-warning-600) !important}a.bg-warning-600:hover,a.bg-warning-600:focus,button.bg-warning-600:hover,button.bg-warning-600:focus{background-color:var(--pgn-color-action-default-warning-600) !important}.text-warning-600{color:var(--pgn-color-warning-600) !important}a.text-warning-600:hover,a.text-warning-600:focus{color:var(--pgn-color-action-default-warning-600) !important}.border-warning-600{border-color:var(--pgn-color-warning-600) !important}.bg-warning-700{background-color:var(--pgn-color-warning-700) !important}a.bg-warning-700:hover,a.bg-warning-700:focus,button.bg-warning-700:hover,button.bg-warning-700:focus{background-color:var(--pgn-color-action-default-warning-700) !important}.text-warning-700{color:var(--pgn-color-warning-700) !important}a.text-warning-700:hover,a.text-warning-700:focus{color:var(--pgn-color-action-default-warning-700) !important}.border-warning-700{border-color:var(--pgn-color-warning-700) !important}.bg-warning-800{background-color:var(--pgn-color-warning-800) !important}a.bg-warning-800:hover,a.bg-warning-800:focus,button.bg-warning-800:hover,button.bg-warning-800:focus{background-color:var(--pgn-color-action-default-warning-800) !important}.text-warning-800{color:var(--pgn-color-warning-800) !important}a.text-warning-800:hover,a.text-warning-800:focus{color:var(--pgn-color-action-default-warning-800) !important}.border-warning-800{border-color:var(--pgn-color-warning-800) !important}.bg-warning-900{background-color:var(--pgn-color-warning-900) !important}a.bg-warning-900:hover,a.bg-warning-900:focus,button.bg-warning-900:hover,button.bg-warning-900:focus{background-color:var(--pgn-color-action-default-warning-900) !important}.text-warning-900{color:var(--pgn-color-warning-900) !important}a.text-warning-900:hover,a.text-warning-900:focus{color:var(--pgn-color-action-default-warning-900) !important}.border-warning-900{border-color:var(--pgn-color-warning-900) !important}.bg-warning{background-color:var(--pgn-color-warning-base) !important}a.bg-warning:hover,a.bg-warning:focus,button.bg-warning:hover,button.bg-warning:focus{background-color:var(--pgn-color-action-default-warning-base) !important}.text-warning{color:var(--pgn-color-warning-base) !important}a.text-warning:hover,a.text-warning:focus{color:var(--pgn-color-action-default-warning-base) !important}.border-warning{border-color:var(--pgn-color-warning-base) !important}.bg-danger-100{background-color:var(--pgn-color-danger-100) !important}a.bg-danger-100:hover,a.bg-danger-100:focus,button.bg-danger-100:hover,button.bg-danger-100:focus{background-color:var(--pgn-color-action-default-danger-100) !important}.text-danger-100{color:var(--pgn-color-danger-100) !important}a.text-danger-100:hover,a.text-danger-100:focus{color:var(--pgn-color-action-default-danger-100) !important}.border-danger-100{border-color:var(--pgn-color-danger-100) !important}.bg-danger-200{background-color:var(--pgn-color-danger-200) !important}a.bg-danger-200:hover,a.bg-danger-200:focus,button.bg-danger-200:hover,button.bg-danger-200:focus{background-color:var(--pgn-color-action-default-danger-200) !important}.text-danger-200{color:var(--pgn-color-danger-200) !important}a.text-danger-200:hover,a.text-danger-200:focus{color:var(--pgn-color-action-default-danger-200) !important}.border-danger-200{border-color:var(--pgn-color-danger-200) !important}.bg-danger-300{background-color:var(--pgn-color-danger-300) !important}a.bg-danger-300:hover,a.bg-danger-300:focus,button.bg-danger-300:hover,button.bg-danger-300:focus{background-color:var(--pgn-color-action-default-danger-300) !important}.text-danger-300{color:var(--pgn-color-danger-300) !important}a.text-danger-300:hover,a.text-danger-300:focus{color:var(--pgn-color-action-default-danger-300) !important}.border-danger-300{border-color:var(--pgn-color-danger-300) !important}.bg-danger-400{background-color:var(--pgn-color-danger-400) !important}a.bg-danger-400:hover,a.bg-danger-400:focus,button.bg-danger-400:hover,button.bg-danger-400:focus{background-color:var(--pgn-color-action-default-danger-400) !important}.text-danger-400{color:var(--pgn-color-danger-400) !important}a.text-danger-400:hover,a.text-danger-400:focus{color:var(--pgn-color-action-default-danger-400) !important}.border-danger-400{border-color:var(--pgn-color-danger-400) !important}.bg-danger-500{background-color:var(--pgn-color-danger-500) !important}a.bg-danger-500:hover,a.bg-danger-500:focus,button.bg-danger-500:hover,button.bg-danger-500:focus{background-color:var(--pgn-color-action-default-danger-500) !important}.text-danger-500{color:var(--pgn-color-danger-500) !important}a.text-danger-500:hover,a.text-danger-500:focus{color:var(--pgn-color-action-default-danger-500) !important}.border-danger-500{border-color:var(--pgn-color-danger-500) !important}.bg-danger-600{background-color:var(--pgn-color-danger-600) !important}a.bg-danger-600:hover,a.bg-danger-600:focus,button.bg-danger-600:hover,button.bg-danger-600:focus{background-color:var(--pgn-color-action-default-danger-600) !important}.text-danger-600{color:var(--pgn-color-danger-600) !important}a.text-danger-600:hover,a.text-danger-600:focus{color:var(--pgn-color-action-default-danger-600) !important}.border-danger-600{border-color:var(--pgn-color-danger-600) !important}.bg-danger-700{background-color:var(--pgn-color-danger-700) !important}a.bg-danger-700:hover,a.bg-danger-700:focus,button.bg-danger-700:hover,button.bg-danger-700:focus{background-color:var(--pgn-color-action-default-danger-700) !important}.text-danger-700{color:var(--pgn-color-danger-700) !important}a.text-danger-700:hover,a.text-danger-700:focus{color:var(--pgn-color-action-default-danger-700) !important}.border-danger-700{border-color:var(--pgn-color-danger-700) !important}.bg-danger-800{background-color:var(--pgn-color-danger-800) !important}a.bg-danger-800:hover,a.bg-danger-800:focus,button.bg-danger-800:hover,button.bg-danger-800:focus{background-color:var(--pgn-color-action-default-danger-800) !important}.text-danger-800{color:var(--pgn-color-danger-800) !important}a.text-danger-800:hover,a.text-danger-800:focus{color:var(--pgn-color-action-default-danger-800) !important}.border-danger-800{border-color:var(--pgn-color-danger-800) !important}.bg-danger-900{background-color:var(--pgn-color-danger-900) !important}a.bg-danger-900:hover,a.bg-danger-900:focus,button.bg-danger-900:hover,button.bg-danger-900:focus{background-color:var(--pgn-color-action-default-danger-900) !important}.text-danger-900{color:var(--pgn-color-danger-900) !important}a.text-danger-900:hover,a.text-danger-900:focus{color:var(--pgn-color-action-default-danger-900) !important}.border-danger-900{border-color:var(--pgn-color-danger-900) !important}.bg-danger{background-color:var(--pgn-color-danger-base) !important}a.bg-danger:hover,a.bg-danger:focus,button.bg-danger:hover,button.bg-danger:focus{background-color:var(--pgn-color-action-default-danger-base) !important}.text-danger{color:var(--pgn-color-danger-base) !important}a.text-danger:hover,a.text-danger:focus{color:var(--pgn-color-action-default-danger-base) !important}.border-danger{border-color:var(--pgn-color-danger-base) !important}.bg-light-100{background-color:var(--pgn-color-light-100) !important}a.bg-light-100:hover,a.bg-light-100:focus,button.bg-light-100:hover,button.bg-light-100:focus{background-color:var(--pgn-color-action-default-light-100) !important}.text-light-100{color:var(--pgn-color-light-100) !important}a.text-light-100:hover,a.text-light-100:focus{color:var(--pgn-color-action-default-light-100) !important}.border-light-100{border-color:var(--pgn-color-light-100) !important}.bg-light-200{background-color:var(--pgn-color-light-200) !important}a.bg-light-200:hover,a.bg-light-200:focus,button.bg-light-200:hover,button.bg-light-200:focus{background-color:var(--pgn-color-action-default-light-200) !important}.text-light-200{color:var(--pgn-color-light-200) !important}a.text-light-200:hover,a.text-light-200:focus{color:var(--pgn-color-action-default-light-200) !important}.border-light-200{border-color:var(--pgn-color-light-200) !important}.bg-light-300{background-color:var(--pgn-color-light-300) !important}a.bg-light-300:hover,a.bg-light-300:focus,button.bg-light-300:hover,button.bg-light-300:focus{background-color:var(--pgn-color-action-default-light-300) !important}.text-light-300{color:var(--pgn-color-light-300) !important}a.text-light-300:hover,a.text-light-300:focus{color:var(--pgn-color-action-default-light-300) !important}.border-light-300{border-color:var(--pgn-color-light-300) !important}.bg-light-400{background-color:var(--pgn-color-light-400) !important}a.bg-light-400:hover,a.bg-light-400:focus,button.bg-light-400:hover,button.bg-light-400:focus{background-color:var(--pgn-color-action-default-light-400) !important}.text-light-400{color:var(--pgn-color-light-400) !important}a.text-light-400:hover,a.text-light-400:focus{color:var(--pgn-color-action-default-light-400) !important}.border-light-400{border-color:var(--pgn-color-light-400) !important}.bg-light-500{background-color:var(--pgn-color-light-500) !important}a.bg-light-500:hover,a.bg-light-500:focus,button.bg-light-500:hover,button.bg-light-500:focus{background-color:var(--pgn-color-action-default-light-500) !important}.text-light-500{color:var(--pgn-color-light-500) !important}a.text-light-500:hover,a.text-light-500:focus{color:var(--pgn-color-action-default-light-500) !important}.border-light-500{border-color:var(--pgn-color-light-500) !important}.bg-light-600{background-color:var(--pgn-color-light-600) !important}a.bg-light-600:hover,a.bg-light-600:focus,button.bg-light-600:hover,button.bg-light-600:focus{background-color:var(--pgn-color-action-default-light-600) !important}.text-light-600{color:var(--pgn-color-light-600) !important}a.text-light-600:hover,a.text-light-600:focus{color:var(--pgn-color-action-default-light-600) !important}.border-light-600{border-color:var(--pgn-color-light-600) !important}.bg-light-700{background-color:var(--pgn-color-light-700) !important}a.bg-light-700:hover,a.bg-light-700:focus,button.bg-light-700:hover,button.bg-light-700:focus{background-color:var(--pgn-color-action-default-light-700) !important}.text-light-700{color:var(--pgn-color-light-700) !important}a.text-light-700:hover,a.text-light-700:focus{color:var(--pgn-color-action-default-light-700) !important}.border-light-700{border-color:var(--pgn-color-light-700) !important}.bg-light-800{background-color:var(--pgn-color-light-800) !important}a.bg-light-800:hover,a.bg-light-800:focus,button.bg-light-800:hover,button.bg-light-800:focus{background-color:var(--pgn-color-action-default-light-800) !important}.text-light-800{color:var(--pgn-color-light-800) !important}a.text-light-800:hover,a.text-light-800:focus{color:var(--pgn-color-action-default-light-800) !important}.border-light-800{border-color:var(--pgn-color-light-800) !important}.bg-light-900{background-color:var(--pgn-color-light-900) !important}a.bg-light-900:hover,a.bg-light-900:focus,button.bg-light-900:hover,button.bg-light-900:focus{background-color:var(--pgn-color-action-default-light-900) !important}.text-light-900{color:var(--pgn-color-light-900) !important}a.text-light-900:hover,a.text-light-900:focus{color:var(--pgn-color-action-default-light-900) !important}.border-light-900{border-color:var(--pgn-color-light-900) !important}.bg-light{background-color:var(--pgn-color-light-base) !important}a.bg-light:hover,a.bg-light:focus,button.bg-light:hover,button.bg-light:focus{background-color:var(--pgn-color-action-default-light-base) !important}.text-light{color:var(--pgn-color-light-base) !important}a.text-light:hover,a.text-light:focus{color:var(--pgn-color-action-default-light-base) !important}.border-light{border-color:var(--pgn-color-light-base) !important}.bg-dark-100{background-color:var(--pgn-color-dark-100) !important}a.bg-dark-100:hover,a.bg-dark-100:focus,button.bg-dark-100:hover,button.bg-dark-100:focus{background-color:var(--pgn-color-action-default-dark-100) !important}.text-dark-100{color:var(--pgn-color-dark-100) !important}a.text-dark-100:hover,a.text-dark-100:focus{color:var(--pgn-color-action-default-dark-100) !important}.border-dark-100{border-color:var(--pgn-color-dark-100) !important}.bg-dark-200{background-color:var(--pgn-color-dark-200) !important}a.bg-dark-200:hover,a.bg-dark-200:focus,button.bg-dark-200:hover,button.bg-dark-200:focus{background-color:var(--pgn-color-action-default-dark-200) !important}.text-dark-200{color:var(--pgn-color-dark-200) !important}a.text-dark-200:hover,a.text-dark-200:focus{color:var(--pgn-color-action-default-dark-200) !important}.border-dark-200{border-color:var(--pgn-color-dark-200) !important}.bg-dark-300{background-color:var(--pgn-color-dark-300) !important}a.bg-dark-300:hover,a.bg-dark-300:focus,button.bg-dark-300:hover,button.bg-dark-300:focus{background-color:var(--pgn-color-action-default-dark-300) !important}.text-dark-300{color:var(--pgn-color-dark-300) !important}a.text-dark-300:hover,a.text-dark-300:focus{color:var(--pgn-color-action-default-dark-300) !important}.border-dark-300{border-color:var(--pgn-color-dark-300) !important}.bg-dark-400{background-color:var(--pgn-color-dark-400) !important}a.bg-dark-400:hover,a.bg-dark-400:focus,button.bg-dark-400:hover,button.bg-dark-400:focus{background-color:var(--pgn-color-action-default-dark-400) !important}.text-dark-400{color:var(--pgn-color-dark-400) !important}a.text-dark-400:hover,a.text-dark-400:focus{color:var(--pgn-color-action-default-dark-400) !important}.border-dark-400{border-color:var(--pgn-color-dark-400) !important}.bg-dark-500{background-color:var(--pgn-color-dark-500) !important}a.bg-dark-500:hover,a.bg-dark-500:focus,button.bg-dark-500:hover,button.bg-dark-500:focus{background-color:var(--pgn-color-action-default-dark-500) !important}.text-dark-500{color:var(--pgn-color-dark-500) !important}a.text-dark-500:hover,a.text-dark-500:focus{color:var(--pgn-color-action-default-dark-500) !important}.border-dark-500{border-color:var(--pgn-color-dark-500) !important}.bg-dark-600{background-color:var(--pgn-color-dark-600) !important}a.bg-dark-600:hover,a.bg-dark-600:focus,button.bg-dark-600:hover,button.bg-dark-600:focus{background-color:var(--pgn-color-action-default-dark-600) !important}.text-dark-600{color:var(--pgn-color-dark-600) !important}a.text-dark-600:hover,a.text-dark-600:focus{color:var(--pgn-color-action-default-dark-600) !important}.border-dark-600{border-color:var(--pgn-color-dark-600) !important}.bg-dark-700{background-color:var(--pgn-color-dark-700) !important}a.bg-dark-700:hover,a.bg-dark-700:focus,button.bg-dark-700:hover,button.bg-dark-700:focus{background-color:var(--pgn-color-action-default-dark-700) !important}.text-dark-700{color:var(--pgn-color-dark-700) !important}a.text-dark-700:hover,a.text-dark-700:focus{color:var(--pgn-color-action-default-dark-700) !important}.border-dark-700{border-color:var(--pgn-color-dark-700) !important}.bg-dark-800{background-color:var(--pgn-color-dark-800) !important}a.bg-dark-800:hover,a.bg-dark-800:focus,button.bg-dark-800:hover,button.bg-dark-800:focus{background-color:var(--pgn-color-action-default-dark-800) !important}.text-dark-800{color:var(--pgn-color-dark-800) !important}a.text-dark-800:hover,a.text-dark-800:focus{color:var(--pgn-color-action-default-dark-800) !important}.border-dark-800{border-color:var(--pgn-color-dark-800) !important}.bg-dark-900{background-color:var(--pgn-color-dark-900) !important}a.bg-dark-900:hover,a.bg-dark-900:focus,button.bg-dark-900:hover,button.bg-dark-900:focus{background-color:var(--pgn-color-action-default-dark-900) !important}.text-dark-900{color:var(--pgn-color-dark-900) !important}a.text-dark-900:hover,a.text-dark-900:focus{color:var(--pgn-color-action-default-dark-900) !important}.border-dark-900{border-color:var(--pgn-color-dark-900) !important}.bg-dark{background-color:var(--pgn-color-dark-base) !important}a.bg-dark:hover,a.bg-dark:focus,button.bg-dark:hover,button.bg-dark:focus{background-color:var(--pgn-color-action-default-dark-base) !important}.text-dark{color:var(--pgn-color-dark-base) !important}a.text-dark:hover,a.text-dark:focus{color:var(--pgn-color-action-default-dark-base) !important}.border-dark{border-color:var(--pgn-color-dark-base) !important}
2
+ /*# sourceMappingURL=light.css.map */
package/dist/theme-urls.json ADDED
@@ -0,0 +1,21 @@
1
+ {
2
+ "themeUrls": {
3
+ "defaults": {
4
+ "light": "light"
5
+ },
6
+ "variants": {
7
+ "light": {
8
+ "paths": {
9
+ "default": "./light.css",
10
+ "minified": "./light.min.css"
11
+ }
12
+ }
13
+ },
14
+ "core": {
15
+ "paths": {
16
+ "default": "./core.css",
17
+ "minified": "./core.min.css"
18
+ }
19
+ }
20
+ }
21
+ }
package/dist/utils/breakpoints.js CHANGED
@@ -1,4 +1,4 @@
1
- import breakpointSizes from '../../scss/core/_exports.module.scss';
1
+ import breakpointSizes from '../../styles/scss/core/_exports.module.scss';
2
2
 
3
3
  const {
4
4
  sm, md, lg, xl, xxl,
package/lib/build-scss.js ADDED
@@ -0,0 +1,188 @@
1
+ const fs = require('fs');
2
+ const sass = require('sass');
3
+ const postCSS = require('postcss');
4
+ const postCSSCustomMedia = require('postcss-custom-media');
5
+ const postCSSImport = require('postcss-import');
6
+ const postCSSMinify = require('postcss-minify');
7
+ const combineSelectors = require('postcss-combine-duplicated-selectors');
8
+ const { pathToFileURL } = require('url');
9
+ const path = require('path');
10
+ const minimist = require('minimist');
11
+ const chalk = require('chalk');
12
+ const ora = require('ora');
13
+ const { capitalize } = require('./utils');
14
+
15
+ const paragonThemeOutputFilename = 'theme-urls.json';
16
+
17
+ /**
18
+ * Updates `paragonThemeOutput` object with appropriate name and URLs.
19
+ *
20
+ * @param {object} args
21
+ * @param {object} args.paragonThemeOutput Object containing the `themeUrls` pointing
22
+ * to the core and theme variant CSS files.
23
+ * @param {string} args.name Name of the theme variant.
24
+ * @param {boolean} args.isThemeVariant Indicates whether the stylesheet is a theme variant.
25
+ * @param {boolean} args.isDefaultThemeVariant Indicates whether the stylesheet is a default theme variant.
26
+ *
27
+ * @returns Updated paragonThemeOutput object.
28
+ */
29
+ const updateParagonThemeOutput = ({
30
+ paragonThemeOutput,
31
+ name,
32
+ isThemeVariant,
33
+ isDefaultThemeVariant,
34
+ }) => {
35
+ const themeOutput = { ...paragonThemeOutput };
36
+
37
+ // Check if the theme variant is a default theme variant. If so, add it to `defaults`.
38
+ if (isThemeVariant && isDefaultThemeVariant) {
39
+ if (!themeOutput.themeUrls.defaults) {
40
+ themeOutput.themeUrls.defaults = {};
41
+ }
42
+ themeOutput.themeUrls.defaults[name] = name;
43
+ }
44
+
45
+ if (isThemeVariant) {
46
+ themeOutput.themeUrls.variants = {
47
+ ...themeOutput.themeUrls.variants,
48
+ [name]: {
49
+ paths: {
50
+ default: `./${name}.css`,
51
+ minified: `./${name}.min.css`,
52
+ },
53
+ },
54
+ };
55
+ } else {
56
+ themeOutput.themeUrls[name] = {
57
+ paths: {
58
+ default: `./${name}.css`,
59
+ minified: `./${name}.min.css`,
60
+ },
61
+ };
62
+ }
63
+
64
+ return themeOutput;
65
+ };
66
+
67
+ /**
68
+ * Compiles SCSS file with sass and transforms resulting file with PostCSS:
69
+ * 1. Resulting CSS file
70
+ * 2. Map file
71
+ * 3. Minified version of resulting CSS file
72
+ *
73
+ * @param {string} name - base name of the resulting files
74
+ * @param {string} stylesPath - path to the stylesheet to be compiled
75
+ * @param {string} outDir - indicates where to output compiled files
76
+ * @param {boolean} isThemeVariant - indicates whether the stylesheet is a theme variant
77
+ * @param {boolean} isDefaultThemeVariant - indicates whether the stylesheet is a default theme variant
78
+ */
79
+ const compileAndWriteStyleSheets = ({
80
+ name,
81
+ stylesPath,
82
+ outDir,
83
+ isThemeVariant = false,
84
+ isDefaultThemeVariant = false,
85
+ }) => {
86
+ const compiledStyleSheet = sass.compile(stylesPath, {
87
+ importers: [{
88
+ // An importer that redirects relative URLs starting with '~' to 'node_modules'.
89
+ findFileUrl(url) {
90
+ if (!url.startsWith('~')) {
91
+ return null;
92
+ }
93
+ return new URL(url.substring(1), `${pathToFileURL('node_modules')}/node_modules`);
94
+ },
95
+ }],
96
+ });
97
+
98
+ const commonPostCssPlugins = [
99
+ postCSSImport(),
100
+ postCSSCustomMedia({ preserve: true }),
101
+ combineSelectors({ removeDuplicatedProperties: true }),
102
+ ];
103
+
104
+ const postCSSCompilation = ora(`Compilation for ${capitalize(name)} stylesheet...`).start();
105
+ postCSS(commonPostCssPlugins)
106
+ .process(compiledStyleSheet.css, { from: stylesPath, map: false })
107
+ .then((result) => {
108
+ postCSSCompilation.succeed(`Successfully compiled ${capitalize(name)} theme stylesheet`);
109
+ fs.writeFileSync(`${outDir}/${name}.css`, result.css);
110
+ postCSS([postCSSMinify()])
111
+ .process(result.css, { from: `${name}.css`, map: { inline: false } })
112
+ .then((minifiedResult) => {
113
+ fs.writeFileSync(`${outDir}/${name}.css.map`, minifiedResult.map.toString());
114
+ fs.writeFileSync(`${outDir}/${name}.min.css`, minifiedResult.css);
115
+ });
116
+
117
+ const hasExistingParagonThemeOutput = fs.existsSync(`${outDir}/${paragonThemeOutputFilename}`);
118
+ let paragonThemeOutput;
119
+ if (!hasExistingParagonThemeOutput) {
120
+ const initialConfigOutput = { themeUrls: {} };
121
+ paragonThemeOutput = updateParagonThemeOutput({
122
+ paragonThemeOutput: initialConfigOutput,
123
+ name,
124
+ isThemeVariant,
125
+ isDefaultThemeVariant,
126
+ });
127
+ } else {
128
+ const existingParagonThemeOutput = JSON.parse(fs.readFileSync(`${outDir}/${paragonThemeOutputFilename}`, 'utf8'));
129
+ paragonThemeOutput = updateParagonThemeOutput({
130
+ paragonThemeOutput: existingParagonThemeOutput,
131
+ name,
132
+ isThemeVariant,
133
+ isDefaultThemeVariant,
134
+ });
135
+ }
136
+
137
+ fs.writeFileSync(`${outDir}/${paragonThemeOutputFilename}`, `${JSON.stringify(paragonThemeOutput, null, 2)}\n`);
138
+ })
139
+ .then(() => {
140
+ ora().succeed(chalk.underline.bold.green(`Successfully built stylesheet for ${capitalize(name)} theme!\n`));
141
+ })
142
+ .catch((error) => {
143
+ ora().fail(chalk.bold(`Failed to build stylesheets for ${capitalize(name)}: ${error.message}`));
144
+ });
145
+ };
146
+
147
+ /**
148
+ * Builds SCSS stylesheets based on the provided command arguments.
149
+ *
150
+ * @param {Array<string>} commandArgs - Command line arguments for building SCSS stylesheets.
151
+ */
152
+ function buildScssCommand(commandArgs) {
153
+ const defaultArgs = {
154
+ corePath: path.resolve(process.cwd(), 'styles/scss/core/core.scss'),
155
+ themesPath: path.resolve(process.cwd(), 'styles/css/themes'),
156
+ outDir: './dist',
157
+ defaultThemeVariants: 'light',
158
+ };
159
+
160
+ const {
161
+ corePath,
162
+ themesPath,
163
+ outDir,
164
+ defaultThemeVariants,
165
+ } = minimist(commandArgs, { default: defaultArgs });
166
+
167
+ // Core CSS
168
+ compileAndWriteStyleSheets({
169
+ name: 'core',
170
+ stylesPath: corePath,
171
+ outDir,
172
+ });
173
+
174
+ // Theme Variants CSS
175
+ fs.readdirSync(themesPath, { withFileTypes: true })
176
+ .filter((item) => item.isDirectory())
177
+ .forEach((themeDir) => {
178
+ compileAndWriteStyleSheets({
179
+ name: themeDir.name,
180
+ stylesPath: `${themesPath}/${themeDir.name}/index.css`,
181
+ outDir,
182
+ isThemeVariant: true,
183
+ isDefaultThemeVariant: defaultThemeVariants.includes(themeDir.name),
184
+ });
185
+ });
186
+ }
187
+
188
+ module.exports = buildScssCommand;