@openedx/paragon 22.0.0-alpha.24 → 22.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (947) hide show
  1. package/README.md +16 -46
  2. package/bin/paragon-scripts.js +16 -123
  3. package/dist/ActionRow/_index.scss +4 -2
  4. package/dist/ActionRow/_variables.scss +2 -0
  5. package/dist/ActionRow/index.js +7 -8
  6. package/dist/ActionRow/index.js.map +1 -1
  7. package/dist/Alert/_variables.scss +24 -0
  8. package/dist/Alert/index.js +33 -25
  9. package/dist/Alert/index.js.map +1 -1
  10. package/dist/Alert/index.scss +32 -41
  11. package/dist/Annotation/_variables.scss +18 -0
  12. package/dist/Annotation/index.js +7 -9
  13. package/dist/Annotation/index.js.map +1 -1
  14. package/dist/Annotation/index.scss +103 -130
  15. package/dist/Avatar/_variables.scss +10 -0
  16. package/dist/Avatar/index.js +5 -7
  17. package/dist/Avatar/index.js.map +1 -1
  18. package/dist/Avatar/index.scss +20 -18
  19. package/dist/AvatarButton/_variables.scss +3 -0
  20. package/dist/AvatarButton/index.js +10 -12
  21. package/dist/AvatarButton/index.js.map +1 -1
  22. package/dist/AvatarButton/index.scss +5 -3
  23. package/dist/Badge/_variables.scss +16 -0
  24. package/dist/Badge/index.js +6 -4
  25. package/dist/Badge/index.js.map +1 -1
  26. package/dist/Badge/index.scss +2 -112
  27. package/dist/Breadcrumb/BreadcrumbLink.js +11 -14
  28. package/dist/Breadcrumb/BreadcrumbLink.js.map +1 -1
  29. package/dist/Breadcrumb/_variables.scss +27 -0
  30. package/dist/Breadcrumb/index.js +29 -29
  31. package/dist/Breadcrumb/index.js.map +1 -1
  32. package/dist/Breadcrumb/index.scss +16 -14
  33. package/dist/Bubble/_variables.scss +8 -0
  34. package/dist/Bubble/index.js +11 -13
  35. package/dist/Bubble/index.js.map +1 -1
  36. package/dist/Bubble/index.scss +12 -25
  37. package/dist/Button/_variables.scss +52 -0
  38. package/dist/Button/deprecated/index.js +149 -0
  39. package/dist/Button/deprecated/index.js.map +1 -0
  40. package/dist/Button/index.js +12 -11
  41. package/dist/Button/index.js.map +1 -1
  42. package/dist/Button/index.scss +370 -855
  43. package/dist/Card/CardBody.js +4 -6
  44. package/dist/Card/CardBody.js.map +1 -1
  45. package/dist/Card/CardCarousel/CardCarousel.js +11 -13
  46. package/dist/Card/CardCarousel/CardCarousel.js.map +1 -1
  47. package/dist/Card/CardCarousel/CardCarouselControls.js +6 -7
  48. package/dist/Card/CardCarousel/CardCarouselControls.js.map +1 -1
  49. package/dist/Card/CardCarousel/CardCarouselHeader.js +9 -12
  50. package/dist/Card/CardCarousel/CardCarouselHeader.js.map +1 -1
  51. package/dist/Card/CardCarousel/CardCarouselItems.js +6 -9
  52. package/dist/Card/CardCarousel/CardCarouselItems.js.map +1 -1
  53. package/dist/Card/CardCarousel/CardCarouselProvider.js +27 -28
  54. package/dist/Card/CardCarousel/CardCarouselProvider.js.map +1 -1
  55. package/dist/Card/CardCarousel/CardCarouselSubtitle.js +4 -6
  56. package/dist/Card/CardCarousel/CardCarouselSubtitle.js.map +1 -1
  57. package/dist/Card/CardCarousel/CardCarouselTitle.js +4 -6
  58. package/dist/Card/CardCarousel/CardCarouselTitle.js.map +1 -1
  59. package/dist/Card/CardContext.js +8 -10
  60. package/dist/Card/CardContext.js.map +1 -1
  61. package/dist/Card/CardDeck.js +19 -17
  62. package/dist/Card/CardDeck.js.map +1 -1
  63. package/dist/Card/CardDivider.js +3 -5
  64. package/dist/Card/CardDivider.js.map +1 -1
  65. package/dist/Card/CardFooter.js +15 -18
  66. package/dist/Card/CardFooter.js.map +1 -1
  67. package/dist/Card/CardGrid.js +13 -11
  68. package/dist/Card/CardGrid.js.map +1 -1
  69. package/dist/Card/CardHeader.js +17 -22
  70. package/dist/Card/CardHeader.js.map +1 -1
  71. package/dist/Card/CardImageCap.js +48 -33
  72. package/dist/Card/CardImageCap.js.map +1 -1
  73. package/dist/Card/CardSection.js +11 -14
  74. package/dist/Card/CardSection.js.map +1 -1
  75. package/dist/Card/CardStatus.js +11 -14
  76. package/dist/Card/CardStatus.js.map +1 -1
  77. package/dist/Card/_variables.scss +55 -0
  78. package/dist/Card/index.js +18 -20
  79. package/dist/Card/index.js.map +1 -1
  80. package/dist/Card/index.scss +79 -78
  81. package/dist/Carousel/_variables.scss +27 -0
  82. package/dist/Carousel/index.js +17 -11
  83. package/dist/Carousel/index.js.map +1 -1
  84. package/dist/Carousel/index.scss +2 -168
  85. package/dist/CheckBox/index.js +102 -0
  86. package/dist/CheckBox/index.js.map +1 -0
  87. package/dist/CheckBoxGroup/index.js +15 -0
  88. package/dist/CheckBoxGroup/index.js.map +1 -0
  89. package/dist/Chip/ChipIcon.js +47 -0
  90. package/dist/Chip/ChipIcon.js.map +1 -0
  91. package/dist/Chip/_variables.scss +28 -0
  92. package/dist/Chip/constants.js +5 -0
  93. package/dist/Chip/index.js +66 -40
  94. package/dist/Chip/index.js.map +1 -1
  95. package/dist/Chip/index.scss +102 -61
  96. package/dist/Chip/mixins.scss +42 -0
  97. package/dist/ChipCarousel/_variables.scss +3 -0
  98. package/dist/ChipCarousel/index.js +29 -30
  99. package/dist/ChipCarousel/index.js.map +1 -1
  100. package/dist/ChipCarousel/index.scss +4 -1
  101. package/dist/CloseButton/_variables.scss +6 -0
  102. package/dist/CloseButton/index.scss +2 -31
  103. package/dist/Code/_variables.scss +17 -0
  104. package/dist/Code/index.scss +2 -47
  105. package/dist/Collapsible/CollapsibleAdvanced.js +82 -62
  106. package/dist/Collapsible/CollapsibleAdvanced.js.map +1 -1
  107. package/dist/Collapsible/CollapsibleBody.js +13 -15
  108. package/dist/Collapsible/CollapsibleBody.js.map +1 -1
  109. package/dist/Collapsible/CollapsibleTrigger.js +18 -20
  110. package/dist/Collapsible/CollapsibleTrigger.js.map +1 -1
  111. package/dist/Collapsible/CollapsibleVisible.js +6 -9
  112. package/dist/Collapsible/CollapsibleVisible.js.map +1 -1
  113. package/dist/Collapsible/_variables.scss +12 -0
  114. package/dist/Collapsible/index.js +17 -18
  115. package/dist/Collapsible/index.js.map +1 -1
  116. package/dist/Collapsible/index.scss +15 -15
  117. package/dist/ColorPicker/_variables.scss +2 -0
  118. package/dist/ColorPicker/index.js +58 -33
  119. package/dist/ColorPicker/index.js.map +1 -1
  120. package/dist/ColorPicker/index.scss +11 -9
  121. package/dist/Container/_variables.scss +5 -0
  122. package/dist/Container/index.js +8 -9
  123. package/dist/Container/index.js.map +1 -1
  124. package/dist/DataTable/ActionDisplay.js +8 -9
  125. package/dist/DataTable/ActionDisplay.js.map +1 -1
  126. package/dist/DataTable/BulkActions.js +23 -20
  127. package/dist/DataTable/BulkActions.js.map +1 -1
  128. package/dist/DataTable/CardView.js +46 -43
  129. package/dist/DataTable/CardView.js.map +1 -1
  130. package/dist/DataTable/CollapsibleButtonGroup.js +59 -41
  131. package/dist/DataTable/CollapsibleButtonGroup.js.map +1 -1
  132. package/dist/DataTable/DataTableContext.js +1 -1
  133. package/dist/DataTable/DataTableContext.js.map +1 -1
  134. package/dist/DataTable/DataTableLayout.js +6 -9
  135. package/dist/DataTable/DataTableLayout.js.map +1 -1
  136. package/dist/DataTable/DataViewToggle.js +25 -20
  137. package/dist/DataTable/DataViewToggle.js.map +1 -1
  138. package/dist/DataTable/DropdownFilters.js +41 -28
  139. package/dist/DataTable/DropdownFilters.js.map +1 -1
  140. package/dist/DataTable/EmptyTable.js +6 -9
  141. package/dist/DataTable/EmptyTable.js.map +1 -1
  142. package/dist/DataTable/ExpandAll.js +2 -4
  143. package/dist/DataTable/ExpandAll.js.map +1 -1
  144. package/dist/DataTable/ExpandRow.js +2 -4
  145. package/dist/DataTable/ExpandRow.js.map +1 -1
  146. package/dist/DataTable/FilterStatus.js +18 -17
  147. package/dist/DataTable/FilterStatus.js.map +1 -1
  148. package/dist/DataTable/RowStatus.js +15 -18
  149. package/dist/DataTable/RowStatus.js.map +1 -1
  150. package/dist/DataTable/SidebarFilters.js +16 -13
  151. package/dist/DataTable/SidebarFilters.js.map +1 -1
  152. package/dist/DataTable/SmartStatus.js +14 -16
  153. package/dist/DataTable/SmartStatus.js.map +1 -1
  154. package/dist/DataTable/Table.js +17 -19
  155. package/dist/DataTable/Table.js.map +1 -1
  156. package/dist/DataTable/TableActions.js +11 -13
  157. package/dist/DataTable/TableActions.js.map +1 -1
  158. package/dist/DataTable/TableCell.js +6 -10
  159. package/dist/DataTable/TableCell.js.map +1 -1
  160. package/dist/DataTable/TableControlBar.js +7 -12
  161. package/dist/DataTable/TableControlBar.js.map +1 -1
  162. package/dist/DataTable/TableFilters.js +14 -12
  163. package/dist/DataTable/TableFilters.js.map +1 -1
  164. package/dist/DataTable/TableFooter.js +5 -8
  165. package/dist/DataTable/TableFooter.js.map +1 -1
  166. package/dist/DataTable/TableHeaderCell.js +11 -15
  167. package/dist/DataTable/TableHeaderCell.js.map +1 -1
  168. package/dist/DataTable/TableHeaderRow.js +6 -4
  169. package/dist/DataTable/TableHeaderRow.js.map +1 -1
  170. package/dist/DataTable/TablePagination.js +15 -9
  171. package/dist/DataTable/TablePagination.js.map +1 -1
  172. package/dist/DataTable/TablePaginationMinimal.js +14 -8
  173. package/dist/DataTable/TablePaginationMinimal.js.map +1 -1
  174. package/dist/DataTable/TableRow.js +15 -18
  175. package/dist/DataTable/TableRow.js.map +1 -1
  176. package/dist/DataTable/_variables.scss +11 -0
  177. package/dist/DataTable/filters/CheckboxFilter.js +23 -22
  178. package/dist/DataTable/filters/CheckboxFilter.js.map +1 -1
  179. package/dist/DataTable/filters/DropdownFilter.js +14 -19
  180. package/dist/DataTable/filters/DropdownFilter.js.map +1 -1
  181. package/dist/DataTable/filters/MultiSelectDropdownFilter.js +19 -20
  182. package/dist/DataTable/filters/MultiSelectDropdownFilter.js.map +1 -1
  183. package/dist/DataTable/filters/TextFilter.js +15 -18
  184. package/dist/DataTable/filters/TextFilter.js.map +1 -1
  185. package/dist/DataTable/hooks.js +29 -25
  186. package/dist/DataTable/hooks.js.map +1 -1
  187. package/dist/DataTable/index.js +120 -104
  188. package/dist/DataTable/index.js.map +1 -1
  189. package/dist/DataTable/index.scss +50 -48
  190. package/dist/DataTable/selection/BaseSelectionStatus.js +29 -31
  191. package/dist/DataTable/selection/BaseSelectionStatus.js.map +1 -1
  192. package/dist/DataTable/selection/ControlledSelect.js +13 -9
  193. package/dist/DataTable/selection/ControlledSelect.js.map +1 -1
  194. package/dist/DataTable/selection/ControlledSelectHeader.js +19 -15
  195. package/dist/DataTable/selection/ControlledSelectHeader.js.map +1 -1
  196. package/dist/DataTable/selection/ControlledSelectionStatus.js +34 -24
  197. package/dist/DataTable/selection/ControlledSelectionStatus.js.map +1 -1
  198. package/dist/DataTable/selection/SelectionStatus.js +23 -23
  199. package/dist/DataTable/selection/SelectionStatus.js.map +1 -1
  200. package/dist/DataTable/utils/getVisibleColumns.js +36 -44
  201. package/dist/DataTable/utils/getVisibleColumns.js.map +1 -1
  202. package/dist/Dropdown/_variables.scss +33 -0
  203. package/dist/Dropdown/deprecated/DropdownButton.js +44 -0
  204. package/dist/Dropdown/deprecated/DropdownButton.js.map +1 -0
  205. package/dist/Dropdown/deprecated/DropdownItem.js +33 -0
  206. package/dist/Dropdown/deprecated/DropdownItem.js.map +1 -0
  207. package/dist/Dropdown/deprecated/DropdownMenu.js +46 -0
  208. package/dist/Dropdown/deprecated/DropdownMenu.js.map +1 -0
  209. package/dist/Dropdown/deprecated/index.js +242 -0
  210. package/dist/Dropdown/deprecated/index.js.map +1 -0
  211. package/dist/Dropdown/index.js +34 -29
  212. package/dist/Dropdown/index.js.map +1 -1
  213. package/dist/Dropdown/index.scss +12 -11
  214. package/dist/Dropzone/DefaultContent.js +13 -13
  215. package/dist/Dropzone/DefaultContent.js.map +1 -1
  216. package/dist/Dropzone/DragError.js +1 -3
  217. package/dist/Dropzone/DragError.js.map +1 -1
  218. package/dist/Dropzone/GenericError.js +7 -7
  219. package/dist/Dropzone/GenericError.js.map +1 -1
  220. package/dist/Dropzone/UploadProgress.js +6 -8
  221. package/dist/Dropzone/UploadProgress.js.map +1 -1
  222. package/dist/Dropzone/_variables.scss +9 -0
  223. package/dist/Dropzone/index.js +144 -85
  224. package/dist/Dropzone/index.js.map +1 -1
  225. package/dist/Dropzone/index.scss +14 -12
  226. package/dist/Fieldset/index.js +117 -0
  227. package/dist/Fieldset/index.js.map +1 -0
  228. package/dist/Fieldset/index.scss +12 -0
  229. package/dist/Form/FormAutosuggest.js +284 -154
  230. package/dist/Form/FormAutosuggest.js.map +1 -1
  231. package/dist/Form/FormAutosuggestOption.js +4 -6
  232. package/dist/Form/FormAutosuggestOption.js.map +1 -1
  233. package/dist/Form/FormCheckbox.js +35 -42
  234. package/dist/Form/FormCheckbox.js.map +1 -1
  235. package/dist/Form/FormCheckboxSet.js +13 -16
  236. package/dist/Form/FormCheckboxSet.js.map +1 -1
  237. package/dist/Form/FormCheckboxSetContext.js +39 -34
  238. package/dist/Form/FormCheckboxSetContext.js.map +1 -1
  239. package/dist/Form/FormControl.js +41 -35
  240. package/dist/Form/FormControl.js.map +1 -1
  241. package/dist/Form/FormControlDecorator.js +3 -5
  242. package/dist/Form/FormControlDecorator.js.map +1 -1
  243. package/dist/Form/FormControlDecoratorGroup.js +8 -10
  244. package/dist/Form/FormControlDecoratorGroup.js.map +1 -1
  245. package/dist/Form/FormControlFeedback.js +12 -15
  246. package/dist/Form/FormControlFeedback.js.map +1 -1
  247. package/dist/Form/FormControlFloatingLabel.js +3 -6
  248. package/dist/Form/FormControlFloatingLabel.js.map +1 -1
  249. package/dist/Form/FormControlSet.js +8 -9
  250. package/dist/Form/FormControlSet.js.map +1 -1
  251. package/dist/Form/FormGroup.js +11 -12
  252. package/dist/Form/FormGroup.js.map +1 -1
  253. package/dist/Form/FormGroupContext.js +64 -39
  254. package/dist/Form/FormGroupContext.js.map +1 -1
  255. package/dist/Form/FormLabel.js +15 -17
  256. package/dist/Form/FormLabel.js.map +1 -1
  257. package/dist/Form/FormRadio.js +19 -22
  258. package/dist/Form/FormRadio.js.map +1 -1
  259. package/dist/Form/FormRadioSet.js +13 -16
  260. package/dist/Form/FormRadioSet.js.map +1 -1
  261. package/dist/Form/FormRadioSetContext.js +39 -34
  262. package/dist/Form/FormRadioSetContext.js.map +1 -1
  263. package/dist/Form/FormSwitch.js +16 -20
  264. package/dist/Form/FormSwitch.js.map +1 -1
  265. package/dist/Form/FormText.js +20 -29
  266. package/dist/Form/FormText.js.map +1 -1
  267. package/dist/Form/_FormText.scss +8 -8
  268. package/dist/Form/_index.scss +146 -168
  269. package/dist/Form/_mixins.scss +3 -216
  270. package/dist/Form/_variables.scss +267 -0
  271. package/dist/Form/useCheckboxSetValues.js +46 -23
  272. package/dist/Form/useCheckboxSetValues.js.map +1 -1
  273. package/dist/Hyperlink/index.js +25 -25
  274. package/dist/Hyperlink/index.js.map +1 -1
  275. package/dist/Hyperlink/index.scss +3 -3
  276. package/dist/Icon/_variables.scss +7 -0
  277. package/dist/Icon/index.js +21 -20
  278. package/dist/Icon/index.js.map +1 -1
  279. package/dist/Icon/index.scss +12 -10
  280. package/dist/IconButton/index.js +39 -35
  281. package/dist/IconButton/index.js.map +1 -1
  282. package/dist/IconButton/index.scss +74 -387
  283. package/dist/IconButtonToggle/index.js +16 -16
  284. package/dist/IconButtonToggle/index.js.map +1 -1
  285. package/dist/IconButtonToggle/index.scss +1 -1
  286. package/dist/Image/_variables.scss +13 -0
  287. package/dist/Image/index.scss +2 -53
  288. package/dist/Input/index.js +166 -0
  289. package/dist/Input/index.js.map +1 -0
  290. package/dist/InputSelect/index.js +105 -0
  291. package/dist/InputSelect/index.js.map +1 -0
  292. package/dist/InputText/index.js +45 -0
  293. package/dist/InputText/index.js.map +1 -0
  294. package/dist/Layout/index.js +33 -29
  295. package/dist/Layout/index.js.map +1 -1
  296. package/dist/ListBox/index.js +148 -0
  297. package/dist/ListBox/index.js.map +1 -0
  298. package/dist/ListBoxOption/index.js +94 -0
  299. package/dist/ListBoxOption/index.js.map +1 -0
  300. package/dist/MailtoLink/index.js +37 -34
  301. package/dist/MailtoLink/index.js.map +1 -1
  302. package/dist/Menu/MenuItem.js +11 -12
  303. package/dist/Menu/MenuItem.js.map +1 -1
  304. package/dist/Menu/SelectMenu.js +68 -44
  305. package/dist/Menu/SelectMenu.js.map +1 -1
  306. package/dist/Menu/_variables.scss +24 -0
  307. package/dist/Menu/index.js +10 -11
  308. package/dist/Menu/index.js.map +1 -1
  309. package/dist/Menu/index.scss +27 -25
  310. package/dist/Modal/AlertModal.js +5 -7
  311. package/dist/Modal/AlertModal.js.map +1 -1
  312. package/dist/Modal/FullscreenModal.js +6 -8
  313. package/dist/Modal/FullscreenModal.js.map +1 -1
  314. package/dist/Modal/MarketingModal.js +8 -10
  315. package/dist/Modal/MarketingModal.js.map +1 -1
  316. package/dist/Modal/ModalCloseButton.js +13 -15
  317. package/dist/Modal/ModalCloseButton.js.map +1 -1
  318. package/dist/Modal/ModalContext.js +13 -13
  319. package/dist/Modal/ModalContext.js.map +1 -1
  320. package/dist/Modal/ModalDialog.js +28 -25
  321. package/dist/Modal/ModalDialog.js.map +1 -1
  322. package/dist/Modal/ModalDialogBody.js +22 -11
  323. package/dist/Modal/ModalDialogBody.js.map +1 -1
  324. package/dist/Modal/ModalDialogFooter.js +6 -7
  325. package/dist/Modal/ModalDialogFooter.js.map +1 -1
  326. package/dist/Modal/ModalDialogHeader.js +6 -7
  327. package/dist/Modal/ModalDialogHeader.js.map +1 -1
  328. package/dist/Modal/ModalDialogHero.js +6 -7
  329. package/dist/Modal/ModalDialogHero.js.map +1 -1
  330. package/dist/Modal/ModalDialogHeroBackground.js +8 -9
  331. package/dist/Modal/ModalDialogHeroBackground.js.map +1 -1
  332. package/dist/Modal/ModalDialogHeroContent.js +6 -7
  333. package/dist/Modal/ModalDialogHeroContent.js.map +1 -1
  334. package/dist/Modal/ModalDialogTitle.js +6 -7
  335. package/dist/Modal/ModalDialogTitle.js.map +1 -1
  336. package/dist/Modal/ModalLayer.js +11 -17
  337. package/dist/Modal/ModalLayer.js.map +1 -1
  338. package/dist/Modal/ModalPopup.js +17 -17
  339. package/dist/Modal/ModalPopup.js.map +1 -1
  340. package/dist/Modal/PopperElement.js +25 -18
  341. package/dist/Modal/PopperElement.js.map +1 -1
  342. package/dist/Modal/Portal.js +40 -18
  343. package/dist/Modal/Portal.js.map +1 -1
  344. package/dist/Modal/StandardModal.js +6 -8
  345. package/dist/Modal/StandardModal.js.map +1 -1
  346. package/dist/Modal/_ModalDialog.scss +58 -50
  347. package/dist/Modal/_variables.scss +50 -0
  348. package/dist/Modal/index.js +293 -0
  349. package/dist/Modal/index.js.map +1 -0
  350. package/dist/Modal/index.scss +73 -6
  351. package/dist/Nav/_mixins.scss +4 -4
  352. package/dist/Nav/_variables.scss +58 -0
  353. package/dist/Nav/index.js +3 -2
  354. package/dist/Nav/index.js.map +1 -1
  355. package/dist/Nav/index.scss +66 -70
  356. package/dist/Navbar/_variables.scss +40 -0
  357. package/dist/Navbar/index.js +7 -6
  358. package/dist/Navbar/index.js.map +1 -1
  359. package/dist/Navbar/index.scss +2 -276
  360. package/dist/OverflowScroll/OverflowScroll.js +45 -37
  361. package/dist/OverflowScroll/OverflowScroll.js.map +1 -1
  362. package/dist/OverflowScroll/OverflowScrollContext.js +1 -1
  363. package/dist/OverflowScroll/OverflowScrollContext.js.map +1 -1
  364. package/dist/OverflowScroll/OverflowScrollItems.js +2 -4
  365. package/dist/OverflowScroll/OverflowScrollItems.js.map +1 -1
  366. package/dist/OverflowScroll/_variables.scss +5 -0
  367. package/dist/OverflowScroll/data/useOverflowScrollElementAttributes.js +3 -3
  368. package/dist/OverflowScroll/index.scss +1 -0
  369. package/dist/Overlay/index.js +6 -5
  370. package/dist/Overlay/index.js.map +1 -1
  371. package/dist/PageBanner/index.js +11 -13
  372. package/dist/PageBanner/index.js.map +1 -1
  373. package/dist/PageBanner/index.scss +21 -17
  374. package/dist/Pagination/DefaultPagination.js +34 -0
  375. package/dist/Pagination/DefaultPagination.js.map +1 -0
  376. package/dist/Pagination/MinimalPagination.js +8 -0
  377. package/dist/Pagination/MinimalPagination.js.map +1 -0
  378. package/dist/Pagination/PaginationContext.js +200 -0
  379. package/dist/Pagination/PaginationContext.js.map +1 -0
  380. package/dist/Pagination/ReducedPagination.js +8 -0
  381. package/dist/Pagination/ReducedPagination.js.map +1 -0
  382. package/dist/Pagination/_variables.scss +19 -0
  383. package/dist/Pagination/constants.js +15 -1
  384. package/dist/Pagination/getPaginationRange.js +4 -0
  385. package/dist/Pagination/index.js +44 -358
  386. package/dist/Pagination/index.js.map +1 -1
  387. package/dist/Pagination/index.scss +120 -226
  388. package/dist/Pagination/subcomponents/Ellipsis.js +11 -0
  389. package/dist/Pagination/subcomponents/Ellipsis.js.map +1 -0
  390. package/dist/Pagination/subcomponents/NextPageButton.js +57 -0
  391. package/dist/Pagination/subcomponents/NextPageButton.js.map +1 -0
  392. package/dist/Pagination/subcomponents/PageButton.js +31 -0
  393. package/dist/Pagination/subcomponents/PageButton.js.map +1 -0
  394. package/dist/Pagination/subcomponents/PageOfCountButton.js +17 -0
  395. package/dist/Pagination/subcomponents/PageOfCountButton.js.map +1 -0
  396. package/dist/Pagination/subcomponents/PaginationDropdown.js +34 -0
  397. package/dist/Pagination/subcomponents/PaginationDropdown.js.map +1 -0
  398. package/dist/Pagination/subcomponents/PreviousPageButton.js +57 -0
  399. package/dist/Pagination/subcomponents/PreviousPageButton.js.map +1 -0
  400. package/dist/Pagination/subcomponents/ScreenReaderText.js +13 -0
  401. package/dist/Pagination/subcomponents/ScreenReaderText.js.map +1 -0
  402. package/dist/Pagination/subcomponents/index.js +7 -0
  403. package/dist/Popover/_variables.scss +36 -0
  404. package/dist/Popover/index.js +11 -14
  405. package/dist/Popover/index.js.map +1 -1
  406. package/dist/Popover/index.scss +10 -9
  407. package/dist/ProductTour/Checkpoint.js +29 -22
  408. package/dist/ProductTour/Checkpoint.js.map +1 -1
  409. package/dist/ProductTour/Checkpoint.scss +43 -71
  410. package/dist/ProductTour/CheckpointActionRow.js +18 -16
  411. package/dist/ProductTour/CheckpointActionRow.js.map +1 -1
  412. package/dist/ProductTour/CheckpointBody.js +2 -4
  413. package/dist/ProductTour/CheckpointBody.js.map +1 -1
  414. package/dist/ProductTour/CheckpointBreadcrumbs.js +16 -16
  415. package/dist/ProductTour/CheckpointBreadcrumbs.js.map +1 -1
  416. package/dist/ProductTour/CheckpointTitle.js +2 -4
  417. package/dist/ProductTour/CheckpointTitle.js.map +1 -1
  418. package/dist/ProductTour/_variables.scss +15 -0
  419. package/dist/ProductTour/index.js +66 -47
  420. package/dist/ProductTour/index.js.map +1 -1
  421. package/dist/ProgressBar/_variables.scss +23 -0
  422. package/dist/ProgressBar/index.js +37 -35
  423. package/dist/ProgressBar/index.js.map +1 -1
  424. package/dist/ProgressBar/index.scss +36 -28
  425. package/dist/RadioButtonGroup/index.js +188 -0
  426. package/dist/RadioButtonGroup/index.js.map +1 -0
  427. package/dist/Scrollable/index.js +30 -15
  428. package/dist/Scrollable/index.js.map +1 -1
  429. package/dist/Scrollable/index.scss +2 -2
  430. package/dist/SearchField/SearchFieldAdvanced.js +56 -51
  431. package/dist/SearchField/SearchFieldAdvanced.js.map +1 -1
  432. package/dist/SearchField/SearchFieldClearButton.js +19 -20
  433. package/dist/SearchField/SearchFieldClearButton.js.map +1 -1
  434. package/dist/SearchField/SearchFieldInput.js +10 -11
  435. package/dist/SearchField/SearchFieldInput.js.map +1 -1
  436. package/dist/SearchField/SearchFieldLabel.js +5 -8
  437. package/dist/SearchField/SearchFieldLabel.js.map +1 -1
  438. package/dist/SearchField/SearchFieldSubmitButton.js +23 -23
  439. package/dist/SearchField/SearchFieldSubmitButton.js.map +1 -1
  440. package/dist/SearchField/_variables.scss +14 -0
  441. package/dist/SearchField/index.js +26 -31
  442. package/dist/SearchField/index.js.map +1 -1
  443. package/dist/SearchField/index.scss +23 -31
  444. package/dist/SelectableBox/SelectableBoxSet.js +25 -26
  445. package/dist/SelectableBox/SelectableBoxSet.js.map +1 -1
  446. package/dist/SelectableBox/_variables.scss +5 -0
  447. package/dist/SelectableBox/index.js +42 -38
  448. package/dist/SelectableBox/index.js.map +1 -1
  449. package/dist/SelectableBox/index.scss +13 -11
  450. package/dist/Sheet/SheetContainer.js +38 -16
  451. package/dist/Sheet/SheetContainer.js.map +1 -1
  452. package/dist/Sheet/index.js +65 -43
  453. package/dist/Sheet/index.js.map +1 -1
  454. package/dist/Sheet/index.scss +10 -10
  455. package/dist/Spinner/_variables.scss +9 -0
  456. package/dist/Spinner/index.js +8 -9
  457. package/dist/Spinner/index.js.map +1 -1
  458. package/dist/Spinner/index.scss +2 -57
  459. package/dist/Stack/_variables.scss +1 -0
  460. package/dist/Stack/index.js +9 -11
  461. package/dist/Stack/index.js.map +1 -1
  462. package/dist/Stack/index.scss +3 -1
  463. package/dist/StatefulButton/index.js +15 -17
  464. package/dist/StatefulButton/index.js.map +1 -1
  465. package/dist/StatusAlert/index.js +168 -0
  466. package/dist/StatusAlert/index.js.map +1 -0
  467. package/dist/Stepper/Stepper.js +2 -4
  468. package/dist/Stepper/Stepper.js.map +1 -1
  469. package/dist/Stepper/StepperActionRow.js +7 -10
  470. package/dist/Stepper/StepperActionRow.js.map +1 -1
  471. package/dist/Stepper/StepperContext.js +64 -32
  472. package/dist/Stepper/StepperContext.js.map +1 -1
  473. package/dist/Stepper/StepperHeader.js +23 -30
  474. package/dist/Stepper/StepperHeader.js.map +1 -1
  475. package/dist/Stepper/StepperHeaderStep.js +14 -17
  476. package/dist/Stepper/StepperHeaderStep.js.map +1 -1
  477. package/dist/Stepper/StepperStep.js +23 -24
  478. package/dist/Stepper/StepperStep.js.map +1 -1
  479. package/dist/Stepper/_variables.scss +18 -0
  480. package/dist/Stepper/index.scss +20 -19
  481. package/dist/Sticky/_variables.scss +3 -0
  482. package/dist/Sticky/index.js +30 -22
  483. package/dist/Sticky/index.js.map +1 -1
  484. package/dist/Sticky/index.scss +6 -4
  485. package/dist/Table/_variables.scss +34 -0
  486. package/dist/Table/index.js +267 -0
  487. package/dist/Table/index.js.map +1 -0
  488. package/dist/Table/index.scss +12 -0
  489. package/dist/Tabs/_variables.scss +24 -0
  490. package/dist/Tabs/deprecated/Tabs.scss +3 -0
  491. package/dist/Tabs/deprecated/index.js +123 -0
  492. package/dist/Tabs/deprecated/index.js.map +1 -0
  493. package/dist/Tabs/index.js +67 -49
  494. package/dist/Tabs/index.js.map +1 -1
  495. package/dist/Tabs/index.scss +25 -26
  496. package/dist/TextArea/index.js +44 -0
  497. package/dist/TextArea/index.js.map +1 -0
  498. package/dist/Toast/ToastContainer.js +38 -16
  499. package/dist/Toast/ToastContainer.js.map +1 -1
  500. package/dist/Toast/ToastContainer.scss +11 -9
  501. package/dist/Toast/_variables.scss +19 -0
  502. package/dist/Toast/index.js +33 -18
  503. package/dist/Toast/index.js.map +1 -1
  504. package/dist/Toast/index.scss +10 -9
  505. package/dist/Tooltip/_variables.scss +21 -0
  506. package/dist/Tooltip/index.js +8 -9
  507. package/dist/Tooltip/index.js.map +1 -1
  508. package/dist/Tooltip/index.scss +10 -136
  509. package/dist/TransitionReplace/DemoTransitionReplace.js +12 -3
  510. package/dist/TransitionReplace/DemoTransitionReplace.js.map +1 -1
  511. package/dist/TransitionReplace/index.js +136 -100
  512. package/dist/TransitionReplace/index.js.map +1 -1
  513. package/dist/Truncate/index.js +30 -24
  514. package/dist/Truncate/index.js.map +1 -1
  515. package/dist/ValidationFormGroup/index.js +106 -0
  516. package/dist/ValidationFormGroup/index.js.map +1 -0
  517. package/dist/ValidationMessage/index.js +76 -51
  518. package/dist/ValidationMessage/index.js.map +1 -1
  519. package/dist/ValidationMessage/index.scss +1 -1
  520. package/dist/asInput/index.js +251 -202
  521. package/dist/asInput/index.js.map +1 -1
  522. package/dist/hooks/useArrowKeyNavigation.js +46 -43
  523. package/dist/hooks/useArrowKeyNavigation.js.map +1 -1
  524. package/dist/hooks/useIndexOfLastVisibleChild.js +40 -26
  525. package/dist/hooks/useIndexOfLastVisibleChild.js.map +1 -1
  526. package/dist/hooks/useIsVisible.js +20 -13
  527. package/dist/hooks/useIsVisible.js.map +1 -1
  528. package/dist/hooks/useToggle.js +18 -11
  529. package/dist/hooks/useToggle.js.map +1 -1
  530. package/dist/hooks/useWindowSize.js +17 -6
  531. package/dist/hooks/useWindowSize.js.map +1 -1
  532. package/dist/index.js +14 -0
  533. package/dist/index.scss +4 -0
  534. package/dist/paragon.css +45 -0
  535. package/dist/utils/breakpoints.js +1 -1
  536. package/dist/utils/propTypes/utils.js +17 -2
  537. package/dist/withDeprecatedProps.js +79 -58
  538. package/dist/withDeprecatedProps.js.map +1 -1
  539. package/lib/help.js +23 -36
  540. package/lib/migrate-to-openedx-scope.js +62 -0
  541. package/package.json +20 -33
  542. package/{styles/scss → scss}/core/_functions.scss +1 -1
  543. package/scss/core/_grid.scss +21 -0
  544. package/{styles/scss → scss}/core/_utilities.scss +11 -17
  545. package/scss/core/_variables.scss +875 -0
  546. package/scss/core/core.scss +21 -0
  547. package/{styles/scss → scss}/core/utilities-only.scss +0 -1
  548. package/src/ActionRow/_index.scss +4 -2
  549. package/src/ActionRow/_variables.scss +2 -0
  550. package/src/Alert/_variables.scss +24 -0
  551. package/src/Alert/index.scss +32 -41
  552. package/src/Annotation/_variables.scss +18 -0
  553. package/src/Annotation/index.scss +103 -130
  554. package/src/Avatar/_variables.scss +10 -0
  555. package/src/Avatar/index.scss +20 -18
  556. package/src/AvatarButton/_variables.scss +3 -0
  557. package/src/AvatarButton/index.scss +5 -3
  558. package/src/Badge/_variables.scss +16 -0
  559. package/src/Badge/index.scss +2 -112
  560. package/src/Breadcrumb/_variables.scss +27 -0
  561. package/src/Breadcrumb/index.scss +16 -14
  562. package/src/Bubble/_variables.scss +8 -0
  563. package/src/Bubble/index.scss +12 -25
  564. package/src/Button/README.md +84 -0
  565. package/src/Button/_variables.scss +52 -0
  566. package/src/Button/deprecated/Button.test.jsx +34 -0
  567. package/src/Button/deprecated/index.jsx +145 -0
  568. package/src/Button/index.jsx +5 -2
  569. package/src/Button/index.scss +370 -855
  570. package/src/Card/_variables.scss +55 -0
  571. package/src/Card/index.scss +79 -78
  572. package/src/Carousel/_variables.scss +27 -0
  573. package/src/Carousel/index.scss +2 -168
  574. package/src/CheckBox/CheckBox.test.jsx +65 -0
  575. package/src/CheckBox/README.md +93 -0
  576. package/src/CheckBox/index.jsx +80 -0
  577. package/src/CheckBoxGroup/CheckBoxGroup.test.jsx +33 -0
  578. package/src/CheckBoxGroup/README.md +35 -0
  579. package/src/CheckBoxGroup/index.jsx +19 -0
  580. package/src/Chip/Chip.test.jsx +82 -16
  581. package/src/Chip/ChipIcon.tsx +54 -0
  582. package/src/Chip/README.md +116 -11
  583. package/src/Chip/__snapshots__/Chip.test.jsx.snap +84 -90
  584. package/src/Chip/_variables.scss +28 -0
  585. package/src/Chip/constants.js +5 -0
  586. package/src/Chip/index.scss +102 -61
  587. package/src/Chip/index.tsx +79 -46
  588. package/src/Chip/mixins.scss +42 -0
  589. package/src/ChipCarousel/_variables.scss +3 -0
  590. package/src/ChipCarousel/index.scss +4 -1
  591. package/src/CloseButton/_variables.scss +6 -0
  592. package/src/CloseButton/index.scss +2 -31
  593. package/src/Code/_variables.scss +17 -0
  594. package/src/Code/index.scss +2 -47
  595. package/src/Collapsible/_variables.scss +12 -0
  596. package/src/Collapsible/index.scss +15 -15
  597. package/src/ColorPicker/_variables.scss +2 -0
  598. package/src/ColorPicker/index.scss +11 -9
  599. package/src/Container/_variables.scss +5 -0
  600. package/src/DataTable/CollapsibleButtonGroup.jsx +2 -2
  601. package/src/DataTable/TablePagination.jsx +7 -2
  602. package/src/DataTable/TablePaginationMinimal.jsx +5 -0
  603. package/src/DataTable/_variables.scss +11 -0
  604. package/src/DataTable/filters/TextFilter.jsx +4 -5
  605. package/src/DataTable/index.scss +50 -48
  606. package/src/DataTable/tests/TablePagination.test.jsx +6 -6
  607. package/src/Dropdown/README.md +93 -0
  608. package/src/Dropdown/_variables.scss +33 -0
  609. package/src/Dropdown/deprecated/Dropdown.test.jsx +238 -0
  610. package/src/Dropdown/deprecated/DropdownButton.jsx +52 -0
  611. package/src/Dropdown/deprecated/DropdownItem.jsx +34 -0
  612. package/src/Dropdown/deprecated/DropdownMenu.jsx +50 -0
  613. package/src/Dropdown/deprecated/__snapshots__/Dropdown.test.jsx.snap +229 -0
  614. package/src/Dropdown/deprecated/index.jsx +222 -0
  615. package/src/Dropdown/index.jsx +2 -0
  616. package/src/Dropdown/index.scss +12 -11
  617. package/src/Dropzone/_variables.scss +9 -0
  618. package/src/Dropzone/index.scss +14 -12
  619. package/src/Fieldset/Fieldset.test.jsx +101 -0
  620. package/src/Fieldset/README.md +146 -0
  621. package/src/Fieldset/index.jsx +107 -0
  622. package/src/Fieldset/index.scss +12 -0
  623. package/src/Form/FormAutosuggest.jsx +332 -254
  624. package/src/Form/_FormText.scss +8 -8
  625. package/src/Form/_index.scss +146 -168
  626. package/src/Form/_mixins.scss +3 -216
  627. package/src/Form/_variables.scss +267 -0
  628. package/src/Form/form-autosuggest.mdx +114 -57
  629. package/src/Form/tests/FormAutosuggest.test.jsx +63 -16
  630. package/src/Hyperlink/index.scss +3 -3
  631. package/src/Icon/README.md +3 -3
  632. package/src/Icon/_variables.scss +7 -0
  633. package/src/Icon/index.jsx +1 -1
  634. package/src/Icon/index.scss +12 -10
  635. package/src/IconButton/README.md +15 -1
  636. package/src/IconButton/__snapshots__/IconButton.test.jsx.snap +28 -5
  637. package/src/IconButton/index.jsx +14 -7
  638. package/src/IconButton/index.scss +74 -387
  639. package/src/IconButtonToggle/index.scss +1 -1
  640. package/src/Image/_variables.scss +13 -0
  641. package/src/Image/index.scss +2 -53
  642. package/src/Input/README.md +74 -0
  643. package/src/Input/__snapshots__/input.test.jsx.snap +53 -0
  644. package/src/Input/index.jsx +151 -0
  645. package/src/Input/input.test.jsx +85 -0
  646. package/src/InputSelect/README.md +136 -0
  647. package/src/InputSelect/index.jsx +92 -0
  648. package/src/InputText/InputText.test.jsx +74 -0
  649. package/src/InputText/README.md +293 -0
  650. package/src/InputText/index.jsx +49 -0
  651. package/src/ListBox/ListBox.test.jsx +161 -0
  652. package/src/ListBox/README.md +185 -0
  653. package/src/ListBox/index.jsx +115 -0
  654. package/src/ListBoxOption/ListBoxOption.test.jsx +154 -0
  655. package/src/ListBoxOption/index.jsx +78 -0
  656. package/src/Menu/_variables.scss +24 -0
  657. package/src/Menu/index.scss +27 -25
  658. package/src/Modal/ModalDialog.jsx +5 -0
  659. package/src/Modal/README.md +148 -0
  660. package/src/Modal/_ModalDialog.scss +58 -50
  661. package/src/Modal/_variables.scss +50 -0
  662. package/src/Modal/index.jsx +319 -0
  663. package/src/Modal/index.scss +73 -6
  664. package/src/Modal/tests/Modal.test.jsx +261 -0
  665. package/src/Nav/_mixins.scss +4 -4
  666. package/src/Nav/_variables.scss +58 -0
  667. package/src/Nav/index.scss +66 -70
  668. package/src/Navbar/_variables.scss +40 -0
  669. package/src/Navbar/index.scss +2 -276
  670. package/src/OverflowScroll/_variables.scss +5 -0
  671. package/src/OverflowScroll/data/useOverflowScrollElementAttributes.js +3 -3
  672. package/src/OverflowScroll/index.scss +1 -0
  673. package/src/Overlay/index.jsx +3 -2
  674. package/src/PageBanner/index.scss +21 -17
  675. package/src/Pagination/DefaultPagination.jsx +43 -0
  676. package/src/Pagination/MinimalPagination.jsx +11 -0
  677. package/src/Pagination/Pagination.test.jsx +201 -156
  678. package/src/Pagination/PaginationContext.jsx +191 -0
  679. package/src/Pagination/README.md +86 -22
  680. package/src/Pagination/ReducedPagination.jsx +12 -0
  681. package/src/Pagination/__snapshots__/Pagination.test.jsx.snap +301 -0
  682. package/src/Pagination/_variables.scss +19 -0
  683. package/src/Pagination/constants.js +15 -1
  684. package/src/Pagination/getPaginationRange.js +4 -0
  685. package/src/Pagination/index.jsx +48 -420
  686. package/src/Pagination/index.scss +120 -226
  687. package/src/Pagination/subcomponents/Ellipsis.jsx +13 -0
  688. package/src/Pagination/subcomponents/NextPageButton.jsx +64 -0
  689. package/src/Pagination/subcomponents/PageButton.jsx +33 -0
  690. package/src/Pagination/subcomponents/PageOfCountButton.jsx +25 -0
  691. package/src/Pagination/subcomponents/PaginationDropdown.jsx +37 -0
  692. package/src/Pagination/subcomponents/PreviousPageButton.jsx +64 -0
  693. package/src/Pagination/subcomponents/ScreenReaderText.jsx +17 -0
  694. package/src/Pagination/subcomponents/index.js +7 -0
  695. package/src/Popover/_variables.scss +36 -0
  696. package/src/Popover/index.scss +10 -9
  697. package/src/ProductTour/Checkpoint.scss +43 -71
  698. package/src/ProductTour/_variables.scss +15 -0
  699. package/src/ProgressBar/_variables.scss +23 -0
  700. package/src/ProgressBar/index.scss +36 -28
  701. package/src/RadioButtonGroup/README.md +50 -0
  702. package/src/RadioButtonGroup/RadioButtonGroup.test.jsx +127 -0
  703. package/src/RadioButtonGroup/index.jsx +185 -0
  704. package/src/Scrollable/index.scss +2 -2
  705. package/src/SearchField/SearchField.test.jsx +1 -1
  706. package/src/SearchField/SearchFieldAdvanced.jsx +2 -4
  707. package/src/SearchField/SearchFieldClearButton.jsx +13 -5
  708. package/src/SearchField/SearchFieldInput.jsx +2 -2
  709. package/src/SearchField/SearchFieldSubmitButton.jsx +10 -8
  710. package/src/SearchField/__snapshots__/SearchField.test.jsx.snap +29 -33
  711. package/src/SearchField/_variables.scss +14 -0
  712. package/src/SearchField/index.jsx +4 -6
  713. package/src/SearchField/index.scss +23 -31
  714. package/src/SelectableBox/_variables.scss +5 -0
  715. package/src/SelectableBox/index.scss +13 -11
  716. package/src/Sheet/index.scss +10 -10
  717. package/src/Spinner/_variables.scss +9 -0
  718. package/src/Spinner/index.scss +2 -57
  719. package/src/Stack/_variables.scss +1 -0
  720. package/src/Stack/index.scss +3 -1
  721. package/src/StatusAlert/README.md +149 -0
  722. package/src/StatusAlert/StatusAlert.test.jsx +150 -0
  723. package/src/StatusAlert/index.jsx +144 -0
  724. package/src/Stepper/_variables.scss +18 -0
  725. package/src/Stepper/index.scss +20 -19
  726. package/src/Sticky/_variables.scss +3 -0
  727. package/src/Sticky/index.scss +6 -4
  728. package/src/Table/README.md +506 -0
  729. package/src/Table/Table.test.jsx +367 -0
  730. package/src/Table/_variables.scss +34 -0
  731. package/src/Table/index.jsx +264 -0
  732. package/src/Table/index.scss +12 -0
  733. package/src/Tabs/README.md +3 -1
  734. package/src/Tabs/_variables.scss +24 -0
  735. package/src/Tabs/deprecated/Tabs.scss +3 -0
  736. package/src/Tabs/deprecated/Tabs.test.jsx +50 -0
  737. package/src/Tabs/deprecated/index.jsx +117 -0
  738. package/src/Tabs/index.jsx +3 -0
  739. package/src/Tabs/index.scss +25 -26
  740. package/src/TextArea/README.md +63 -0
  741. package/src/TextArea/index.jsx +48 -0
  742. package/src/Toast/ToastContainer.scss +11 -9
  743. package/src/Toast/_variables.scss +19 -0
  744. package/src/Toast/index.scss +10 -9
  745. package/src/Tooltip/_variables.scss +21 -0
  746. package/src/Tooltip/index.scss +10 -136
  747. package/src/TransitionReplace/README.md +4 -4
  748. package/src/ValidationFormGroup/README.md +116 -0
  749. package/src/ValidationFormGroup/ValidationFormGroup.test.jsx +146 -0
  750. package/src/ValidationFormGroup/__snapshots__/ValidationFormGroup.test.jsx.snap +161 -0
  751. package/src/ValidationFormGroup/index.jsx +114 -0
  752. package/src/ValidationMessage/index.scss +1 -1
  753. package/src/index.js +14 -0
  754. package/src/index.scss +4 -0
  755. package/src/utils/breakpoints.js +1 -1
  756. package/src/utils/propTypes/utils.js +17 -2
  757. package/dist/Annotation/_mixins.scss +0 -104
  758. package/dist/Button/_mixins.scss +0 -14
  759. package/dist/Button/button-group.scss +0 -126
  760. package/dist/Card/card-bootstrap.scss +0 -168
  761. package/dist/Dropdown/dropdown-bootstrap.scss +0 -181
  762. package/dist/Form/_bootstrap-custom-forms.scss +0 -551
  763. package/dist/Form/_bootstrap-forms.scss +0 -381
  764. package/dist/Form/_input-group.scss +0 -188
  765. package/dist/IconButton/_mixins.scss +0 -4
  766. package/dist/Pagination/pagination-bootstrap.scss +0 -83
  767. package/dist/Popover/popover-bootstrap.scss +0 -198
  768. package/dist/ProgressBar/_mixins.scss +0 -22
  769. package/dist/ProgressBar/bootstrap-progress.scss +0 -49
  770. package/dist/Toast/bootstrap-toast.scss +0 -46
  771. package/dist/core.css +0 -16778
  772. package/dist/core.css.map +0 -1
  773. package/dist/core.min.css +0 -2
  774. package/dist/light.css +0 -4090
  775. package/dist/light.css.map +0 -1
  776. package/dist/light.min.css +0 -2
  777. package/dist/theme-urls.json +0 -21
  778. package/lib/build-scss.js +0 -188
  779. package/lib/build-tokens.js +0 -119
  780. package/lib/replace-variables.js +0 -38
  781. package/lib/utils.js +0 -9
  782. package/src/Annotation/_mixins.scss +0 -104
  783. package/src/Button/_mixins.scss +0 -14
  784. package/src/Button/button-group.scss +0 -126
  785. package/src/Card/card-bootstrap.scss +0 -168
  786. package/src/Dropdown/dropdown-bootstrap.scss +0 -181
  787. package/src/Form/_bootstrap-custom-forms.scss +0 -551
  788. package/src/Form/_bootstrap-forms.scss +0 -381
  789. package/src/Form/_input-group.scss +0 -188
  790. package/src/IconButton/_mixins.scss +0 -4
  791. package/src/Pagination/pagination-bootstrap.scss +0 -83
  792. package/src/Popover/popover-bootstrap.scss +0 -198
  793. package/src/ProgressBar/_mixins.scss +0 -22
  794. package/src/ProgressBar/bootstrap-progress.scss +0 -49
  795. package/src/Toast/bootstrap-toast.scss +0 -46
  796. package/styles/css/core/custom-media-breakpoints.css +0 -17
  797. package/styles/css/core/index.css +0 -2
  798. package/styles/css/core/variables.css +0 -606
  799. package/styles/css/themes/light/index.css +0 -2
  800. package/styles/css/themes/light/utility-classes.css +0 -2454
  801. package/styles/css/themes/light/variables.css +0 -1636
  802. package/styles/scss/core/_grid.scss +0 -21
  803. package/styles/scss/core/_variables.scss +0 -869
  804. package/styles/scss/core/bootstrap-override/_functions.scss +0 -104
  805. package/styles/scss/core/bootstrap-override/_mixins.scss +0 -4
  806. package/styles/scss/core/bootstrap-override/_utilities.scss +0 -4
  807. package/styles/scss/core/bootstrap-override/bootstrap.scss +0 -2
  808. package/styles/scss/core/bootstrap-override/mixins/_grid-framework.scss +0 -80
  809. package/styles/scss/core/bootstrap-override/mixins/_grid.scss +0 -69
  810. package/styles/scss/core/bootstrap-override/mixins/_list-group.scss +0 -22
  811. package/styles/scss/core/bootstrap-override/utilities/_background.scss +0 -7
  812. package/styles/scss/core/bootstrap-override/utilities/_borders.scss +0 -67
  813. package/styles/scss/core/bootstrap-override/utilities/_spacing.scss +0 -70
  814. package/styles/scss/core/bootstrap-override/utilities/_text.scss +0 -68
  815. package/styles/scss/core/core.scss +0 -21
  816. package/tokens/README.md +0 -158
  817. package/tokens/css-utilities.js +0 -56
  818. package/tokens/map-scss-to-css.js +0 -24
  819. package/tokens/replace-variables.js +0 -32
  820. package/tokens/sass-helpers.js +0 -98
  821. package/tokens/src/core/alias/size.json +0 -15
  822. package/tokens/src/core/components/ActionRow.json +0 -10
  823. package/tokens/src/core/components/Alert.json +0 -30
  824. package/tokens/src/core/components/Annotation.json +0 -25
  825. package/tokens/src/core/components/Avatar.json +0 -17
  826. package/tokens/src/core/components/AvatarButton.json +0 -11
  827. package/tokens/src/core/components/Badge.json +0 -33
  828. package/tokens/src/core/components/Breadcrumb.json +0 -37
  829. package/tokens/src/core/components/Bubble.json +0 -10
  830. package/tokens/src/core/components/Button/core.json +0 -105
  831. package/tokens/src/core/components/Card.json +0 -91
  832. package/tokens/src/core/components/Carousel.json +0 -37
  833. package/tokens/src/core/components/Chip.json +0 -19
  834. package/tokens/src/core/components/ChipCarousel.json +0 -9
  835. package/tokens/src/core/components/CloseButton.json +0 -14
  836. package/tokens/src/core/components/Code.json +0 -34
  837. package/tokens/src/core/components/Collapsible.json +0 -29
  838. package/tokens/src/core/components/ColorPicker.json +0 -8
  839. package/tokens/src/core/components/Container.json +0 -13
  840. package/tokens/src/core/components/DataTable.json +0 -27
  841. package/tokens/src/core/components/Dropdown.json +0 -67
  842. package/tokens/src/core/components/Dropzone.json +0 -21
  843. package/tokens/src/core/components/Form/other.json +0 -14
  844. package/tokens/src/core/components/Form/size.json +0 -233
  845. package/tokens/src/core/components/Form/spacing.json +0 -155
  846. package/tokens/src/core/components/Form/transition.json +0 -16
  847. package/tokens/src/core/components/Form/typography.json +0 -122
  848. package/tokens/src/core/components/Icon.json +0 -11
  849. package/tokens/src/core/components/IconButton.json +0 -15
  850. package/tokens/src/core/components/Image.json +0 -28
  851. package/tokens/src/core/components/Menu.json +0 -48
  852. package/tokens/src/core/components/Modal.json +0 -47
  853. package/tokens/src/core/components/Nav.json +0 -55
  854. package/tokens/src/core/components/Navbar.json +0 -70
  855. package/tokens/src/core/components/Pagination.json +0 -70
  856. package/tokens/src/core/components/Popover.json +0 -48
  857. package/tokens/src/core/components/ProductTour.json +0 -37
  858. package/tokens/src/core/components/ProgressBar.json +0 -39
  859. package/tokens/src/core/components/SearchField.json +0 -23
  860. package/tokens/src/core/components/SelectableBox.json +0 -9
  861. package/tokens/src/core/components/Sheet.json +0 -10
  862. package/tokens/src/core/components/Spinner.json +0 -19
  863. package/tokens/src/core/components/Stack.json +0 -7
  864. package/tokens/src/core/components/Stepper.json +0 -42
  865. package/tokens/src/core/components/Sticky.json +0 -7
  866. package/tokens/src/core/components/Tab.json +0 -19
  867. package/tokens/src/core/components/Tabs.json +0 -19
  868. package/tokens/src/core/components/Toast.json +0 -30
  869. package/tokens/src/core/components/Tooltip.json +0 -33
  870. package/tokens/src/core/components/general/caret.json +0 -13
  871. package/tokens/src/core/components/general/headings.json +0 -16
  872. package/tokens/src/core/components/general/hr.json +0 -10
  873. package/tokens/src/core/components/general/input.json +0 -51
  874. package/tokens/src/core/components/general/link.json +0 -30
  875. package/tokens/src/core/components/general/list.json +0 -26
  876. package/tokens/src/core/components/general/text.json +0 -24
  877. package/tokens/src/core/global/breakpoints.json +0 -12
  878. package/tokens/src/core/global/display.json +0 -21
  879. package/tokens/src/core/global/elevation.json +0 -19
  880. package/tokens/src/core/global/other.json +0 -4
  881. package/tokens/src/core/global/spacing.json +0 -35
  882. package/tokens/src/core/global/transition.json +0 -14
  883. package/tokens/src/core/global/typography.json +0 -91
  884. package/tokens/src/core/utilities/color.json +0 -12
  885. package/tokens/src/themes/light/alias/color.json +0 -114
  886. package/tokens/src/themes/light/components/Alert.json +0 -47
  887. package/tokens/src/themes/light/components/Annotation.json +0 -29
  888. package/tokens/src/themes/light/components/Avatar.json +0 -7
  889. package/tokens/src/themes/light/components/Badge.json +0 -186
  890. package/tokens/src/themes/light/components/Breadcrumb.json +0 -14
  891. package/tokens/src/themes/light/components/Bubble.json +0 -18
  892. package/tokens/src/themes/light/components/Button/brand.json +0 -260
  893. package/tokens/src/themes/light/components/Button/core.json +0 -24
  894. package/tokens/src/themes/light/components/Button/danger.json +0 -247
  895. package/tokens/src/themes/light/components/Button/dark.json +0 -230
  896. package/tokens/src/themes/light/components/Button/info.json +0 -238
  897. package/tokens/src/themes/light/components/Button/light.json +0 -236
  898. package/tokens/src/themes/light/components/Button/primary.json +0 -250
  899. package/tokens/src/themes/light/components/Button/secondary.json +0 -278
  900. package/tokens/src/themes/light/components/Button/success.json +0 -253
  901. package/tokens/src/themes/light/components/Button/tertiary.json +0 -109
  902. package/tokens/src/themes/light/components/Button/warning.json +0 -276
  903. package/tokens/src/themes/light/components/Card.json +0 -40
  904. package/tokens/src/themes/light/components/Carousel.json +0 -45
  905. package/tokens/src/themes/light/components/Chip.json +0 -19
  906. package/tokens/src/themes/light/components/CloseButton.json +0 -10
  907. package/tokens/src/themes/light/components/Code.json +0 -23
  908. package/tokens/src/themes/light/components/DataTable.json +0 -26
  909. package/tokens/src/themes/light/components/Dropdown.json +0 -41
  910. package/tokens/src/themes/light/components/Dropzone.json +0 -23
  911. package/tokens/src/themes/light/components/Form/color.json +0 -270
  912. package/tokens/src/themes/light/components/Form/elevation.json +0 -76
  913. package/tokens/src/themes/light/components/Form/other.json +0 -131
  914. package/tokens/src/themes/light/components/IconButton.json +0 -451
  915. package/tokens/src/themes/light/components/Image.json +0 -18
  916. package/tokens/src/themes/light/components/Menu.json +0 -30
  917. package/tokens/src/themes/light/components/Modal.json +0 -37
  918. package/tokens/src/themes/light/components/Nav.json +0 -166
  919. package/tokens/src/themes/light/components/Navbar.json +0 -136
  920. package/tokens/src/themes/light/components/OverflowScroll.json +0 -9
  921. package/tokens/src/themes/light/components/PageBanner.json +0 -24
  922. package/tokens/src/themes/light/components/Pagination.json +0 -40
  923. package/tokens/src/themes/light/components/Popover.json +0 -55
  924. package/tokens/src/themes/light/components/ProductTour.json +0 -35
  925. package/tokens/src/themes/light/components/ProgressBar.json +0 -20
  926. package/tokens/src/themes/light/components/Scrollable.json +0 -14
  927. package/tokens/src/themes/light/components/SearchField.json +0 -25
  928. package/tokens/src/themes/light/components/Sheet.json +0 -22
  929. package/tokens/src/themes/light/components/Stepper.json +0 -34
  930. package/tokens/src/themes/light/components/Sticky.json +0 -18
  931. package/tokens/src/themes/light/components/Tab.json +0 -62
  932. package/tokens/src/themes/light/components/Toast.json +0 -33
  933. package/tokens/src/themes/light/components/Tooltip.json +0 -30
  934. package/tokens/src/themes/light/components/general/body.json +0 -8
  935. package/tokens/src/themes/light/components/general/headings.json +0 -7
  936. package/tokens/src/themes/light/components/general/hr.json +0 -15
  937. package/tokens/src/themes/light/components/general/input.json +0 -18
  938. package/tokens/src/themes/light/components/general/link.json +0 -109
  939. package/tokens/src/themes/light/components/general/list.json +0 -38
  940. package/tokens/src/themes/light/components/general/text.json +0 -6
  941. package/tokens/src/themes/light/global/color.json +0 -1661
  942. package/tokens/src/themes/light/global/elevation.json +0 -201
  943. package/tokens/src/themes/light/global/other.json +0 -4
  944. package/tokens/style-dictionary.js +0 -223
  945. package/tokens/utils.js +0 -210
  946. /package/{styles/scss → scss}/core/_exports.module.scss +0 -0
  947. /package/{styles/scss → scss}/core/_typography.scss +0 -0
package/dist/light.min.css DELETED
@@ -1,2 +0,0 @@
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-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-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-bg-dark:var(--pgn-color-dark-200);--pgn-color-chip-bg-light:var(--pgn-color-light-500);--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-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 DELETED
@@ -1,21 +0,0 @@
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/lib/build-scss.js DELETED
@@ -1,188 +0,0 @@
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;