@openedx/paragon 23.0.0-alpha.2 → 23.0.0-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (274) hide show
  1. package/bin/paragon-scripts.js +10 -0
  2. package/dist/Annotation/index.scss +16 -0
  3. package/dist/Button/index.d.ts +35 -0
  4. package/dist/Button/index.js +37 -15
  5. package/dist/Button/index.js.map +1 -1
  6. package/dist/Card/CardDeck.js +0 -2
  7. package/dist/Card/CardDeck.js.map +1 -1
  8. package/dist/Card/index.scss +6 -6
  9. package/dist/Carousel/index.scss +24 -1
  10. package/dist/Chip/ChipIcon.d.ts +13 -8
  11. package/dist/Chip/ChipIcon.js +0 -2
  12. package/dist/Chip/ChipIcon.js.map +1 -1
  13. package/dist/Chip/constants.d.ts +4 -0
  14. package/dist/Chip/constants.js +3 -2
  15. package/dist/Chip/constants.js.map +1 -0
  16. package/dist/Chip/index.d.ts +4 -3
  17. package/dist/Chip/index.js +2 -4
  18. package/dist/Chip/index.js.map +1 -1
  19. package/dist/ChipCarousel/index.js +0 -2
  20. package/dist/ChipCarousel/index.js.map +1 -1
  21. package/dist/CloseButton/index.scss +8 -0
  22. package/dist/ColorPicker/index.scss +1 -1
  23. package/dist/DataTable/index.scss +12 -0
  24. package/dist/Dropdown/dropdown-bootstrap.scss +6 -0
  25. package/dist/Dropzone/index.scss +34 -0
  26. package/dist/Form/_FormText.scss +1 -1
  27. package/dist/Form/_bootstrap-custom-forms.scss +40 -0
  28. package/dist/Form/_index.scss +9 -0
  29. package/dist/Form/_mixins.scss +22 -0
  30. package/dist/Hyperlink/index.d.ts +24 -0
  31. package/dist/Hyperlink/index.js +20 -32
  32. package/dist/Hyperlink/index.js.map +1 -1
  33. package/dist/Icon/index.d.ts +4 -2
  34. package/dist/Icon/index.js +1 -1
  35. package/dist/Icon/index.js.map +1 -1
  36. package/dist/IconButton/index.d.ts +342 -0
  37. package/dist/IconButton/index.js +18 -26
  38. package/dist/IconButton/index.js.map +1 -1
  39. package/dist/IconButton/index.scss +146 -0
  40. package/dist/Menu/index.scss +8 -0
  41. package/dist/Modal/ModalDialog.js +8 -4
  42. package/dist/Modal/ModalDialog.js.map +1 -1
  43. package/dist/Modal/ModalPopup.js +7 -1
  44. package/dist/Modal/ModalPopup.js.map +1 -1
  45. package/dist/Modal/_ModalDialog.scss +26 -2
  46. package/dist/Nav/index.scss +8 -0
  47. package/dist/Overlay/index.d.ts +128 -0
  48. package/dist/Overlay/index.js +8 -2
  49. package/dist/Overlay/index.js.map +1 -1
  50. package/dist/PageBanner/index.scss +2 -2
  51. package/dist/Pagination/pagination-bootstrap.scss +9 -0
  52. package/dist/Popover/index.scss +1 -1
  53. package/dist/ProductTour/Checkpoint.scss +1 -1
  54. package/dist/ProgressBar/bootstrap-progress.scss +20 -5
  55. package/dist/ProgressBar/index.scss +3 -3
  56. package/dist/Stepper/index.scss +1 -1
  57. package/dist/Sticky/index.scss +12 -0
  58. package/dist/Toast/index.scss +13 -1
  59. package/dist/Tooltip/index.d.ts +7 -0
  60. package/dist/Tooltip/index.js.map +1 -1
  61. package/dist/Tooltip/index.scss +16 -0
  62. package/dist/core.css +914 -470
  63. package/dist/core.css.map +1 -1
  64. package/dist/core.min.css +1 -1
  65. package/dist/index.d.ts +5 -5
  66. package/dist/index.js +7 -7
  67. package/dist/light.css +2035 -1315
  68. package/dist/light.css.map +1 -1
  69. package/dist/light.min.css +1 -1
  70. package/dist/setupTest.d.ts +2 -0
  71. package/dist/setupTest.js.map +1 -0
  72. package/dist/utils/types/bootstrap.d.ts +39 -0
  73. package/dist/utils/types/bootstrap.js +2 -0
  74. package/dist/utils/types/bootstrap.js.map +1 -0
  75. package/lib/build-tokens.js +67 -31
  76. package/package.json +11 -8
  77. package/src/Annotation/index.scss +16 -0
  78. package/src/Button/{Button.test.jsx → Button.test.tsx} +14 -2
  79. package/src/Button/__snapshots__/{Button.test.jsx.snap → Button.test.tsx.snap} +19 -2
  80. package/src/Button/{index.jsx → index.tsx} +58 -16
  81. package/src/Card/CardDeck.jsx +0 -3
  82. package/src/Card/README.md +0 -31
  83. package/src/Card/index.scss +6 -6
  84. package/src/Carousel/index.scss +24 -1
  85. package/src/Chip/{Chip.test.jsx → Chip.test.tsx} +5 -7
  86. package/src/Chip/ChipIcon.tsx +8 -8
  87. package/src/Chip/{constants.js → constants.ts} +1 -1
  88. package/src/Chip/index.tsx +6 -8
  89. package/src/ChipCarousel/index.tsx +0 -2
  90. package/src/CloseButton/index.scss +8 -0
  91. package/src/ColorPicker/index.scss +1 -1
  92. package/src/DataTable/index.scss +12 -0
  93. package/src/Dropdown/dropdown-bootstrap.scss +6 -0
  94. package/src/Dropzone/index.scss +34 -0
  95. package/src/Form/_FormText.scss +1 -1
  96. package/src/Form/_bootstrap-custom-forms.scss +40 -0
  97. package/src/Form/_index.scss +9 -0
  98. package/src/Form/_mixins.scss +22 -0
  99. package/src/Hyperlink/{Hyperlink.test.jsx → Hyperlink.test.tsx} +21 -10
  100. package/src/Hyperlink/{index.jsx → index.tsx} +41 -37
  101. package/src/Icon/index.d.ts +4 -2
  102. package/src/Icon/index.jsx +1 -1
  103. package/src/IconButton/{IconButton.test.jsx → IconButton.test.tsx} +24 -3
  104. package/src/IconButton/__snapshots__/IconButton.test.tsx.snap +90 -0
  105. package/src/IconButton/index.scss +146 -0
  106. package/src/IconButton/{index.jsx → index.tsx} +66 -26
  107. package/src/Menu/index.scss +8 -0
  108. package/src/Modal/ModalDialog.jsx +7 -3
  109. package/src/Modal/ModalPopup.jsx +9 -1
  110. package/src/Modal/_ModalDialog.scss +26 -2
  111. package/src/Modal/modal-dialog.mdx +95 -6
  112. package/src/Modal/tests/ModalDialog.test.jsx +2 -0
  113. package/src/Modal/tests/ModalPopupNoMock.test.jsx +29 -0
  114. package/src/Nav/index.scss +8 -0
  115. package/src/Overlay/{index.jsx → index.tsx} +13 -8
  116. package/src/PageBanner/index.scss +2 -2
  117. package/src/Pagination/pagination-bootstrap.scss +9 -0
  118. package/src/Popover/index.scss +1 -1
  119. package/src/ProductTour/Checkpoint.scss +1 -1
  120. package/src/ProgressBar/bootstrap-progress.scss +20 -5
  121. package/src/ProgressBar/index.scss +3 -3
  122. package/src/Stepper/index.scss +1 -1
  123. package/src/Sticky/index.scss +12 -0
  124. package/src/Toast/index.scss +13 -1
  125. package/src/Tooltip/index.scss +16 -0
  126. package/src/Tooltip/{index.jsx → index.tsx} +9 -3
  127. package/src/index.d.ts +5 -5
  128. package/src/index.js +7 -7
  129. package/src/{setupTest.js → setupTest.ts} +1 -0
  130. package/src/utils/types/bootstrap.test.tsx +86 -0
  131. package/src/utils/types/bootstrap.ts +43 -0
  132. package/styles/css/core/abstraction-variables.css +44 -0
  133. package/styles/css/core/custom-media-breakpoints.css +3 -4
  134. package/styles/css/core/index.css +2 -1
  135. package/styles/css/core/variables.css +494 -430
  136. package/styles/css/themes/light/abstraction-variables.css +304 -0
  137. package/styles/css/themes/light/index.css +1 -0
  138. package/styles/css/themes/light/utility-classes.css +2 -3
  139. package/styles/css/themes/light/variables.css +1753 -1334
  140. package/styles/scss/core/_typography.scss +16 -4
  141. package/styles/scss/core/_utilities.scss +7 -3
  142. package/styles/scss/core/_variables.scss +43 -30
  143. package/styles/scss/core/core.scss +1 -0
  144. package/tokens/src/core/alias/size.json +6 -5
  145. package/tokens/src/core/components/ActionRow.json +3 -2
  146. package/tokens/src/core/components/Alert.json +12 -10
  147. package/tokens/src/core/components/Annotation.json +9 -7
  148. package/tokens/src/core/components/Avatar.json +9 -9
  149. package/tokens/src/core/components/AvatarButton.json +4 -3
  150. package/tokens/src/core/components/Badge.json +12 -9
  151. package/tokens/src/core/components/Breadcrumb.json +7 -5
  152. package/tokens/src/core/components/Bubble.json +4 -3
  153. package/tokens/src/core/components/Button/core.json +35 -59
  154. package/tokens/src/core/components/Card.json +33 -44
  155. package/tokens/src/core/components/Carousel.json +39 -13
  156. package/tokens/src/core/components/Chip.json +13 -21
  157. package/tokens/src/core/components/ChipCarousel.json +4 -5
  158. package/tokens/src/core/components/CloseButton.json +2 -6
  159. package/tokens/src/core/components/Code.json +9 -8
  160. package/tokens/src/core/components/Collapsible.json +10 -13
  161. package/tokens/src/core/components/ColorPicker.json +3 -2
  162. package/tokens/src/core/components/Container.json +6 -5
  163. package/tokens/src/core/components/DataTable.json +17 -9
  164. package/tokens/src/core/components/Dropdown.json +24 -29
  165. package/tokens/src/core/components/Dropzone.json +5 -7
  166. package/tokens/src/core/components/Form/other.json +5 -4
  167. package/tokens/src/core/components/Form/size.json +72 -119
  168. package/tokens/src/core/components/Form/spacing.json +39 -83
  169. package/tokens/src/core/components/Form/transition.json +43 -7
  170. package/tokens/src/core/components/Form/typography.json +24 -88
  171. package/tokens/src/core/components/Icon.json +6 -5
  172. package/tokens/src/core/components/IconButton.json +4 -7
  173. package/tokens/src/core/components/Image.json +7 -6
  174. package/tokens/src/core/components/Menu.json +14 -12
  175. package/tokens/src/core/components/Modal.json +26 -21
  176. package/tokens/src/core/components/Nav.json +14 -16
  177. package/tokens/src/core/components/Navbar.json +15 -30
  178. package/tokens/src/core/components/Pagination.json +23 -24
  179. package/tokens/src/core/components/Popover.json +18 -14
  180. package/tokens/src/core/components/ProductTour.json +8 -14
  181. package/tokens/src/core/components/ProgressBar.json +29 -14
  182. package/tokens/src/core/components/SearchField.json +7 -9
  183. package/tokens/src/core/components/SelectableBox.json +4 -3
  184. package/tokens/src/core/components/Sheet.json +3 -2
  185. package/tokens/src/core/components/Spinner.json +9 -7
  186. package/tokens/src/core/components/Stack.json +2 -1
  187. package/tokens/src/core/components/Stepper.json +12 -14
  188. package/tokens/src/core/components/Sticky.json +2 -1
  189. package/tokens/src/core/components/Tab.json +8 -7
  190. package/tokens/src/core/components/Tabs.json +5 -5
  191. package/tokens/src/core/components/Toast.json +11 -8
  192. package/tokens/src/core/components/Tooltip.json +13 -11
  193. package/tokens/src/core/components/general/caret.json +5 -3
  194. package/tokens/src/core/components/general/headings.json +5 -4
  195. package/tokens/src/core/components/general/hr.json +3 -2
  196. package/tokens/src/core/components/general/input.json +19 -19
  197. package/tokens/src/core/components/general/link.json +13 -12
  198. package/tokens/src/core/components/general/list.json +9 -6
  199. package/tokens/src/core/components/general/text.json +6 -12
  200. package/tokens/src/core/global/breakpoints.json +25 -6
  201. package/tokens/src/core/global/elevation.json +55 -13
  202. package/tokens/src/core/global/other.json +5 -1
  203. package/tokens/src/core/global/spacing.json +70 -17
  204. package/tokens/src/core/global/transition.json +41 -4
  205. package/tokens/src/core/global/typography.json +248 -53
  206. package/tokens/src/core/utilities/color.json +35 -4
  207. package/tokens/src/themes/light/alias/color.json +276 -75
  208. package/tokens/src/themes/light/components/Alert.json +15 -26
  209. package/tokens/src/themes/light/components/Annotation.json +27 -13
  210. package/tokens/src/themes/light/components/Avatar.json +2 -1
  211. package/tokens/src/themes/light/components/Badge.json +57 -122
  212. package/tokens/src/themes/light/components/Breadcrumb.json +6 -5
  213. package/tokens/src/themes/light/components/Bubble.json +9 -8
  214. package/tokens/src/themes/light/components/Button/brand.json +171 -119
  215. package/tokens/src/themes/light/components/Button/core.json +8 -9
  216. package/tokens/src/themes/light/components/Button/danger.json +171 -112
  217. package/tokens/src/themes/light/components/Button/dark.json +188 -106
  218. package/tokens/src/themes/light/components/Button/info.json +186 -112
  219. package/tokens/src/themes/light/components/Button/light.json +186 -110
  220. package/tokens/src/themes/light/components/Button/primary.json +178 -116
  221. package/tokens/src/themes/light/components/Button/secondary.json +166 -132
  222. package/tokens/src/themes/light/components/Button/success.json +176 -117
  223. package/tokens/src/themes/light/components/Button/tertiary.json +34 -60
  224. package/tokens/src/themes/light/components/Button/warning.json +164 -128
  225. package/tokens/src/themes/light/components/Card.json +10 -21
  226. package/tokens/src/themes/light/components/Carousel.json +12 -11
  227. package/tokens/src/themes/light/components/Chip.json +14 -26
  228. package/tokens/src/themes/light/components/CloseButton.json +12 -2
  229. package/tokens/src/themes/light/components/Code.json +7 -9
  230. package/tokens/src/themes/light/components/DataTable.json +7 -11
  231. package/tokens/src/themes/light/components/Dropdown.json +17 -20
  232. package/tokens/src/themes/light/components/Dropzone.json +49 -11
  233. package/tokens/src/themes/light/components/Form/color.json +101 -155
  234. package/tokens/src/themes/light/components/Form/elevation.json +38 -42
  235. package/tokens/src/themes/light/components/Form/other.json +44 -41
  236. package/tokens/src/themes/light/components/IconButton.json +408 -256
  237. package/tokens/src/themes/light/components/Image.json +7 -4
  238. package/tokens/src/themes/light/components/Menu.json +12 -10
  239. package/tokens/src/themes/light/components/Modal.json +22 -12
  240. package/tokens/src/themes/light/components/Nav.json +82 -94
  241. package/tokens/src/themes/light/components/Navbar.json +32 -76
  242. package/tokens/src/themes/light/components/OverflowScroll.json +3 -1
  243. package/tokens/src/themes/light/components/PageBanner.json +11 -10
  244. package/tokens/src/themes/light/components/Pagination.json +19 -23
  245. package/tokens/src/themes/light/components/Popover.json +22 -27
  246. package/tokens/src/themes/light/components/ProductTour.json +9 -20
  247. package/tokens/src/themes/light/components/ProgressBar.json +12 -10
  248. package/tokens/src/themes/light/components/Scrollable.json +3 -3
  249. package/tokens/src/themes/light/components/SearchField.json +9 -9
  250. package/tokens/src/themes/light/components/Sheet.json +6 -7
  251. package/tokens/src/themes/light/components/Stepper.json +12 -17
  252. package/tokens/src/themes/light/components/Sticky.json +31 -6
  253. package/tokens/src/themes/light/components/Tab.json +47 -24
  254. package/tokens/src/themes/light/components/Toast.json +26 -14
  255. package/tokens/src/themes/light/components/Tooltip.json +25 -10
  256. package/tokens/src/themes/light/components/general/body.json +3 -2
  257. package/tokens/src/themes/light/components/general/headings.json +2 -1
  258. package/tokens/src/themes/light/components/general/hr.json +3 -6
  259. package/tokens/src/themes/light/components/general/input.json +11 -4
  260. package/tokens/src/themes/light/components/general/link.json +34 -43
  261. package/tokens/src/themes/light/components/general/list.json +15 -19
  262. package/tokens/src/themes/light/components/general/text.json +5 -6
  263. package/tokens/src/themes/light/global/color.json +1592 -867
  264. package/tokens/src/themes/light/global/elevation.json +481 -93
  265. package/tokens/style-dictionary.js +342 -144
  266. package/tokens/utils.js +176 -6
  267. package/src/IconButton/__snapshots__/IconButton.test.jsx.snap +0 -20
  268. package/tokens/src/core/global/display.json +0 -22
  269. /package/src/Button/{ButtonGroup.test.jsx → ButtonGroup.test.tsx} +0 -0
  270. /package/src/Button/{ButtonToolbar.test.jsx → ButtonToolbar.test.tsx} +0 -0
  271. /package/src/Button/__snapshots__/{ButtonGroup.test.jsx.snap → ButtonGroup.test.tsx.snap} +0 -0
  272. /package/src/Button/__snapshots__/{ButtonToolbar.test.jsx.snap → ButtonToolbar.test.tsx.snap} +0 -0
  273. /package/src/Chip/__snapshots__/{Chip.test.jsx.snap → Chip.test.tsx.snap} +0 -0
  274. /package/src/Tooltip/{Tooltip.test.jsx → Tooltip.test.tsx} +0 -0
package/styles/css/themes/light/variables.css CHANGED
@@ -1,1145 +1,42 @@
1
1
  /**
2
- * IMPORTANT: This file is the result of assembling design tokens
3
- * Do not edit directly
4
- * Generated on Wed, 15 May 2024 07:58:56 GMT
2
+ * Do not edit directly, this file was auto-generated. while transforming design tokens.
3
+ * See <root>/tokens/README.md for more details.
5
4
  */
6
5
 
7
6
  :root {
8
- --pgn-color-dark-base: #273F2FFF;
9
- --pgn-color-light-base: #E1DDDBFF;
10
- --pgn-color-brand-base: #9D0054FF;
11
- --pgn-color-primary-base: #0A3055FF;
12
- --pgn-color-gray-base: #707070FF;
13
- --pgn-color-gray-900: #212529FF;
14
- --pgn-color-gray-800: #333333FF;
15
- --pgn-color-gray-700: #454545FF;
16
- --pgn-color-gray-600: #5C5C5CFF;
17
- --pgn-color-gray-400: #8F8F8FFF;
18
- --pgn-color-gray-300: #ADADADFF;
19
- --pgn-color-gray-200: #CCCCCCFF;
20
- --pgn-color-gray-100: #EBEBEBFF;
21
- --pgn-color-accent-b: #FFEE88FF;
22
- --pgn-color-accent-a: #00BBF9FF;
23
- --pgn-color-teal: #006DAAFF;
24
- --pgn-color-yellow: #FFD900FF;
25
- --pgn-color-green: #178253FF;
26
- --pgn-color-red: #C32D3AFF;
27
- --pgn-color-blue: #23419FFF;
28
- --pgn-color-black: #000000FF;
29
- --pgn-color-white: #FFFFFFFF;
30
- --pgn-color-toast-base: inherit;
31
- --pgn-color-tab-inverse-pills-link-dropdown-toggle-bg-hover: #00000000;
32
- --pgn-color-stepper-header-step-border: #000000FF;
33
- --pgn-color-stepper-header-bg-base: #00000000;
34
- --pgn-color-progress-bar-bg: #00000000;
35
- --pgn-color-product-tour-checkpoint-arrow-border-transparent: #00000000;
36
- --pgn-color-popover-border: #00000033;
37
- --pgn-color-overflow-scroll-opacity-mask-transparent: #00000066;
38
- --pgn-color-nav-tabs-inverse-link-bg-active-hover: #00000000;
39
- --pgn-color-nav-tabs-base-link-active-bg: #00000000;
40
- --pgn-color-nav-tabs-base-bg-hover: #00000000;
41
- --pgn-color-nav-link-border: #00000000;
42
- --pgn-color-menu-item-bg: #00000000;
43
- --pgn-color-icon-button-text-primary-inverse-active-hover: #000000FF;
44
- --pgn-color-icon-button-bg-base: #00000000;
45
- --pgn-color-mark-bg: #FFF243FF;
46
- --pgn-color-list-group-base: inherit;
47
- --pgn-color-form-control-select-bg-size: #000000FF;
48
- --pgn-color-form-control-label-base: inherit;
49
- --pgn-color-code-base: #E83E8CFF;
50
- --pgn-color-card-base: inherit;
51
- --pgn-color-btn-disabled-border-inverse-warning: #00000000;
52
- --pgn-color-btn-disabled-border-inverse-outline-success: inherit;
53
- --pgn-color-btn-disabled-border-inverse-success: #00000000;
54
- --pgn-color-btn-disabled-border-secondary: inherit;
55
- --pgn-color-btn-disabled-border-inverse-primary: #00000000;
56
- --pgn-color-btn-disabled-border-inverse-light: #00000000;
57
- --pgn-color-btn-disabled-border-inverse-info: #00000000;
58
- --pgn-color-btn-disabled-border-inverse-dark: #00000000;
59
- --pgn-color-btn-disabled-border-inverse-danger: #00000000;
60
- --pgn-color-btn-disabled-bg-inverse-outline-warning: inherit;
61
- --pgn-color-btn-disabled-bg-inverse-warning: inherit;
62
- --pgn-color-btn-disabled-bg-outline-warning: inherit;
63
- --pgn-color-btn-disabled-bg-inverse-tertiary: inherit;
64
- --pgn-color-btn-disabled-bg-tertiary: inherit;
65
- --pgn-color-btn-disabled-bg-inverse-outline-success: inherit;
66
- --pgn-color-btn-disabled-bg-inverse-success: inherit;
67
- --pgn-color-btn-disabled-bg-outline-success: inherit;
68
- --pgn-color-btn-disabled-bg-inverse-outline-secondary: inherit;
69
- --pgn-color-btn-disabled-bg-inverse-secondary: inherit;
70
- --pgn-color-btn-disabled-bg-outline-secondary: inherit;
71
- --pgn-color-btn-disabled-bg-inverse-outline-primary: inherit;
72
- --pgn-color-btn-disabled-bg-outline-primary: inherit;
73
- --pgn-color-btn-disabled-bg-inverse-outline-light: inherit;
74
- --pgn-color-btn-disabled-bg-inverse-light: inherit;
75
- --pgn-color-btn-disabled-bg-outline-light: inherit;
76
- --pgn-color-btn-disabled-bg-inverse-outline-info: inherit;
77
- --pgn-color-btn-disabled-bg-inverse-info: inherit;
78
- --pgn-color-btn-disabled-bg-outline-info: inherit;
79
- --pgn-color-btn-disabled-bg-inverse-outline-dark: inherit;
80
- --pgn-color-btn-disabled-bg-inverse-dark: inherit;
81
- --pgn-color-btn-disabled-bg-outline-dark: inherit;
82
- --pgn-color-btn-disabled-bg-inverse-outline-danger: inherit;
83
- --pgn-color-btn-disabled-bg-inverse-danger: #00000000;
84
- --pgn-color-btn-disabled-bg-outline-danger: inherit;
85
- --pgn-color-btn-disabled-bg-outline-brand: inherit;
86
- --pgn-color-btn-disabled-text-inverse-secondary: inherit;
87
- --pgn-color-btn-disabled-text-outline-secondary: inherit;
88
- --pgn-color-btn-disabled-text-outline-dark: inherit;
89
- --pgn-color-btn-focus-outline-inverse-outline-warning: inherit;
90
- --pgn-color-btn-focus-bg-inverse-outline-warning: inherit;
91
- --pgn-color-btn-focus-bg-outline-warning: inherit;
92
- --pgn-color-btn-focus-bg-inverse-tertiary: inherit;
93
- --pgn-color-btn-focus-bg-tertiary: inherit;
94
- --pgn-color-btn-focus-bg-inverse-outline-success: inherit;
95
- --pgn-color-btn-focus-bg-outline-success: inherit;
96
- --pgn-color-btn-focus-bg-inverse-outline-secondary: inherit;
97
- --pgn-color-btn-focus-bg-outline-secondary: #00000000;
98
- --pgn-color-btn-focus-bg-inverse-outline-primary: inherit;
99
- --pgn-color-btn-focus-bg-outline-primary: inherit;
100
- --pgn-color-btn-focus-bg-inverse-outline-light: inherit;
101
- --pgn-color-btn-focus-bg-outline-light: #00000000;
102
- --pgn-color-btn-focus-bg-inverse-outline-info: inherit;
103
- --pgn-color-btn-focus-bg-outline-info: inherit;
104
- --pgn-color-btn-focus-bg-inverse-outline-dark: inherit;
105
- --pgn-color-btn-focus-bg-outline-dark: inherit;
106
- --pgn-color-btn-focus-bg-inverse-outline-danger: inherit;
107
- --pgn-color-btn-focus-bg-outline-danger: inherit;
108
- --pgn-color-btn-focus-bg-inverse-outline-brand: inherit;
109
- --pgn-color-btn-focus-bg-outline-brand: inherit;
110
- --pgn-color-btn-focus-border-inverse-tertiary: #00000000;
111
- --pgn-color-btn-focus-text-inverse-secondary: inherit;
112
- --pgn-color-btn-focus-text-outline-dark: inherit;
113
- --pgn-color-btn-active-border-inverse-outline-warning: #00000000;
114
- --pgn-color-btn-active-border-inverse-warning: inherit;
115
- --pgn-color-btn-active-border-inverse-tertiary: #00000000;
116
- --pgn-color-btn-active-border-tertiary: #00000000;
117
- --pgn-color-btn-active-border-inverse-outline-success: #00000000;
118
- --pgn-color-btn-active-border-inverse-success: inherit;
119
- --pgn-color-btn-active-border-inverse-secondary: #00000000;
120
- --pgn-color-btn-active-border-inverse-outline-secondary: #00000000;
121
- --pgn-color-btn-active-border-inverse-primary: #00000000;
122
- --pgn-color-btn-active-border-inverse-outline-primary: #00000000;
123
- --pgn-color-btn-active-border-inverse-outline-light: #00000000;
124
- --pgn-color-btn-active-border-inverse-light: inherit;
125
- --pgn-color-btn-active-border-inverse-outline-info: #00000000;
126
- --pgn-color-btn-active-border-inverse-info: #00000000;
127
- --pgn-color-btn-active-border-inverse-outline-dark: #00000000;
128
- --pgn-color-btn-active-border-inverse-dark: #00000000;
129
- --pgn-color-btn-active-border-inverse-outline-danger: #00000000;
130
- --pgn-color-btn-active-border-inverse-danger: #00000000;
131
- --pgn-color-btn-active-border-inverse-outline-brand: #00000000;
132
- --pgn-color-btn-active-border-inverse-brand: #00000000;
133
- --pgn-color-btn-hover-border-inverse-outline-warning: #00000000;
134
- --pgn-color-btn-hover-border-inverse-warning: #00000000;
135
- --pgn-color-btn-hover-border-inverse-tertiary: #00000000;
136
- --pgn-color-btn-hover-border-tertiary: #00000000;
137
- --pgn-color-btn-hover-border-inverse-outline-success: #00000000;
138
- --pgn-color-btn-hover-border-inverse-success: #00000000;
139
- --pgn-color-btn-hover-border-inverse-secondary: #00000000;
140
- --pgn-color-btn-hover-border-inverse-outline-secondary: #00000000;
141
- --pgn-color-btn-hover-border-inverse-primary: #00000000;
142
- --pgn-color-btn-hover-border-inverse-outline-primary: #00000000;
143
- --pgn-color-btn-hover-border-inverse-outline-light: #00000000;
144
- --pgn-color-btn-hover-border-inverse-light: #00000000;
145
- --pgn-color-btn-hover-border-inverse-outline-info: #00000000;
146
- --pgn-color-btn-hover-border-inverse-info: #00000000;
147
- --pgn-color-btn-hover-border-inverse-outline-dark: #00000000;
148
- --pgn-color-btn-hover-border-inverse-dark: #00000000;
149
- --pgn-color-btn-hover-border-inverse-outline-danger: #00000000;
150
- --pgn-color-btn-hover-border-inverse-danger: #00000000;
151
- --pgn-color-btn-hover-border-inverse-brand: #00000000;
152
- --pgn-color-btn-hover-border-inverse-outline-brand: #00000000;
153
- --pgn-color-btn-border-inverse-warning: #00000000;
154
- --pgn-color-btn-border-inverse-tertiary: #00000000;
155
- --pgn-color-btn-border-tertiary: #00000000;
156
- --pgn-color-btn-border-inverse-success: #00000000;
157
- --pgn-color-btn-border-inverse-secondary: #00000000;
158
- --pgn-color-btn-border-inverse-primary: #00000000;
159
- --pgn-color-btn-border-inverse-light: #00000000;
160
- --pgn-color-btn-border-inverse-info: #00000000;
161
- --pgn-color-btn-border-inverse-dark: #00000000;
162
- --pgn-color-btn-border-inverse-danger: #00000000;
163
- --pgn-color-btn-border-inverse-brand: #00000000;
164
- --pgn-color-btn-bg-inverse-outline-warning: inherit;
165
- --pgn-color-btn-bg-outline-warning: inherit;
166
- --pgn-color-btn-bg-inverse-tertiary: #00000000;
167
- --pgn-color-btn-bg-tertiary: #00000000;
168
- --pgn-color-btn-bg-inverse-outline-success: inherit;
169
- --pgn-color-btn-bg-outline-success: inherit;
170
- --pgn-color-btn-bg-inverse-outline-secondary: inherit;
171
- --pgn-color-btn-bg-outline-secondary: inherit;
172
- --pgn-color-btn-bg-inverse-outline-primary: #00000000;
173
- --pgn-color-btn-bg-outline-primary: #00000000;
174
- --pgn-color-btn-bg-inverse-outline-light: inherit;
175
- --pgn-color-btn-bg-outline-light: inherit;
176
- --pgn-color-btn-bg-inverse-outline-info: inherit;
177
- --pgn-color-btn-bg-outline-info: inherit;
178
- --pgn-color-btn-bg-inverse-outline-dark: #00000000;
179
- --pgn-color-btn-bg-outline-dark: inherit;
180
- --pgn-color-btn-bg-inverse-outline-danger: #00000000;
181
- --pgn-color-btn-bg-outline-danger: inherit;
182
- --pgn-color-btn-bg-inverse-outline-brand: #00000000;
183
- --pgn-color-btn-bg-outline-brand: inherit;
184
- --pgn-other-tooltip-opacity: 1;
185
- --pgn-other-search-field-disabled-opacity: .3;
186
- --pgn-other-modal-opacity: .5;
187
- --pgn-other-link-emphasized-hover-darken-percentage: 15%;
188
- --pgn-other-chip-opacity-disabled: .3;
189
- --pgn-other-carousel-control-opacity-hover: .9;
190
- --pgn-other-carousel-control-opacity-base: .5;
191
- --pgn-other-btn-disabled-opacity: .65;
192
- --pgn-other-form-feedback-tooltip-opacity: .9;
193
- --pgn-elevation-box-shadow-centered-5: 0 0 2.5rem rgba(0, 0, 0, .15), 0 0 3rem rgba(0, 0, 0, .15);
194
- --pgn-elevation-box-shadow-centered-4: 0 0 1.25rem rgba(0, 0, 0, .15), 0 0 1.25rem rgba(0, 0, 0, .15);
195
- --pgn-elevation-box-shadow-centered-3: 0 0 .625rem rgba(0, 0, 0, .15), 0 0 1rem rgba(0, 0, 0, .15);
196
- --pgn-elevation-box-shadow-centered-2: 0 0 .25rem rgba(0, 0, 0, .15), 0 0 .5rem rgba(0, 0, 0, .15);
197
- --pgn-elevation-box-shadow-centered-1: 0 0 .125rem rgba(0, 0, 0, .15), 0 0 .25rem rgba(0, 0, 0, .15);
198
- --pgn-elevation-box-shadow-right-5: 1.25rem 0 2.5rem rgba(0, 0, 0, .15), .5rem 0 3rem rgba(0, 0, 0, .15);
199
- --pgn-elevation-box-shadow-right-4: .625rem 0 1.25rem rgba(0, 0, 0, .15), .5rem 0 1.25rem rgba(0, 0, 0, .15);
200
- --pgn-elevation-box-shadow-right-3: .5rem 0 1rem rgba(0, 0, 0, .15), .25rem 0 .625rem rgba(0, 0, 0, .15);
201
- --pgn-elevation-box-shadow-right-2: .125rem 0 .25rem rgba(0, 0, 0, .15), .125rem 0 .5rem rgba(0, 0, 0, .15);
202
- --pgn-elevation-box-shadow-right-1: .0625rem 0 .125rem rgba(0, 0, 0, .15), .0625rem 0 .25rem rgba(0, 0, 0, .15);
203
- --pgn-elevation-box-shadow-up-5: 0 -1.25rem 2.5rem rgba(0, 0, 0, .15), 0 -.5rem 3rem rgba(0, 0, 0, .15);
204
- --pgn-elevation-box-shadow-up-4: 0 -.625rem 1.25rem rgba(0, 0, 0, .15), 0 -.5rem 1.25rem rgba(0, 0, 0, .15);
205
- --pgn-elevation-box-shadow-up-3: 0 -.5rem 1rem rgba(0, 0, 0, .15), 0 -.25rem .625rem rgba(0, 0, 0, .15);
206
- --pgn-elevation-box-shadow-up-2: 0 -.125rem .25rem rgba(0, 0, 0, .15), 0 -.125rem .5rem rgba(0, 0, 0, .15);
207
- --pgn-elevation-box-shadow-up-1: 0 -.0625rem .125rem rgba(0, 0, 0, .15), 0 -.0625rem .25rem rgba(0, 0, 0, .15);
208
- --pgn-elevation-box-shadow-left-5: -1.25rem 0 2.5rem rgba(0, 0, 0, .15), -.5rem 0 3rem rgba(0, 0, 0, .15);
209
- --pgn-elevation-box-shadow-left-4: -.625rem 0 1.25rem rgba(0, 0, 0, .15), -.5rem 0 1.25rem rgba(0, 0, 0, .15);
210
- --pgn-elevation-box-shadow-left-3: -.5rem 0 1rem rgba(0, 0, 0, .15), -.25rem 0 .625rem rgba(0, 0, 0, .15);
211
- --pgn-elevation-box-shadow-left-2: -.125rem 0 .25rem rgba(0, 0, 0, .15), -.125rem 0 .5rem rgba(0, 0, 0, .15);
212
- --pgn-elevation-box-shadow-left-1: -.0625rem 0 .125rem rgba(0, 0, 0, .15), -.0625rem 0 .25rem rgba(0, 0, 0, .15);
213
- --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);
214
- --pgn-elevation-box-shadow-down-4: 0 .625rem 1.25rem rgba(0, 0, 0, .15), 0 .5rem 1.25rem rgba(0, 0, 0, .15);
215
- --pgn-elevation-box-shadow-down-3: 0 .5rem 1rem rgba(0, 0, 0, .15), 0 .25rem .625rem rgba(0, 0, 0, .15);
216
- --pgn-elevation-box-shadow-down-2: 0 .125rem .25rem rgba(0, 0, 0, .15), 0 .125rem .5rem rgba(0, 0, 0, .15);
217
- --pgn-elevation-box-shadow-down-1: 0 .0625rem .125rem rgba(0, 0, 0, .15), 0 .0625rem .25rem rgba(0, 0, 0, .15);
218
- --pgn-elevation-box-shadow-lg: 0 .25rem .5rem rgba(0, 0, 0, .3);
219
- --pgn-elevation-box-shadow-sm: 0 .0625rem .125rem rgba(0, 0, 0, .2);
220
- --pgn-elevation-box-shadow-base: 0 .125rem .25rem rgba(0, 0, 0, .3);
221
- --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);
222
- --pgn-elevation-box-shadow-level-4: 0 .625rem 1.25rem rgba(0, 0, 0, .15), 0 .5rem 1.25rem rgba(0, 0, 0, .15);
223
- --pgn-elevation-box-shadow-level-3: 0 0 .625rem rgba(0, 0, 0, .15), 0 0 1rem rgba(0, 0, 0, .15);
224
- --pgn-elevation-box-shadow-level-2: 0 .125rem .25rem rgba(0, 0, 0, .15), 0 .125rem .5rem rgba(0, 0, 0, .15);
225
- --pgn-elevation-box-shadow-level-1: 0 .0625rem .125rem rgba(0, 0, 0, .15), 0 .0625rem .25rem rgba(0, 0, 0, .15);
226
- --pgn-elevation-toast-box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, .15), 0 .5rem 3rem rgba(0, 0, 0, .15);
227
- --pgn-elevation-sticky-shadow-bottom: 0 .5rem 1rem rgba(0, 0, 0, .15), 0 .25rem .625rem rgba(0, 0, 0, .15);
228
- --pgn-elevation-sticky-shadow-top: 0 -.5rem 1rem rgba(0, 0, 0, .15), 0 -.25rem .625rem rgba(0, 0, 0, .15);
229
- --pgn-elevation-progress-bar-box-shadow: none;
230
- --pgn-elevation-image-thumbnail-box-shadow: none;
231
- --pgn-elevation-icon-button-box-shadow-black-inverse-active: none;
232
- --pgn-elevation-icon-button-box-shadow-black-active: none;
233
- --pgn-elevation-icon-button-box-shadow-dark-inverse-active: none;
234
- --pgn-elevation-icon-button-box-shadow-dark-active: none;
235
- --pgn-elevation-icon-button-box-shadow-light-inverse-active: none;
236
- --pgn-elevation-icon-button-box-shadow-light-active: none;
237
- --pgn-elevation-icon-button-box-shadow-danger-inverse-active: none;
238
- --pgn-elevation-icon-button-box-shadow-danger-active: none;
239
- --pgn-elevation-icon-button-box-shadow-warning-inverse-active: none;
240
- --pgn-elevation-icon-button-box-shadow-warning-active: none;
241
- --pgn-elevation-icon-button-box-shadow-success-inverse-active: none;
242
- --pgn-elevation-icon-button-box-shadow-success-active: none;
243
- --pgn-elevation-icon-button-box-shadow-brand-inverse-active: none;
244
- --pgn-elevation-icon-button-box-shadow-brand-active: none;
245
- --pgn-elevation-icon-button-box-shadow-secondary-inverse-active: none;
246
- --pgn-elevation-icon-button-box-shadow-secondary-active: none;
247
- --pgn-elevation-icon-button-box-shadow-primary-inverse-active: none;
248
- --pgn-elevation-icon-button-box-shadow-primary-active: none;
249
- --pgn-elevation-form-control-select-border-base: none;
250
- --pgn-elevation-form-control-range-thumb-base: none;
251
- --pgn-elevation-form-control-range-track: none;
252
- --pgn-elevation-form-control-checkbox-indicator-indeterminate: none;
253
- --pgn-elevation-form-control-indicator-active: none;
254
- --pgn-elevation-form-control-indicator-checked-focus: 0 0 0 4px rgba(0, 0, 0, .1);
255
- --pgn-elevation-form-control-indicator-checked-base: none;
256
- --pgn-elevation-form-input-base: none;
257
- --pgn-elevation-code-kbd-box-shadow: none;
258
- --pgn-elevation-btn-box-shadow-active: none;
259
- --pgn-elevation-btn-box-shadow-base: none;
260
- --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));
261
- --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));
262
- --pgn-elevation-popover-box-shadow: none;
263
- --pgn-elevation-modal-content-box-shadow-sm-up: 0 10px 20px rgba(0, 0, 0, .15), 0 8px 20px rgba(0, 0, 0, .15);
264
- --pgn-elevation-dropdown-box-shadow: none;
265
- --pgn-color-action-default-accent-b: #FFE755FF;
266
- --pgn-color-action-default-accent-a: #0095C6FF;
267
- --pgn-color-action-default-dark-base: #142018FF;
268
- --pgn-color-action-default-light-base: #CAC3BFFF;
269
- --pgn-color-action-default-brand-base: #6A0039FF;
270
- --pgn-color-action-default-primary-base: #051627FF;
271
- --pgn-color-action-default-gray-base: #575757FF;
272
- --pgn-color-action-default-gray-900: #0A0C0DFF;
273
- --pgn-color-action-default-gray-800: #1A1A1AFF;
274
- --pgn-color-action-default-gray-700: #2B2B2BFF;
275
- --pgn-color-action-default-gray-600: #424242FF;
276
- --pgn-color-action-default-gray-400: #767676FF;
277
- --pgn-color-action-default-gray-300: #949494FF;
278
- --pgn-color-action-default-gray-200: #B3B3B3FF;
279
- --pgn-color-action-default-gray-100: #D2D2D2FF;
280
- --pgn-color-dark-900: #1B2C21FF;
281
- --pgn-color-dark-800: #1D2F23FF;
282
- --pgn-color-dark-700: #1F3226FF;
283
- --pgn-color-dark-600: #23392AFF;
284
- --pgn-color-dark-500: var(--pgn-color-dark-base);
285
- --pgn-color-dark-400: #5D6F63FF;
286
- --pgn-color-dark-300: #939F97FF;
287
- --pgn-color-dark-200: #C9CFCBFF;
288
- --pgn-color-dark-100: #F2F3F3FF;
289
- --pgn-color-light-900: #9E9B99FF;
290
- --pgn-color-light-800: #A9A6A4FF;
291
- --pgn-color-light-700: #B4B1AFFF;
292
- --pgn-color-light-600: #CBC7C5FF;
293
- --pgn-color-light-500: var(--pgn-color-light-base);
294
- --pgn-color-light-400: #E9E6E4FF;
295
- --pgn-color-light-300: #F0EEEDFF;
296
- --pgn-color-light-200: #F8F7F6FF;
297
- --pgn-color-light-100: #FDFDFDFF;
298
- --pgn-color-danger-base: var(--pgn-color-red);
299
- --pgn-color-warning-base: var(--pgn-color-yellow);
300
- --pgn-color-info-base: var(--pgn-color-teal);
301
- --pgn-color-success-base: var(--pgn-color-green);
302
- --pgn-color-brand-900: #6E003BFF;
303
- --pgn-color-brand-800: #76003FFF;
304
- --pgn-color-brand-700: #7E0043FF;
305
- --pgn-color-brand-600: #8D004CFF;
306
- --pgn-color-brand-500: var(--pgn-color-brand-base);
307
- --pgn-color-brand-400: #B6407FFF;
308
- --pgn-color-brand-300: #CE80AAFF;
309
- --pgn-color-brand-200: #E7BFD4FF;
310
- --pgn-color-brand-100: #F9F0F5FF;
311
- --pgn-color-secondary-base: var(--pgn-color-gray-700);
312
- --pgn-color-primary-900: #07223CFF;
313
- --pgn-color-primary-800: #082440FF;
314
- --pgn-color-primary-700: #082644FF;
315
- --pgn-color-primary-600: #092B4DFF;
316
- --pgn-color-primary-500: var(--pgn-color-primary-base);
317
- --pgn-color-primary-400: #476480FF;
318
- --pgn-color-primary-300: #8598AAFF;
319
- --pgn-color-primary-200: #C2CBD5FF;
320
- --pgn-color-primary-100: #F0F3F5FF;
321
- --pgn-color-gray-500: var(--pgn-color-gray-base);
322
- --pgn-color-tooltip-arrow-light: var(--pgn-color-white);
323
- --pgn-color-tooltip-bg-light: var(--pgn-color-white);
324
- --pgn-color-tooltip-bg-base: var(--pgn-color-black);
325
- --pgn-color-tooltip-light: var(--pgn-color-black);
326
- --pgn-color-tooltip-text: var(--pgn-color-white);
327
- --pgn-color-toast-header-border: #00000080;
328
- --pgn-color-toast-header-bg: var(--pgn-color-gray-700);
329
- --pgn-color-toast-header-text: var(--pgn-color-white);
330
- --pgn-color-toast-border: #0000001A;
331
- --pgn-color-toast-bg: var(--pgn-color-gray-700);
332
- --pgn-color-tab-inverse-pills-link-dropdown-toggle-bg-focus: var(--pgn-color-white);
333
- --pgn-color-tab-more-link-dropdown-toggle-text-focus: var(--pgn-color-white);
334
- --pgn-color-stepper-header-step-bg-base: var(--pgn-color-stepper-header-bg-base);
335
- --pgn-color-stepper-header-step-base: var(--pgn-color-primary-base);
336
- --pgn-color-stepper-header-bg-line: var(--pgn-color-light-base);
337
- --pgn-color-sheet-skrim-component-box-shadow: #00000026;
338
- --pgn-color-sheet-skrim-bg: #ADADAD80;
339
- --pgn-color-search-field-form-bg: var(--pgn-color-white);
340
- --pgn-color-search-field-border-focus: var(--pgn-color-black);
341
- --pgn-color-search-field-border-interaction: var(--pgn-color-black);
342
- --pgn-color-progress-bar-bar-bg-base: var(--pgn-color-accent-a);
343
- --pgn-color-progress-bar-bar-base: var(--pgn-color-white);
344
- --pgn-color-product-tour-checkpoint-box-shadow: #0000004D;
345
- --pgn-color-product-tour-checkpoint-breadcrumb: var(--pgn-color-primary-base);
346
- --pgn-color-product-tour-checkpoint-border: var(--pgn-color-brand-base);
347
- --pgn-color-product-tour-checkpoint-body: var(--pgn-color-gray-700);
348
- --pgn-color-popover-arrow-outer: #0000000D;
349
- --pgn-color-popover-header-border-bottom-dark: #F2F2F2FF;
350
- --pgn-color-popover-header-bg-dark: #808080FF;
351
- --pgn-color-popover-header-bg: var(--pgn-color-white);
352
- --pgn-color-pagination-dropdown-text-inverse: var(--pgn-color-white);
353
- --pgn-color-pagination-focus-text: var(--pgn-color-black);
354
- --pgn-color-pagination-border-disabled: var(--pgn-color-gray-100);
355
- --pgn-color-pagination-border-hover: var(--pgn-color-gray-200);
356
- --pgn-color-pagination-border-base: var(--pgn-color-gray-200);
357
- --pgn-color-pagination-bg-disabled: var(--pgn-color-white);
358
- --pgn-color-pagination-bg-hover: var(--pgn-color-gray-100);
359
- --pgn-color-pagination-text-inverse: var(--pgn-color-white);
360
- --pgn-color-page-banner-text-warning: var(--pgn-color-black);
361
- --pgn-color-page-banner-text-accent-b: var(--pgn-color-black);
362
- --pgn-color-page-banner-text-accent-a: var(--pgn-color-black);
363
- --pgn-color-page-banner-text-light: var(--pgn-color-black);
364
- --pgn-color-page-banner-text-dark: var(--pgn-color-white);
365
- --pgn-color-page-banner-bg-accent-b: var(--pgn-color-accent-b);
366
- --pgn-color-page-banner-bg-accent-a: var(--pgn-color-accent-a);
367
- --pgn-color-navbar-light-toggler-border: #0000001A;
368
- --pgn-color-navbar-light-disabled: #0000004D;
369
- --pgn-color-navbar-light-active: #000000E6;
370
- --pgn-color-navbar-light-hover: #000000B3;
371
- --pgn-color-navbar-light-text: #00000080;
372
- --pgn-color-navbar-dark-toggler-border: #FFFFFF1A;
373
- --pgn-color-navbar-dark-disabled: #FFFFFF40;
374
- --pgn-color-navbar-dark-hover: #FFFFFFBF;
375
- --pgn-color-navbar-dark-text: #FFFFFF80;
376
- --pgn-color-nav-light: #00000080;
377
- --pgn-color-nav-dark: #FFFFFF80;
378
- --pgn-color-nav-divider: var(--pgn-color-gray-100);
379
- --pgn-color-nav-pills-inverse-link-border-active-focus: var(--pgn-color-primary-base);
380
- --pgn-color-nav-pills-inverse-link-text-base: var(--pgn-color-white);
381
- --pgn-color-nav-pills-base-link-active-border: var(--pgn-color-white);
382
- --pgn-color-nav-tabs-inverse-dropdown-border: var(--pgn-color-nav-tabs-inverse-link-bg-active-hover);
383
- --pgn-color-nav-tabs-inverse-link-text-base: var(--pgn-color-white);
384
- --pgn-color-nav-tabs-base-link-disabled-border: var(--pgn-color-nav-link-border);
385
- --pgn-color-nav-tabs-base-border-focus: var(--pgn-color-nav-tabs-base-bg-hover);
386
- --pgn-color-nav-tabs-base-text-disabled: var(--pgn-color-nav-tabs-base-bg-hover);
387
- --pgn-color-nav-link-text-disabled: var(--pgn-color-gray-300);
388
- --pgn-color-nav-link-text-base: var(--pgn-color-gray-700);
389
- --pgn-color-modal-backdrop-bg: var(--pgn-color-black);
390
- --pgn-color-modal-content-border: #00000033;
391
- --pgn-color-menu-item-hover-border: var(--pgn-color-menu-item-bg);
392
- --pgn-color-menu-item-border: var(--pgn-color-menu-item-bg);
393
- --pgn-color-menu-bg: var(--pgn-color-white);
394
- --pgn-color-image-thumbnail-border: var(--pgn-color-gray-200);
395
- --pgn-color-icon-button-black: var(--pgn-color-black);
396
- --pgn-color-icon-button-accent: var(--pgn-color-white);
397
- --pgn-color-icon-button-text-black-inverse-active-base: var(--pgn-color-black);
398
- --pgn-color-icon-button-text-black-inverse-hover: var(--pgn-color-black);
399
- --pgn-color-icon-button-text-black-base: var(--pgn-color-black);
400
- --pgn-color-icon-button-text-dark-inverse-active-base: var(--pgn-color-dark-base);
401
- --pgn-color-icon-button-text-dark-inverse-hover: var(--pgn-color-dark-base);
402
- --pgn-color-icon-button-text-dark-base: var(--pgn-color-dark-base);
403
- --pgn-color-icon-button-text-light-inverse-active-base: var(--pgn-color-light-base);
404
- --pgn-color-icon-button-text-light-inverse-hover: var(--pgn-color-light-base);
405
- --pgn-color-icon-button-text-light-base: var(--pgn-color-light-base);
406
- --pgn-color-icon-button-text-brand-inverse-active-base: var(--pgn-color-brand-base);
407
- --pgn-color-icon-button-text-brand-inverse-hover: var(--pgn-color-brand-base);
408
- --pgn-color-icon-button-text-brand-base: var(--pgn-color-brand-base);
409
- --pgn-color-icon-button-text-primary-base: var(--pgn-color-primary-base);
410
- --pgn-color-icon-button-bg-black-active-base: var(--pgn-color-black);
411
- --pgn-color-icon-button-bg-black-inverse-focus: var(--pgn-color-icon-button-bg-base);
412
- --pgn-color-icon-button-bg-black-inverse-base: var(--pgn-color-icon-button-bg-base);
413
- --pgn-color-icon-button-bg-black-focus: var(--pgn-color-icon-button-bg-base);
414
- --pgn-color-icon-button-bg-black-hover: var(--pgn-color-black);
415
- --pgn-color-icon-button-bg-black-base: var(--pgn-color-icon-button-bg-base);
416
- --pgn-color-icon-button-bg-dark-active-base: var(--pgn-color-dark-base);
417
- --pgn-color-icon-button-bg-dark-inverse-focus: var(--pgn-color-icon-button-bg-base);
418
- --pgn-color-icon-button-bg-dark-inverse-base: var(--pgn-color-icon-button-bg-base);
419
- --pgn-color-icon-button-bg-dark-focus: var(--pgn-color-icon-button-bg-base);
420
- --pgn-color-icon-button-bg-dark-hover: var(--pgn-color-dark-base);
421
- --pgn-color-icon-button-bg-dark-base: var(--pgn-color-icon-button-bg-base);
422
- --pgn-color-icon-button-bg-light-active-base: var(--pgn-color-light-base);
423
- --pgn-color-icon-button-bg-light-inverse-focus: var(--pgn-color-icon-button-bg-base);
424
- --pgn-color-icon-button-bg-light-inverse-base: var(--pgn-color-icon-button-bg-base);
425
- --pgn-color-icon-button-bg-light-focus: var(--pgn-color-icon-button-bg-base);
426
- --pgn-color-icon-button-bg-light-hover: var(--pgn-color-light-base);
427
- --pgn-color-icon-button-bg-light-base: var(--pgn-color-icon-button-bg-base);
428
- --pgn-color-icon-button-bg-danger-inverse-focus: var(--pgn-color-icon-button-bg-base);
429
- --pgn-color-icon-button-bg-danger-inverse-base: var(--pgn-color-icon-button-bg-base);
430
- --pgn-color-icon-button-bg-danger-focus: var(--pgn-color-icon-button-bg-base);
431
- --pgn-color-icon-button-bg-danger-base: var(--pgn-color-icon-button-bg-base);
432
- --pgn-color-icon-button-bg-warning-inverse-focus: var(--pgn-color-icon-button-bg-base);
433
- --pgn-color-icon-button-bg-warning-inverse-base: var(--pgn-color-icon-button-bg-base);
434
- --pgn-color-icon-button-bg-warning-focus: var(--pgn-color-icon-button-bg-base);
435
- --pgn-color-icon-button-bg-warning-base: var(--pgn-color-icon-button-bg-base);
436
- --pgn-color-icon-button-bg-success-inverse-focus: var(--pgn-color-icon-button-bg-base);
437
- --pgn-color-icon-button-bg-success-inverse-base: var(--pgn-color-icon-button-bg-base);
438
- --pgn-color-icon-button-bg-success-focus: var(--pgn-color-icon-button-bg-base);
439
- --pgn-color-icon-button-bg-success-base: var(--pgn-color-icon-button-bg-base);
440
- --pgn-color-icon-button-bg-brand-active-base: var(--pgn-color-brand-base);
441
- --pgn-color-icon-button-bg-brand-inverse-focus: var(--pgn-color-icon-button-bg-base);
442
- --pgn-color-icon-button-bg-brand-inverse-base: var(--pgn-color-icon-button-bg-base);
443
- --pgn-color-icon-button-bg-brand-focus: var(--pgn-color-icon-button-bg-base);
444
- --pgn-color-icon-button-bg-brand-hover: var(--pgn-color-brand-base);
445
- --pgn-color-icon-button-bg-brand-base: var(--pgn-color-icon-button-bg-base);
446
- --pgn-color-icon-button-bg-secondary-inverse-focus: var(--pgn-color-icon-button-bg-base);
447
- --pgn-color-icon-button-bg-secondary-inverse-base: var(--pgn-color-icon-button-bg-base);
448
- --pgn-color-icon-button-bg-secondary-focus: var(--pgn-color-icon-button-bg-base);
449
- --pgn-color-icon-button-bg-secondary-base: var(--pgn-color-icon-button-bg-base);
450
- --pgn-color-icon-button-bg-primary-inverse-focus: var(--pgn-color-icon-button-bg-base);
451
- --pgn-color-icon-button-bg-primary-inverse-base: var(--pgn-color-icon-button-bg-base);
452
- --pgn-color-icon-button-bg-primary-focus: var(--pgn-color-icon-button-bg-base);
453
- --pgn-color-icon-button-bg-primary-base: var(--pgn-color-icon-button-bg-base);
454
- --pgn-color-yiq-light: var(--pgn-color-white);
455
- --pgn-color-list-group-action-active-bg: var(--pgn-color-gray-200);
456
- --pgn-color-list-group-action-base: var(--pgn-color-gray-700);
457
- --pgn-color-list-group-disabled-base: var(--pgn-color-gray-600);
458
- --pgn-color-list-group-border: #00000020;
459
- --pgn-color-list-group-bg-hover: var(--pgn-color-gray-100);
460
- --pgn-color-list-group-bg-base: var(--pgn-color-white);
461
- --pgn-color-hr-border: #0000001A;
462
- --pgn-color-headings-base: var(--pgn-color-black);
463
- --pgn-color-body-base: var(--pgn-color-gray-700);
464
- --pgn-color-form-control-range-track-bg: var(--pgn-color-gray-300);
465
- --pgn-color-form-control-select-bg-disabled: var(--pgn-color-gray-100);
466
- --pgn-color-form-control-indicator-checked-bg-disabled: #0A305580;
467
- --pgn-color-form-control-indicator-border: var(--pgn-color-gray-700);
468
- --pgn-color-form-input-group-addon-bg: var(--pgn-color-gray-100);
469
- --pgn-color-form-input-bg-disabled: var(--pgn-color-gray-100);
470
- --pgn-color-form-input-base: var(--pgn-color-gray-700);
471
- --pgn-color-dropdown-link-hover-base: #000000FF;
472
- --pgn-color-dropdown-link-base: var(--pgn-color-gray-900);
473
- --pgn-color-dropdown-divider-bg: var(--pgn-color-gray-100);
474
- --pgn-color-dropdown-border: #00000026;
475
- --pgn-color-data-table-bg-is-loading: #FFFFFFB3;
476
- --pgn-color-code-pre: var(--pgn-color-gray-900);
477
- --pgn-color-code-kbd-bg: var(--pgn-color-gray-700);
478
- --pgn-color-code-kbd-base: var(--pgn-color-white);
479
- --pgn-color-close-button: var(--pgn-color-black);
480
- --pgn-color-chip-outline-dark: var(--pgn-color-white);
481
- --pgn-color-chip-bg-light: var(--pgn-color-white);
482
- --pgn-color-chip-text-dark: var(--pgn-color-white);
483
- --pgn-color-chip-text-light: var(--pgn-color-black);
484
- --pgn-color-carousel-caption: var(--pgn-color-white);
485
- --pgn-color-carousel-indicator-active-bg: var(--pgn-color-white);
486
- --pgn-color-carousel-control-base: var(--pgn-color-white);
487
- --pgn-color-card-border-base: #00000020;
488
- --pgn-color-btn-disabled-border-inverse-tertiary: var(--pgn-color-btn-border-inverse-tertiary);
489
- --pgn-color-btn-disabled-border-tertiary: var(--pgn-color-btn-border-tertiary);
490
- --pgn-color-btn-disabled-border-inverse-secondary: var(--pgn-color-btn-border-inverse-secondary);
491
- --pgn-color-btn-disabled-bg-inverse-primary: var(--pgn-color-white);
492
- --pgn-color-btn-disabled-bg-inverse-outline-brand: var(--pgn-color-btn-bg-inverse-outline-brand);
493
- --pgn-color-btn-disabled-bg-inverse-brand: var(--pgn-color-white);
494
- --pgn-color-btn-focus-outline-inverse-warning: var(--pgn-color-white);
495
- --pgn-color-btn-focus-outline-inverse-tertiary: var(--pgn-color-white);
496
- --pgn-color-btn-focus-outline-inverse-secondary: var(--pgn-color-white);
497
- --pgn-color-btn-focus-outline-inverse-light: var(--pgn-color-white);
498
- --pgn-color-btn-focus-border-inverse-warning: var(--pgn-color-btn-border-inverse-warning);
499
- --pgn-color-btn-focus-border-tertiary: var(--pgn-color-btn-border-tertiary);
500
- --pgn-color-btn-focus-border-inverse-success: var(--pgn-color-white);
501
- --pgn-color-btn-focus-border-inverse-outline-secondary: var(--pgn-color-white);
502
- --pgn-color-btn-focus-border-inverse-secondary: var(--pgn-color-white);
503
- --pgn-color-btn-focus-border-inverse-primary: var(--pgn-color-white);
504
- --pgn-color-btn-focus-border-inverse-light: var(--pgn-color-btn-border-inverse-light);
505
- --pgn-color-btn-focus-border-inverse-info: var(--pgn-color-white);
506
- --pgn-color-btn-focus-border-inverse-outline-dark: var(--pgn-color-white);
507
- --pgn-color-btn-focus-border-inverse-dark: var(--pgn-color-white);
508
- --pgn-color-btn-focus-border-inverse-outline-danger: var(--pgn-color-white);
509
- --pgn-color-btn-focus-border-inverse-danger: var(--pgn-color-white);
510
- --pgn-color-btn-focus-border-inverse-brand: var(--pgn-color-white);
511
- --pgn-color-btn-active-bg-inverse-warning: var(--pgn-color-gray-100);
512
- --pgn-color-btn-active-bg-inverse-success: var(--pgn-color-gray-100);
513
- --pgn-color-btn-active-bg-inverse-secondary: var(--pgn-color-gray-100);
514
- --pgn-color-btn-active-bg-inverse-primary: var(--pgn-color-gray-100);
515
- --pgn-color-btn-active-bg-inverse-light: var(--pgn-color-gray-100);
516
- --pgn-color-btn-active-bg-inverse-info: var(--pgn-color-gray-100);
517
- --pgn-color-btn-active-bg-inverse-dark: var(--pgn-color-gray-100);
518
- --pgn-color-btn-active-bg-inverse-danger: var(--pgn-color-gray-100);
519
- --pgn-color-btn-active-bg-inverse-brand: var(--pgn-color-gray-100);
520
- --pgn-color-btn-active-text-inverse-tertiary: var(--pgn-color-white);
521
- --pgn-color-btn-active-text-tertiary: var(--pgn-color-gray-700);
522
- --pgn-color-btn-hover-bg-inverse-tertiary: #FFFFFF1A;
523
- --pgn-color-btn-hover-text-inverse-tertiary: var(--pgn-color-white);
524
- --pgn-color-btn-hover-text-tertiary: var(--pgn-color-gray-700);
525
- --pgn-color-btn-border-inverse-outline-warning: var(--pgn-color-white);
526
- --pgn-color-btn-border-inverse-outline-success: var(--pgn-color-white);
527
- --pgn-color-btn-border-inverse-outline-secondary: var(--pgn-color-white);
528
- --pgn-color-btn-border-inverse-outline-primary: var(--pgn-color-white);
529
- --pgn-color-btn-border-outline-primary: var(--pgn-color-primary-base);
530
- --pgn-color-btn-border-inverse-outline-light: var(--pgn-color-white);
531
- --pgn-color-btn-border-outline-light: var(--pgn-color-light-base);
532
- --pgn-color-btn-border-inverse-outline-info: var(--pgn-color-white);
533
- --pgn-color-btn-border-inverse-outline-dark: var(--pgn-color-white);
534
- --pgn-color-btn-border-outline-dark: var(--pgn-color-dark-base);
535
- --pgn-color-btn-border-inverse-outline-danger: var(--pgn-color-white);
536
- --pgn-color-btn-border-inverse-outline-brand: var(--pgn-color-white);
537
- --pgn-color-btn-border-outline-brand: var(--pgn-color-brand-base);
538
- --pgn-color-btn-bg-primary: var(--pgn-color-primary-base);
539
- --pgn-color-btn-bg-light: var(--pgn-color-light-base);
540
- --pgn-color-btn-bg-dark: var(--pgn-color-dark-base);
541
- --pgn-color-btn-bg-brand: var(--pgn-color-brand-base);
542
- --pgn-color-btn-text-inverse-outline-warning: var(--pgn-color-white);
543
- --pgn-color-btn-text-inverse-tertiary: var(--pgn-color-white);
544
- --pgn-color-btn-text-tertiary: var(--pgn-color-gray-700);
545
- --pgn-color-btn-text-inverse-outline-success: var(--pgn-color-white);
546
- --pgn-color-btn-text-inverse-outline-secondary: var(--pgn-color-white);
547
- --pgn-color-btn-text-inverse-outline-primary: var(--pgn-color-white);
548
- --pgn-color-btn-text-inverse-primary: var(--pgn-color-primary-base);
549
- --pgn-color-btn-text-outline-primary: var(--pgn-color-primary-base);
550
- --pgn-color-btn-text-inverse-outline-light: var(--pgn-color-white);
551
- --pgn-color-btn-text-inverse-light: var(--pgn-color-light-base);
552
- --pgn-color-btn-text-outline-light: var(--pgn-color-light-base);
553
- --pgn-color-btn-text-inverse-outline-info: var(--pgn-color-white);
554
- --pgn-color-btn-text-inverse-outline-dark: var(--pgn-color-white);
555
- --pgn-color-btn-text-inverse-dark: var(--pgn-color-dark-base);
556
- --pgn-color-btn-text-outline-dark: var(--pgn-color-dark-base);
557
- --pgn-color-btn-text-inverse-outline-danger: var(--pgn-color-white);
558
- --pgn-color-btn-text-inverse-outline-brand: var(--pgn-color-white);
559
- --pgn-color-btn-text-inverse-brand: var(--pgn-color-brand-base);
560
- --pgn-color-btn-text-outline-brand: var(--pgn-color-brand-base);
561
- --pgn-color-bubble-bg-primary: var(--pgn-color-primary-base);
562
- --pgn-color-bubble-text-primary: var(--pgn-color-white);
563
- --pgn-color-bubble-text-error: var(--pgn-color-white);
564
- --pgn-color-bubble-text-warning: var(--pgn-color-white);
565
- --pgn-color-bubble-text-success: var(--pgn-color-white);
566
- --pgn-color-breadcrumb-inverse-base: var(--pgn-color-white);
567
- --pgn-color-badge-bg-dark: var(--pgn-color-dark-base);
568
- --pgn-color-badge-bg-light: var(--pgn-color-light-base);
569
- --pgn-color-badge-bg-primary: var(--pgn-color-primary-base);
570
- --pgn-color-badge-text-dark: #FFFFFFFF;
571
- --pgn-color-badge-text-light: #454545FF;
572
- --pgn-color-badge-text-primary: #FFFFFFFF;
573
- --pgn-color-annotation-bg-dark: var(--pgn-color-dark-base);
574
- --pgn-color-annotation-bg-light: var(--pgn-color-white);
575
- --pgn-color-annotation-bg-warning: var(--pgn-color-accent-b);
576
- --pgn-color-annotation-text-dark: var(--pgn-color-white);
577
- --pgn-color-annotation-text-error: var(--pgn-color-white);
578
- --pgn-color-annotation-text-warning: var(--pgn-color-black);
579
- --pgn-color-annotation-text-success: var(--pgn-color-white);
580
- --pgn-color-alert-content: var(--pgn-color-gray-700);
581
- --pgn-color-alert-title: var(--pgn-color-black);
582
- --pgn-color-theme-active-gray: var(--pgn-color-gray-900);
583
- --pgn-color-theme-hover-gray: var(--pgn-color-gray-700);
584
- --pgn-color-theme-border-gray: var(--pgn-color-gray-200);
585
- --pgn-color-theme-bg-gray: var(--pgn-color-gray-100);
586
- --pgn-color-border: var(--pgn-color-gray-200);
587
- --pgn-color-active: var(--pgn-color-white);
588
- --pgn-color-text-50-white: #FFFFFF80;
589
- --pgn-color-text-50-black: #00000080;
590
- --pgn-color-bg-base: var(--pgn-color-white);
591
- --pgn-elevation-scrollable-body-box-shadow: #0000008C;
592
- --pgn-elevation-menu-box-shadow: var(--pgn-elevation-box-shadow-base);
593
- --pgn-elevation-icon-button-box-shadow-black-inverse: inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-accent);
594
- --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);
595
- --pgn-elevation-icon-button-box-shadow-dark-inverse: inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-accent);
596
- --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);
597
- --pgn-elevation-icon-button-box-shadow-light-inverse: inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-accent);
598
- --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);
599
- --pgn-elevation-icon-button-box-shadow-danger-inverse: inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-accent);
600
- --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);
601
- --pgn-elevation-icon-button-box-shadow-warning-inverse: inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-accent);
602
- --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);
603
- --pgn-elevation-icon-button-box-shadow-success-inverse: inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-accent);
604
- --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);
605
- --pgn-elevation-icon-button-box-shadow-brand-inverse: inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-accent);
606
- --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);
607
- --pgn-elevation-icon-button-box-shadow-secondary-inverse: inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-accent);
608
- --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);
609
- --pgn-elevation-icon-button-box-shadow-primary-inverse: inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-accent);
610
- --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);
611
- --pgn-elevation-input-btn-focus-box-shadow: 0 0 0 var(--pgn-size-input-btn-focus-width) var(--pgn-color-input-btn-focus);
612
- --pgn-elevation-form-control-file-base: var(--pgn-elevation-form-input-base);
613
- --pgn-elevation-form-control-indicator-base: var(--pgn-elevation-form-input-base);
614
- --pgn-elevation-data-table-box-shadow: var(--pgn-elevation-box-shadow-sm);
615
- --pgn-elevation-close-button-text-shadow: 0 1px 0 var(--pgn-color-white);
616
- --pgn-border-color-nav-tabs-link-border-active: var(--pgn-color-primary-500);
617
- --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");
618
- --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");
619
- --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");
620
- --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");
621
- --pgn-color-action-default-dark-900: #080C09FF;
622
- --pgn-color-action-default-dark-800: #0A0F0CFF;
623
- --pgn-color-action-default-dark-700: #0B130EFF;
624
- --pgn-color-action-default-dark-600: #101913FF;
625
- --pgn-color-action-default-dark-500: #142018FF;
626
- --pgn-color-action-default-dark-400: #46534AFF;
627
- --pgn-color-action-default-dark-300: #78877DFF;
628
- --pgn-color-action-default-dark-200: #AEB7B1FF;
629
- --pgn-color-action-default-dark-100: #D7DBDBFF;
630
- --pgn-color-action-default-light-900: #85817FFF;
631
- --pgn-color-action-default-light-800: #908C8AFF;
632
- --pgn-color-action-default-light-700: #9B9795FF;
633
- --pgn-color-action-default-light-600: #B3ADAAFF;
634
- --pgn-color-action-default-light-500: #CAC3BFFF;
635
- --pgn-color-action-default-light-400: #D2CCC8FF;
636
- --pgn-color-action-default-light-300: #D9D4D1FF;
637
- --pgn-color-action-default-light-200: #E2DED9FF;
638
- --pgn-color-action-default-light-100: #E4E4E4FF;
639
- --pgn-color-action-default-danger-base: #9A232EFF;
640
- --pgn-color-action-default-warning-base: #CCAE00FF;
641
- --pgn-color-action-default-info-base: #004C77FF;
642
- --pgn-color-action-default-success-base: #0F5737FF;
643
- --pgn-color-action-default-brand-900: #3B0020FF;
644
- --pgn-color-action-default-brand-800: #430024FF;
645
- --pgn-color-action-default-brand-700: #4B0028FF;
646
- --pgn-color-action-default-brand-600: #5A0031FF;
647
- --pgn-color-action-default-brand-500: #6A0039FF;
648
- --pgn-color-action-default-brand-400: #903365FF;
649
- --pgn-color-action-default-brand-300: #C05B91FF;
650
- --pgn-color-action-default-brand-200: #D99ABBFF;
651
- --pgn-color-action-default-brand-100: #EACCDDFF;
652
- --pgn-color-action-default-secondary-base: #2B2B2BFF;
653
- --pgn-color-action-default-primary-900: #02080EFF;
654
- --pgn-color-action-default-primary-800: #020A13FF;
655
- --pgn-color-action-default-primary-700: #030C16FF;
656
- --pgn-color-action-default-primary-600: #04111FFF;
657
- --pgn-color-action-default-primary-500: #051627FF;
658
- --pgn-color-action-default-primary-400: #354A5FFF;
659
- --pgn-color-action-default-primary-300: #677F95FF;
660
- --pgn-color-action-default-primary-200: #A4B1C0FF;
661
- --pgn-color-action-default-primary-100: #D1DBE1FF;
662
- --pgn-color-action-default-gray-500: #575757FF;
663
- --pgn-color-danger-900: #892029FF;
664
- --pgn-color-danger-800: #92222CFF;
665
- --pgn-color-danger-700: #9C242EFF;
666
- --pgn-color-danger-600: #B02934FF;
667
- --pgn-color-danger-500: var(--pgn-color-danger-base);
668
- --pgn-color-danger-400: #D2626BFF;
669
- --pgn-color-danger-300: #E1969DFF;
670
- --pgn-color-danger-200: #F0CBCEFF;
671
- --pgn-color-danger-100: #FBF2F3FF;
672
- --pgn-color-warning-900: #B39800FF;
673
- --pgn-color-warning-800: #BFA300FF;
674
- --pgn-color-warning-700: #CCAE00FF;
675
- --pgn-color-warning-600: #E6C300FF;
676
- --pgn-color-warning-500: var(--pgn-color-warning-base);
677
- --pgn-color-warning-400: #FFE340FF;
678
- --pgn-color-warning-300: #FFEC80FF;
679
- --pgn-color-warning-200: #FFF6BFFF;
680
- --pgn-color-warning-100: #FFFDF0FF;
681
- --pgn-color-info-900: #004C77FF;
682
- --pgn-color-info-800: #005280FF;
683
- --pgn-color-info-700: #005788FF;
684
- --pgn-color-info-600: #006299FF;
685
- --pgn-color-info-500: var(--pgn-color-info-base);
686
- --pgn-color-info-400: #4092BFFF;
687
- --pgn-color-info-300: #80B6D5FF;
688
- --pgn-color-info-200: #BFDBEAFF;
689
- --pgn-color-info-100: #F0F6FAFF;
690
- --pgn-color-success-900: #105B3AFF;
691
- --pgn-color-success-800: #11623EFF;
692
- --pgn-color-success-700: #126842FF;
693
- --pgn-color-success-600: #15754BFF;
694
- --pgn-color-success-500: var(--pgn-color-success-base);
695
- --pgn-color-success-400: #51A17EFF;
696
- --pgn-color-success-300: #8BC1A9FF;
697
- --pgn-color-success-200: #C5E0D4FF;
698
- --pgn-color-success-100: #F1F8F5FF;
699
- --pgn-color-secondary-900: #303030FF;
700
- --pgn-color-secondary-800: #343434FF;
701
- --pgn-color-secondary-700: #373737FF;
702
- --pgn-color-secondary-600: #3E3E3EFF;
703
- --pgn-color-secondary-500: var(--pgn-color-secondary-base);
704
- --pgn-color-secondary-400: #747474FF;
705
- --pgn-color-secondary-300: #A2A2A2FF;
706
- --pgn-color-secondary-200: #D1D1D1FF;
707
- --pgn-color-secondary-100: #F4F4F4FF;
708
- --pgn-color-tooltip-arrow-base: var(--pgn-color-tooltip-bg-base);
709
- --pgn-color-tab-inverse-pills-link-dropdown-toggle-border-focus: var(--pgn-color-tab-inverse-pills-link-dropdown-toggle-bg-focus);
710
- --pgn-color-tab-inverse-pills-link-dropdown-toggle-bg-active-hover: var(--pgn-color-primary-300);
711
- --pgn-color-tab-inverse-pills-link-dropdown-toggle-text-active-hover: var(--pgn-color-tab-inverse-pills-link-dropdown-toggle-bg-focus);
712
- --pgn-color-tab-inverse-pills-link-dropdown-toggle-text-focus: var(--pgn-color-primary-500);
713
- --pgn-color-tab-more-link-dropdown-toggle-bg-focus: var(--pgn-color-primary-500);
714
- --pgn-color-tab-more-link-dropdown-toggle-text-active: var(--pgn-color-tab-more-link-dropdown-toggle-text-focus);
715
- --pgn-color-tab-more-link-dropdown-toggle-btn-text-focus: var(--pgn-color-tab-more-link-dropdown-toggle-text-focus);
716
- --pgn-color-stepper-header-step-bubble-error: var(--pgn-color-danger-base);
717
- --pgn-color-stepper-header-step-bg-active: var(--pgn-color-gray-500);
718
- --pgn-color-search-field-button-bg-brand: var(--pgn-color-brand-500);
719
- --pgn-color-search-field-button-bg-primary: var(--pgn-color-primary-500);
720
- --pgn-color-search-field-border-base: var(--pgn-color-gray-500);
721
- --pgn-color-progress-bar-bar-bg-annotated: var(--pgn-color-dark-500);
722
- --pgn-color-progress-bar-border: var(--pgn-color-gray-500);
723
- --pgn-color-product-tour-checkpoint-bg: var(--pgn-color-light-300);
724
- --pgn-color-popover-body: var(--pgn-color-body-base);
725
- --pgn-color-popover-header-text: var(--pgn-color-headings-base);
726
- --pgn-color-popover-bg: var(--pgn-color-bg-base);
727
- --pgn-color-pagination-focus-base: var(--pgn-color-primary-500);
728
- --pgn-color-pagination-bg-base: var(--pgn-color-bg-base);
729
- --pgn-color-pagination-text-active: var(--pgn-color-active);
730
- --pgn-color-page-banner-bg-light: var(--pgn-color-light-400);
731
- --pgn-color-page-banner-bg-dark: var(--pgn-color-dark-500);
732
- --pgn-color-navbar-light-brand-hover: var(--pgn-color-navbar-light-active);
733
- --pgn-color-navbar-light-brand-text: var(--pgn-color-navbar-light-active);
734
- --pgn-color-navbar-dark-active: var(--pgn-color-active);
735
- --pgn-color-nav-pills-inverse-tab-content-color: var(--pgn-color-nav-pills-inverse-link-text-base);
736
- --pgn-color-nav-pills-inverse-link-bg-active-focus-hover: var(--pgn-color-nav-pills-inverse-link-text-base);
737
- --pgn-color-nav-pills-inverse-link-bg-active: var(--pgn-color-nav-pills-inverse-link-text-base);
738
- --pgn-color-nav-pills-inverse-link-border-focus-hover: var(--pgn-color-nav-pills-inverse-link-border-active-focus);
739
- --pgn-color-nav-pills-inverse-link-border-active: var(--pgn-color-nav-pills-inverse-link-text-base);
740
- --pgn-color-nav-pills-inverse-link-border-base: var(--pgn-color-dark-300);
741
- --pgn-color-nav-pills-inverse-link-text-active-hover: var(--pgn-color-nav-pills-inverse-link-text-base);
742
- --pgn-color-nav-pills-inverse-link-text-hover: var(--pgn-color-nav-pills-inverse-link-text-base);
743
- --pgn-color-nav-pills-inverse-link-text-active: var(--pgn-color-primary-500);
744
- --pgn-color-nav-pills-inverse-link-text-focus: var(--pgn-color-nav-pills-inverse-link-text-base);
745
- --pgn-color-nav-pills-base-link-active-text: var(--pgn-color-active);
746
- --pgn-color-nav-tabs-inverse-link-tab-content-color: var(--pgn-color-nav-tabs-inverse-link-text-base);
747
- --pgn-color-nav-tabs-inverse-link-bg-focus: var(--pgn-color-nav-tabs-inverse-link-text-base);
748
- --pgn-color-nav-tabs-inverse-link-border-active: var(--pgn-color-nav-tabs-inverse-link-text-base);
749
- --pgn-color-nav-tabs-inverse-link-border-bottom: var(--pgn-color-dark-300);
750
- --pgn-color-nav-tabs-base-link-active-text: var(--pgn-color-primary-500);
751
- --pgn-color-nav-tabs-base-link-hover-bg: var(--pgn-color-light-400);
752
- --pgn-color-nav-tabs-base-border-base: var(--pgn-color-light-400);
753
- --pgn-color-modal-content-bg: var(--pgn-color-bg-base);
754
- --pgn-color-menu-select-btn-link-color: var(--pgn-color-primary-500);
755
- --pgn-color-menu-item-hover-color: var(--pgn-color-btn-text-tertiary);
756
- --pgn-color-menu-item-color: var(--pgn-color-body-base);
757
- --pgn-color-image-figure-caption: var(--pgn-color-gray-500);
758
- --pgn-color-icon-button-text-black-inverse-active-focus: var(--pgn-color-icon-button-text-black-inverse-active-base);
759
- --pgn-color-icon-button-text-black-inverse-active-hover: var(--pgn-color-icon-button-text-black-inverse-active-base);
760
- --pgn-color-icon-button-text-black-active-focus: var(--pgn-color-icon-button-accent);
761
- --pgn-color-icon-button-text-black-active-hover: var(--pgn-color-icon-button-accent);
762
- --pgn-color-icon-button-text-black-active-base: var(--pgn-color-icon-button-accent);
763
- --pgn-color-icon-button-text-black-inverse-focus: var(--pgn-color-icon-button-accent);
764
- --pgn-color-icon-button-text-black-inverse-base: var(--pgn-color-icon-button-accent);
765
- --pgn-color-icon-button-text-black-focus: var(--pgn-color-icon-button-text-black-base);
766
- --pgn-color-icon-button-text-black-hover: var(--pgn-color-icon-button-accent);
767
- --pgn-color-icon-button-text-dark-inverse-active-focus: var(--pgn-color-icon-button-text-dark-inverse-active-base);
768
- --pgn-color-icon-button-text-dark-inverse-active-hover: var(--pgn-color-icon-button-text-dark-inverse-active-base);
769
- --pgn-color-icon-button-text-dark-active-focus: var(--pgn-color-icon-button-accent);
770
- --pgn-color-icon-button-text-dark-active-hover: var(--pgn-color-icon-button-accent);
771
- --pgn-color-icon-button-text-dark-active-base: var(--pgn-color-icon-button-accent);
772
- --pgn-color-icon-button-text-dark-inverse-focus: var(--pgn-color-icon-button-accent);
773
- --pgn-color-icon-button-text-dark-inverse-base: var(--pgn-color-icon-button-accent);
774
- --pgn-color-icon-button-text-dark-focus: var(--pgn-color-icon-button-text-dark-base);
775
- --pgn-color-icon-button-text-dark-hover: var(--pgn-color-icon-button-accent);
776
- --pgn-color-icon-button-text-light-inverse-active-focus: var(--pgn-color-icon-button-text-light-inverse-active-base);
777
- --pgn-color-icon-button-text-light-inverse-active-hover: var(--pgn-color-icon-button-text-light-inverse-active-base);
778
- --pgn-color-icon-button-text-light-active-focus: var(--pgn-color-icon-button-accent);
779
- --pgn-color-icon-button-text-light-active-hover: var(--pgn-color-icon-button-accent);
780
- --pgn-color-icon-button-text-light-active-base: var(--pgn-color-icon-button-accent);
781
- --pgn-color-icon-button-text-light-inverse-focus: var(--pgn-color-icon-button-accent);
782
- --pgn-color-icon-button-text-light-inverse-base: var(--pgn-color-icon-button-accent);
783
- --pgn-color-icon-button-text-light-focus: var(--pgn-color-icon-button-text-light-base);
784
- --pgn-color-icon-button-text-light-hover: var(--pgn-color-icon-button-accent);
785
- --pgn-color-icon-button-text-danger-inverse-active-base: var(--pgn-color-danger-base);
786
- --pgn-color-icon-button-text-danger-active-focus: var(--pgn-color-icon-button-accent);
787
- --pgn-color-icon-button-text-danger-active-hover: var(--pgn-color-icon-button-accent);
788
- --pgn-color-icon-button-text-danger-active-base: var(--pgn-color-icon-button-accent);
789
- --pgn-color-icon-button-text-danger-inverse-focus: var(--pgn-color-icon-button-accent);
790
- --pgn-color-icon-button-text-danger-inverse-hover: var(--pgn-color-danger-base);
791
- --pgn-color-icon-button-text-danger-inverse-base: var(--pgn-color-icon-button-accent);
792
- --pgn-color-icon-button-text-danger-hover: var(--pgn-color-icon-button-accent);
793
- --pgn-color-icon-button-text-danger-base: var(--pgn-color-danger-base);
794
- --pgn-color-icon-button-text-warning-inverse-active-base: var(--pgn-color-warning-base);
795
- --pgn-color-icon-button-text-warning-active-focus: var(--pgn-color-icon-button-accent);
796
- --pgn-color-icon-button-text-warning-active-hover: var(--pgn-color-icon-button-accent);
797
- --pgn-color-icon-button-text-warning-active-base: var(--pgn-color-icon-button-accent);
798
- --pgn-color-icon-button-text-warning-inverse-focus: var(--pgn-color-icon-button-accent);
799
- --pgn-color-icon-button-text-warning-inverse-hover: var(--pgn-color-warning-base);
800
- --pgn-color-icon-button-text-warning-inverse-base: var(--pgn-color-icon-button-accent);
801
- --pgn-color-icon-button-text-warning-hover: var(--pgn-color-icon-button-accent);
802
- --pgn-color-icon-button-text-warning-base: var(--pgn-color-warning-base);
803
- --pgn-color-icon-button-text-success-inverse-active-base: var(--pgn-color-success-base);
804
- --pgn-color-icon-button-text-success-active-focus: var(--pgn-color-icon-button-accent);
805
- --pgn-color-icon-button-text-success-active-hover: var(--pgn-color-icon-button-accent);
806
- --pgn-color-icon-button-text-success-active-base: var(--pgn-color-icon-button-accent);
807
- --pgn-color-icon-button-text-success-inverse-focus: var(--pgn-color-icon-button-accent);
808
- --pgn-color-icon-button-text-success-inverse-hover: var(--pgn-color-success-base);
809
- --pgn-color-icon-button-text-success-inverse-base: var(--pgn-color-icon-button-accent);
810
- --pgn-color-icon-button-text-success-hover: var(--pgn-color-icon-button-accent);
811
- --pgn-color-icon-button-text-success-base: var(--pgn-color-success-base);
812
- --pgn-color-icon-button-text-brand-inverse-active-focus: var(--pgn-color-icon-button-text-brand-inverse-active-base);
813
- --pgn-color-icon-button-text-brand-inverse-active-hover: var(--pgn-color-icon-button-text-brand-inverse-active-base);
814
- --pgn-color-icon-button-text-brand-active-focus: var(--pgn-color-icon-button-accent);
815
- --pgn-color-icon-button-text-brand-active-hover: var(--pgn-color-icon-button-accent);
816
- --pgn-color-icon-button-text-brand-active-base: var(--pgn-color-icon-button-accent);
817
- --pgn-color-icon-button-text-brand-inverse-focus: var(--pgn-color-icon-button-accent);
818
- --pgn-color-icon-button-text-brand-inverse-base: var(--pgn-color-icon-button-accent);
819
- --pgn-color-icon-button-text-brand-focus: var(--pgn-color-icon-button-text-brand-base);
820
- --pgn-color-icon-button-text-brand-hover: var(--pgn-color-icon-button-accent);
821
- --pgn-color-icon-button-text-secondary-inverse-active-base: var(--pgn-color-secondary-base);
822
- --pgn-color-icon-button-text-secondary-active-focus: var(--pgn-color-icon-button-accent);
823
- --pgn-color-icon-button-text-secondary-active-hover: var(--pgn-color-icon-button-accent);
824
- --pgn-color-icon-button-text-secondary-active-base: var(--pgn-color-icon-button-accent);
825
- --pgn-color-icon-button-text-secondary-inverse-focus: var(--pgn-color-icon-button-accent);
826
- --pgn-color-icon-button-text-secondary-inverse-hover: var(--pgn-color-secondary-base);
827
- --pgn-color-icon-button-text-secondary-inverse-base: var(--pgn-color-icon-button-accent);
828
- --pgn-color-icon-button-text-secondary-hover: var(--pgn-color-icon-button-accent);
829
- --pgn-color-icon-button-text-secondary-base: var(--pgn-color-secondary-base);
830
- --pgn-color-icon-button-text-primary-inverse-active-focus: var(--pgn-color-icon-button-text-primary-base);
831
- --pgn-color-icon-button-text-primary-inverse-active-base: var(--pgn-color-icon-button-text-primary-base);
832
- --pgn-color-icon-button-text-primary-active-focus: var(--pgn-color-icon-button-accent);
833
- --pgn-color-icon-button-text-primary-active-hover: var(--pgn-color-icon-button-accent);
834
- --pgn-color-icon-button-text-primary-active-base: var(--pgn-color-icon-button-accent);
835
- --pgn-color-icon-button-text-primary-inverse-focus: var(--pgn-color-icon-button-accent);
836
- --pgn-color-icon-button-text-primary-inverse-hover: var(--pgn-color-icon-button-text-primary-base);
837
- --pgn-color-icon-button-text-primary-inverse-base: var(--pgn-color-icon-button-accent);
838
- --pgn-color-icon-button-text-primary-focus: var(--pgn-color-icon-button-text-primary-base);
839
- --pgn-color-icon-button-text-primary-hover: var(--pgn-color-icon-button-accent);
840
- --pgn-color-icon-button-bg-black-inverse-active-focus: var(--pgn-color-icon-button-accent);
841
- --pgn-color-icon-button-bg-black-inverse-active-hover: var(--pgn-color-icon-button-accent);
842
- --pgn-color-icon-button-bg-black-inverse-active-base: var(--pgn-color-icon-button-accent);
843
- --pgn-color-icon-button-bg-black-active-focus: var(--pgn-color-icon-button-bg-black-active-base);
844
- --pgn-color-icon-button-bg-black-active-hover: var(--pgn-color-icon-button-bg-black-active-base);
845
- --pgn-color-icon-button-bg-black-inverse-hover: var(--pgn-color-icon-button-accent);
846
- --pgn-color-icon-button-bg-dark-inverse-active-focus: var(--pgn-color-icon-button-accent);
847
- --pgn-color-icon-button-bg-dark-inverse-active-hover: var(--pgn-color-icon-button-accent);
848
- --pgn-color-icon-button-bg-dark-inverse-active-base: var(--pgn-color-icon-button-accent);
849
- --pgn-color-icon-button-bg-dark-active-focus: var(--pgn-color-icon-button-bg-dark-active-base);
850
- --pgn-color-icon-button-bg-dark-active-hover: var(--pgn-color-icon-button-bg-dark-active-base);
851
- --pgn-color-icon-button-bg-dark-inverse-hover: var(--pgn-color-icon-button-accent);
852
- --pgn-color-icon-button-bg-light-inverse-active-focus: var(--pgn-color-icon-button-accent);
853
- --pgn-color-icon-button-bg-light-inverse-active-hover: var(--pgn-color-icon-button-accent);
854
- --pgn-color-icon-button-bg-light-inverse-active-base: var(--pgn-color-icon-button-accent);
855
- --pgn-color-icon-button-bg-light-active-focus: var(--pgn-color-icon-button-bg-light-active-base);
856
- --pgn-color-icon-button-bg-light-active-hover: var(--pgn-color-icon-button-bg-light-active-base);
857
- --pgn-color-icon-button-bg-light-inverse-hover: var(--pgn-color-icon-button-accent);
858
- --pgn-color-icon-button-bg-danger-inverse-active-focus: var(--pgn-color-icon-button-accent);
859
- --pgn-color-icon-button-bg-danger-inverse-active-hover: var(--pgn-color-icon-button-accent);
860
- --pgn-color-icon-button-bg-danger-inverse-active-base: var(--pgn-color-icon-button-accent);
861
- --pgn-color-icon-button-bg-danger-active-base: var(--pgn-color-danger-base);
862
- --pgn-color-icon-button-bg-danger-inverse-hover: var(--pgn-color-icon-button-accent);
863
- --pgn-color-icon-button-bg-danger-hover: var(--pgn-color-danger-base);
864
- --pgn-color-icon-button-bg-warning-inverse-active-focus: var(--pgn-color-icon-button-accent);
865
- --pgn-color-icon-button-bg-warning-inverse-active-hover: var(--pgn-color-icon-button-accent);
866
- --pgn-color-icon-button-bg-warning-inverse-active-base: var(--pgn-color-icon-button-accent);
867
- --pgn-color-icon-button-bg-warning-active-base: var(--pgn-color-warning-base);
868
- --pgn-color-icon-button-bg-warning-inverse-hover: var(--pgn-color-icon-button-accent);
869
- --pgn-color-icon-button-bg-warning-hover: var(--pgn-color-warning-base);
870
- --pgn-color-icon-button-bg-success-inverse-active-focus: var(--pgn-color-icon-button-accent);
871
- --pgn-color-icon-button-bg-success-inverse-active-hover: var(--pgn-color-icon-button-accent);
872
- --pgn-color-icon-button-bg-success-inverse-active-base: var(--pgn-color-icon-button-accent);
873
- --pgn-color-icon-button-bg-success-active-base: var(--pgn-color-success-base);
874
- --pgn-color-icon-button-bg-success-inverse-hover: var(--pgn-color-icon-button-accent);
875
- --pgn-color-icon-button-bg-success-hover: var(--pgn-color-success-base);
876
- --pgn-color-icon-button-bg-brand-inverse-active-focus: var(--pgn-color-icon-button-accent);
877
- --pgn-color-icon-button-bg-brand-inverse-active-hover: var(--pgn-color-icon-button-accent);
878
- --pgn-color-icon-button-bg-brand-inverse-active-base: var(--pgn-color-icon-button-accent);
879
- --pgn-color-icon-button-bg-brand-active-focus: var(--pgn-color-icon-button-bg-brand-active-base);
880
- --pgn-color-icon-button-bg-brand-active-hover: var(--pgn-color-icon-button-bg-brand-active-base);
881
- --pgn-color-icon-button-bg-brand-inverse-hover: var(--pgn-color-icon-button-accent);
882
- --pgn-color-icon-button-bg-secondary-inverse-active-focus: var(--pgn-color-icon-button-accent);
883
- --pgn-color-icon-button-bg-secondary-inverse-active-hover: var(--pgn-color-icon-button-accent);
884
- --pgn-color-icon-button-bg-secondary-inverse-active-base: var(--pgn-color-icon-button-accent);
885
- --pgn-color-icon-button-bg-secondary-active-base: var(--pgn-color-secondary-base);
886
- --pgn-color-icon-button-bg-secondary-inverse-hover: var(--pgn-color-icon-button-accent);
887
- --pgn-color-icon-button-bg-secondary-hover: var(--pgn-color-secondary-base);
888
- --pgn-color-icon-button-bg-primary-inverse-active-focus: var(--pgn-color-icon-button-accent);
889
- --pgn-color-icon-button-bg-primary-inverse-active-hover: var(--pgn-color-icon-button-accent);
890
- --pgn-color-icon-button-bg-primary-inverse-active-base: var(--pgn-color-icon-button-accent);
891
- --pgn-color-icon-button-bg-primary-active-focus: var(--pgn-color-icon-button-text-primary-base);
892
- --pgn-color-icon-button-bg-primary-active-hover: var(--pgn-color-icon-button-text-primary-base);
893
- --pgn-color-icon-button-bg-primary-active-base: var(--pgn-color-icon-button-text-primary-base);
894
- --pgn-color-icon-button-bg-primary-inverse-hover: var(--pgn-color-icon-button-accent);
895
- --pgn-color-icon-button-bg-primary-hover: var(--pgn-color-icon-button-text-primary-base);
896
- --pgn-color-blockquote-small: var(--pgn-color-gray-500);
897
- --pgn-color-text-muted: var(--pgn-color-gray-500);
898
- --pgn-color-list-group-action-active-base: var(--pgn-color-body-base);
899
- --pgn-color-list-group-action-hover: var(--pgn-color-list-group-action-base);
900
- --pgn-color-list-group-disabled-bg: var(--pgn-color-list-group-bg-base);
901
- --pgn-color-list-group-active-base: var(--pgn-color-active);
902
- --pgn-color-link-brand-inline-base: var(--pgn-color-brand-500);
903
- --pgn-color-link-brand-base: var(--pgn-color-brand-500);
904
- --pgn-color-link-muted-inline-base: var(--pgn-color-primary-500);
905
- --pgn-color-link-muted-base: var(--pgn-color-primary-500);
906
- --pgn-color-body-bg: var(--pgn-color-bg-base);
907
- --pgn-color-form-feedback-invalid: var(--pgn-color-danger-base);
908
- --pgn-color-form-feedback-valid: var(--pgn-color-success-base);
909
- --pgn-color-form-control-file-button-bg: var(--pgn-color-form-input-group-addon-bg);
910
- --pgn-color-form-control-file-bg-disabled: var(--pgn-color-form-input-bg-disabled);
911
- --pgn-color-form-control-file-base: var(--pgn-color-form-input-base);
912
- --pgn-color-form-control-select-indicator-base: var(--pgn-color-theme-hover-gray);
913
- --pgn-color-form-control-select-base: var(--pgn-color-form-input-base);
914
- --pgn-color-form-control-switch-indicator-checked-bg: var(--pgn-color-success-base);
915
- --pgn-color-form-control-indicator-active-base: var(--pgn-color-active);
916
- --pgn-color-form-control-indicator-checked-invalid: var(--pgn-color-danger-base);
917
- --pgn-color-form-control-indicator-checked-valid: var(--pgn-color-success-base);
918
- --pgn-color-form-control-indicator-bg-disabled: var(--pgn-color-form-input-bg-disabled);
919
- --pgn-color-form-input-focus-base: var(--pgn-color-form-input-base);
920
- --pgn-color-form-input-group-addon-base: var(--pgn-color-form-input-base);
921
- --pgn-color-form-input-bg-base: var(--pgn-color-bg-base);
922
- --pgn-color-form-input-border: var(--pgn-color-gray-500);
923
- --pgn-color-form-input-plaintext: var(--pgn-color-body-base);
924
- --pgn-color-form-input-placeholder: var(--pgn-color-gray-500);
925
- --pgn-color-dropzone-border-base: var(--pgn-color-gray-500);
926
- --pgn-color-dropzone-restriction-msg: var(--pgn-color-gray-500);
927
- --pgn-color-dropdown-link-active-base: var(--pgn-color-active);
928
- --pgn-color-dropdown-link-hover-bg: var(--pgn-color-light-300);
929
- --pgn-color-dropdown-bg: var(--pgn-color-bg-base);
930
- --pgn-color-dropdown-header: var(--pgn-color-gray-500);
931
- --pgn-color-dropdown-text: var(--pgn-color-body-base);
932
- --pgn-color-data-table-border: var(--pgn-color-light-300);
933
- --pgn-color-data-table-bg-base: var(--pgn-color-bg-base);
934
- --pgn-color-chip-label-dark: var(--pgn-color-chip-outline-dark);
935
- --pgn-color-chip-label-base: var(--pgn-color-primary-700);
936
- --pgn-color-chip-border-focus-selected-light: var(--pgn-color-dark-500);
937
- --pgn-color-chip-border-focus-selected-dark: var(--pgn-color-chip-outline-dark);
938
- --pgn-color-chip-border-base: var(--pgn-color-light-800);
939
- --pgn-color-chip-bg-dark: var(--pgn-color-primary-300);
940
- --pgn-color-card-divider-bg: var(--pgn-color-light-400);
941
- --pgn-color-card-border-focus-base: var(--pgn-color-primary-500);
942
- --pgn-color-card-bg-muted: var(--pgn-color-light-200);
943
- --pgn-color-card-bg-dark: var(--pgn-color-primary-500);
944
- --pgn-color-card-bg-base: var(--pgn-color-bg-base);
945
- --pgn-color-btn-disabled-border-inverse-outline-warning: var(--pgn-color-btn-border-inverse-outline-warning);
946
- --pgn-color-btn-disabled-border-inverse-outline-secondary: var(--pgn-color-btn-border-inverse-outline-secondary);
947
- --pgn-color-btn-disabled-border-outline-secondary: var(--pgn-color-secondary-base);
948
- --pgn-color-btn-disabled-border-inverse-outline-primary: var(--pgn-color-btn-text-inverse-outline-primary);
949
- --pgn-color-btn-disabled-border-inverse-outline-light: var(--pgn-color-btn-border-inverse-outline-light);
950
- --pgn-color-btn-disabled-border-inverse-outline-info: var(--pgn-color-btn-border-inverse-outline-info);
951
- --pgn-color-btn-disabled-border-inverse-outline-dark: var(--pgn-color-btn-focus-border-inverse-outline-dark);
952
- --pgn-color-btn-disabled-border-inverse-outline-danger: var(--pgn-color-btn-border-inverse-outline-danger);
953
- --pgn-color-btn-disabled-border-inverse-outline-brand: var(--pgn-color-btn-text-inverse-outline-brand);
954
- --pgn-color-btn-disabled-border-inverse-brand: var(--pgn-color-btn-disabled-bg-inverse-brand);
955
- --pgn-color-btn-disabled-border-outline-brand: var(--pgn-color-btn-border-outline-brand);
956
- --pgn-color-btn-disabled-bg-primary: var(--pgn-color-btn-bg-primary);
957
- --pgn-color-btn-disabled-bg-light: var(--pgn-color-btn-bg-light);
958
- --pgn-color-btn-disabled-bg-dark: var(--pgn-color-btn-bg-dark);
959
- --pgn-color-btn-disabled-bg-brand: var(--pgn-color-btn-bg-brand);
960
- --pgn-color-btn-disabled-text-inverse-outline-warning: var(--pgn-color-btn-text-inverse-outline-warning);
961
- --pgn-color-btn-disabled-text-inverse-warning: var(--pgn-color-warning-base);
962
- --pgn-color-btn-disabled-text-inverse-tertiary: var(--pgn-color-btn-text-inverse-tertiary);
963
- --pgn-color-btn-disabled-text-tertiary: var(--pgn-color-btn-text-tertiary);
964
- --pgn-color-btn-disabled-text-inverse-outline-success: var(--pgn-color-btn-text-inverse-outline-success);
965
- --pgn-color-btn-disabled-text-inverse-success: var(--pgn-color-success-base);
966
- --pgn-color-btn-disabled-text-inverse-outline-secondary: var(--pgn-color-btn-text-inverse-outline-secondary);
967
- --pgn-color-btn-disabled-text-inverse-outline-primary: var(--pgn-color-btn-text-inverse-outline-primary);
968
- --pgn-color-btn-disabled-text-inverse-primary: var(--pgn-color-primary-500);
969
- --pgn-color-btn-disabled-text-inverse-outline-light: var(--pgn-color-btn-text-inverse-outline-light);
970
- --pgn-color-btn-disabled-text-inverse-light: var(--pgn-color-btn-text-inverse-light);
971
- --pgn-color-btn-disabled-text-inverse-outline-info: var(--pgn-color-btn-text-inverse-outline-info);
972
- --pgn-color-btn-disabled-text-inverse-info: var(--pgn-color-info-base);
973
- --pgn-color-btn-disabled-text-inverse-outline-dark: var(--pgn-color-btn-text-inverse-outline-dark);
974
- --pgn-color-btn-disabled-text-inverse-dark: var(--pgn-color-btn-text-inverse-dark);
975
- --pgn-color-btn-disabled-text-inverse-outline-danger: var(--pgn-color-btn-text-inverse-outline-danger);
976
- --pgn-color-btn-disabled-text-inverse-danger: var(--pgn-color-danger-base);
977
- --pgn-color-btn-disabled-text-inverse-outline-brand: var(--pgn-color-btn-text-inverse-outline-brand);
978
- --pgn-color-btn-disabled-text-inverse-brand: var(--pgn-color-brand-500);
979
- --pgn-color-btn-focus-outline-inverse-success: var(--pgn-color-btn-focus-border-inverse-success);
980
- --pgn-color-btn-focus-outline-inverse-outline-secondary: var(--pgn-color-btn-border-inverse-outline-secondary);
981
- --pgn-color-btn-focus-outline-inverse-outline-primary: var(--pgn-color-btn-border-inverse-outline-primary);
982
- --pgn-color-btn-focus-outline-inverse-primary: var(--pgn-color-btn-focus-border-inverse-primary);
983
- --pgn-color-btn-focus-outline-light: var(--pgn-color-primary-300);
984
- --pgn-color-btn-focus-outline-inverse-info: var(--pgn-color-btn-focus-border-inverse-info);
985
- --pgn-color-btn-focus-outline-inverse-outline-dark: var(--pgn-color-btn-focus-border-inverse-outline-dark);
986
- --pgn-color-btn-focus-outline-inverse-dark: var(--pgn-color-btn-focus-border-inverse-dark);
987
- --pgn-color-btn-focus-outline-inverse-outline-danger: var(--pgn-color-btn-focus-border-inverse-danger);
988
- --pgn-color-btn-focus-outline-inverse-danger: var(--pgn-color-btn-focus-border-inverse-danger);
989
- --pgn-color-btn-focus-outline-inverse-brand: var(--pgn-color-btn-focus-border-inverse-brand);
990
- --pgn-color-btn-focus-bg-primary: var(--pgn-color-btn-bg-primary);
991
- --pgn-color-btn-focus-bg-light: var(--pgn-color-btn-bg-light);
992
- --pgn-color-btn-focus-bg-dark: var(--pgn-color-btn-bg-dark);
993
- --pgn-color-btn-focus-bg-brand: var(--pgn-color-btn-bg-brand);
994
- --pgn-color-btn-focus-border-inverse-outline-warning: var(--pgn-color-btn-border-inverse-outline-warning);
995
- --pgn-color-btn-focus-border-inverse-outline-success: var(--pgn-color-btn-border-inverse-outline-success);
996
- --pgn-color-btn-focus-border-inverse-outline-primary: var(--pgn-color-btn-border-inverse-outline-primary);
997
- --pgn-color-btn-focus-border-outline-primary: var(--pgn-color-btn-border-outline-primary);
998
- --pgn-color-btn-focus-border-inverse-outline-light: var(--pgn-color-btn-border-inverse-outline-light);
999
- --pgn-color-btn-focus-border-outline-light: var(--pgn-color-btn-border-outline-light);
1000
- --pgn-color-btn-focus-border-inverse-outline-info: var(--pgn-color-btn-border-inverse-outline-info);
1001
- --pgn-color-btn-focus-border-outline-dark: var(--pgn-color-btn-border-outline-dark);
1002
- --pgn-color-btn-focus-border-inverse-outline-brand: var(--pgn-color-btn-border-inverse-outline-brand);
1003
- --pgn-color-btn-focus-border-outline-brand: var(--pgn-color-btn-border-outline-brand);
1004
- --pgn-color-btn-focus-text-inverse-outline-warning: var(--pgn-color-btn-text-inverse-outline-warning);
1005
- --pgn-color-btn-focus-text-inverse-tertiary: var(--pgn-color-btn-text-inverse-tertiary);
1006
- --pgn-color-btn-focus-text-tertiary: var(--pgn-color-btn-text-tertiary);
1007
- --pgn-color-btn-focus-text-inverse-outline-success: var(--pgn-color-btn-text-inverse-outline-success);
1008
- --pgn-color-btn-focus-text-inverse-outline-secondary: var(--pgn-color-btn-text-inverse-outline-secondary);
1009
- --pgn-color-btn-focus-text-inverse-outline-primary: var(--pgn-color-btn-text-inverse-outline-primary);
1010
- --pgn-color-btn-focus-text-inverse-primary: var(--pgn-color-btn-text-inverse-primary);
1011
- --pgn-color-btn-focus-text-outline-primary: var(--pgn-color-btn-text-outline-primary);
1012
- --pgn-color-btn-focus-text-inverse-outline-light: var(--pgn-color-btn-text-inverse-outline-light);
1013
- --pgn-color-btn-focus-text-inverse-light: var(--pgn-color-btn-text-inverse-light);
1014
- --pgn-color-btn-focus-text-outline-light: var(--pgn-color-btn-text-outline-light);
1015
- --pgn-color-btn-focus-text-inverse-outline-info: var(--pgn-color-btn-text-inverse-outline-info);
1016
- --pgn-color-btn-focus-text-inverse-outline-dark: var(--pgn-color-btn-text-inverse-outline-dark);
1017
- --pgn-color-btn-focus-text-inverse-dark: var(--pgn-color-btn-text-inverse-dark);
1018
- --pgn-color-btn-focus-text-inverse-outline-danger: var(--pgn-color-btn-text-inverse-outline-danger);
1019
- --pgn-color-btn-focus-text-inverse-outline-brand: var(--pgn-color-btn-text-inverse-outline-brand);
1020
- --pgn-color-btn-focus-text-outline-brand: var(--pgn-color-btn-text-outline-brand);
1021
- --pgn-color-btn-focus-text-inverse-brand: var(--pgn-color-btn-text-inverse-brand);
1022
- --pgn-color-btn-active-bg-inverse-tertiary: var(--pgn-color-btn-hover-bg-inverse-tertiary);
1023
- --pgn-color-btn-active-bg-tertiary: var(--pgn-color-light-500);
1024
- --pgn-color-btn-active-text-inverse-primary: #051627FF;
1025
- --pgn-color-btn-active-text-inverse-light: #CAC3BFFF;
1026
- --pgn-color-btn-active-text-inverse-dark: #142018FF;
1027
- --pgn-color-btn-active-text-inverse-brand: #6A0039FF;
1028
- --pgn-color-btn-hover-border-outline-primary: var(--pgn-color-primary-900);
1029
- --pgn-color-btn-hover-border-outline-light: var(--pgn-color-light-900);
1030
- --pgn-color-btn-hover-border-outline-dark: var(--pgn-color-dark-900);
1031
- --pgn-color-btn-hover-border-outline-brand: var(--pgn-color-brand-900);
1032
- --pgn-color-btn-hover-bg-tertiary: var(--pgn-color-light-500);
1033
- --pgn-color-btn-hover-bg-inverse-outline-primary: var(--pgn-color-primary-100);
1034
- --pgn-color-btn-hover-bg-outline-primary: var(--pgn-color-primary-100);
1035
- --pgn-color-btn-hover-bg-inverse-outline-light: var(--pgn-color-light-100);
1036
- --pgn-color-btn-hover-bg-outline-light: var(--pgn-color-light-100);
1037
- --pgn-color-btn-hover-bg-inverse-outline-dark: var(--pgn-color-dark-100);
1038
- --pgn-color-btn-hover-bg-outline-dark: var(--pgn-color-dark-100);
1039
- --pgn-color-btn-hover-bg-inverse-outline-brand: var(--pgn-color-brand-100);
1040
- --pgn-color-btn-hover-bg-outline-brand: var(--pgn-color-brand-100);
1041
- --pgn-color-btn-hover-text-inverse-primary: #061D33FF;
1042
- --pgn-color-btn-hover-text-inverse-light: #D0C9C6FF;
1043
- --pgn-color-btn-hover-text-inverse-dark: #18271DFF;
1044
- --pgn-color-btn-hover-text-inverse-brand: #770040FF;
1045
- --pgn-color-btn-border-outline-warning: var(--pgn-color-warning-base);
1046
- --pgn-color-btn-border-outline-success: var(--pgn-color-success-base);
1047
- --pgn-color-btn-border-outline-secondary: var(--pgn-color-secondary-base);
1048
- --pgn-color-btn-border-primary: var(--pgn-color-btn-bg-primary);
1049
- --pgn-color-btn-border-light: var(--pgn-color-btn-bg-light);
1050
- --pgn-color-btn-border-outline-info: var(--pgn-color-info-base);
1051
- --pgn-color-btn-border-dark: var(--pgn-color-btn-bg-dark);
1052
- --pgn-color-btn-border-outline-danger: var(--pgn-color-danger-base);
1053
- --pgn-color-btn-border-brand: var(--pgn-color-btn-bg-brand);
1054
- --pgn-color-btn-bg-warning: var(--pgn-color-warning-base);
1055
- --pgn-color-btn-bg-success: var(--pgn-color-success-base);
1056
- --pgn-color-btn-bg-secondary: var(--pgn-color-secondary-base);
1057
- --pgn-color-btn-bg-inverse-primary: #FFFFFFFF;
1058
- --pgn-color-btn-bg-inverse-light: #454545FF;
1059
- --pgn-color-btn-bg-info: var(--pgn-color-info-base);
1060
- --pgn-color-btn-bg-inverse-dark: #FFFFFFFF;
1061
- --pgn-color-btn-bg-danger: var(--pgn-color-danger-base);
1062
- --pgn-color-btn-bg-inverse-brand: #FFFFFFFF;
1063
- --pgn-color-btn-text-inverse-warning: var(--pgn-color-warning-base);
1064
- --pgn-color-btn-text-outline-warning: var(--pgn-color-warning-base);
1065
- --pgn-color-btn-text-inverse-success: var(--pgn-color-success-base);
1066
- --pgn-color-btn-text-outline-success: var(--pgn-color-success-base);
1067
- --pgn-color-btn-text-inverse-secondary: var(--pgn-color-secondary-base);
1068
- --pgn-color-btn-text-outline-secondary: var(--pgn-color-secondary-base);
1069
- --pgn-color-btn-text-primary: #FFFFFFFF;
1070
- --pgn-color-btn-text-light: #454545FF;
1071
- --pgn-color-btn-text-inverse-info: var(--pgn-color-info-base);
1072
- --pgn-color-btn-text-outline-info: var(--pgn-color-info-base);
1073
- --pgn-color-btn-text-dark: #FFFFFFFF;
1074
- --pgn-color-btn-text-inverse-danger: var(--pgn-color-danger-base);
1075
- --pgn-color-btn-text-outline-danger: var(--pgn-color-danger-base);
1076
- --pgn-color-btn-text-brand: #FFFFFFFF;
1077
- --pgn-color-bubble-bg-error: var(--pgn-color-danger-base);
1078
- --pgn-color-bubble-bg-warning: var(--pgn-color-warning-base);
1079
- --pgn-color-bubble-bg-success: var(--pgn-color-success-base);
1080
- --pgn-color-breadcrumb-inverse-spacer: var(--pgn-color-light-700);
1081
- --pgn-color-breadcrumb-inverse-active: var(--pgn-color-light-500);
1082
- --pgn-color-breadcrumb-active: var(--pgn-color-gray-500);
1083
- --pgn-color-breadcrumb-base: var(--pgn-color-primary-500);
1084
- --pgn-color-badge-focus-box-shadow-dark: #273F2F0D;
1085
- --pgn-color-badge-focus-box-shadow-light: #E1DDDB0D;
1086
- --pgn-color-badge-focus-box-shadow-primary: #0A30550D;
1087
- --pgn-color-badge-focus-bg-dark: #142018FF;
1088
- --pgn-color-badge-focus-bg-light: #CAC3BFFF;
1089
- --pgn-color-badge-focus-bg-primary: #051627FF;
1090
- --pgn-color-badge-focus-dark: var(--pgn-color-badge-text-dark);
1091
- --pgn-color-badge-focus-light: var(--pgn-color-badge-text-light);
1092
- --pgn-color-badge-focus-primary: var(--pgn-color-badge-text-primary);
1093
- --pgn-color-badge-bg-info: var(--pgn-color-info-base);
1094
- --pgn-color-badge-bg-danger: var(--pgn-color-danger-base);
1095
- --pgn-color-badge-bg-warning: var(--pgn-color-warning-base);
1096
- --pgn-color-badge-bg-success: var(--pgn-color-success-base);
1097
- --pgn-color-badge-bg-secondary: var(--pgn-color-secondary-base);
1098
- --pgn-color-badge-text-info: #FFFFFFFF;
1099
- --pgn-color-badge-text-warning: #454545FF;
1100
- --pgn-color-badge-text-danger: #FFFFFFFF;
1101
- --pgn-color-badge-text-success: #FFFFFFFF;
1102
- --pgn-color-badge-text-secondary: #FFFFFFFF;
1103
- --pgn-color-avatar-border: var(--pgn-color-light-300);
1104
- --pgn-color-annotation-bg-error: var(--pgn-color-danger-base);
1105
- --pgn-color-annotation-bg-success: var(--pgn-color-success-base);
1106
- --pgn-color-annotation-text-light: var(--pgn-color-primary-500);
1107
- --pgn-color-theme-active-dark: var(--pgn-color-dark-900);
1108
- --pgn-color-theme-active-light: var(--pgn-color-light-900);
1109
- --pgn-color-theme-active-brand: var(--pgn-color-brand-900);
1110
- --pgn-color-theme-active-primary: var(--pgn-color-primary-900);
1111
- --pgn-color-theme-hover-dark: var(--pgn-color-dark-700);
1112
- --pgn-color-theme-hover-light: var(--pgn-color-light-700);
1113
- --pgn-color-theme-hover-brand: var(--pgn-color-brand-700);
1114
- --pgn-color-theme-hover-primary: var(--pgn-color-primary-700);
1115
- --pgn-color-theme-default-gray: var(--pgn-color-gray-500);
1116
- --pgn-color-theme-default-dark: var(--pgn-color-dark-500);
1117
- --pgn-color-theme-default-light: var(--pgn-color-light-500);
1118
- --pgn-color-theme-default-brand: var(--pgn-color-brand-500);
1119
- --pgn-color-theme-default-primary: var(--pgn-color-primary-500);
1120
- --pgn-color-theme-focus-gray: var(--pgn-color-gray-500);
1121
- --pgn-color-theme-focus-dark: var(--pgn-color-dark-500);
1122
- --pgn-color-theme-focus-light: var(--pgn-color-light-500);
1123
- --pgn-color-theme-focus-brand: var(--pgn-color-brand-500);
1124
- --pgn-color-theme-focus-primary: var(--pgn-color-primary-500);
1125
- --pgn-color-theme-border-dark: var(--pgn-color-dark-200);
1126
- --pgn-color-theme-border-light: var(--pgn-color-light-200);
1127
- --pgn-color-theme-border-brand: var(--pgn-color-brand-200);
1128
- --pgn-color-theme-border-primary: var(--pgn-color-primary-200);
1129
- --pgn-color-theme-bg-dark: var(--pgn-color-dark-100);
1130
- --pgn-color-theme-bg-light: var(--pgn-color-light-100);
1131
- --pgn-color-theme-bg-brand: var(--pgn-color-brand-100);
1132
- --pgn-color-theme-bg-primary: var(--pgn-color-primary-100);
1133
- --pgn-color-table-border: var(--pgn-color-border);
1134
- --pgn-color-input-focus: var(--pgn-color-primary-500);
1135
- --pgn-color-disabled: var(--pgn-color-gray-500);
1136
- --pgn-color-bg-active: var(--pgn-color-primary-500);
1137
- --pgn-elevation-pagination-focus-box-shadow: var(--pgn-elevation-input-btn-focus-box-shadow);
1138
- --pgn-elevation-form-control-select-border-focus: var(--pgn-elevation-input-btn-focus-box-shadow);
1139
- --pgn-elevation-form-input-focus: 0 0 0 1px var(--pgn-color-primary-500);
1140
- --pgn-elevation-dropzone-active: inset 0 0 0 2px var(--pgn-color-primary-500);
1141
7
  --pgn-border-color-nav-tabs-link-border-focus: var(--pgn-color-nav-tabs-base-link-active-text);
1142
- --pgn-border-color-nav-tabs-link-border-hover: transparent transparent var(--pgn-color-nav-tabs-base-border-base);
8
+ --pgn-border-color-nav-tabs-link-border-hover-left: transparent;
9
+ --pgn-border-color-nav-tabs-link-border-hover-bottom: var(--pgn-color-nav-tabs-base-border-base);
10
+ --pgn-border-color-nav-tabs-link-border-hover-right: transparent;
11
+ --pgn-border-color-nav-tabs-link-border-hover-top: transparent;
12
+ --pgn-border-color-nav-tabs-link-border-active: var(--pgn-color-primary-500);
13
+ --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");
14
+ --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");
15
+ --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");
16
+ --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");
17
+ --pgn-color-action-default-accent-b: #FFE755FF;
18
+ --pgn-color-action-default-accent-a: #0095C6FF;
19
+ --pgn-color-action-default-dark-base: #142018FF;
20
+ --pgn-color-action-default-dark-900: #080C09FF;
21
+ --pgn-color-action-default-dark-800: #0A0F0CFF;
22
+ --pgn-color-action-default-dark-700: #0B130EFF;
23
+ --pgn-color-action-default-dark-600: #101913FF;
24
+ --pgn-color-action-default-dark-500: #142018FF;
25
+ --pgn-color-action-default-dark-400: #46534AFF;
26
+ --pgn-color-action-default-dark-300: #78877DFF;
27
+ --pgn-color-action-default-dark-200: #AEB7B1FF;
28
+ --pgn-color-action-default-dark-100: #D7DBDBFF;
29
+ --pgn-color-action-default-light-base: #CAC3BFFF;
30
+ --pgn-color-action-default-light-900: #85817FFF;
31
+ --pgn-color-action-default-light-800: #908C8AFF;
32
+ --pgn-color-action-default-light-700: #9B9795FF;
33
+ --pgn-color-action-default-light-600: #B3ADAAFF;
34
+ --pgn-color-action-default-light-500: #CAC3BFFF;
35
+ --pgn-color-action-default-light-400: #D2CCC8FF;
36
+ --pgn-color-action-default-light-300: #D9D4D1FF;
37
+ --pgn-color-action-default-light-200: #E2DED9FF;
38
+ --pgn-color-action-default-light-100: #E4E4E4FF;
39
+ --pgn-color-action-default-danger-base: #9A232EFF;
1143
40
  --pgn-color-action-default-danger-900: #60161DFF;
1144
41
  --pgn-color-action-default-danger-800: #691820FF;
1145
42
  --pgn-color-action-default-danger-700: #731A22FF;
@@ -1149,6 +46,7 @@
1149
46
  --pgn-color-action-default-danger-300: #D66E78FF;
1150
47
  --pgn-color-action-default-danger-200: #E5A3A9FF;
1151
48
  --pgn-color-action-default-danger-100: #EFCBCFFF;
49
+ --pgn-color-action-default-warning-base: #CCAE00FF;
1152
50
  --pgn-color-action-default-warning-900: #806D00FF;
1153
51
  --pgn-color-action-default-warning-800: #8C7700FF;
1154
52
  --pgn-color-action-default-warning-700: #998300FF;
@@ -1158,6 +56,7 @@
1158
56
  --pgn-color-action-default-warning-300: #FFE44DFF;
1159
57
  --pgn-color-action-default-warning-200: #FFEF8CFF;
1160
58
  --pgn-color-action-default-warning-100: #FFF6BDFF;
59
+ --pgn-color-action-default-info-base: #004C77FF;
1161
60
  --pgn-color-action-default-info-900: #002B44FF;
1162
61
  --pgn-color-action-default-info-800: #00314DFF;
1163
62
  --pgn-color-action-default-info-700: #003655FF;
@@ -1167,6 +66,7 @@
1167
66
  --pgn-color-action-default-info-300: #5AA0C8FF;
1168
67
  --pgn-color-action-default-info-200: #99C5DDFF;
1169
68
  --pgn-color-action-default-info-100: #CADFEDFF;
69
+ --pgn-color-action-default-success-base: #0F5737FF;
1170
70
  --pgn-color-action-default-success-900: #08301EFF;
1171
71
  --pgn-color-action-default-success-800: #093723FF;
1172
72
  --pgn-color-action-default-success-700: #0A3D26FF;
@@ -1176,6 +76,17 @@
1176
76
  --pgn-color-action-default-success-300: #6AAF90FF;
1177
77
  --pgn-color-action-default-success-200: #A4CEBBFF;
1178
78
  --pgn-color-action-default-success-100: #CFE7DDFF;
79
+ --pgn-color-action-default-brand-base: #6A0039FF;
80
+ --pgn-color-action-default-brand-900: #3B0020FF;
81
+ --pgn-color-action-default-brand-800: #430024FF;
82
+ --pgn-color-action-default-brand-700: #4B0028FF;
83
+ --pgn-color-action-default-brand-600: #5A0031FF;
84
+ --pgn-color-action-default-brand-500: #6A0039FF;
85
+ --pgn-color-action-default-brand-400: #903365FF;
86
+ --pgn-color-action-default-brand-300: #C05B91FF;
87
+ --pgn-color-action-default-brand-200: #D99ABBFF;
88
+ --pgn-color-action-default-brand-100: #EACCDDFF;
89
+ --pgn-color-action-default-secondary-base: #2B2B2BFF;
1179
90
  --pgn-color-action-default-secondary-900: #161616FF;
1180
91
  --pgn-color-action-default-secondary-800: #1A1A1AFF;
1181
92
  --pgn-color-action-default-secondary-700: #1E1E1EFF;
@@ -1185,63 +96,561 @@
1185
96
  --pgn-color-action-default-secondary-300: #898989FF;
1186
97
  --pgn-color-action-default-secondary-200: #B8B8B8FF;
1187
98
  --pgn-color-action-default-secondary-100: #DBDBDBFF;
99
+ --pgn-color-action-default-primary-base: #051627FF;
100
+ --pgn-color-action-default-primary-900: #02080EFF;
101
+ --pgn-color-action-default-primary-800: #020A13FF;
102
+ --pgn-color-action-default-primary-700: #030C16FF;
103
+ --pgn-color-action-default-primary-600: #04111FFF;
104
+ --pgn-color-action-default-primary-500: #051627FF;
105
+ --pgn-color-action-default-primary-400: #354A5FFF;
106
+ --pgn-color-action-default-primary-300: #677F95FF;
107
+ --pgn-color-action-default-primary-200: #A4B1C0FF;
108
+ --pgn-color-action-default-primary-100: #D1DBE1FF;
109
+ --pgn-color-action-default-gray-base: #575757FF;
110
+ --pgn-color-action-default-gray-900: #0A0C0DFF;
111
+ --pgn-color-action-default-gray-800: #1A1A1AFF;
112
+ --pgn-color-action-default-gray-700: #2B2B2BFF;
113
+ --pgn-color-action-default-gray-600: #424242FF;
114
+ --pgn-color-action-default-gray-500: #575757FF;
115
+ --pgn-color-action-default-gray-400: #767676FF;
116
+ --pgn-color-action-default-gray-300: #949494FF;
117
+ --pgn-color-action-default-gray-200: #B3B3B3FF;
118
+ --pgn-color-action-default-gray-100: #D2D2D2FF;
119
+ --pgn-color-dark-base: #273F2FFF; /* Basic dark color. */
120
+ --pgn-color-dark-900: #1B2C21FF; /* Dark color of level 900. */
121
+ --pgn-color-dark-800: #1D2F23FF; /* Dark color of level 800. */
122
+ --pgn-color-dark-700: #1F3226FF; /* Info color of level 700. */
123
+ --pgn-color-dark-600: #23392AFF; /* Dark color of level 600. */
124
+ --pgn-color-dark-500: var(--pgn-color-dark-base); /* Dark color of level 500. */
125
+ --pgn-color-dark-400: #5D6F63FF; /* Dark color of level 400. */
126
+ --pgn-color-dark-300: #939F97FF; /* Dark color of level 300. */
127
+ --pgn-color-dark-200: #C9CFCBFF; /* Dark color of level 200. */
128
+ --pgn-color-dark-100: #F2F3F3FF; /* Dark color of level 100. */
129
+ --pgn-color-light-base: #E1DDDBFF; /* Basic light color. */
130
+ --pgn-color-light-900: #9E9B99FF; /* Light color of level 900. */
131
+ --pgn-color-light-800: #A9A6A4FF; /* Light color of level 800. */
132
+ --pgn-color-light-700: #B4B1AFFF; /* Light color of level 700. */
133
+ --pgn-color-light-600: #CBC7C5FF; /* Light color of level 600. */
134
+ --pgn-color-light-500: var(--pgn-color-light-base); /* Light color of level 500. */
135
+ --pgn-color-light-400: #E9E6E4FF; /* Light color of level 400. */
136
+ --pgn-color-light-300: #F0EEEDFF; /* Light color of level 300. */
137
+ --pgn-color-light-200: #F8F7F6FF; /* Light color of level 200. */
138
+ --pgn-color-light-100: #FDFDFDFF; /* Light color of level 100. */
139
+ --pgn-color-danger-base: var(--pgn-color-red); /* Basic danger color. */
140
+ --pgn-color-danger-900: #892029FF; /* Danger color of level 900. */
141
+ --pgn-color-danger-800: #92222CFF; /* Danger color of level 800. */
142
+ --pgn-color-danger-700: #9C242EFF; /* Danger color of level 700. */
143
+ --pgn-color-danger-600: #B02934FF; /* Danger color of level 600. */
144
+ --pgn-color-danger-500: var(--pgn-color-danger-base); /* Danger color of level 500. */
145
+ --pgn-color-danger-400: #D2626BFF; /* Danger color of level 400. */
146
+ --pgn-color-danger-300: #E1969DFF; /* Danger color of level 300. */
147
+ --pgn-color-danger-200: #F0CBCEFF; /* Danger color of level 200. */
148
+ --pgn-color-danger-100: #FBF2F3FF; /* Danger color of level 100. */
149
+ --pgn-color-warning-base: var(--pgn-color-yellow); /* Basic warning color. */
150
+ --pgn-color-warning-900: #B39800FF; /* Warning color of level 900. */
151
+ --pgn-color-warning-800: #BFA300FF; /* Warning color of level 800. */
152
+ --pgn-color-warning-700: #CCAE00FF; /* Warning color of level 700. */
153
+ --pgn-color-warning-600: #E6C300FF; /* Warning color of level 600. */
154
+ --pgn-color-warning-500: var(--pgn-color-warning-base); /* Warning color of level 500. */
155
+ --pgn-color-warning-400: #FFE340FF; /* Warning color of level 400. */
156
+ --pgn-color-warning-300: #FFEC80FF; /* Warning color of level 300. */
157
+ --pgn-color-warning-200: #FFF6BFFF; /* Warning color of level 200. */
158
+ --pgn-color-warning-100: #FFFDF0FF; /* Warning color of level 100. */
159
+ --pgn-color-info-base: var(--pgn-color-teal); /* Basic info color. */
160
+ --pgn-color-info-900: #004C77FF; /* Info color of level 900. */
161
+ --pgn-color-info-800: #005280FF; /* Info color of level 800. */
162
+ --pgn-color-info-700: #005788FF; /* Info color of level 700. */
163
+ --pgn-color-info-600: #006299FF; /* Info color of level 600. */
164
+ --pgn-color-info-500: var(--pgn-color-info-base); /* Info color of level 500. */
165
+ --pgn-color-info-400: #4092BFFF; /* Info color of level 400. */
166
+ --pgn-color-info-300: #80B6D5FF; /* Info color of level 300. */
167
+ --pgn-color-info-200: #BFDBEAFF; /* Info color of level 200. */
168
+ --pgn-color-info-100: #F0F6FAFF; /* Info color of level 100. */
169
+ --pgn-color-success-base: var(--pgn-color-green); /* Basic success color. */
170
+ --pgn-color-success-900: #105B3AFF; /* Success color of level 900. */
171
+ --pgn-color-success-800: #11623EFF; /* Success color of level 800. */
172
+ --pgn-color-success-700: #126842FF; /* Success color of level 700. */
173
+ --pgn-color-success-600: #15754BFF; /* Success color of level 600. */
174
+ --pgn-color-success-500: var(--pgn-color-success-base); /* Success color of level 500. */
175
+ --pgn-color-success-400: #51A17EFF; /* Success color of level 400. */
176
+ --pgn-color-success-300: #8BC1A9FF; /* Success color of level 300. */
177
+ --pgn-color-success-200: #C5E0D4FF; /* Success color of level 200. */
178
+ --pgn-color-success-100: #F1F8F5FF; /* Success color of level 100. */
179
+ --pgn-color-brand-base: #9D0054FF; /* Basic brand color. */
180
+ --pgn-color-brand-900: #6E003BFF; /* Brand color of level 900. */
181
+ --pgn-color-brand-800: #76003FFF; /* Brand color of level 800. */
182
+ --pgn-color-brand-700: #7E0043FF; /* Brand color of level 700. */
183
+ --pgn-color-brand-600: #8D004CFF; /* Brand color of level 600. */
184
+ --pgn-color-brand-500: var(--pgn-color-brand-base); /* Brand color of level 500. */
185
+ --pgn-color-brand-400: #B6407FFF; /* Brand color of level 400. */
186
+ --pgn-color-brand-300: #CE80AAFF; /* Brand color of level 300. */
187
+ --pgn-color-brand-200: #E7BFD4FF; /* Brand color of level 200. */
188
+ --pgn-color-brand-100: #F9F0F5FF; /* Brand color of level 100. */
189
+ --pgn-color-secondary-base: var(--pgn-color-gray-700); /* Basic secondary color. */
190
+ --pgn-color-secondary-900: #303030FF; /* Secondary color of level 900. */
191
+ --pgn-color-secondary-800: #343434FF; /* Secondary color of level 800. */
192
+ --pgn-color-secondary-700: #373737FF; /* Secondary color of level 700. */
193
+ --pgn-color-secondary-600: #3E3E3EFF; /* Secondary color of level 600. */
194
+ --pgn-color-secondary-500: var(--pgn-color-secondary-base); /* Secondary color of level 500. */
195
+ --pgn-color-secondary-400: #747474FF; /* Secondary color of level 400. */
196
+ --pgn-color-secondary-300: #A2A2A2FF; /* Secondary color of level 300. */
197
+ --pgn-color-secondary-200: #D1D1D1FF; /* Secondary color of level 200. */
198
+ --pgn-color-secondary-100: #F4F4F4FF; /* Secondary color of level 100. */
199
+ --pgn-color-primary-base: #0A3055FF; /* Basic primary color. */
200
+ --pgn-color-primary-900: #07223CFF; /* Primary color of level 900. */
201
+ --pgn-color-primary-800: #082440FF; /* Primary color of level 800. */
202
+ --pgn-color-primary-700: #082644FF; /* Primary color of level 700. */
203
+ --pgn-color-primary-600: #092B4DFF; /* Primary color of level 600. */
204
+ --pgn-color-primary-500: var(--pgn-color-primary-base); /* Primary color of level 500. */
205
+ --pgn-color-primary-400: #476480FF; /* Primary color of level 400. */
206
+ --pgn-color-primary-300: #8598AAFF; /* Primary color of level 300. */
207
+ --pgn-color-primary-200: #C2CBD5FF; /* Primary color of level 200. */
208
+ --pgn-color-primary-100: #F0F3F5FF; /* Primary color of level 100. */
209
+ --pgn-color-gray-base: #707070FF; /* Basic gray color. */
210
+ --pgn-color-gray-900: #212529FF; /* Gray color of level 900. */
211
+ --pgn-color-gray-800: #333333FF; /* Gray color of level 800. */
212
+ --pgn-color-gray-700: #454545FF; /* Gray color of level 700. */
213
+ --pgn-color-gray-600: #5C5C5CFF; /* Gray color of level 600. */
214
+ --pgn-color-gray-500: var(--pgn-color-gray-base); /* Gray color of level 500. */
215
+ --pgn-color-gray-400: #8F8F8FFF; /* Gray color of level 400. */
216
+ --pgn-color-gray-300: #ADADADFF; /* Gray color of level 300. */
217
+ --pgn-color-gray-200: #CCCCCCFF; /* Gray color of level 200. */
218
+ --pgn-color-gray-100: #EBEBEBFF; /* Gray color of level 100. */
219
+ --pgn-color-accent-b: #FFEE88FF; /* Accent-B color. */
220
+ --pgn-color-accent-a: #00BBF9FF; /* Accent-A color. */
221
+ --pgn-color-teal: #006DAAFF; /* Teal color. */
222
+ --pgn-color-yellow: #FFD900FF; /* Yellow color. */
223
+ --pgn-color-green: #178253FF; /* Green color. */
224
+ --pgn-color-red: #C32D3AFF; /* Red color. */
225
+ --pgn-color-blue: #23419FFF; /* Blue color. */
226
+ --pgn-color-black: #000000FF; /* Black color. */
227
+ --pgn-color-white: #FFFFFFFF; /* White color. */
228
+ --pgn-color-yiq-light: var(--pgn-color-white);
229
+ --pgn-color-blockquote-small: var(--pgn-color-gray-500);
230
+ --pgn-color-mark-bg: #FFF243FF;
231
+ --pgn-color-text-muted: var(--pgn-color-gray-500);
232
+ --pgn-color-list-group-action-active-bg: var(--pgn-color-gray-200);
233
+ --pgn-color-list-group-action-active-base: var(--pgn-color-body-base);
234
+ --pgn-color-list-group-action-hover: var(--pgn-color-list-group-action-base);
235
+ --pgn-color-list-group-action-base: var(--pgn-color-gray-700);
236
+ --pgn-color-list-group-disabled-bg: var(--pgn-color-list-group-bg-base);
237
+ --pgn-color-list-group-disabled-base: var(--pgn-color-gray-600);
238
+ --pgn-color-list-group-active-bg: var(--pgn-color-bg-active);
239
+ --pgn-color-list-group-active-border: var(--pgn-color-list-group-active-bg);
240
+ --pgn-color-list-group-active-base: var(--pgn-color-active);
241
+ --pgn-color-list-group-border: #00000020;
242
+ --pgn-color-list-group-bg-hover: var(--pgn-color-gray-100);
243
+ --pgn-color-list-group-bg-base: var(--pgn-color-white);
244
+ --pgn-color-list-group-base: inherit;
245
+ --pgn-color-link-brand-inline-hover-decoration: #51002BFF;
246
+ --pgn-color-link-brand-inline-hover-base: #51002BFF;
247
+ --pgn-color-link-brand-inline-decoration: #9D00544D;
248
+ --pgn-color-link-brand-inline-base: var(--pgn-color-brand-500);
249
+ --pgn-color-link-brand-hover: #51002BFF;
250
+ --pgn-color-link-brand-base: var(--pgn-color-brand-500);
251
+ --pgn-color-link-muted-inline-hover-decoration: #020911FF;
252
+ --pgn-color-link-muted-inline-hover-base: #020911FF;
253
+ --pgn-color-link-muted-inline-decoration: #0A30554D;
254
+ --pgn-color-link-muted-inline-base: var(--pgn-color-primary-500);
255
+ --pgn-color-link-muted-hover: #020911FF;
256
+ --pgn-color-link-muted-base: var(--pgn-color-primary-500);
257
+ --pgn-color-link-inline-hover-decoration: #003C5EFF;
258
+ --pgn-color-link-inline-hover-base: #003C5EFF;
259
+ --pgn-color-link-inline-decoration: #006DAA4D;
260
+ --pgn-color-link-inline-base: var(--pgn-color-info-500);
261
+ --pgn-color-link-hover: #003C5EFF;
262
+ --pgn-color-link-base: var(--pgn-color-info-500);
263
+ --pgn-color-hr-border: #0000001A;
264
+ --pgn-color-headings-base: var(--pgn-color-black);
265
+ --pgn-color-body-bg: var(--pgn-color-bg-base);
266
+ --pgn-color-body-base: var(--pgn-color-gray-700);
267
+ --pgn-color-tooltip-arrow-light: var(--pgn-color-white);
268
+ --pgn-color-tooltip-arrow-base: var(--pgn-color-tooltip-bg-base);
269
+ --pgn-color-tooltip-bg-light: var(--pgn-color-white);
270
+ --pgn-color-tooltip-bg-base: var(--pgn-color-black);
271
+ --pgn-color-tooltip-light: var(--pgn-color-black);
272
+ --pgn-color-tooltip-text: var(--pgn-color-white);
273
+ --pgn-color-toast-header-border: #00000080;
274
+ --pgn-color-toast-header-bg: var(--pgn-color-gray-700);
275
+ --pgn-color-toast-header-text: var(--pgn-color-white);
276
+ --pgn-color-toast-border: #0000001A;
277
+ --pgn-color-toast-bg: var(--pgn-color-gray-700);
278
+ --pgn-color-toast-base: inherit;
279
+ --pgn-color-tab-inverse-pills-link-dropdown-toggle-border-focus: var(--pgn-color-tab-inverse-pills-link-dropdown-toggle-bg-focus);
280
+ --pgn-color-tab-inverse-pills-link-dropdown-toggle-bg-active-hover: var(--pgn-color-primary-300);
281
+ --pgn-color-tab-inverse-pills-link-dropdown-toggle-bg-hover: #00000000;
282
+ --pgn-color-tab-inverse-pills-link-dropdown-toggle-bg-focus: var(--pgn-color-white);
283
+ --pgn-color-tab-inverse-pills-link-dropdown-toggle-text-active-hover: var(--pgn-color-tab-inverse-pills-link-dropdown-toggle-bg-focus);
1188
284
  --pgn-color-tab-inverse-pills-link-dropdown-toggle-text-active: var(--pgn-color-tab-inverse-pills-link-dropdown-toggle-text-focus);
285
+ --pgn-color-tab-inverse-pills-link-dropdown-toggle-text-focus: var(--pgn-color-primary-500);
1189
286
  --pgn-color-tab-more-link-dropdown-toggle-border-focus: var(--pgn-color-tab-more-link-dropdown-toggle-bg-focus);
287
+ --pgn-color-tab-more-link-dropdown-toggle-bg-focus: var(--pgn-color-primary-500);
1190
288
  --pgn-color-tab-more-link-dropdown-toggle-text-hover: var(--pgn-color-tab-more-link-dropdown-toggle-bg-focus);
289
+ --pgn-color-tab-more-link-dropdown-toggle-text-active: var(--pgn-color-tab-more-link-dropdown-toggle-text-focus);
290
+ --pgn-color-tab-more-link-dropdown-toggle-text-focus: var(--pgn-color-white);
1191
291
  --pgn-color-tab-more-link-dropdown-toggle-btn-border-focus: var(--pgn-color-tab-more-link-dropdown-toggle-bg-focus);
292
+ --pgn-color-tab-more-link-dropdown-toggle-btn-text-focus: var(--pgn-color-tab-more-link-dropdown-toggle-text-focus);
1192
293
  --pgn-color-stepper-header-step-description-error: var(--pgn-color-stepper-header-step-bubble-error);
294
+ --pgn-color-stepper-header-step-bubble-error: var(--pgn-color-danger-base);
295
+ --pgn-color-stepper-header-step-border: none;
296
+ --pgn-color-stepper-header-step-bg-active: var(--pgn-color-gray-500);
297
+ --pgn-color-stepper-header-step-bg-base: var(--pgn-color-stepper-header-bg-base);
298
+ --pgn-color-stepper-header-step-base: var(--pgn-color-primary-base);
299
+ --pgn-color-stepper-header-bg-line: var(--pgn-color-light-base);
300
+ --pgn-color-stepper-header-bg-base: #00000000;
301
+ --pgn-color-sheet-skrim-component-box-shadow: #00000026;
302
+ --pgn-color-sheet-skrim-bg: #ADADAD80;
303
+ --pgn-color-search-field-form-bg: var(--pgn-color-white);
304
+ --pgn-color-search-field-button-bg-brand: var(--pgn-color-brand-500);
305
+ --pgn-color-search-field-button-bg-primary: var(--pgn-color-primary-500);
306
+ --pgn-color-search-field-border-focus: var(--pgn-color-black);
307
+ --pgn-color-search-field-border-interaction: var(--pgn-color-black);
308
+ --pgn-color-search-field-border-base: var(--pgn-color-gray-500);
309
+ --pgn-color-progress-bg: #00000000;
310
+ --pgn-color-progress-bar-border: var(--pgn-color-gray-500);
311
+ --pgn-color-progress-bar-bg-annotated: var(--pgn-color-dark-500);
312
+ --pgn-color-progress-bar-bg-base: var(--pgn-color-accent-a);
313
+ --pgn-color-progress-bar-base: var(--pgn-color-white);
314
+ --pgn-color-product-tour-checkpoint-arrow-border-transparent: #00000000;
1193
315
  --pgn-color-product-tour-checkpoint-arrow-border-top: var(--pgn-color-product-tour-checkpoint-bg);
316
+ --pgn-color-product-tour-checkpoint-box-shadow: #0000004D;
317
+ --pgn-color-product-tour-checkpoint-breadcrumb: var(--pgn-color-primary-base);
318
+ --pgn-color-product-tour-checkpoint-border: var(--pgn-color-brand-base);
319
+ --pgn-color-product-tour-checkpoint-body: var(--pgn-color-gray-700);
320
+ --pgn-color-product-tour-checkpoint-bg: var(--pgn-color-light-300);
1194
321
  --pgn-color-popover-danger-icon: var(--pgn-color-danger-500);
1195
322
  --pgn-color-popover-danger-bg: var(--pgn-color-danger-100);
1196
323
  --pgn-color-popover-warning-icon: var(--pgn-color-warning-500);
1197
324
  --pgn-color-popover-warning-bg: var(--pgn-color-warning-100);
1198
325
  --pgn-color-popover-success-icon: var(--pgn-color-success-500);
1199
326
  --pgn-color-popover-success-bg: var(--pgn-color-success-100);
327
+ --pgn-color-popover-arrow-outer: #0000000D;
1200
328
  --pgn-color-popover-arrow-base: var(--pgn-color-popover-bg);
329
+ --pgn-color-popover-body: var(--pgn-color-body-base);
330
+ --pgn-color-popover-header-border-bottom-dark: #F2F2F2FF;
331
+ --pgn-color-popover-header-bg-dark: #808080FF;
332
+ --pgn-color-popover-header-bg: var(--pgn-color-white);
333
+ --pgn-color-popover-header-text: var(--pgn-color-headings-base);
334
+ --pgn-color-popover-border: #00000033;
335
+ --pgn-color-popover-bg: var(--pgn-color-bg-base);
336
+ --pgn-color-pagination-dropdown-text-inverse: var(--pgn-color-white);
337
+ --pgn-color-pagination-focus-text: var(--pgn-color-black);
338
+ --pgn-color-pagination-focus-base: var(--pgn-color-primary-500);
339
+ --pgn-color-pagination-border-disabled: var(--pgn-color-gray-100);
340
+ --pgn-color-pagination-border-active: var(--pgn-color-pagination-bg-active);
341
+ --pgn-color-pagination-border-hover: var(--pgn-color-gray-200);
342
+ --pgn-color-pagination-border-base: var(--pgn-color-gray-200);
343
+ --pgn-color-pagination-bg-disabled: var(--pgn-color-white);
1201
344
  --pgn-color-pagination-bg-active: var(--pgn-color-bg-active);
345
+ --pgn-color-pagination-bg-hover: var(--pgn-color-gray-100);
346
+ --pgn-color-pagination-bg-base: var(--pgn-color-bg-base);
1202
347
  --pgn-color-pagination-text-disabled: var(--pgn-color-disabled);
348
+ --pgn-color-pagination-text-active: var(--pgn-color-active);
349
+ --pgn-color-pagination-text-hover: var(--pgn-color-link-hover);
350
+ --pgn-color-pagination-text-inverse: var(--pgn-color-white);
351
+ --pgn-color-pagination-text-base: var(--pgn-color-link-base);
352
+ --pgn-color-page-banner-text-warning: var(--pgn-color-black);
353
+ --pgn-color-page-banner-text-accent-b: var(--pgn-color-black);
354
+ --pgn-color-page-banner-text-accent-a: var(--pgn-color-black);
355
+ --pgn-color-page-banner-text-light: var(--pgn-color-black);
356
+ --pgn-color-page-banner-text-dark: var(--pgn-color-white);
1203
357
  --pgn-color-page-banner-bg-warning: var(--pgn-color-warning-100);
358
+ --pgn-color-page-banner-bg-accent-b: var(--pgn-color-accent-b);
359
+ --pgn-color-page-banner-bg-accent-a: var(--pgn-color-accent-a);
360
+ --pgn-color-page-banner-bg-light: var(--pgn-color-light-400);
361
+ --pgn-color-page-banner-bg-dark: var(--pgn-color-dark-500);
362
+ --pgn-color-overflow-scroll-opacity-mask-transparent: #00000066;
363
+ --pgn-color-navbar-light-brand-hover: var(--pgn-color-navbar-light-active);
364
+ --pgn-color-navbar-light-brand-text: var(--pgn-color-navbar-light-active);
365
+ --pgn-color-navbar-light-toggler-border: #0000001A;
366
+ --pgn-color-navbar-light-disabled: #0000004D;
367
+ --pgn-color-navbar-light-active: #000000E6;
368
+ --pgn-color-navbar-light-hover: #000000B3;
369
+ --pgn-color-navbar-light-text: #00000080;
1204
370
  --pgn-color-navbar-dark-brand-hover: var(--pgn-color-navbar-dark-active);
1205
371
  --pgn-color-navbar-dark-brand-text: var(--pgn-color-navbar-dark-active);
372
+ --pgn-color-navbar-dark-toggler-border: #FFFFFF1A;
373
+ --pgn-color-navbar-dark-disabled: #FFFFFF40;
374
+ --pgn-color-navbar-dark-active: var(--pgn-color-active);
375
+ --pgn-color-navbar-dark-hover: #FFFFFFBF;
376
+ --pgn-color-navbar-dark-text: #FFFFFF80;
377
+ --pgn-color-nav-light: #00000080;
378
+ --pgn-color-nav-dark: #FFFFFF80;
379
+ --pgn-color-nav-divider: var(--pgn-color-gray-100);
380
+ --pgn-color-nav-pills-inverse-tab-content-color: var(--pgn-color-nav-pills-inverse-link-text-base);
381
+ --pgn-color-nav-pills-inverse-link-bg-active-focus-hover: var(--pgn-color-nav-pills-inverse-link-text-base);
1206
382
  --pgn-color-nav-pills-inverse-link-bg-active-hover: var(--pgn-color-nav-pills-inverse-link-border-base);
383
+ --pgn-color-nav-pills-inverse-link-bg-active: var(--pgn-color-nav-pills-inverse-link-text-base);
1207
384
  --pgn-color-nav-pills-inverse-link-bg-hover: var(--pgn-color-nav-pills-inverse-link-border-base);
385
+ --pgn-color-nav-pills-inverse-link-border-focus-hover: var(--pgn-color-nav-pills-inverse-link-border-active-focus);
386
+ --pgn-color-nav-pills-inverse-link-border-active-focus: var(--pgn-color-primary-base);
1208
387
  --pgn-color-nav-pills-inverse-link-border-active-hover: var(--pgn-color-nav-pills-inverse-link-border-base);
388
+ --pgn-color-nav-pills-inverse-link-border-active: var(--pgn-color-nav-pills-inverse-link-text-base);
389
+ --pgn-color-nav-pills-inverse-link-border-base: var(--pgn-color-dark-300);
390
+ --pgn-color-nav-pills-inverse-link-text-active-hover: var(--pgn-color-nav-pills-inverse-link-text-base);
1209
391
  --pgn-color-nav-pills-inverse-link-text-active-focus: var(--pgn-color-nav-pills-inverse-link-text-active);
392
+ --pgn-color-nav-pills-inverse-link-text-hover: var(--pgn-color-nav-pills-inverse-link-text-base);
393
+ --pgn-color-nav-pills-inverse-link-text-active: var(--pgn-color-primary-500);
394
+ --pgn-color-nav-pills-inverse-link-text-focus: var(--pgn-color-nav-pills-inverse-link-text-base);
395
+ --pgn-color-nav-pills-inverse-link-text-base: var(--pgn-color-white);
1210
396
  --pgn-color-nav-pills-base-link-border: var(--pgn-color-nav-tabs-base-border-base);
397
+ --pgn-color-nav-pills-base-link-active-border: var(--pgn-color-white);
1211
398
  --pgn-color-nav-pills-base-link-active-bg: var(--pgn-color-bg-active);
399
+ --pgn-color-nav-pills-base-link-active-text: var(--pgn-color-active);
400
+ --pgn-color-nav-tabs-inverse-dropdown-border: var(--pgn-color-nav-tabs-inverse-link-bg-active-hover);
401
+ --pgn-color-nav-tabs-inverse-link-tab-content-color: var(--pgn-color-nav-tabs-inverse-link-text-base);
402
+ --pgn-color-nav-tabs-inverse-link-bg-active-hover: #00000000;
403
+ --pgn-color-nav-tabs-inverse-link-bg-focus: var(--pgn-color-nav-tabs-inverse-link-text-base);
404
+ --pgn-color-nav-tabs-inverse-link-bg-active: var(--pgn-color-nav-tabs-inverse-link-bg-hover);
1212
405
  --pgn-color-nav-tabs-inverse-link-bg-hover: var(--pgn-color-nav-tabs-inverse-link-border-bottom);
406
+ --pgn-color-nav-tabs-inverse-link-border-active: var(--pgn-color-nav-tabs-inverse-link-text-base);
407
+ --pgn-color-nav-tabs-inverse-link-border-bottom: var(--pgn-color-dark-300);
408
+ --pgn-color-nav-tabs-inverse-link-text-base: var(--pgn-color-white);
409
+ --pgn-color-nav-tabs-base-link-disabled-border: var(--pgn-color-nav-link-border);
410
+ --pgn-color-nav-tabs-base-link-active-bg: #00000000;
411
+ --pgn-color-nav-tabs-base-link-active-text: var(--pgn-color-primary-500);
412
+ --pgn-color-nav-tabs-base-link-hover-bg: var(--pgn-color-light-400);
413
+ --pgn-color-nav-tabs-base-border-focus: var(--pgn-color-nav-tabs-base-bg-hover);
414
+ --pgn-color-nav-tabs-base-border-base: var(--pgn-color-light-400);
415
+ --pgn-color-nav-tabs-base-bg-hover: #00000000;
416
+ --pgn-color-nav-tabs-base-text-disabled: var(--pgn-color-nav-tabs-base-bg-hover);
417
+ --pgn-color-nav-link-border: #00000000;
418
+ --pgn-color-nav-link-text-disabled: var(--pgn-color-gray-300);
419
+ --pgn-color-nav-link-text-base: var(--pgn-color-gray-700);
420
+ --pgn-color-modal-backdrop-bg: var(--pgn-color-black);
421
+ --pgn-color-modal-content-border: #00000033;
422
+ --pgn-color-modal-content-bg: var(--pgn-color-bg-base);
423
+ --pgn-color-menu-select-btn-link-color: var(--pgn-color-primary-500);
1213
424
  --pgn-color-menu-item-focus-bg: var(--pgn-color-btn-active-bg-tertiary);
425
+ --pgn-color-menu-item-hover-border: var(--pgn-color-menu-item-bg);
1214
426
  --pgn-color-menu-item-hover-bg: var(--pgn-color-btn-hover-bg-tertiary);
427
+ --pgn-color-menu-item-hover-color: var(--pgn-color-btn-text-tertiary);
428
+ --pgn-color-menu-item-border: var(--pgn-color-menu-item-bg);
429
+ --pgn-color-menu-item-bg: #00000000;
430
+ --pgn-color-menu-item-color: var(--pgn-color-body-base);
431
+ --pgn-color-menu-bg: var(--pgn-color-white);
432
+ --pgn-color-image-thumbnail-border: var(--pgn-color-gray-200);
1215
433
  --pgn-color-image-thumbnail-bg: var(--pgn-color-body-bg);
434
+ --pgn-color-image-figure-caption: var(--pgn-color-gray-500);
435
+ --pgn-color-icon-button-black: var(--pgn-color-black);
436
+ --pgn-color-icon-button-accent: var(--pgn-color-white);
437
+ --pgn-color-icon-button-text-black-inverse-active-focus: var(--pgn-color-icon-button-text-black-inverse-active-base);
438
+ --pgn-color-icon-button-text-black-inverse-active-hover: var(--pgn-color-icon-button-text-black-inverse-active-base);
439
+ --pgn-color-icon-button-text-black-inverse-active-base: var(--pgn-color-black);
440
+ --pgn-color-icon-button-text-black-active-focus: var(--pgn-color-icon-button-accent);
441
+ --pgn-color-icon-button-text-black-active-hover: var(--pgn-color-icon-button-accent);
442
+ --pgn-color-icon-button-text-black-active-base: var(--pgn-color-icon-button-accent);
443
+ --pgn-color-icon-button-text-black-inverse-focus: var(--pgn-color-icon-button-accent);
444
+ --pgn-color-icon-button-text-black-inverse-hover: var(--pgn-color-black);
445
+ --pgn-color-icon-button-text-black-inverse-base: var(--pgn-color-icon-button-accent);
446
+ --pgn-color-icon-button-text-black-focus: var(--pgn-color-icon-button-text-black-base);
447
+ --pgn-color-icon-button-text-black-hover: var(--pgn-color-icon-button-accent);
448
+ --pgn-color-icon-button-text-black-base: var(--pgn-color-black);
449
+ --pgn-color-icon-button-text-dark-inverse-active-focus: var(--pgn-color-icon-button-text-dark-inverse-active-base);
450
+ --pgn-color-icon-button-text-dark-inverse-active-hover: var(--pgn-color-icon-button-text-dark-inverse-active-base);
451
+ --pgn-color-icon-button-text-dark-inverse-active-base: var(--pgn-color-dark-base);
452
+ --pgn-color-icon-button-text-dark-active-focus: var(--pgn-color-icon-button-accent);
453
+ --pgn-color-icon-button-text-dark-active-hover: var(--pgn-color-icon-button-accent);
454
+ --pgn-color-icon-button-text-dark-active-base: var(--pgn-color-icon-button-accent);
455
+ --pgn-color-icon-button-text-dark-inverse-focus: var(--pgn-color-icon-button-accent);
456
+ --pgn-color-icon-button-text-dark-inverse-hover: var(--pgn-color-dark-base);
457
+ --pgn-color-icon-button-text-dark-inverse-base: var(--pgn-color-icon-button-accent);
458
+ --pgn-color-icon-button-text-dark-focus: var(--pgn-color-icon-button-text-dark-base);
459
+ --pgn-color-icon-button-text-dark-hover: var(--pgn-color-icon-button-accent);
460
+ --pgn-color-icon-button-text-dark-base: var(--pgn-color-dark-base);
461
+ --pgn-color-icon-button-text-light-inverse-active-focus: var(--pgn-color-icon-button-text-light-inverse-active-base);
462
+ --pgn-color-icon-button-text-light-inverse-active-hover: var(--pgn-color-icon-button-text-light-inverse-active-base);
463
+ --pgn-color-icon-button-text-light-inverse-active-base: var(--pgn-color-light-base);
464
+ --pgn-color-icon-button-text-light-active-focus: var(--pgn-color-icon-button-accent);
465
+ --pgn-color-icon-button-text-light-active-hover: var(--pgn-color-icon-button-accent);
466
+ --pgn-color-icon-button-text-light-active-base: var(--pgn-color-icon-button-accent);
467
+ --pgn-color-icon-button-text-light-inverse-focus: var(--pgn-color-icon-button-accent);
468
+ --pgn-color-icon-button-text-light-inverse-hover: var(--pgn-color-light-base);
469
+ --pgn-color-icon-button-text-light-inverse-base: var(--pgn-color-icon-button-accent);
470
+ --pgn-color-icon-button-text-light-focus: var(--pgn-color-icon-button-text-light-base);
471
+ --pgn-color-icon-button-text-light-hover: var(--pgn-color-icon-button-accent);
472
+ --pgn-color-icon-button-text-light-base: var(--pgn-color-light-base);
1216
473
  --pgn-color-icon-button-text-danger-inverse-active-focus: var(--pgn-color-icon-button-text-danger-inverse-active-base);
1217
474
  --pgn-color-icon-button-text-danger-inverse-active-hover: var(--pgn-color-icon-button-text-danger-inverse-active-base);
475
+ --pgn-color-icon-button-text-danger-inverse-active-base: var(--pgn-color-danger-base);
476
+ --pgn-color-icon-button-text-danger-active-focus: var(--pgn-color-icon-button-accent);
477
+ --pgn-color-icon-button-text-danger-active-hover: var(--pgn-color-icon-button-accent);
478
+ --pgn-color-icon-button-text-danger-active-base: var(--pgn-color-icon-button-accent);
479
+ --pgn-color-icon-button-text-danger-inverse-focus: var(--pgn-color-icon-button-accent);
480
+ --pgn-color-icon-button-text-danger-inverse-hover: var(--pgn-color-danger-base);
481
+ --pgn-color-icon-button-text-danger-inverse-base: var(--pgn-color-icon-button-accent);
1218
482
  --pgn-color-icon-button-text-danger-focus: var(--pgn-color-icon-button-text-danger-base);
483
+ --pgn-color-icon-button-text-danger-hover: var(--pgn-color-icon-button-accent);
484
+ --pgn-color-icon-button-text-danger-base: var(--pgn-color-danger-base);
1219
485
  --pgn-color-icon-button-text-warning-inverse-active-focus: var(--pgn-color-icon-button-text-warning-inverse-active-base);
1220
486
  --pgn-color-icon-button-text-warning-inverse-active-hover: var(--pgn-color-icon-button-text-warning-inverse-active-base);
487
+ --pgn-color-icon-button-text-warning-inverse-active-base: var(--pgn-color-warning-base);
488
+ --pgn-color-icon-button-text-warning-active-focus: var(--pgn-color-icon-button-accent);
489
+ --pgn-color-icon-button-text-warning-active-hover: var(--pgn-color-icon-button-accent);
490
+ --pgn-color-icon-button-text-warning-active-base: var(--pgn-color-icon-button-accent);
491
+ --pgn-color-icon-button-text-warning-inverse-focus: var(--pgn-color-icon-button-accent);
492
+ --pgn-color-icon-button-text-warning-inverse-hover: var(--pgn-color-warning-base);
493
+ --pgn-color-icon-button-text-warning-inverse-base: var(--pgn-color-icon-button-accent);
1221
494
  --pgn-color-icon-button-text-warning-focus: var(--pgn-color-icon-button-text-warning-base);
495
+ --pgn-color-icon-button-text-warning-hover: var(--pgn-color-icon-button-accent);
496
+ --pgn-color-icon-button-text-warning-base: var(--pgn-color-warning-base);
1222
497
  --pgn-color-icon-button-text-success-inverse-active-focus: var(--pgn-color-icon-button-text-success-inverse-active-base);
1223
498
  --pgn-color-icon-button-text-success-inverse-active-hover: var(--pgn-color-icon-button-text-success-inverse-active-base);
499
+ --pgn-color-icon-button-text-success-inverse-active-base: var(--pgn-color-success-base);
500
+ --pgn-color-icon-button-text-success-active-focus: var(--pgn-color-icon-button-accent);
501
+ --pgn-color-icon-button-text-success-active-hover: var(--pgn-color-icon-button-accent);
502
+ --pgn-color-icon-button-text-success-active-base: var(--pgn-color-icon-button-accent);
503
+ --pgn-color-icon-button-text-success-inverse-focus: var(--pgn-color-icon-button-accent);
504
+ --pgn-color-icon-button-text-success-inverse-hover: var(--pgn-color-success-base);
505
+ --pgn-color-icon-button-text-success-inverse-base: var(--pgn-color-icon-button-accent);
1224
506
  --pgn-color-icon-button-text-success-focus: var(--pgn-color-icon-button-text-success-base);
507
+ --pgn-color-icon-button-text-success-hover: var(--pgn-color-icon-button-accent);
508
+ --pgn-color-icon-button-text-success-base: var(--pgn-color-success-base);
509
+ --pgn-color-icon-button-text-brand-inverse-active-focus: var(--pgn-color-icon-button-text-brand-inverse-active-base);
510
+ --pgn-color-icon-button-text-brand-inverse-active-hover: var(--pgn-color-icon-button-text-brand-inverse-active-base);
511
+ --pgn-color-icon-button-text-brand-inverse-active-base: var(--pgn-color-brand-base);
512
+ --pgn-color-icon-button-text-brand-active-focus: var(--pgn-color-icon-button-accent);
513
+ --pgn-color-icon-button-text-brand-active-hover: var(--pgn-color-icon-button-accent);
514
+ --pgn-color-icon-button-text-brand-active-base: var(--pgn-color-icon-button-accent);
515
+ --pgn-color-icon-button-text-brand-inverse-focus: var(--pgn-color-icon-button-accent);
516
+ --pgn-color-icon-button-text-brand-inverse-hover: var(--pgn-color-brand-base);
517
+ --pgn-color-icon-button-text-brand-inverse-base: var(--pgn-color-icon-button-accent);
518
+ --pgn-color-icon-button-text-brand-focus: var(--pgn-color-icon-button-text-brand-base);
519
+ --pgn-color-icon-button-text-brand-hover: var(--pgn-color-icon-button-accent);
520
+ --pgn-color-icon-button-text-brand-base: var(--pgn-color-brand-base);
1225
521
  --pgn-color-icon-button-text-secondary-inverse-active-focus: var(--pgn-color-icon-button-text-secondary-inverse-active-base);
1226
522
  --pgn-color-icon-button-text-secondary-inverse-active-hover: var(--pgn-color-icon-button-text-secondary-inverse-active-base);
523
+ --pgn-color-icon-button-text-secondary-inverse-active-base: var(--pgn-color-secondary-base);
524
+ --pgn-color-icon-button-text-secondary-active-focus: var(--pgn-color-icon-button-accent);
525
+ --pgn-color-icon-button-text-secondary-active-hover: var(--pgn-color-icon-button-accent);
526
+ --pgn-color-icon-button-text-secondary-active-base: var(--pgn-color-icon-button-accent);
527
+ --pgn-color-icon-button-text-secondary-inverse-focus: var(--pgn-color-icon-button-accent);
528
+ --pgn-color-icon-button-text-secondary-inverse-hover: var(--pgn-color-secondary-base);
529
+ --pgn-color-icon-button-text-secondary-inverse-base: var(--pgn-color-icon-button-accent);
1227
530
  --pgn-color-icon-button-text-secondary-focus: var(--pgn-color-icon-button-text-secondary-base);
531
+ --pgn-color-icon-button-text-secondary-hover: var(--pgn-color-icon-button-accent);
532
+ --pgn-color-icon-button-text-secondary-base: var(--pgn-color-secondary-base);
533
+ --pgn-color-icon-button-text-primary-inverse-active-focus: var(--pgn-color-icon-button-text-primary-base);
534
+ --pgn-color-icon-button-text-primary-inverse-active-hover: var(--pgn-color-icon-button-text-primary-base);
535
+ --pgn-color-icon-button-text-primary-inverse-active-base: var(--pgn-color-icon-button-text-primary-base);
536
+ --pgn-color-icon-button-text-primary-active-focus: var(--pgn-color-icon-button-accent);
537
+ --pgn-color-icon-button-text-primary-active-hover: var(--pgn-color-icon-button-accent);
538
+ --pgn-color-icon-button-text-primary-active-base: var(--pgn-color-icon-button-accent);
539
+ --pgn-color-icon-button-text-primary-inverse-focus: var(--pgn-color-icon-button-accent);
540
+ --pgn-color-icon-button-text-primary-inverse-hover: var(--pgn-color-icon-button-text-primary-base);
541
+ --pgn-color-icon-button-text-primary-inverse-base: var(--pgn-color-icon-button-accent);
542
+ --pgn-color-icon-button-text-primary-focus: var(--pgn-color-icon-button-text-primary-base);
543
+ --pgn-color-icon-button-text-primary-hover: var(--pgn-color-icon-button-accent);
544
+ --pgn-color-icon-button-text-primary-base: var(--pgn-color-primary-base);
545
+ --pgn-color-icon-button-bg-black-inverse-active-focus: var(--pgn-color-icon-button-accent);
546
+ --pgn-color-icon-button-bg-black-inverse-active-hover: var(--pgn-color-icon-button-accent);
547
+ --pgn-color-icon-button-bg-black-inverse-active-base: var(--pgn-color-icon-button-accent);
548
+ --pgn-color-icon-button-bg-black-active-focus: var(--pgn-color-icon-button-bg-black-active-base);
549
+ --pgn-color-icon-button-bg-black-active-hover: var(--pgn-color-icon-button-bg-black-active-base);
550
+ --pgn-color-icon-button-bg-black-active-base: var(--pgn-color-black);
551
+ --pgn-color-icon-button-bg-black-inverse-focus: var(--pgn-color-icon-button-bg-base);
552
+ --pgn-color-icon-button-bg-black-inverse-hover: var(--pgn-color-icon-button-accent);
553
+ --pgn-color-icon-button-bg-black-inverse-base: var(--pgn-color-icon-button-bg-base);
554
+ --pgn-color-icon-button-bg-black-focus: var(--pgn-color-icon-button-bg-base);
555
+ --pgn-color-icon-button-bg-black-hover: var(--pgn-color-black);
556
+ --pgn-color-icon-button-bg-black-base: var(--pgn-color-icon-button-bg-base);
557
+ --pgn-color-icon-button-bg-dark-inverse-active-focus: var(--pgn-color-icon-button-accent);
558
+ --pgn-color-icon-button-bg-dark-inverse-active-hover: var(--pgn-color-icon-button-accent);
559
+ --pgn-color-icon-button-bg-dark-inverse-active-base: var(--pgn-color-icon-button-accent);
560
+ --pgn-color-icon-button-bg-dark-active-focus: var(--pgn-color-icon-button-bg-dark-active-base);
561
+ --pgn-color-icon-button-bg-dark-active-hover: var(--pgn-color-icon-button-bg-dark-active-base);
562
+ --pgn-color-icon-button-bg-dark-active-base: var(--pgn-color-dark-base);
563
+ --pgn-color-icon-button-bg-dark-inverse-focus: var(--pgn-color-icon-button-bg-base);
564
+ --pgn-color-icon-button-bg-dark-inverse-hover: var(--pgn-color-icon-button-accent);
565
+ --pgn-color-icon-button-bg-dark-inverse-base: var(--pgn-color-icon-button-bg-base);
566
+ --pgn-color-icon-button-bg-dark-focus: var(--pgn-color-icon-button-bg-base);
567
+ --pgn-color-icon-button-bg-dark-hover: var(--pgn-color-dark-base);
568
+ --pgn-color-icon-button-bg-dark-base: var(--pgn-color-icon-button-bg-base);
569
+ --pgn-color-icon-button-bg-light-inverse-active-focus: var(--pgn-color-icon-button-accent);
570
+ --pgn-color-icon-button-bg-light-inverse-active-hover: var(--pgn-color-icon-button-accent);
571
+ --pgn-color-icon-button-bg-light-inverse-active-base: var(--pgn-color-icon-button-accent);
572
+ --pgn-color-icon-button-bg-light-active-focus: var(--pgn-color-icon-button-bg-light-active-base);
573
+ --pgn-color-icon-button-bg-light-active-hover: var(--pgn-color-icon-button-bg-light-active-base);
574
+ --pgn-color-icon-button-bg-light-active-base: var(--pgn-color-light-base);
575
+ --pgn-color-icon-button-bg-light-inverse-focus: var(--pgn-color-icon-button-bg-base);
576
+ --pgn-color-icon-button-bg-light-inverse-hover: var(--pgn-color-icon-button-accent);
577
+ --pgn-color-icon-button-bg-light-inverse-base: var(--pgn-color-icon-button-bg-base);
578
+ --pgn-color-icon-button-bg-light-focus: var(--pgn-color-icon-button-bg-base);
579
+ --pgn-color-icon-button-bg-light-hover: var(--pgn-color-light-base);
580
+ --pgn-color-icon-button-bg-light-base: var(--pgn-color-icon-button-bg-base);
581
+ --pgn-color-icon-button-bg-danger-inverse-active-focus: var(--pgn-color-icon-button-accent);
582
+ --pgn-color-icon-button-bg-danger-inverse-active-hover: var(--pgn-color-icon-button-accent);
583
+ --pgn-color-icon-button-bg-danger-inverse-active-base: var(--pgn-color-icon-button-accent);
1228
584
  --pgn-color-icon-button-bg-danger-active-focus: var(--pgn-color-icon-button-bg-danger-active-base);
1229
585
  --pgn-color-icon-button-bg-danger-active-hover: var(--pgn-color-icon-button-bg-danger-active-base);
586
+ --pgn-color-icon-button-bg-danger-active-base: var(--pgn-color-danger-base);
587
+ --pgn-color-icon-button-bg-danger-inverse-focus: var(--pgn-color-icon-button-bg-base);
588
+ --pgn-color-icon-button-bg-danger-inverse-hover: var(--pgn-color-icon-button-accent);
589
+ --pgn-color-icon-button-bg-danger-inverse-base: var(--pgn-color-icon-button-bg-base);
590
+ --pgn-color-icon-button-bg-danger-focus: var(--pgn-color-icon-button-bg-base);
591
+ --pgn-color-icon-button-bg-danger-hover: var(--pgn-color-danger-base);
592
+ --pgn-color-icon-button-bg-danger-base: var(--pgn-color-icon-button-bg-base);
593
+ --pgn-color-icon-button-bg-warning-inverse-active-focus: var(--pgn-color-icon-button-accent);
594
+ --pgn-color-icon-button-bg-warning-inverse-active-hover: var(--pgn-color-icon-button-accent);
595
+ --pgn-color-icon-button-bg-warning-inverse-active-base: var(--pgn-color-icon-button-accent);
1230
596
  --pgn-color-icon-button-bg-warning-active-focus: var(--pgn-color-icon-button-bg-warning-active-base);
1231
597
  --pgn-color-icon-button-bg-warning-active-hover: var(--pgn-color-icon-button-bg-warning-active-base);
598
+ --pgn-color-icon-button-bg-warning-active-base: var(--pgn-color-warning-base);
599
+ --pgn-color-icon-button-bg-warning-inverse-focus: var(--pgn-color-icon-button-bg-base);
600
+ --pgn-color-icon-button-bg-warning-inverse-hover: var(--pgn-color-icon-button-accent);
601
+ --pgn-color-icon-button-bg-warning-inverse-base: var(--pgn-color-icon-button-bg-base);
602
+ --pgn-color-icon-button-bg-warning-focus: var(--pgn-color-icon-button-bg-base);
603
+ --pgn-color-icon-button-bg-warning-hover: var(--pgn-color-warning-base);
604
+ --pgn-color-icon-button-bg-warning-base: var(--pgn-color-icon-button-bg-base);
605
+ --pgn-color-icon-button-bg-success-inverse-active-focus: var(--pgn-color-icon-button-accent);
606
+ --pgn-color-icon-button-bg-success-inverse-active-hover: var(--pgn-color-icon-button-accent);
607
+ --pgn-color-icon-button-bg-success-inverse-active-base: var(--pgn-color-icon-button-accent);
1232
608
  --pgn-color-icon-button-bg-success-active-focus: var(--pgn-color-icon-button-bg-success-active-base);
1233
609
  --pgn-color-icon-button-bg-success-active-hover: var(--pgn-color-icon-button-bg-success-active-base);
610
+ --pgn-color-icon-button-bg-success-active-base: var(--pgn-color-success-base);
611
+ --pgn-color-icon-button-bg-success-inverse-focus: var(--pgn-color-icon-button-bg-base);
612
+ --pgn-color-icon-button-bg-success-inverse-hover: var(--pgn-color-icon-button-accent);
613
+ --pgn-color-icon-button-bg-success-inverse-base: var(--pgn-color-icon-button-bg-base);
614
+ --pgn-color-icon-button-bg-success-focus: var(--pgn-color-icon-button-bg-base);
615
+ --pgn-color-icon-button-bg-success-hover: var(--pgn-color-success-base);
616
+ --pgn-color-icon-button-bg-success-base: var(--pgn-color-icon-button-bg-base);
617
+ --pgn-color-icon-button-bg-brand-inverse-active-focus: var(--pgn-color-icon-button-accent);
618
+ --pgn-color-icon-button-bg-brand-inverse-active-hover: var(--pgn-color-icon-button-accent);
619
+ --pgn-color-icon-button-bg-brand-inverse-active-base: var(--pgn-color-icon-button-accent);
620
+ --pgn-color-icon-button-bg-brand-active-focus: var(--pgn-color-icon-button-bg-brand-active-base);
621
+ --pgn-color-icon-button-bg-brand-active-hover: var(--pgn-color-icon-button-bg-brand-active-base);
622
+ --pgn-color-icon-button-bg-brand-active-base: var(--pgn-color-brand-base);
623
+ --pgn-color-icon-button-bg-brand-inverse-focus: var(--pgn-color-icon-button-bg-base);
624
+ --pgn-color-icon-button-bg-brand-inverse-hover: var(--pgn-color-icon-button-accent);
625
+ --pgn-color-icon-button-bg-brand-inverse-base: var(--pgn-color-icon-button-bg-base);
626
+ --pgn-color-icon-button-bg-brand-focus: var(--pgn-color-icon-button-bg-base);
627
+ --pgn-color-icon-button-bg-brand-hover: var(--pgn-color-brand-base);
628
+ --pgn-color-icon-button-bg-brand-base: var(--pgn-color-icon-button-bg-base);
629
+ --pgn-color-icon-button-bg-secondary-inverse-active-focus: var(--pgn-color-icon-button-accent);
630
+ --pgn-color-icon-button-bg-secondary-inverse-active-hover: var(--pgn-color-icon-button-accent);
631
+ --pgn-color-icon-button-bg-secondary-inverse-active-base: var(--pgn-color-icon-button-accent);
1234
632
  --pgn-color-icon-button-bg-secondary-active-focus: var(--pgn-color-icon-button-bg-secondary-active-base);
1235
633
  --pgn-color-icon-button-bg-secondary-active-hover: var(--pgn-color-icon-button-bg-secondary-active-base);
1236
- --pgn-color-list-group-active-bg: var(--pgn-color-bg-active);
1237
- --pgn-color-link-brand-inline-hover-base: #51002BFF;
1238
- --pgn-color-link-brand-inline-decoration: #9D00544D;
1239
- --pgn-color-link-brand-hover: #51002BFF;
1240
- --pgn-color-link-muted-inline-hover-base: #020911FF;
1241
- --pgn-color-link-muted-inline-decoration: #0A30554D;
1242
- --pgn-color-link-muted-hover: #020911FF;
1243
- --pgn-color-link-inline-base: var(--pgn-color-info-500);
1244
- --pgn-color-link-base: var(--pgn-color-info-500);
634
+ --pgn-color-icon-button-bg-secondary-active-base: var(--pgn-color-secondary-base);
635
+ --pgn-color-icon-button-bg-secondary-inverse-focus: var(--pgn-color-icon-button-bg-base);
636
+ --pgn-color-icon-button-bg-secondary-inverse-hover: var(--pgn-color-icon-button-accent);
637
+ --pgn-color-icon-button-bg-secondary-inverse-base: var(--pgn-color-icon-button-bg-base);
638
+ --pgn-color-icon-button-bg-secondary-focus: var(--pgn-color-icon-button-bg-base);
639
+ --pgn-color-icon-button-bg-secondary-hover: var(--pgn-color-secondary-base);
640
+ --pgn-color-icon-button-bg-secondary-base: var(--pgn-color-icon-button-bg-base);
641
+ --pgn-color-icon-button-bg-primary-inverse-active-focus: var(--pgn-color-icon-button-accent);
642
+ --pgn-color-icon-button-bg-primary-inverse-active-hover: var(--pgn-color-icon-button-accent);
643
+ --pgn-color-icon-button-bg-primary-inverse-active-base: var(--pgn-color-icon-button-accent);
644
+ --pgn-color-icon-button-bg-primary-active-focus: var(--pgn-color-icon-button-text-primary-base);
645
+ --pgn-color-icon-button-bg-primary-active-hover: var(--pgn-color-icon-button-text-primary-base);
646
+ --pgn-color-icon-button-bg-primary-active-base: var(--pgn-color-icon-button-text-primary-base);
647
+ --pgn-color-icon-button-bg-primary-inverse-focus: var(--pgn-color-icon-button-bg-base);
648
+ --pgn-color-icon-button-bg-primary-inverse-hover: var(--pgn-color-icon-button-accent);
649
+ --pgn-color-icon-button-bg-primary-inverse-base: var(--pgn-color-icon-button-bg-base);
650
+ --pgn-color-icon-button-bg-primary-focus: var(--pgn-color-icon-button-bg-base);
651
+ --pgn-color-icon-button-bg-primary-hover: var(--pgn-color-icon-button-text-primary-base);
652
+ --pgn-color-icon-button-bg-primary-base: var(--pgn-color-icon-button-bg-base);
653
+ --pgn-color-icon-button-bg-base: #00000000;
1245
654
  --pgn-color-form-feedback-checked-invalid: #D64D59FF;
1246
655
  --pgn-color-form-feedback-checked-valid: #1FAD6FFF;
1247
656
  --pgn-color-form-feedback-tooltip-box-shadow-focus-invalid: #C32D3A40;
@@ -1251,354 +660,776 @@
1251
660
  --pgn-color-form-feedback-tooltip-valid: #FFFFFFFF;
1252
661
  --pgn-color-form-feedback-icon-invalid: var(--pgn-color-form-feedback-invalid);
1253
662
  --pgn-color-form-feedback-icon-valid: var(--pgn-color-form-feedback-valid);
663
+ --pgn-color-form-feedback-invalid: var(--pgn-color-danger-base);
664
+ --pgn-color-form-feedback-valid: var(--pgn-color-success-base);
665
+ --pgn-color-form-control-file-border-focus: var(--pgn-color-form-input-focus-border);
1254
666
  --pgn-color-form-control-file-border-base: var(--pgn-color-form-input-border);
667
+ --pgn-color-form-control-file-button-bg: var(--pgn-color-form-input-group-addon-bg);
1255
668
  --pgn-color-form-control-file-button-base: var(--pgn-color-form-control-file-base);
669
+ --pgn-color-form-control-file-bg-disabled: var(--pgn-color-form-input-bg-disabled);
1256
670
  --pgn-color-form-control-file-bg-base: var(--pgn-color-form-input-bg-base);
671
+ --pgn-color-form-control-file-base: var(--pgn-color-form-input-base);
1257
672
  --pgn-color-form-control-range-thumb-bg-active: #000000FF;
1258
673
  --pgn-color-form-control-range-thumb-bg-disabled: var(--pgn-color-disabled);
1259
674
  --pgn-color-form-control-range-thumb-bg-base: var(--pgn-color-bg-active);
675
+ --pgn-color-form-control-range-track-bg: var(--pgn-color-gray-300);
676
+ --pgn-color-form-control-select-border-focus: var(--pgn-color-form-input-focus-border);
1260
677
  --pgn-color-form-control-select-border-base: var(--pgn-color-form-input-border);
678
+ --pgn-color-form-control-select-bg-size: var(--pgn-color-gray-100);
679
+ --pgn-color-form-control-select-bg-disabled: var(--pgn-color-gray-100);
1261
680
  --pgn-color-form-control-select-bg-base: var(--pgn-color-form-input-bg-base);
681
+ --pgn-color-form-control-select-indicator-base: var(--pgn-color-theme-hover-gray);
1262
682
  --pgn-color-form-control-select-disabled: var(--pgn-color-disabled);
683
+ --pgn-color-form-control-select-base: var(--pgn-color-form-input-base);
684
+ --pgn-color-form-control-switch-indicator-checked-bg: var(--pgn-color-success-base);
685
+ --pgn-color-form-control-checkbox-indicator-indeterminate-border: var(--pgn-color-form-control-checkbox-indicator-indeterminate-bg);
1263
686
  --pgn-color-form-control-checkbox-indicator-indeterminate-bg: var(--pgn-color-bg-active);
687
+ --pgn-color-form-control-checkbox-indicator-indeterminate-base: var(--pgn-color-form-control-indicator-checked-base);
1264
688
  --pgn-color-form-control-label-floating-text: #FFFFFF1A;
1265
689
  --pgn-color-form-control-label-disabled: var(--pgn-color-disabled);
690
+ --pgn-color-form-control-label-base: inherit;
691
+ --pgn-color-form-control-indicator-active-border: var(--pgn-color-form-control-indicator-active-bg);
1266
692
  --pgn-color-form-control-indicator-active-bg: var(--pgn-color-bg-active);
693
+ --pgn-color-form-control-indicator-active-base: var(--pgn-color-active);
694
+ --pgn-color-form-control-indicator-checked-border-focus: var(--pgn-color-form-input-focus-border);
695
+ --pgn-color-form-control-indicator-checked-border-base: var(--pgn-color-form-control-indicator-checked-base);
696
+ --pgn-color-form-control-indicator-checked-bg-disabled: #0A305580;
1267
697
  --pgn-color-form-control-indicator-checked-bg-base: var(--pgn-color-bg-active);
698
+ --pgn-color-form-control-indicator-checked-invalid: var(--pgn-color-danger-base);
699
+ --pgn-color-form-control-indicator-checked-valid: var(--pgn-color-success-base);
1268
700
  --pgn-color-form-control-indicator-checked-base: var(--pgn-color-bg-active);
701
+ --pgn-color-form-control-indicator-bg-disabled: var(--pgn-color-form-input-bg-disabled);
1269
702
  --pgn-color-form-control-indicator-bg-base: var(--pgn-color-form-input-bg-base);
703
+ --pgn-color-form-control-indicator-border: var(--pgn-color-gray-700);
1270
704
  --pgn-color-form-input-focus-bg: var(--pgn-color-form-input-bg-base);
1271
705
  --pgn-color-form-input-focus-border: var(--pgn-color-input-focus);
706
+ --pgn-color-form-input-focus-base: var(--pgn-color-form-input-base);
707
+ --pgn-color-form-input-group-addon-bg: var(--pgn-color-gray-100);
1272
708
  --pgn-color-form-input-group-addon-border: var(--pgn-color-form-input-border);
709
+ --pgn-color-form-input-group-addon-base: var(--pgn-color-form-input-base);
710
+ --pgn-color-form-input-bg-disabled: var(--pgn-color-gray-100);
711
+ --pgn-color-form-input-bg-base: var(--pgn-color-bg-base);
712
+ --pgn-color-form-input-border: var(--pgn-color-gray-500);
713
+ --pgn-color-form-input-plaintext: var(--pgn-color-body-base);
714
+ --pgn-color-form-input-placeholder: var(--pgn-color-gray-500);
715
+ --pgn-color-form-input-base: var(--pgn-color-gray-700);
716
+ --pgn-color-dropzone-border-base: var(--pgn-color-gray-500);
717
+ --pgn-color-dropzone-restriction-msg: var(--pgn-color-gray-500);
1273
718
  --pgn-color-dropzone-error-wrapper: var(--pgn-color-danger-500);
1274
719
  --pgn-color-dropdown-link-disabled: var(--pgn-color-disabled);
1275
720
  --pgn-color-dropdown-link-active-bg: var(--pgn-color-bg-active);
721
+ --pgn-color-dropdown-link-active-base: var(--pgn-color-active);
722
+ --pgn-color-dropdown-link-hover-bg: var(--pgn-color-light-300);
723
+ --pgn-color-dropdown-link-hover-base: #000000FF;
724
+ --pgn-color-dropdown-link-base: var(--pgn-color-gray-900);
725
+ --pgn-color-dropdown-divider-bg: var(--pgn-color-gray-100);
726
+ --pgn-color-dropdown-border: #00000026;
727
+ --pgn-color-dropdown-bg: var(--pgn-color-bg-base);
728
+ --pgn-color-dropdown-header: var(--pgn-color-gray-500);
729
+ --pgn-color-dropdown-text: var(--pgn-color-body-base);
730
+ --pgn-color-data-table-border: var(--pgn-color-light-300);
731
+ --pgn-color-data-table-bg-is-loading: #FFFFFFB3;
732
+ --pgn-color-data-table-bg-base: var(--pgn-color-bg-base);
733
+ --pgn-color-code-pre: var(--pgn-color-gray-900);
734
+ --pgn-color-code-kbd-bg: var(--pgn-color-gray-700);
735
+ --pgn-color-code-kbd-base: var(--pgn-color-white);
736
+ --pgn-color-code-base: #E83E8CFF;
737
+ --pgn-color-close-button: var(--pgn-color-black);
1276
738
  --pgn-color-chip-outline-light: var(--pgn-color-chip-label-base);
739
+ --pgn-color-chip-outline-dark: var(--pgn-color-white);
740
+ --pgn-color-chip-label-dark: var(--pgn-color-chip-outline-dark);
741
+ --pgn-color-chip-label-base: var(--pgn-color-primary-700);
742
+ --pgn-color-chip-border-focus-selected-light: var(--pgn-color-dark-500);
743
+ --pgn-color-chip-border-focus-selected-dark: var(--pgn-color-chip-outline-dark);
744
+ --pgn-color-chip-border-base: var(--pgn-color-light-800);
745
+ --pgn-color-chip-bg-dark: var(--pgn-color-primary-300);
746
+ --pgn-color-chip-bg-light: var(--pgn-color-white);
747
+ --pgn-color-chip-text-dark: var(--pgn-color-white);
748
+ --pgn-color-chip-text-light: var(--pgn-color-black);
749
+ --pgn-color-carousel-caption: var(--pgn-color-white);
750
+ --pgn-color-carousel-indicator-active-bg: var(--pgn-color-white);
751
+ --pgn-color-carousel-control-base: var(--pgn-color-white);
752
+ --pgn-color-card-divider-bg: var(--pgn-color-light-400);
1277
753
  --pgn-color-card-border-focus-dark: var(--pgn-color-theme-focus-primary);
754
+ --pgn-color-card-border-focus-base: var(--pgn-color-primary-500);
755
+ --pgn-color-card-border-base: #00000020;
756
+ --pgn-color-card-bg-muted: var(--pgn-color-light-200);
757
+ --pgn-color-card-bg-dark: var(--pgn-color-primary-500);
758
+ --pgn-color-card-bg-base: var(--pgn-color-bg-base);
759
+ --pgn-color-card-base: inherit;
1278
760
  --pgn-color-btn-disabled-link: var(--pgn-color-disabled);
761
+ --pgn-color-btn-disabled-border-inverse-outline-warning: var(--pgn-color-btn-border-inverse-outline-warning);
762
+ --pgn-color-btn-disabled-border-inverse-warning: #00000000;
1279
763
  --pgn-color-btn-disabled-border-outline-warning: var(--pgn-color-btn-border-outline-warning);
764
+ --pgn-color-btn-disabled-border-warning: var(--pgn-color-btn-border-warning);
765
+ --pgn-color-btn-disabled-border-inverse-tertiary: var(--pgn-color-btn-border-inverse-tertiary);
766
+ --pgn-color-btn-disabled-border-tertiary: var(--pgn-color-btn-border-tertiary);
767
+ --pgn-color-btn-disabled-border-inverse-outline-success: inherit;
768
+ --pgn-color-btn-disabled-border-inverse-success: #00000000;
1280
769
  --pgn-color-btn-disabled-border-outline-success: var(--pgn-color-btn-border-outline-success);
770
+ --pgn-color-btn-disabled-border-success: var(--pgn-color-btn-border-success);
771
+ --pgn-color-btn-disabled-border-inverse-outline-secondary: var(--pgn-color-btn-border-inverse-outline-secondary);
772
+ --pgn-color-btn-disabled-border-inverse-secondary: var(--pgn-color-btn-border-inverse-secondary);
773
+ --pgn-color-btn-disabled-border-outline-secondary: var(--pgn-color-secondary-base);
774
+ --pgn-color-btn-disabled-border-secondary: inherit;
775
+ --pgn-color-btn-disabled-border-inverse-outline-primary: var(--pgn-color-btn-text-inverse-outline-primary);
776
+ --pgn-color-btn-disabled-border-outline-primary: var(--pgn-color-btn-hover-text-outline-primary);
777
+ --pgn-color-btn-disabled-border-inverse-primary: #00000000;
1281
778
  --pgn-color-btn-disabled-border-primary: var(--pgn-color-btn-border-primary);
779
+ --pgn-color-btn-disabled-border-inverse-outline-light: var(--pgn-color-btn-border-inverse-outline-light);
780
+ --pgn-color-btn-disabled-border-inverse-light: #00000000;
781
+ --pgn-color-btn-disabled-border-outline-light: var(--pgn-color-btn-hover-text-outline-light);
1282
782
  --pgn-color-btn-disabled-border-light: var(--pgn-color-btn-border-light);
783
+ --pgn-color-btn-disabled-border-inverse-outline-info: var(--pgn-color-btn-border-inverse-outline-info);
784
+ --pgn-color-btn-disabled-border-inverse-info: #00000000;
1283
785
  --pgn-color-btn-disabled-border-outline-info: var(--pgn-color-btn-border-outline-info);
1284
786
  --pgn-color-btn-disabled-border-info: var(--pgn-color-btn-bg-info);
787
+ --pgn-color-btn-disabled-border-inverse-outline-dark: var(--pgn-color-btn-focus-border-inverse-outline-dark);
788
+ --pgn-color-btn-disabled-border-inverse-dark: #00000000;
789
+ --pgn-color-btn-disabled-border-outline-dark: var(--pgn-color-btn-hover-text-outline-dark);
1285
790
  --pgn-color-btn-disabled-border-dark: var(--pgn-color-btn-border-dark);
791
+ --pgn-color-btn-disabled-border-inverse-outline-danger: var(--pgn-color-btn-border-inverse-outline-danger);
792
+ --pgn-color-btn-disabled-border-inverse-danger: #00000000;
1286
793
  --pgn-color-btn-disabled-border-outline-danger: var(--pgn-color-btn-border-outline-danger);
794
+ --pgn-color-btn-disabled-border-danger: var(--pgn-color-btn-border-danger);
795
+ --pgn-color-btn-disabled-border-inverse-outline-brand: var(--pgn-color-btn-text-inverse-outline-brand);
796
+ --pgn-color-btn-disabled-border-inverse-brand: var(--pgn-color-btn-disabled-bg-inverse-brand);
797
+ --pgn-color-btn-disabled-border-outline-brand: var(--pgn-color-btn-border-outline-brand);
1287
798
  --pgn-color-btn-disabled-border-brand: var(--pgn-color-btn-border-brand);
799
+ --pgn-color-btn-disabled-bg-inverse-outline-warning: inherit;
800
+ --pgn-color-btn-disabled-bg-inverse-warning: inherit;
801
+ --pgn-color-btn-disabled-bg-outline-warning: inherit;
1288
802
  --pgn-color-btn-disabled-bg-warning: var(--pgn-color-btn-bg-warning);
803
+ --pgn-color-btn-disabled-bg-inverse-tertiary: inherit;
804
+ --pgn-color-btn-disabled-bg-tertiary: inherit;
805
+ --pgn-color-btn-disabled-bg-inverse-outline-success: inherit;
806
+ --pgn-color-btn-disabled-bg-inverse-success: inherit;
807
+ --pgn-color-btn-disabled-bg-outline-success: inherit;
1289
808
  --pgn-color-btn-disabled-bg-success: var(--pgn-color-btn-bg-success);
809
+ --pgn-color-btn-disabled-bg-inverse-outline-secondary: inherit;
810
+ --pgn-color-btn-disabled-bg-inverse-secondary: inherit;
811
+ --pgn-color-btn-disabled-bg-outline-secondary: inherit;
1290
812
  --pgn-color-btn-disabled-bg-secondary: var(--pgn-color-btn-bg-secondary);
813
+ --pgn-color-btn-disabled-bg-inverse-outline-primary: inherit;
814
+ --pgn-color-btn-disabled-bg-outline-primary: inherit;
815
+ --pgn-color-btn-disabled-bg-inverse-primary: var(--pgn-color-white);
816
+ --pgn-color-btn-disabled-bg-primary: var(--pgn-color-btn-bg-primary);
817
+ --pgn-color-btn-disabled-bg-inverse-outline-light: inherit;
818
+ --pgn-color-btn-disabled-bg-inverse-light: inherit;
819
+ --pgn-color-btn-disabled-bg-outline-light: inherit;
820
+ --pgn-color-btn-disabled-bg-light: var(--pgn-color-btn-bg-light);
821
+ --pgn-color-btn-disabled-bg-inverse-outline-info: inherit;
822
+ --pgn-color-btn-disabled-bg-inverse-info: inherit;
823
+ --pgn-color-btn-disabled-bg-outline-info: inherit;
1291
824
  --pgn-color-btn-disabled-bg-info: var(--pgn-color-btn-bg-info);
825
+ --pgn-color-btn-disabled-bg-inverse-outline-dark: inherit;
826
+ --pgn-color-btn-disabled-bg-inverse-dark: inherit;
827
+ --pgn-color-btn-disabled-bg-outline-dark: inherit;
828
+ --pgn-color-btn-disabled-bg-dark: var(--pgn-color-btn-bg-dark);
829
+ --pgn-color-btn-disabled-bg-inverse-outline-danger: inherit;
830
+ --pgn-color-btn-disabled-bg-inverse-danger: #00000000;
831
+ --pgn-color-btn-disabled-bg-outline-danger: inherit;
1292
832
  --pgn-color-btn-disabled-bg-danger: var(--pgn-color-btn-bg-danger);
833
+ --pgn-color-btn-disabled-bg-inverse-outline-brand: var(--pgn-color-btn-bg-inverse-outline-brand);
834
+ --pgn-color-btn-disabled-bg-inverse-brand: var(--pgn-color-white);
835
+ --pgn-color-btn-disabled-bg-outline-brand: inherit;
836
+ --pgn-color-btn-disabled-bg-brand: var(--pgn-color-btn-bg-brand);
837
+ --pgn-color-btn-disabled-text-inverse-outline-warning: var(--pgn-color-btn-text-inverse-outline-warning);
838
+ --pgn-color-btn-disabled-text-inverse-warning: var(--pgn-color-warning-base);
1293
839
  --pgn-color-btn-disabled-text-outline-warning: var(--pgn-color-btn-text-outline-warning);
840
+ --pgn-color-btn-disabled-text-warning: var(--pgn-color-btn-text-warning);
841
+ --pgn-color-btn-disabled-text-inverse-tertiary: var(--pgn-color-btn-text-inverse-tertiary);
842
+ --pgn-color-btn-disabled-text-tertiary: var(--pgn-color-btn-text-tertiary);
843
+ --pgn-color-btn-disabled-text-inverse-outline-success: var(--pgn-color-btn-text-inverse-outline-success);
844
+ --pgn-color-btn-disabled-text-inverse-success: var(--pgn-color-success-base);
1294
845
  --pgn-color-btn-disabled-text-outline-success: var(--pgn-color-btn-text-outline-success);
846
+ --pgn-color-btn-disabled-text-success: var(--pgn-color-btn-text-success);
847
+ --pgn-color-btn-disabled-text-inverse-outline-secondary: var(--pgn-color-btn-text-inverse-outline-secondary);
848
+ --pgn-color-btn-disabled-text-inverse-secondary: inherit;
849
+ --pgn-color-btn-disabled-text-outline-secondary: inherit;
850
+ --pgn-color-btn-disabled-text-secondary: var(--pgn-color-btn-text-secondary);
851
+ --pgn-color-btn-disabled-text-inverse-outline-primary: var(--pgn-color-btn-text-inverse-outline-primary);
852
+ --pgn-color-btn-disabled-text-outline-primary: var(--pgn-color-btn-hover-text-outline-primary);
853
+ --pgn-color-btn-disabled-text-inverse-primary: var(--pgn-color-primary-500);
1295
854
  --pgn-color-btn-disabled-text-primary: var(--pgn-color-btn-text-primary);
855
+ --pgn-color-btn-disabled-text-inverse-outline-light: var(--pgn-color-btn-text-inverse-outline-light);
856
+ --pgn-color-btn-disabled-text-inverse-light: var(--pgn-color-btn-text-inverse-light);
857
+ --pgn-color-btn-disabled-text-outline-light: var(--pgn-color-btn-hover-text-outline-light);
1296
858
  --pgn-color-btn-disabled-text-light: var(--pgn-color-btn-text-light);
859
+ --pgn-color-btn-disabled-text-inverse-outline-info: var(--pgn-color-btn-text-inverse-outline-info);
860
+ --pgn-color-btn-disabled-text-inverse-info: var(--pgn-color-info-base);
1297
861
  --pgn-color-btn-disabled-text-outline-info: var(--pgn-color-btn-text-outline-info);
862
+ --pgn-color-btn-disabled-text-info: var(--pgn-color-btn-text-info);
863
+ --pgn-color-btn-disabled-text-inverse-outline-dark: var(--pgn-color-btn-text-inverse-outline-dark);
864
+ --pgn-color-btn-disabled-text-inverse-dark: var(--pgn-color-btn-text-inverse-dark);
865
+ --pgn-color-btn-disabled-text-outline-dark: inherit;
1298
866
  --pgn-color-btn-disabled-text-dark: var(--pgn-color-btn-text-dark);
867
+ --pgn-color-btn-disabled-text-inverse-outline-danger: var(--pgn-color-btn-text-inverse-outline-danger);
868
+ --pgn-color-btn-disabled-text-inverse-danger: var(--pgn-color-danger-base);
869
+ --pgn-color-btn-disabled-text-outline-danger: var(--pgn-color-btn-hover-text-outline-danger);
870
+ --pgn-color-btn-disabled-text-danger: var(--pgn-color-btn-text-danger);
871
+ --pgn-color-btn-disabled-text-inverse-outline-brand: var(--pgn-color-btn-text-inverse-outline-brand);
872
+ --pgn-color-btn-disabled-text-outline-brand: var(--pgn-color-btn-hover-text-outline-brand);
873
+ --pgn-color-btn-disabled-text-inverse-brand: var(--pgn-color-brand-500);
1299
874
  --pgn-color-btn-disabled-text-brand: var(--pgn-color-btn-text-brand);
875
+ --pgn-color-btn-focus-outline-inverse-outline-warning: inherit;
876
+ --pgn-color-btn-focus-outline-inverse-warning: var(--pgn-color-white);
877
+ --pgn-color-btn-focus-outline-outline-warning: var(--pgn-color-theme-focus-warning);
878
+ --pgn-color-btn-focus-outline-warning: var(--pgn-color-theme-focus-warning);
879
+ --pgn-color-btn-focus-outline-inverse-tertiary: var(--pgn-color-white);
1300
880
  --pgn-color-btn-focus-outline-tertiary: var(--pgn-color-theme-focus-primary);
1301
881
  --pgn-color-btn-focus-outline-inverse-outline-success: var(--pgn-color-btn-focus-border-inverse-outline-success);
882
+ --pgn-color-btn-focus-outline-inverse-success: var(--pgn-color-btn-focus-border-inverse-success);
883
+ --pgn-color-btn-focus-outline-outline-success: var(--pgn-color-theme-focus-success);
884
+ --pgn-color-btn-focus-outline-success: var(--pgn-color-theme-focus-success);
885
+ --pgn-color-btn-focus-outline-inverse-outline-secondary: var(--pgn-color-btn-border-inverse-outline-secondary);
886
+ --pgn-color-btn-focus-outline-inverse-secondary: var(--pgn-color-white);
887
+ --pgn-color-btn-focus-outline-outline-secondary: var(--pgn-color-theme-focus-secondary);
888
+ --pgn-color-btn-focus-outline-secondary: var(--pgn-color-theme-focus-secondary);
889
+ --pgn-color-btn-focus-outline-inverse-outline-primary: var(--pgn-color-btn-border-inverse-outline-primary);
890
+ --pgn-color-btn-focus-outline-inverse-primary: var(--pgn-color-btn-focus-border-inverse-primary);
1302
891
  --pgn-color-btn-focus-outline-outline-primary: var(--pgn-color-theme-focus-primary);
1303
892
  --pgn-color-btn-focus-outline-primary: var(--pgn-color-theme-focus-primary);
1304
893
  --pgn-color-btn-focus-outline-inverse-outline-light: var(--pgn-color-btn-focus-border-inverse-outline-light);
894
+ --pgn-color-btn-focus-outline-inverse-light: var(--pgn-color-white);
1305
895
  --pgn-color-btn-focus-outline-outline-light: var(--pgn-color-theme-focus-light);
896
+ --pgn-color-btn-focus-outline-light: var(--pgn-color-primary-300);
1306
897
  --pgn-color-btn-focus-outline-inverse-outline-info: var(--pgn-color-btn-focus-border-inverse-outline-info);
898
+ --pgn-color-btn-focus-outline-inverse-info: var(--pgn-color-btn-focus-border-inverse-info);
899
+ --pgn-color-btn-focus-outline-outline-info: var(--pgn-color-theme-focus-info);
900
+ --pgn-color-btn-focus-outline-info: var(--pgn-color-theme-focus-info);
901
+ --pgn-color-btn-focus-outline-inverse-outline-dark: var(--pgn-color-btn-focus-border-inverse-outline-dark);
902
+ --pgn-color-btn-focus-outline-inverse-dark: var(--pgn-color-btn-focus-border-inverse-dark);
1307
903
  --pgn-color-btn-focus-outline-outline-dark: var(--pgn-color-theme-focus-dark);
1308
904
  --pgn-color-btn-focus-outline-dark: var(--pgn-color-theme-focus-dark);
905
+ --pgn-color-btn-focus-outline-inverse-outline-danger: var(--pgn-color-btn-focus-border-inverse-danger);
906
+ --pgn-color-btn-focus-outline-inverse-danger: var(--pgn-color-btn-focus-border-inverse-danger);
907
+ --pgn-color-btn-focus-outline-outline-danger: var(--pgn-color-theme-focus-danger);
908
+ --pgn-color-btn-focus-outline-danger: var(--pgn-color-theme-focus-danger);
1309
909
  --pgn-color-btn-focus-outline-inverse-outline-brand: var(--pgn-color-btn-focus-border-inverse-outline-brand);
910
+ --pgn-color-btn-focus-outline-inverse-brand: var(--pgn-color-btn-focus-border-inverse-brand);
1310
911
  --pgn-color-btn-focus-outline-outline-brand: var(--pgn-color-theme-focus-brand);
1311
912
  --pgn-color-btn-focus-outline-brand: var(--pgn-color-theme-focus-brand);
913
+ --pgn-color-btn-focus-bg-inverse-outline-warning: inherit;
914
+ --pgn-color-btn-focus-bg-inverse-warning: var(--pgn-color-btn-bg-inverse-warning);
915
+ --pgn-color-btn-focus-bg-outline-warning: inherit;
1312
916
  --pgn-color-btn-focus-bg-warning: var(--pgn-color-btn-bg-warning);
917
+ --pgn-color-btn-focus-bg-inverse-tertiary: inherit;
918
+ --pgn-color-btn-focus-bg-tertiary: inherit;
919
+ --pgn-color-btn-focus-bg-inverse-outline-success: inherit;
920
+ --pgn-color-btn-focus-bg-inverse-success: var(--pgn-color-btn-bg-inverse-success);
921
+ --pgn-color-btn-focus-bg-outline-success: inherit;
1313
922
  --pgn-color-btn-focus-bg-success: var(--pgn-color-btn-bg-success);
923
+ --pgn-color-btn-focus-bg-inverse-outline-secondary: inherit;
924
+ --pgn-color-btn-focus-bg-inverse-secondary: var(--pgn-color-btn-bg-inverse-secondary);
925
+ --pgn-color-btn-focus-bg-outline-secondary: #00000000;
1314
926
  --pgn-color-btn-focus-bg-secondary: var(--pgn-color-btn-bg-secondary);
927
+ --pgn-color-btn-focus-bg-inverse-outline-primary: inherit;
1315
928
  --pgn-color-btn-focus-bg-inverse-primary: var(--pgn-color-btn-bg-inverse-primary);
929
+ --pgn-color-btn-focus-bg-outline-primary: inherit;
930
+ --pgn-color-btn-focus-bg-primary: var(--pgn-color-btn-bg-primary);
931
+ --pgn-color-btn-focus-bg-inverse-outline-light: inherit;
1316
932
  --pgn-color-btn-focus-bg-inverse-light: var(--pgn-color-btn-bg-inverse-light);
933
+ --pgn-color-btn-focus-bg-outline-light: #00000000;
934
+ --pgn-color-btn-focus-bg-light: var(--pgn-color-btn-bg-light);
935
+ --pgn-color-btn-focus-bg-inverse-outline-info: inherit;
936
+ --pgn-color-btn-focus-bg-inverse-info: var(--pgn-color-btn-bg-inverse-info);
937
+ --pgn-color-btn-focus-bg-outline-info: inherit;
1317
938
  --pgn-color-btn-focus-bg-info: var(--pgn-color-btn-bg-info);
939
+ --pgn-color-btn-focus-bg-inverse-outline-dark: inherit;
1318
940
  --pgn-color-btn-focus-bg-inverse-dark: var(--pgn-color-btn-bg-inverse-dark);
941
+ --pgn-color-btn-focus-bg-outline-dark: inherit;
942
+ --pgn-color-btn-focus-bg-dark: var(--pgn-color-btn-bg-dark);
943
+ --pgn-color-btn-focus-bg-inverse-outline-danger: inherit;
944
+ --pgn-color-btn-focus-bg-inverse-danger: var(--pgn-color-btn-bg-inverse-danger);
945
+ --pgn-color-btn-focus-bg-outline-danger: inherit;
1319
946
  --pgn-color-btn-focus-bg-danger: var(--pgn-color-btn-bg-danger);
947
+ --pgn-color-btn-focus-bg-inverse-outline-brand: inherit;
948
+ --pgn-color-btn-focus-bg-outline-brand: inherit;
1320
949
  --pgn-color-btn-focus-bg-inverse-brand: var(--pgn-color-btn-bg-inverse-brand);
950
+ --pgn-color-btn-focus-bg-brand: var(--pgn-color-btn-bg-brand);
951
+ --pgn-color-btn-focus-border-inverse-outline-warning: var(--pgn-color-btn-border-inverse-outline-warning);
952
+ --pgn-color-btn-focus-border-inverse-warning: var(--pgn-color-btn-border-inverse-warning);
1321
953
  --pgn-color-btn-focus-border-outline-warning: var(--pgn-color-btn-border-outline-warning);
954
+ --pgn-color-btn-focus-border-warning: var(--pgn-color-btn-border-warning);
955
+ --pgn-color-btn-focus-border-inverse-tertiary: #00000000;
956
+ --pgn-color-btn-focus-border-tertiary: var(--pgn-color-btn-border-tertiary);
957
+ --pgn-color-btn-focus-border-inverse-outline-success: var(--pgn-color-btn-border-inverse-outline-success);
958
+ --pgn-color-btn-focus-border-inverse-success: var(--pgn-color-white);
1322
959
  --pgn-color-btn-focus-border-outline-success: var(--pgn-color-btn-border-outline-success);
960
+ --pgn-color-btn-focus-border-success: var(--pgn-color-btn-border-success);
961
+ --pgn-color-btn-focus-border-inverse-outline-secondary: var(--pgn-color-white);
962
+ --pgn-color-btn-focus-border-inverse-secondary: var(--pgn-color-white);
1323
963
  --pgn-color-btn-focus-border-outline-secondary: var(--pgn-color-btn-border-outline-secondary);
1324
964
  --pgn-color-btn-focus-border-secondary: var(--pgn-color-btn-bg-secondary);
965
+ --pgn-color-btn-focus-border-inverse-outline-primary: var(--pgn-color-btn-border-inverse-outline-primary);
966
+ --pgn-color-btn-focus-border-inverse-primary: var(--pgn-color-white);
967
+ --pgn-color-btn-focus-border-outline-primary: var(--pgn-color-btn-border-outline-primary);
1325
968
  --pgn-color-btn-focus-border-primary: var(--pgn-color-btn-border-primary);
969
+ --pgn-color-btn-focus-border-inverse-outline-light: var(--pgn-color-btn-border-inverse-outline-light);
970
+ --pgn-color-btn-focus-border-inverse-light: var(--pgn-color-btn-border-inverse-light);
971
+ --pgn-color-btn-focus-border-outline-light: var(--pgn-color-btn-border-outline-light);
1326
972
  --pgn-color-btn-focus-border-light: var(--pgn-color-btn-border-light);
973
+ --pgn-color-btn-focus-border-inverse-outline-info: var(--pgn-color-btn-border-inverse-outline-info);
974
+ --pgn-color-btn-focus-border-inverse-info: var(--pgn-color-white);
1327
975
  --pgn-color-btn-focus-border-outline-info: var(--pgn-color-btn-border-outline-info);
976
+ --pgn-color-btn-focus-border-info: var(--pgn-color-btn-border-info);
977
+ --pgn-color-btn-focus-border-inverse-outline-dark: var(--pgn-color-white);
978
+ --pgn-color-btn-focus-border-inverse-dark: var(--pgn-color-white);
979
+ --pgn-color-btn-focus-border-outline-dark: var(--pgn-color-btn-border-outline-dark);
1328
980
  --pgn-color-btn-focus-border-dark: var(--pgn-color-btn-focus-bg-dark);
981
+ --pgn-color-btn-focus-border-inverse-outline-danger: var(--pgn-color-white);
982
+ --pgn-color-btn-focus-border-inverse-danger: var(--pgn-color-white);
1329
983
  --pgn-color-btn-focus-border-outline-danger: var(--pgn-color-btn-border-outline-danger);
984
+ --pgn-color-btn-focus-border-danger: var(--pgn-color-btn-focus-bg-danger);
985
+ --pgn-color-btn-focus-border-inverse-outline-brand: var(--pgn-color-btn-border-inverse-outline-brand);
986
+ --pgn-color-btn-focus-border-inverse-brand: var(--pgn-color-white);
987
+ --pgn-color-btn-focus-border-outline-brand: var(--pgn-color-btn-border-outline-brand);
1330
988
  --pgn-color-btn-focus-border-brand: var(--pgn-color-btn-border-brand);
989
+ --pgn-color-btn-focus-text-inverse-outline-warning: var(--pgn-color-btn-text-inverse-outline-warning);
1331
990
  --pgn-color-btn-focus-text-inverse-warning: var(--pgn-color-btn-text-inverse-warning);
1332
991
  --pgn-color-btn-focus-text-outline-warning: var(--pgn-color-btn-text-outline-warning);
992
+ --pgn-color-btn-focus-text-warning: var(--pgn-color-btn-text-warning);
993
+ --pgn-color-btn-focus-text-inverse-tertiary: var(--pgn-color-btn-text-inverse-tertiary);
994
+ --pgn-color-btn-focus-text-tertiary: var(--pgn-color-btn-text-tertiary);
995
+ --pgn-color-btn-focus-text-inverse-outline-success: var(--pgn-color-btn-text-inverse-outline-success);
1333
996
  --pgn-color-btn-focus-text-inverse-success: var(--pgn-color-btn-text-inverse-success);
1334
997
  --pgn-color-btn-focus-text-outline-success: var(--pgn-color-btn-text-outline-success);
998
+ --pgn-color-btn-focus-text-success: var(--pgn-color-btn-text-success);
999
+ --pgn-color-btn-focus-text-inverse-outline-secondary: var(--pgn-color-btn-text-inverse-outline-secondary);
1335
1000
  --pgn-color-btn-focus-text-outline-secondary: var(--pgn-color-btn-text-outline-secondary);
1001
+ --pgn-color-btn-focus-text-inverse-secondary: inherit;
1002
+ --pgn-color-btn-focus-text-secondary: var(--pgn-color-btn-text-secondary);
1003
+ --pgn-color-btn-focus-text-inverse-outline-primary: var(--pgn-color-btn-text-inverse-outline-primary);
1004
+ --pgn-color-btn-focus-text-inverse-primary: var(--pgn-color-btn-text-inverse-primary);
1005
+ --pgn-color-btn-focus-text-outline-primary: var(--pgn-color-btn-text-outline-primary);
1336
1006
  --pgn-color-btn-focus-text-primary: var(--pgn-color-btn-text-primary);
1007
+ --pgn-color-btn-focus-text-inverse-outline-light: var(--pgn-color-btn-text-inverse-outline-light);
1008
+ --pgn-color-btn-focus-text-inverse-light: var(--pgn-color-btn-text-inverse-light);
1009
+ --pgn-color-btn-focus-text-outline-light: var(--pgn-color-btn-text-outline-light);
1337
1010
  --pgn-color-btn-focus-text-light: var(--pgn-color-btn-text-light);
1011
+ --pgn-color-btn-focus-text-inverse-outline-info: var(--pgn-color-btn-text-inverse-outline-info);
1338
1012
  --pgn-color-btn-focus-text-inverse-info: var(--pgn-color-btn-text-inverse-info);
1339
1013
  --pgn-color-btn-focus-text-outline-info: var(--pgn-color-btn-text-outline-info);
1014
+ --pgn-color-btn-focus-text-info: var(--pgn-color-btn-text-info);
1015
+ --pgn-color-btn-focus-text-inverse-outline-dark: var(--pgn-color-btn-text-inverse-outline-dark);
1016
+ --pgn-color-btn-focus-text-outline-dark: inherit;
1017
+ --pgn-color-btn-focus-text-inverse-dark: var(--pgn-color-btn-text-inverse-dark);
1340
1018
  --pgn-color-btn-focus-text-dark: var(--pgn-color-btn-text-dark);
1019
+ --pgn-color-btn-focus-text-inverse-outline-danger: var(--pgn-color-btn-text-inverse-outline-danger);
1341
1020
  --pgn-color-btn-focus-text-outline-danger: var(--pgn-color-btn-text-outline-danger);
1342
1021
  --pgn-color-btn-focus-text-inverse-danger: var(--pgn-color-btn-text-inverse-danger);
1022
+ --pgn-color-btn-focus-text-danger: var(--pgn-color-btn-text-danger);
1023
+ --pgn-color-btn-focus-text-inverse-outline-brand: var(--pgn-color-btn-text-inverse-outline-brand);
1024
+ --pgn-color-btn-focus-text-outline-brand: var(--pgn-color-btn-text-outline-brand);
1025
+ --pgn-color-btn-focus-text-inverse-brand: var(--pgn-color-btn-text-inverse-brand);
1343
1026
  --pgn-color-btn-focus-text-brand: var(--pgn-color-btn-text-brand);
1027
+ --pgn-color-btn-active-border-inverse-outline-warning: #00000000;
1028
+ --pgn-color-btn-active-border-outline-warning: var(--pgn-color-theme-active-warning);
1029
+ --pgn-color-btn-active-border-inverse-warning: inherit;
1030
+ --pgn-color-btn-active-border-warning: var(--pgn-color-theme-active-warning);
1031
+ --pgn-color-btn-active-border-inverse-tertiary: #00000000;
1032
+ --pgn-color-btn-active-border-tertiary: #00000000;
1033
+ --pgn-color-btn-active-border-inverse-outline-success: #00000000;
1034
+ --pgn-color-btn-active-border-inverse-success: inherit;
1035
+ --pgn-color-btn-active-border-outline-success: var(--pgn-color-theme-active-success);
1036
+ --pgn-color-btn-active-border-success: var(--pgn-color-theme-active-success);
1037
+ --pgn-color-btn-active-border-inverse-secondary: #00000000;
1038
+ --pgn-color-btn-active-border-inverse-outline-secondary: #00000000;
1039
+ --pgn-color-btn-active-border-outline-secondary: var(--pgn-color-theme-active-secondary);
1040
+ --pgn-color-btn-active-border-secondary: var(--pgn-color-theme-active-secondary);
1041
+ --pgn-color-btn-active-border-inverse-primary: #00000000;
1042
+ --pgn-color-btn-active-border-inverse-outline-primary: #00000000;
1344
1043
  --pgn-color-btn-active-border-outline-primary: var(--pgn-color-theme-active-primary);
1345
1044
  --pgn-color-btn-active-border-primary: var(--pgn-color-theme-active-primary);
1045
+ --pgn-color-btn-active-border-inverse-outline-light: #00000000;
1046
+ --pgn-color-btn-active-border-inverse-light: inherit;
1346
1047
  --pgn-color-btn-active-border-outline-light: var(--pgn-color-theme-active-light);
1347
1048
  --pgn-color-btn-active-border-light: var(--pgn-color-theme-active-light);
1049
+ --pgn-color-btn-active-border-inverse-outline-info: #00000000;
1050
+ --pgn-color-btn-active-border-inverse-info: #00000000;
1051
+ --pgn-color-btn-active-border-outline-info: var(--pgn-color-theme-active-info);
1052
+ --pgn-color-btn-active-border-info: var(--pgn-color-theme-active-info);
1053
+ --pgn-color-btn-active-border-inverse-outline-dark: #00000000;
1054
+ --pgn-color-btn-active-border-inverse-dark: #00000000;
1348
1055
  --pgn-color-btn-active-border-outline-dark: var(--pgn-color-theme-active-dark);
1349
1056
  --pgn-color-btn-active-border-dark: var(--pgn-color-theme-active-dark);
1057
+ --pgn-color-btn-active-border-inverse-outline-danger: #00000000;
1058
+ --pgn-color-btn-active-border-inverse-danger: #00000000;
1059
+ --pgn-color-btn-active-border-outline-danger: var(--pgn-color-theme-active-danger);
1060
+ --pgn-color-btn-active-border-danger: var(--pgn-color-theme-active-danger);
1061
+ --pgn-color-btn-active-border-inverse-outline-brand: #00000000;
1062
+ --pgn-color-btn-active-border-inverse-brand: #00000000;
1350
1063
  --pgn-color-btn-active-border-outline-brand: var(--pgn-color-theme-active-brand);
1351
1064
  --pgn-color-btn-active-border-brand: var(--pgn-color-theme-active-brand);
1065
+ --pgn-color-btn-active-bg-inverse-outline-warning: var(--pgn-color-theme-bg-warning);
1066
+ --pgn-color-btn-active-bg-inverse-warning: var(--pgn-color-gray-100);
1067
+ --pgn-color-btn-active-bg-outline-warning: var(--pgn-color-theme-bg-warning);
1068
+ --pgn-color-btn-active-bg-warning: var(--pgn-color-theme-active-warning);
1069
+ --pgn-color-btn-active-bg-inverse-tertiary: var(--pgn-color-btn-hover-bg-inverse-tertiary);
1070
+ --pgn-color-btn-active-bg-tertiary: var(--pgn-color-light-500);
1071
+ --pgn-color-btn-active-bg-inverse-outline-success: var(--pgn-color-theme-bg-success);
1072
+ --pgn-color-btn-active-bg-inverse-success: var(--pgn-color-gray-100);
1073
+ --pgn-color-btn-active-bg-outline-success: var(--pgn-color-theme-bg-success);
1074
+ --pgn-color-btn-active-bg-success: var(--pgn-color-theme-active-success);
1075
+ --pgn-color-btn-active-bg-inverse-secondary: var(--pgn-color-gray-100);
1076
+ --pgn-color-btn-active-bg-inverse-outline-secondary: var(--pgn-color-theme-bg-secondary);
1077
+ --pgn-color-btn-active-bg-outline-secondary: var(--pgn-color-theme-bg-secondary);
1078
+ --pgn-color-btn-active-bg-secondary: var(--pgn-color-theme-active-secondary);
1079
+ --pgn-color-btn-active-bg-inverse-primary: var(--pgn-color-gray-100);
1352
1080
  --pgn-color-btn-active-bg-inverse-outline-primary: var(--pgn-color-theme-bg-primary);
1353
1081
  --pgn-color-btn-active-bg-outline-primary: var(--pgn-color-theme-bg-primary);
1354
1082
  --pgn-color-btn-active-bg-primary: var(--pgn-color-theme-active-primary);
1355
1083
  --pgn-color-btn-active-bg-inverse-outline-light: var(--pgn-color-theme-bg-light);
1084
+ --pgn-color-btn-active-bg-inverse-light: var(--pgn-color-gray-100);
1356
1085
  --pgn-color-btn-active-bg-outline-light: var(--pgn-color-theme-bg-light);
1357
1086
  --pgn-color-btn-active-bg-light: var(--pgn-color-theme-active-light);
1087
+ --pgn-color-btn-active-bg-inverse-outline-info: var(--pgn-color-theme-bg-info);
1088
+ --pgn-color-btn-active-bg-inverse-info: var(--pgn-color-gray-100);
1089
+ --pgn-color-btn-active-bg-outline-info: var(--pgn-color-theme-bg-info);
1090
+ --pgn-color-btn-active-bg-info: var(--pgn-color-theme-active-info);
1358
1091
  --pgn-color-btn-active-bg-inverse-outline-dark: var(--pgn-color-theme-bg-dark);
1092
+ --pgn-color-btn-active-bg-inverse-dark: var(--pgn-color-gray-100);
1359
1093
  --pgn-color-btn-active-bg-outline-dark: var(--pgn-color-theme-bg-dark);
1360
1094
  --pgn-color-btn-active-bg-dark: var(--pgn-color-theme-active-dark);
1095
+ --pgn-color-btn-active-bg-inverse-outline-danger: var(--pgn-color-theme-bg-danger);
1096
+ --pgn-color-btn-active-bg-inverse-danger: var(--pgn-color-gray-100);
1097
+ --pgn-color-btn-active-bg-outline-danger: var(--pgn-color-theme-bg-danger);
1098
+ --pgn-color-btn-active-bg-danger: var(--pgn-color-theme-active-danger);
1099
+ --pgn-color-btn-active-bg-inverse-brand: var(--pgn-color-gray-100);
1361
1100
  --pgn-color-btn-active-bg-inverse-outline-brand: var(--pgn-color-theme-bg-brand);
1362
1101
  --pgn-color-btn-active-bg-outline-brand: var(--pgn-color-theme-bg-brand);
1363
1102
  --pgn-color-btn-active-bg-brand: var(--pgn-color-theme-active-brand);
1103
+ --pgn-color-btn-active-text-inverse-outline-warning: #454545FF;
1364
1104
  --pgn-color-btn-active-text-inverse-warning: #CCAE00FF;
1105
+ --pgn-color-btn-active-text-outline-warning: #454545FF;
1106
+ --pgn-color-btn-active-text-warning: #313131FF;
1107
+ --pgn-color-btn-active-text-inverse-tertiary: var(--pgn-color-white);
1108
+ --pgn-color-btn-active-text-tertiary: var(--pgn-color-gray-700);
1109
+ --pgn-color-btn-active-text-inverse-outline-success: #454545FF;
1365
1110
  --pgn-color-btn-active-text-inverse-success: #0F5737FF;
1111
+ --pgn-color-btn-active-text-outline-success: #454545FF;
1112
+ --pgn-color-btn-active-text-success: #FFFFFFFF;
1113
+ --pgn-color-btn-active-text-inverse-outline-secondary: #454545FF;
1366
1114
  --pgn-color-btn-active-text-inverse-secondary: #2B2B2BFF;
1115
+ --pgn-color-btn-active-text-outline-secondary: #454545FF;
1116
+ --pgn-color-btn-active-text-secondary: #FFFFFFFF;
1117
+ --pgn-color-btn-active-text-inverse-outline-primary: #454545FF;
1118
+ --pgn-color-btn-active-text-inverse-primary: #051627FF;
1119
+ --pgn-color-btn-active-text-outline-primary: #454545FF;
1120
+ --pgn-color-btn-active-text-primary: #FFFFFFFF;
1121
+ --pgn-color-btn-active-text-inverse-outline-light: #454545FF;
1122
+ --pgn-color-btn-active-text-inverse-light: #CAC3BFFF;
1123
+ --pgn-color-btn-active-text-outline-light: #454545FF;
1124
+ --pgn-color-btn-active-text-light: #313131FF;
1125
+ --pgn-color-btn-active-text-inverse-outline-info: #454545FF;
1367
1126
  --pgn-color-btn-active-text-inverse-info: #004C77FF;
1127
+ --pgn-color-btn-active-text-outline-info: #454545FF;
1128
+ --pgn-color-btn-active-text-info: #FFFFFFFF;
1129
+ --pgn-color-btn-active-text-inverse-outline-dark: #454545FF;
1130
+ --pgn-color-btn-active-text-inverse-dark: #142018FF;
1131
+ --pgn-color-btn-active-text-outline-dark: #454545FF;
1132
+ --pgn-color-btn-active-text-dark: #FFFFFFFF;
1133
+ --pgn-color-btn-active-text-inverse-outline-danger: #454545FF;
1368
1134
  --pgn-color-btn-active-text-inverse-danger: #9A232EFF;
1135
+ --pgn-color-btn-active-text-outline-danger: #454545FF;
1136
+ --pgn-color-btn-active-text-danger: #FFFFFFFF;
1137
+ --pgn-color-btn-active-text-inverse-outline-brand: #454545FF;
1138
+ --pgn-color-btn-active-text-inverse-brand: #6A0039FF;
1139
+ --pgn-color-btn-active-text-outline-brand: #454545FF;
1140
+ --pgn-color-btn-active-text-brand: #FFFFFFFF;
1141
+ --pgn-color-btn-hover-border-inverse-outline-warning: #00000000;
1142
+ --pgn-color-btn-hover-border-inverse-warning: #00000000;
1369
1143
  --pgn-color-btn-hover-border-outline-warning: var(--pgn-color-warning-900);
1144
+ --pgn-color-btn-hover-border-warning: var(--pgn-color-theme-hover-warning);
1145
+ --pgn-color-btn-hover-border-inverse-tertiary: #00000000;
1146
+ --pgn-color-btn-hover-border-tertiary: #00000000;
1147
+ --pgn-color-btn-hover-border-inverse-outline-success: #00000000;
1148
+ --pgn-color-btn-hover-border-inverse-success: #00000000;
1370
1149
  --pgn-color-btn-hover-border-outline-success: var(--pgn-color-success-900);
1150
+ --pgn-color-btn-hover-border-success: var(--pgn-color-theme-hover-success);
1151
+ --pgn-color-btn-hover-border-inverse-secondary: #00000000;
1152
+ --pgn-color-btn-hover-border-inverse-outline-secondary: #00000000;
1371
1153
  --pgn-color-btn-hover-border-outline-secondary: var(--pgn-color-secondary-900);
1154
+ --pgn-color-btn-hover-border-secondary: var(--pgn-color-theme-hover-secondary);
1155
+ --pgn-color-btn-hover-border-inverse-primary: #00000000;
1156
+ --pgn-color-btn-hover-border-inverse-outline-primary: #00000000;
1157
+ --pgn-color-btn-hover-border-outline-primary: var(--pgn-color-primary-900);
1372
1158
  --pgn-color-btn-hover-border-primary: var(--pgn-color-theme-hover-primary);
1159
+ --pgn-color-btn-hover-border-inverse-outline-light: #00000000;
1160
+ --pgn-color-btn-hover-border-inverse-light: #00000000;
1161
+ --pgn-color-btn-hover-border-outline-light: var(--pgn-color-light-900);
1373
1162
  --pgn-color-btn-hover-border-light: var(--pgn-color-theme-hover-light);
1163
+ --pgn-color-btn-hover-border-inverse-outline-info: #00000000;
1164
+ --pgn-color-btn-hover-border-inverse-info: #00000000;
1374
1165
  --pgn-color-btn-hover-border-outline-info: var(--pgn-color-info-900);
1166
+ --pgn-color-btn-hover-border-info: var(--pgn-color-theme-hover-info);
1167
+ --pgn-color-btn-hover-border-inverse-outline-dark: #00000000;
1168
+ --pgn-color-btn-hover-border-inverse-dark: #00000000;
1169
+ --pgn-color-btn-hover-border-outline-dark: var(--pgn-color-dark-900);
1375
1170
  --pgn-color-btn-hover-border-dark: var(--pgn-color-theme-hover-dark);
1171
+ --pgn-color-btn-hover-border-inverse-outline-danger: #00000000;
1172
+ --pgn-color-btn-hover-border-inverse-danger: #00000000;
1376
1173
  --pgn-color-btn-hover-border-outline-danger: var(--pgn-color-danger-900);
1174
+ --pgn-color-btn-hover-border-danger: var(--pgn-color-theme-hover-danger);
1175
+ --pgn-color-btn-hover-border-inverse-brand: #00000000;
1176
+ --pgn-color-btn-hover-border-inverse-outline-brand: #00000000;
1177
+ --pgn-color-btn-hover-border-outline-brand: var(--pgn-color-brand-900);
1377
1178
  --pgn-color-btn-hover-border-brand: var(--pgn-color-theme-hover-brand);
1378
1179
  --pgn-color-btn-hover-bg-inverse-outline-warning: var(--pgn-color-warning-100);
1180
+ --pgn-color-btn-hover-bg-inverse-warning: #323232FF;
1379
1181
  --pgn-color-btn-hover-bg-outline-warning: var(--pgn-color-warning-100);
1182
+ --pgn-color-btn-hover-bg-warning: var(--pgn-color-theme-hover-warning);
1183
+ --pgn-color-btn-hover-bg-inverse-tertiary: #FFFFFF1A;
1184
+ --pgn-color-btn-hover-bg-tertiary: var(--pgn-color-light-500);
1380
1185
  --pgn-color-btn-hover-bg-inverse-outline-success: var(--pgn-color-success-100);
1186
+ --pgn-color-btn-hover-bg-inverse-success: #ECECECFF;
1381
1187
  --pgn-color-btn-hover-bg-outline-success: var(--pgn-color-success-100);
1188
+ --pgn-color-btn-hover-bg-success: var(--pgn-color-theme-hover-success);
1382
1189
  --pgn-color-btn-hover-bg-inverse-outline-secondary: var(--pgn-color-secondary-100);
1190
+ --pgn-color-btn-hover-bg-inverse-secondary: #ECECECFF;
1383
1191
  --pgn-color-btn-hover-bg-outline-secondary: var(--pgn-color-secondary-100);
1192
+ --pgn-color-btn-hover-bg-secondary: var(--pgn-color-theme-hover-secondary);
1193
+ --pgn-color-btn-hover-bg-inverse-outline-primary: var(--pgn-color-primary-100);
1384
1194
  --pgn-color-btn-hover-bg-inverse-primary: #ECECECFF;
1195
+ --pgn-color-btn-hover-bg-outline-primary: var(--pgn-color-primary-100);
1385
1196
  --pgn-color-btn-hover-bg-primary: var(--pgn-color-theme-hover-primary);
1197
+ --pgn-color-btn-hover-bg-inverse-outline-light: var(--pgn-color-light-100);
1386
1198
  --pgn-color-btn-hover-bg-inverse-light: #323232FF;
1199
+ --pgn-color-btn-hover-bg-outline-light: var(--pgn-color-light-100);
1387
1200
  --pgn-color-btn-hover-bg-light: var(--pgn-color-theme-hover-light);
1388
1201
  --pgn-color-btn-hover-bg-inverse-outline-info: var(--pgn-color-info-100);
1202
+ --pgn-color-btn-hover-bg-inverse-info: #ECECECFF;
1389
1203
  --pgn-color-btn-hover-bg-outline-info: var(--pgn-color-info-100);
1204
+ --pgn-color-btn-hover-bg-info: var(--pgn-color-theme-hover-info);
1205
+ --pgn-color-btn-hover-bg-inverse-outline-dark: var(--pgn-color-dark-100);
1390
1206
  --pgn-color-btn-hover-bg-inverse-dark: #ECECECFF;
1207
+ --pgn-color-btn-hover-bg-outline-dark: var(--pgn-color-dark-100);
1391
1208
  --pgn-color-btn-hover-bg-dark: var(--pgn-color-theme-hover-dark);
1392
1209
  --pgn-color-btn-hover-bg-inverse-outline-danger: var(--pgn-color-danger-100);
1210
+ --pgn-color-btn-hover-bg-inverse-danger: #ECECECFF;
1393
1211
  --pgn-color-btn-hover-bg-outline-danger: var(--pgn-color-danger-100);
1212
+ --pgn-color-btn-hover-bg-danger: var(--pgn-color-theme-hover-danger);
1213
+ --pgn-color-btn-hover-bg-inverse-outline-brand: var(--pgn-color-brand-100);
1394
1214
  --pgn-color-btn-hover-bg-inverse-brand: #ECECECFF;
1215
+ --pgn-color-btn-hover-bg-outline-brand: var(--pgn-color-brand-100);
1395
1216
  --pgn-color-btn-hover-bg-brand: var(--pgn-color-theme-hover-brand);
1217
+ --pgn-color-btn-hover-text-inverse-outline-warning: var(--pgn-color-theme-hover-warning);
1396
1218
  --pgn-color-btn-hover-text-inverse-warning: #D9B800FF;
1219
+ --pgn-color-btn-hover-text-outline-warning: var(--pgn-color-theme-hover-warning);
1220
+ --pgn-color-btn-hover-text-warning: #414141FF;
1221
+ --pgn-color-btn-hover-text-inverse-tertiary: var(--pgn-color-white);
1222
+ --pgn-color-btn-hover-text-tertiary: var(--pgn-color-gray-700);
1223
+ --pgn-color-btn-hover-text-inverse-outline-success: var(--pgn-color-theme-hover-success);
1397
1224
  --pgn-color-btn-hover-text-inverse-success: #11623EFF;
1225
+ --pgn-color-btn-hover-text-outline-success: var(--pgn-color-theme-hover-success);
1226
+ --pgn-color-btn-hover-text-success: #FFFFFFFF;
1227
+ --pgn-color-btn-hover-text-inverse-outline-secondary: var(--pgn-color-theme-hover-secondary);
1398
1228
  --pgn-color-btn-hover-text-inverse-secondary: #323232FF;
1229
+ --pgn-color-btn-hover-text-outline-secondary: var(--pgn-color-theme-hover-secondary);
1230
+ --pgn-color-btn-hover-text-secondary: #FFFFFFFF;
1399
1231
  --pgn-color-btn-hover-text-inverse-outline-primary: var(--pgn-color-theme-hover-primary);
1232
+ --pgn-color-btn-hover-text-inverse-primary: #061D33FF;
1400
1233
  --pgn-color-btn-hover-text-outline-primary: var(--pgn-color-theme-hover-primary);
1234
+ --pgn-color-btn-hover-text-primary: #FFFFFFFF;
1401
1235
  --pgn-color-btn-hover-text-inverse-outline-light: var(--pgn-color-theme-hover-light);
1236
+ --pgn-color-btn-hover-text-inverse-light: #D0C9C6FF;
1402
1237
  --pgn-color-btn-hover-text-outline-light: var(--pgn-color-theme-hover-light);
1238
+ --pgn-color-btn-hover-text-light: #414141FF;
1239
+ --pgn-color-btn-hover-text-inverse-outline-info: var(--pgn-color-theme-hover-info);
1403
1240
  --pgn-color-btn-hover-text-inverse-info: #005484FF;
1241
+ --pgn-color-btn-hover-text-outline-info: var(--pgn-color-theme-hover-info);
1242
+ --pgn-color-btn-hover-text-info: #FFFFFFFF;
1404
1243
  --pgn-color-btn-hover-text-inverse-outline-dark: var(--pgn-color-theme-hover-dark);
1244
+ --pgn-color-btn-hover-text-inverse-dark: #18271DFF;
1405
1245
  --pgn-color-btn-hover-text-outline-dark: var(--pgn-color-theme-hover-dark);
1246
+ --pgn-color-btn-hover-text-dark: #FFFFFFFF;
1247
+ --pgn-color-btn-hover-text-inverse-outline-danger: var(--pgn-color-theme-hover-danger);
1406
1248
  --pgn-color-btn-hover-text-inverse-danger: #A42631FF;
1249
+ --pgn-color-btn-hover-text-outline-danger: var(--pgn-color-theme-hover-danger);
1250
+ --pgn-color-btn-hover-text-danger: #FFFFFFFF;
1407
1251
  --pgn-color-btn-hover-text-inverse-outline-brand: var(--pgn-color-theme-hover-brand);
1252
+ --pgn-color-btn-hover-text-inverse-brand: #770040FF;
1408
1253
  --pgn-color-btn-hover-text-outline-brand: var(--pgn-color-theme-hover-brand);
1254
+ --pgn-color-btn-hover-text-brand: #FFFFFFFF;
1255
+ --pgn-color-btn-border-inverse-outline-warning: var(--pgn-color-white);
1256
+ --pgn-color-btn-border-inverse-warning: #00000000;
1257
+ --pgn-color-btn-border-outline-warning: var(--pgn-color-warning-base);
1409
1258
  --pgn-color-btn-border-warning: var(--pgn-color-btn-bg-warning);
1259
+ --pgn-color-btn-border-inverse-tertiary: #00000000;
1260
+ --pgn-color-btn-border-tertiary: #00000000;
1261
+ --pgn-color-btn-border-inverse-outline-success: var(--pgn-color-white);
1262
+ --pgn-color-btn-border-inverse-success: #00000000;
1263
+ --pgn-color-btn-border-outline-success: var(--pgn-color-success-base);
1410
1264
  --pgn-color-btn-border-success: var(--pgn-color-btn-bg-success);
1265
+ --pgn-color-btn-border-inverse-secondary: #00000000;
1266
+ --pgn-color-btn-border-inverse-outline-secondary: var(--pgn-color-white);
1267
+ --pgn-color-btn-border-outline-secondary: var(--pgn-color-secondary-base);
1411
1268
  --pgn-color-btn-border-secondary: var(--pgn-color-btn-bg-secondary);
1269
+ --pgn-color-btn-border-inverse-primary: #00000000;
1270
+ --pgn-color-btn-border-inverse-outline-primary: var(--pgn-color-white);
1271
+ --pgn-color-btn-border-outline-primary: var(--pgn-color-primary-base);
1272
+ --pgn-color-btn-border-primary: var(--pgn-color-btn-bg-primary);
1273
+ --pgn-color-btn-border-inverse-outline-light: var(--pgn-color-white);
1274
+ --pgn-color-btn-border-inverse-light: #00000000;
1275
+ --pgn-color-btn-border-outline-light: var(--pgn-color-light-base);
1276
+ --pgn-color-btn-border-light: var(--pgn-color-btn-bg-light);
1277
+ --pgn-color-btn-border-inverse-outline-info: var(--pgn-color-white);
1278
+ --pgn-color-btn-border-inverse-info: #00000000;
1279
+ --pgn-color-btn-border-outline-info: var(--pgn-color-info-base);
1412
1280
  --pgn-color-btn-border-info: var(--pgn-color-btn-bg-info);
1281
+ --pgn-color-btn-border-inverse-outline-dark: var(--pgn-color-white);
1282
+ --pgn-color-btn-border-inverse-dark: #00000000;
1283
+ --pgn-color-btn-border-outline-dark: var(--pgn-color-dark-base);
1284
+ --pgn-color-btn-border-dark: var(--pgn-color-btn-bg-dark);
1285
+ --pgn-color-btn-border-inverse-outline-danger: var(--pgn-color-white);
1286
+ --pgn-color-btn-border-inverse-danger: #00000000;
1287
+ --pgn-color-btn-border-outline-danger: var(--pgn-color-danger-base);
1413
1288
  --pgn-color-btn-border-danger: var(--pgn-color-btn-bg-danger);
1289
+ --pgn-color-btn-border-inverse-brand: #00000000;
1290
+ --pgn-color-btn-border-inverse-outline-brand: var(--pgn-color-white);
1291
+ --pgn-color-btn-border-outline-brand: var(--pgn-color-brand-base);
1292
+ --pgn-color-btn-border-brand: var(--pgn-color-btn-bg-brand);
1293
+ --pgn-color-btn-bg-inverse-outline-warning: inherit;
1414
1294
  --pgn-color-btn-bg-inverse-warning: #454545FF;
1295
+ --pgn-color-btn-bg-outline-warning: inherit;
1296
+ --pgn-color-btn-bg-warning: var(--pgn-color-warning-base);
1297
+ --pgn-color-btn-bg-inverse-tertiary: #00000000;
1298
+ --pgn-color-btn-bg-tertiary: #00000000;
1299
+ --pgn-color-btn-bg-inverse-outline-success: inherit;
1415
1300
  --pgn-color-btn-bg-inverse-success: #FFFFFFFF;
1301
+ --pgn-color-btn-bg-outline-success: inherit;
1302
+ --pgn-color-btn-bg-success: var(--pgn-color-success-base);
1416
1303
  --pgn-color-btn-bg-inverse-secondary: #FFFFFFFF;
1304
+ --pgn-color-btn-bg-inverse-outline-secondary: inherit;
1305
+ --pgn-color-btn-bg-outline-secondary: inherit;
1306
+ --pgn-color-btn-bg-secondary: var(--pgn-color-secondary-base);
1307
+ --pgn-color-btn-bg-inverse-primary: #FFFFFFFF;
1308
+ --pgn-color-btn-bg-inverse-outline-primary: #00000000;
1309
+ --pgn-color-btn-bg-outline-primary: #00000000;
1310
+ --pgn-color-btn-bg-primary: var(--pgn-color-primary-base);
1311
+ --pgn-color-btn-bg-inverse-outline-light: inherit;
1312
+ --pgn-color-btn-bg-outline-light: inherit;
1313
+ --pgn-color-btn-bg-inverse-light: #454545FF;
1314
+ --pgn-color-btn-bg-light: var(--pgn-color-light-base);
1315
+ --pgn-color-btn-bg-inverse-outline-info: inherit;
1417
1316
  --pgn-color-btn-bg-inverse-info: #FFFFFFFF;
1317
+ --pgn-color-btn-bg-outline-info: inherit;
1318
+ --pgn-color-btn-bg-info: var(--pgn-color-info-base);
1319
+ --pgn-color-btn-bg-inverse-outline-dark: #00000000;
1320
+ --pgn-color-btn-bg-inverse-dark: #FFFFFFFF;
1321
+ --pgn-color-btn-bg-outline-dark: inherit;
1322
+ --pgn-color-btn-bg-dark: var(--pgn-color-dark-base);
1323
+ --pgn-color-btn-bg-inverse-outline-danger: #00000000;
1418
1324
  --pgn-color-btn-bg-inverse-danger: #FFFFFFFF;
1325
+ --pgn-color-btn-bg-outline-danger: inherit;
1326
+ --pgn-color-btn-bg-danger: var(--pgn-color-danger-base);
1327
+ --pgn-color-btn-bg-inverse-outline-brand: #00000000;
1328
+ --pgn-color-btn-bg-inverse-brand: #FFFFFFFF;
1329
+ --pgn-color-btn-bg-outline-brand: inherit;
1330
+ --pgn-color-btn-bg-brand: var(--pgn-color-brand-base);
1331
+ --pgn-color-btn-text-inverse-outline-warning: var(--pgn-color-white);
1332
+ --pgn-color-btn-text-inverse-warning: var(--pgn-color-warning-base);
1333
+ --pgn-color-btn-text-outline-warning: var(--pgn-color-warning-base);
1419
1334
  --pgn-color-btn-text-warning: #454545FF;
1335
+ --pgn-color-btn-text-inverse-tertiary: var(--pgn-color-white);
1336
+ --pgn-color-btn-text-tertiary: var(--pgn-color-gray-700);
1337
+ --pgn-color-btn-text-inverse-outline-success: var(--pgn-color-white);
1338
+ --pgn-color-btn-text-inverse-success: var(--pgn-color-success-base);
1339
+ --pgn-color-btn-text-outline-success: var(--pgn-color-success-base);
1420
1340
  --pgn-color-btn-text-success: #FFFFFFFF;
1341
+ --pgn-color-btn-text-inverse-outline-secondary: var(--pgn-color-white);
1342
+ --pgn-color-btn-text-inverse-secondary: var(--pgn-color-secondary-base);
1343
+ --pgn-color-btn-text-outline-secondary: var(--pgn-color-secondary-base);
1421
1344
  --pgn-color-btn-text-secondary: #FFFFFFFF;
1345
+ --pgn-color-btn-text-inverse-outline-primary: var(--pgn-color-white);
1346
+ --pgn-color-btn-text-inverse-primary: var(--pgn-color-primary-base);
1347
+ --pgn-color-btn-text-outline-primary: var(--pgn-color-primary-base);
1348
+ --pgn-color-btn-text-primary: #FFFFFFFF;
1349
+ --pgn-color-btn-text-inverse-outline-light: var(--pgn-color-white);
1350
+ --pgn-color-btn-text-inverse-light: var(--pgn-color-light-base);
1351
+ --pgn-color-btn-text-outline-light: var(--pgn-color-light-base);
1352
+ --pgn-color-btn-text-light: #454545FF;
1353
+ --pgn-color-btn-text-inverse-outline-info: var(--pgn-color-white);
1354
+ --pgn-color-btn-text-inverse-info: var(--pgn-color-info-base);
1355
+ --pgn-color-btn-text-outline-info: var(--pgn-color-info-base);
1422
1356
  --pgn-color-btn-text-info: #FFFFFFFF;
1357
+ --pgn-color-btn-text-inverse-outline-dark: var(--pgn-color-white);
1358
+ --pgn-color-btn-text-inverse-dark: var(--pgn-color-dark-base);
1359
+ --pgn-color-btn-text-outline-dark: var(--pgn-color-dark-base);
1360
+ --pgn-color-btn-text-dark: #FFFFFFFF;
1361
+ --pgn-color-btn-text-inverse-outline-danger: var(--pgn-color-white);
1362
+ --pgn-color-btn-text-inverse-danger: var(--pgn-color-danger-base);
1363
+ --pgn-color-btn-text-outline-danger: var(--pgn-color-danger-base);
1423
1364
  --pgn-color-btn-text-danger: #FFFFFFFF;
1365
+ --pgn-color-btn-text-inverse-outline-brand: var(--pgn-color-white);
1366
+ --pgn-color-btn-text-inverse-brand: var(--pgn-color-brand-base);
1367
+ --pgn-color-btn-text-outline-brand: var(--pgn-color-brand-base);
1368
+ --pgn-color-btn-text-brand: #FFFFFFFF;
1369
+ --pgn-color-bubble-bg-primary: var(--pgn-color-primary-base);
1370
+ --pgn-color-bubble-bg-error: var(--pgn-color-danger-base);
1371
+ --pgn-color-bubble-bg-warning: var(--pgn-color-warning-base);
1372
+ --pgn-color-bubble-bg-success: var(--pgn-color-success-base);
1373
+ --pgn-color-bubble-text-primary: var(--pgn-color-white);
1374
+ --pgn-color-bubble-text-error: var(--pgn-color-white);
1375
+ --pgn-color-bubble-text-warning: var(--pgn-color-white);
1376
+ --pgn-color-bubble-text-success: var(--pgn-color-white);
1377
+ --pgn-color-breadcrumb-inverse-spacer: var(--pgn-color-light-700);
1378
+ --pgn-color-breadcrumb-inverse-active: var(--pgn-color-light-500);
1379
+ --pgn-color-breadcrumb-inverse-base: var(--pgn-color-white);
1380
+ --pgn-color-breadcrumb-active: var(--pgn-color-gray-500);
1381
+ --pgn-color-breadcrumb-base: var(--pgn-color-primary-500);
1382
+ --pgn-color-badge-focus-box-shadow-dark: #273F2F0D;
1383
+ --pgn-color-badge-focus-box-shadow-light: #E1DDDB0D;
1424
1384
  --pgn-color-badge-focus-box-shadow-info: #006DAA0D;
1425
1385
  --pgn-color-badge-focus-box-shadow-warning: #FFD9000D;
1426
1386
  --pgn-color-badge-focus-box-shadow-danger: #C32D3A0D;
1427
1387
  --pgn-color-badge-focus-box-shadow-success: #1782530D;
1428
1388
  --pgn-color-badge-focus-box-shadow-secondary: #4545450D;
1389
+ --pgn-color-badge-focus-box-shadow-primary: #0A30550D;
1390
+ --pgn-color-badge-focus-bg-dark: #142018FF;
1391
+ --pgn-color-badge-focus-bg-light: #CAC3BFFF;
1429
1392
  --pgn-color-badge-focus-bg-info: #004C77FF;
1430
1393
  --pgn-color-badge-focus-bg-warning: #CCAE00FF;
1431
1394
  --pgn-color-badge-focus-bg-danger: #9A232EFF;
1432
1395
  --pgn-color-badge-focus-bg-success: #0F5737FF;
1433
1396
  --pgn-color-badge-focus-bg-secondary: #2B2B2BFF;
1397
+ --pgn-color-badge-focus-bg-primary: #051627FF;
1398
+ --pgn-color-badge-focus-dark: var(--pgn-color-badge-text-dark);
1399
+ --pgn-color-badge-focus-light: var(--pgn-color-badge-text-light);
1434
1400
  --pgn-color-badge-focus-info: var(--pgn-color-badge-text-info);
1435
1401
  --pgn-color-badge-focus-danger: var(--pgn-color-badge-text-danger);
1436
1402
  --pgn-color-badge-focus-warning: var(--pgn-color-badge-text-warning);
1437
1403
  --pgn-color-badge-focus-success: var(--pgn-color-badge-text-success);
1438
1404
  --pgn-color-badge-focus-secondary: var(--pgn-color-badge-text-secondary);
1439
- --pgn-color-theme-active-danger: var(--pgn-color-danger-900);
1440
- --pgn-color-theme-active-warning: var(--pgn-color-warning-900);
1441
- --pgn-color-theme-active-info: var(--pgn-color-info-900);
1442
- --pgn-color-theme-active-success: var(--pgn-color-success-900);
1443
- --pgn-color-theme-active-secondary: var(--pgn-color-secondary-900);
1444
- --pgn-color-theme-hover-danger: var(--pgn-color-danger-700);
1445
- --pgn-color-theme-hover-warning: var(--pgn-color-warning-700);
1446
- --pgn-color-theme-hover-info: var(--pgn-color-info-700);
1447
- --pgn-color-theme-hover-success: var(--pgn-color-success-700);
1448
- --pgn-color-theme-hover-secondary: var(--pgn-color-secondary-700);
1449
- --pgn-color-theme-default-danger: var(--pgn-color-danger-500);
1450
- --pgn-color-theme-default-warning: var(--pgn-color-warning-500);
1451
- --pgn-color-theme-default-info: var(--pgn-color-info-500);
1452
- --pgn-color-theme-default-success: var(--pgn-color-success-500);
1453
- --pgn-color-theme-default-secondary: var(--pgn-color-secondary-500);
1454
- --pgn-color-theme-focus-danger: var(--pgn-color-danger-500);
1455
- --pgn-color-theme-focus-warning: var(--pgn-color-warning-500);
1456
- --pgn-color-theme-focus-info: var(--pgn-color-info-500);
1457
- --pgn-color-theme-focus-success: var(--pgn-color-success-500);
1458
- --pgn-color-theme-focus-secondary: var(--pgn-color-secondary-500);
1459
- --pgn-color-theme-border-danger: var(--pgn-color-danger-200);
1460
- --pgn-color-theme-border-warning: var(--pgn-color-warning-200);
1461
- --pgn-color-theme-border-info: var(--pgn-color-info-200);
1462
- --pgn-color-theme-border-success: var(--pgn-color-success-200);
1463
- --pgn-color-theme-border-secondary: var(--pgn-color-secondary-200);
1464
- --pgn-color-theme-bg-danger: var(--pgn-color-danger-100);
1465
- --pgn-color-theme-bg-warning: var(--pgn-color-warning-100);
1466
- --pgn-color-theme-bg-info: var(--pgn-color-info-100);
1467
- --pgn-color-theme-bg-success: var(--pgn-color-success-100);
1468
- --pgn-color-theme-bg-secondary: var(--pgn-color-secondary-100);
1469
- --pgn-color-table-caption: var(--pgn-color-text-muted);
1470
- --pgn-color-input-btn-focus: var(--pgn-color-bg-active);
1471
- --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>');
1472
- --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");
1473
- --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");
1474
- --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");
1475
- --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>");
1476
- --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>");
1477
- --pgn-elevation-form-control-file-focus: var(--pgn-elevation-form-input-focus);
1478
- --pgn-elevation-form-control-range-thumb-focus: 0 0 0 1px var(--pgn-color-body-bg), var(--pgn-size-form-input-width-focus);
1479
- --pgn-elevation-dropzone-error: inset 0 0 0 2px var(--pgn-color-danger-300);
1480
- --pgn-elevation-dropzone-focus: inset 0 0 0 2px var(--pgn-color-info-300);
1481
- --pgn-elevation-dropzone-hover: inset 0 0 0 2px var(--pgn-color-info-300);
1482
- --pgn-color-pagination-border-active: var(--pgn-color-pagination-bg-active);
1483
- --pgn-color-pagination-text-base: var(--pgn-color-link-base);
1484
- --pgn-color-nav-tabs-inverse-link-bg-active: var(--pgn-color-nav-tabs-inverse-link-bg-hover);
1485
- --pgn-color-list-group-active-border: var(--pgn-color-list-group-active-bg);
1486
- --pgn-color-link-brand-inline-hover-decoration: var(--pgn-color-link-brand-inline-hover-base);
1487
- --pgn-color-link-muted-inline-hover-decoration: var(--pgn-color-link-muted-inline-hover-base);
1488
- --pgn-color-link-inline-hover-base: #003C5EFF;
1489
- --pgn-color-link-inline-decoration: #006DAA4D;
1490
- --pgn-color-link-hover: #003C5EFF;
1491
- --pgn-color-form-control-file-border-focus: var(--pgn-color-form-input-focus-border);
1492
- --pgn-color-form-control-select-border-focus: var(--pgn-color-form-input-focus-border);
1493
- --pgn-color-form-control-checkbox-indicator-indeterminate-border: var(--pgn-color-form-control-checkbox-indicator-indeterminate-bg);
1494
- --pgn-color-form-control-checkbox-indicator-indeterminate-base: var(--pgn-color-form-control-indicator-checked-base);
1495
- --pgn-color-form-control-indicator-active-border: var(--pgn-color-form-control-indicator-active-bg);
1496
- --pgn-color-form-control-indicator-checked-border-focus: var(--pgn-color-form-input-focus-border);
1497
- --pgn-color-form-control-indicator-checked-border-base: var(--pgn-color-form-control-indicator-checked-base);
1498
- --pgn-color-btn-disabled-border-warning: var(--pgn-color-btn-border-warning);
1499
- --pgn-color-btn-disabled-border-success: var(--pgn-color-btn-border-success);
1500
- --pgn-color-btn-disabled-border-outline-primary: var(--pgn-color-btn-hover-text-outline-primary);
1501
- --pgn-color-btn-disabled-border-outline-light: var(--pgn-color-btn-hover-text-outline-light);
1502
- --pgn-color-btn-disabled-border-outline-dark: var(--pgn-color-btn-hover-text-outline-dark);
1503
- --pgn-color-btn-disabled-border-danger: var(--pgn-color-btn-border-danger);
1504
- --pgn-color-btn-disabled-text-warning: var(--pgn-color-btn-text-warning);
1505
- --pgn-color-btn-disabled-text-success: var(--pgn-color-btn-text-success);
1506
- --pgn-color-btn-disabled-text-secondary: var(--pgn-color-btn-text-secondary);
1507
- --pgn-color-btn-disabled-text-outline-primary: var(--pgn-color-btn-hover-text-outline-primary);
1508
- --pgn-color-btn-disabled-text-outline-light: var(--pgn-color-btn-hover-text-outline-light);
1509
- --pgn-color-btn-disabled-text-info: var(--pgn-color-btn-text-info);
1510
- --pgn-color-btn-disabled-text-danger: var(--pgn-color-btn-text-danger);
1511
- --pgn-color-btn-disabled-text-outline-brand: var(--pgn-color-btn-hover-text-outline-brand);
1512
- --pgn-color-btn-focus-outline-outline-warning: var(--pgn-color-theme-focus-warning);
1513
- --pgn-color-btn-focus-outline-warning: var(--pgn-color-theme-focus-warning);
1514
- --pgn-color-btn-focus-outline-outline-success: var(--pgn-color-theme-focus-success);
1515
- --pgn-color-btn-focus-outline-success: var(--pgn-color-theme-focus-success);
1516
- --pgn-color-btn-focus-outline-outline-secondary: var(--pgn-color-theme-focus-secondary);
1517
- --pgn-color-btn-focus-outline-secondary: var(--pgn-color-theme-focus-secondary);
1518
- --pgn-color-btn-focus-outline-outline-info: var(--pgn-color-theme-focus-info);
1519
- --pgn-color-btn-focus-outline-info: var(--pgn-color-theme-focus-info);
1520
- --pgn-color-btn-focus-outline-outline-danger: var(--pgn-color-theme-focus-danger);
1521
- --pgn-color-btn-focus-outline-danger: var(--pgn-color-theme-focus-danger);
1522
- --pgn-color-btn-focus-bg-inverse-warning: var(--pgn-color-btn-bg-inverse-warning);
1523
- --pgn-color-btn-focus-bg-inverse-success: var(--pgn-color-btn-bg-inverse-success);
1524
- --pgn-color-btn-focus-bg-inverse-secondary: var(--pgn-color-btn-bg-inverse-secondary);
1525
- --pgn-color-btn-focus-bg-inverse-info: var(--pgn-color-btn-bg-inverse-info);
1526
- --pgn-color-btn-focus-bg-inverse-danger: var(--pgn-color-btn-bg-inverse-danger);
1527
- --pgn-color-btn-focus-border-warning: var(--pgn-color-btn-border-warning);
1528
- --pgn-color-btn-focus-border-success: var(--pgn-color-btn-border-success);
1529
- --pgn-color-btn-focus-border-info: var(--pgn-color-btn-border-info);
1530
- --pgn-color-btn-focus-border-danger: var(--pgn-color-btn-focus-bg-danger);
1531
- --pgn-color-btn-focus-text-warning: var(--pgn-color-btn-text-warning);
1532
- --pgn-color-btn-focus-text-success: var(--pgn-color-btn-text-success);
1533
- --pgn-color-btn-focus-text-secondary: var(--pgn-color-btn-text-secondary);
1534
- --pgn-color-btn-focus-text-info: var(--pgn-color-btn-text-info);
1535
- --pgn-color-btn-focus-text-danger: var(--pgn-color-btn-text-danger);
1536
- --pgn-color-btn-active-border-outline-warning: var(--pgn-color-theme-active-warning);
1537
- --pgn-color-btn-active-border-warning: var(--pgn-color-theme-active-warning);
1538
- --pgn-color-btn-active-border-outline-success: var(--pgn-color-theme-active-success);
1539
- --pgn-color-btn-active-border-success: var(--pgn-color-theme-active-success);
1540
- --pgn-color-btn-active-border-outline-secondary: var(--pgn-color-theme-active-secondary);
1541
- --pgn-color-btn-active-border-secondary: var(--pgn-color-theme-active-secondary);
1542
- --pgn-color-btn-active-border-outline-info: var(--pgn-color-theme-active-info);
1543
- --pgn-color-btn-active-border-info: var(--pgn-color-theme-active-info);
1544
- --pgn-color-btn-active-border-outline-danger: var(--pgn-color-theme-active-danger);
1545
- --pgn-color-btn-active-border-danger: var(--pgn-color-theme-active-danger);
1546
- --pgn-color-btn-active-bg-inverse-outline-warning: var(--pgn-color-theme-bg-warning);
1547
- --pgn-color-btn-active-bg-outline-warning: var(--pgn-color-theme-bg-warning);
1548
- --pgn-color-btn-active-bg-warning: var(--pgn-color-theme-active-warning);
1549
- --pgn-color-btn-active-bg-inverse-outline-success: var(--pgn-color-theme-bg-success);
1550
- --pgn-color-btn-active-bg-outline-success: var(--pgn-color-theme-bg-success);
1551
- --pgn-color-btn-active-bg-success: var(--pgn-color-theme-active-success);
1552
- --pgn-color-btn-active-bg-inverse-outline-secondary: var(--pgn-color-theme-bg-secondary);
1553
- --pgn-color-btn-active-bg-outline-secondary: var(--pgn-color-theme-bg-secondary);
1554
- --pgn-color-btn-active-bg-secondary: var(--pgn-color-theme-active-secondary);
1555
- --pgn-color-btn-active-bg-inverse-outline-info: var(--pgn-color-theme-bg-info);
1556
- --pgn-color-btn-active-bg-outline-info: var(--pgn-color-theme-bg-info);
1557
- --pgn-color-btn-active-bg-info: var(--pgn-color-theme-active-info);
1558
- --pgn-color-btn-active-bg-inverse-outline-danger: var(--pgn-color-theme-bg-danger);
1559
- --pgn-color-btn-active-bg-outline-danger: var(--pgn-color-theme-bg-danger);
1560
- --pgn-color-btn-active-bg-danger: var(--pgn-color-theme-active-danger);
1561
- --pgn-color-btn-active-text-inverse-outline-primary: #454545FF;
1562
- --pgn-color-btn-active-text-outline-primary: #454545FF;
1563
- --pgn-color-btn-active-text-primary: #FFFFFFFF;
1564
- --pgn-color-btn-active-text-inverse-outline-light: #454545FF;
1565
- --pgn-color-btn-active-text-outline-light: #454545FF;
1566
- --pgn-color-btn-active-text-light: #313131FF;
1567
- --pgn-color-btn-active-text-inverse-outline-dark: #454545FF;
1568
- --pgn-color-btn-active-text-outline-dark: #454545FF;
1569
- --pgn-color-btn-active-text-dark: #FFFFFFFF;
1570
- --pgn-color-btn-active-text-inverse-outline-brand: #454545FF;
1571
- --pgn-color-btn-active-text-outline-brand: #454545FF;
1572
- --pgn-color-btn-active-text-brand: #FFFFFFFF;
1573
- --pgn-color-btn-hover-border-warning: var(--pgn-color-theme-hover-warning);
1574
- --pgn-color-btn-hover-border-success: var(--pgn-color-theme-hover-success);
1575
- --pgn-color-btn-hover-border-secondary: var(--pgn-color-theme-hover-secondary);
1576
- --pgn-color-btn-hover-border-info: var(--pgn-color-theme-hover-info);
1577
- --pgn-color-btn-hover-border-danger: var(--pgn-color-theme-hover-danger);
1578
- --pgn-color-btn-hover-bg-inverse-warning: #323232FF;
1579
- --pgn-color-btn-hover-bg-warning: var(--pgn-color-theme-hover-warning);
1580
- --pgn-color-btn-hover-bg-inverse-success: #ECECECFF;
1581
- --pgn-color-btn-hover-bg-success: var(--pgn-color-theme-hover-success);
1582
- --pgn-color-btn-hover-bg-inverse-secondary: #ECECECFF;
1583
- --pgn-color-btn-hover-bg-secondary: var(--pgn-color-theme-hover-secondary);
1584
- --pgn-color-btn-hover-bg-inverse-info: #ECECECFF;
1585
- --pgn-color-btn-hover-bg-info: var(--pgn-color-theme-hover-info);
1586
- --pgn-color-btn-hover-bg-inverse-danger: #ECECECFF;
1587
- --pgn-color-btn-hover-bg-danger: var(--pgn-color-theme-hover-danger);
1588
- --pgn-color-btn-hover-text-inverse-outline-warning: var(--pgn-color-theme-hover-warning);
1589
- --pgn-color-btn-hover-text-outline-warning: var(--pgn-color-theme-hover-warning);
1590
- --pgn-color-btn-hover-text-inverse-outline-success: var(--pgn-color-theme-hover-success);
1591
- --pgn-color-btn-hover-text-outline-success: var(--pgn-color-theme-hover-success);
1592
- --pgn-color-btn-hover-text-inverse-outline-secondary: var(--pgn-color-theme-hover-secondary);
1593
- --pgn-color-btn-hover-text-outline-secondary: var(--pgn-color-theme-hover-secondary);
1594
- --pgn-color-btn-hover-text-primary: #FFFFFFFF;
1595
- --pgn-color-btn-hover-text-light: #414141FF;
1596
- --pgn-color-btn-hover-text-inverse-outline-info: var(--pgn-color-theme-hover-info);
1597
- --pgn-color-btn-hover-text-outline-info: var(--pgn-color-theme-hover-info);
1598
- --pgn-color-btn-hover-text-dark: #FFFFFFFF;
1599
- --pgn-color-btn-hover-text-inverse-outline-danger: var(--pgn-color-theme-hover-danger);
1600
- --pgn-color-btn-hover-text-outline-danger: var(--pgn-color-theme-hover-danger);
1601
- --pgn-color-btn-hover-text-brand: #FFFFFFFF;
1405
+ --pgn-color-badge-focus-primary: var(--pgn-color-badge-text-primary);
1406
+ --pgn-color-badge-bg-dark: var(--pgn-color-dark-base);
1407
+ --pgn-color-badge-bg-light: var(--pgn-color-light-base);
1408
+ --pgn-color-badge-bg-info: var(--pgn-color-info-base);
1409
+ --pgn-color-badge-bg-danger: var(--pgn-color-danger-base);
1410
+ --pgn-color-badge-bg-warning: var(--pgn-color-warning-base);
1411
+ --pgn-color-badge-bg-success: var(--pgn-color-success-base);
1412
+ --pgn-color-badge-bg-secondary: var(--pgn-color-secondary-base);
1413
+ --pgn-color-badge-bg-primary: var(--pgn-color-primary-base);
1414
+ --pgn-color-badge-text-dark: #FFFFFFFF;
1415
+ --pgn-color-badge-text-light: #454545FF;
1416
+ --pgn-color-badge-text-info: #FFFFFFFF;
1417
+ --pgn-color-badge-text-warning: #454545FF;
1418
+ --pgn-color-badge-text-danger: #FFFFFFFF;
1419
+ --pgn-color-badge-text-success: #FFFFFFFF;
1420
+ --pgn-color-badge-text-secondary: #FFFFFFFF;
1421
+ --pgn-color-badge-text-primary: #FFFFFFFF;
1422
+ --pgn-color-avatar-border: var(--pgn-color-light-300);
1423
+ --pgn-color-annotation-bg-dark: var(--pgn-color-dark-base);
1424
+ --pgn-color-annotation-bg-light: var(--pgn-color-white);
1425
+ --pgn-color-annotation-bg-error: var(--pgn-color-danger-base);
1426
+ --pgn-color-annotation-bg-warning: var(--pgn-color-accent-b);
1427
+ --pgn-color-annotation-bg-success: var(--pgn-color-success-base);
1428
+ --pgn-color-annotation-text-dark: var(--pgn-color-white);
1429
+ --pgn-color-annotation-text-light: var(--pgn-color-primary-500);
1430
+ --pgn-color-annotation-text-error: var(--pgn-color-white);
1431
+ --pgn-color-annotation-text-warning: var(--pgn-color-black);
1432
+ --pgn-color-annotation-text-success: var(--pgn-color-white);
1602
1433
  --pgn-color-alert-border-warning: var(--pgn-color-theme-border-warning);
1603
1434
  --pgn-color-alert-border-danger: var(--pgn-color-theme-border-danger);
1604
1435
  --pgn-color-alert-border-info: var(--pgn-color-theme-border-info);
@@ -1611,34 +1442,622 @@
1611
1442
  --pgn-color-alert-icon-danger: var(--pgn-color-theme-default-danger);
1612
1443
  --pgn-color-alert-icon-info: var(--pgn-color-theme-default-info);
1613
1444
  --pgn-color-alert-icon-success: var(--pgn-color-theme-default-success);
1445
+ --pgn-color-alert-content: var(--pgn-color-gray-700);
1446
+ --pgn-color-alert-title: var(--pgn-color-black);
1447
+ --pgn-color-theme-active-gray: var(--pgn-color-gray-900); /* Theme-specific gray active color. */
1448
+ --pgn-color-theme-active-dark: var(--pgn-color-dark-900); /* Theme-specific dark active color. */
1449
+ --pgn-color-theme-active-light: var(--pgn-color-light-900); /* Theme-specific light active color. */
1450
+ --pgn-color-theme-active-danger: var(--pgn-color-danger-900); /* Theme-specific danger active color. */
1451
+ --pgn-color-theme-active-warning: var(--pgn-color-warning-900); /* Theme-specific warning active color. */
1452
+ --pgn-color-theme-active-info: var(--pgn-color-info-900); /* Theme-specific info active color. */
1453
+ --pgn-color-theme-active-success: var(--pgn-color-success-900); /* Theme-specific success active color. */
1454
+ --pgn-color-theme-active-brand: var(--pgn-color-brand-900); /* Theme-specific brand active color. */
1455
+ --pgn-color-theme-active-secondary: var(--pgn-color-secondary-900); /* Theme-specific secondary active color. */
1456
+ --pgn-color-theme-active-primary: var(--pgn-color-primary-900); /* Theme-specific primary active color. */
1457
+ --pgn-color-theme-hover-gray: var(--pgn-color-gray-700); /* Theme-specific gray hover color. */
1458
+ --pgn-color-theme-hover-dark: var(--pgn-color-dark-700); /* Theme-specific dark hover color. */
1459
+ --pgn-color-theme-hover-light: var(--pgn-color-light-700); /* Theme-specific light hover color. */
1460
+ --pgn-color-theme-hover-danger: var(--pgn-color-danger-700); /* Theme-specific danger hover color. */
1461
+ --pgn-color-theme-hover-warning: var(--pgn-color-warning-700); /* Theme-specific warning hover color. */
1462
+ --pgn-color-theme-hover-info: var(--pgn-color-info-700); /* Theme-specific info hover color. */
1463
+ --pgn-color-theme-hover-success: var(--pgn-color-success-700); /* Theme-specific success hover color. */
1464
+ --pgn-color-theme-hover-brand: var(--pgn-color-brand-700); /* Theme-specific brand hover color. */
1465
+ --pgn-color-theme-hover-secondary: var(--pgn-color-secondary-700); /* Theme-specific secondary hover color. */
1466
+ --pgn-color-theme-hover-primary: var(--pgn-color-primary-700); /* Theme-specific primary hover color. */
1467
+ --pgn-color-theme-default-gray: var(--pgn-color-gray-500); /* Theme-specific gray default color. */
1468
+ --pgn-color-theme-default-dark: var(--pgn-color-dark-500); /* Theme-specific dark default color. */
1469
+ --pgn-color-theme-default-light: var(--pgn-color-light-500); /* Theme-specific light default color. */
1470
+ --pgn-color-theme-default-danger: var(--pgn-color-danger-500); /* Theme-specific danger default color. */
1471
+ --pgn-color-theme-default-warning: var(--pgn-color-warning-500); /* Theme-specific warning default color. */
1472
+ --pgn-color-theme-default-info: var(--pgn-color-info-500); /* Theme-specific info default color. */
1473
+ --pgn-color-theme-default-success: var(--pgn-color-success-500); /* Theme-specific success default color. */
1474
+ --pgn-color-theme-default-brand: var(--pgn-color-brand-500); /* Theme-specific brand default color. */
1475
+ --pgn-color-theme-default-secondary: var(--pgn-color-secondary-500); /* Theme-specific secondary default color. */
1476
+ --pgn-color-theme-default-primary: var(--pgn-color-primary-500); /* Theme-specific primary default color. */
1477
+ --pgn-color-theme-focus-gray: var(--pgn-color-gray-500); /* Theme-specific gray focus color. */
1478
+ --pgn-color-theme-focus-dark: var(--pgn-color-dark-500); /* Theme-specific dark focus color. */
1479
+ --pgn-color-theme-focus-light: var(--pgn-color-light-500); /* Theme-specific light focus color. */
1480
+ --pgn-color-theme-focus-danger: var(--pgn-color-danger-500); /* Theme-specific danger focus color. */
1481
+ --pgn-color-theme-focus-warning: var(--pgn-color-warning-500); /* Theme-specific warning focus color. */
1482
+ --pgn-color-theme-focus-info: var(--pgn-color-info-500); /* Theme-specific info focus color. */
1483
+ --pgn-color-theme-focus-success: var(--pgn-color-success-500); /* Theme-specific success focus color. */
1484
+ --pgn-color-theme-focus-brand: var(--pgn-color-brand-500); /* Theme-specific brand focus color. */
1485
+ --pgn-color-theme-focus-secondary: var(--pgn-color-secondary-500); /* Theme-specific secondary focus color. */
1486
+ --pgn-color-theme-focus-primary: var(--pgn-color-primary-500); /* Theme-specific primary focus color. */
1487
+ --pgn-color-theme-border-gray: var(--pgn-color-gray-200); /* Theme-specific gray border color. */
1488
+ --pgn-color-theme-border-dark: var(--pgn-color-dark-200); /* Theme-specific dark border color. */
1489
+ --pgn-color-theme-border-light: var(--pgn-color-light-200); /* Theme-specific light border color. */
1490
+ --pgn-color-theme-border-danger: var(--pgn-color-danger-200); /* Theme-specific danger border color. */
1491
+ --pgn-color-theme-border-warning: var(--pgn-color-warning-200); /* Theme-specific warning border color. */
1492
+ --pgn-color-theme-border-info: var(--pgn-color-info-200); /* Theme-specific info border color. */
1493
+ --pgn-color-theme-border-success: var(--pgn-color-success-200); /* Theme-specific success border color. */
1494
+ --pgn-color-theme-border-brand: var(--pgn-color-brand-200); /* Theme-specific brand border color. */
1495
+ --pgn-color-theme-border-secondary: var(--pgn-color-secondary-200); /* Theme-specific secondary border color. */
1496
+ --pgn-color-theme-border-primary: var(--pgn-color-primary-200); /* Theme-specific primary border color. */
1497
+ --pgn-color-theme-bg-gray: var(--pgn-color-gray-100); /* Theme-specific gray background color. */
1498
+ --pgn-color-theme-bg-dark: var(--pgn-color-dark-100); /* Theme-specific dark background color. */
1499
+ --pgn-color-theme-bg-light: var(--pgn-color-light-100); /* Theme-specific light background color. */
1500
+ --pgn-color-theme-bg-danger: var(--pgn-color-danger-100); /* Theme-specific danger background color. */
1501
+ --pgn-color-theme-bg-warning: var(--pgn-color-warning-100); /* Theme-specific warning background color. */
1502
+ --pgn-color-theme-bg-info: var(--pgn-color-info-100); /* Theme-specific info background color. */
1503
+ --pgn-color-theme-bg-success: var(--pgn-color-success-100); /* Theme-specific success background color. */
1504
+ --pgn-color-theme-bg-brand: var(--pgn-color-brand-100); /* Theme-specific brand background color. */
1505
+ --pgn-color-theme-bg-secondary: var(--pgn-color-secondary-100); /* Theme-specific secondary background color. */
1506
+ --pgn-color-theme-bg-primary: var(--pgn-color-primary-100); /* Theme-specific primary background color. */
1507
+ --pgn-color-border: var(--pgn-color-gray-200); /* Border color. */
1508
+ --pgn-color-table-border: var(--pgn-color-border); /* Table border color. */
1509
+ --pgn-color-table-caption: var(--pgn-color-text-muted); /* Table caption color. */
1510
+ --pgn-color-input-btn-focus: var(--pgn-color-bg-active);
1511
+ --pgn-color-input-focus: var(--pgn-color-primary-500); /* Focused input value color. */
1512
+ --pgn-color-disabled: var(--pgn-color-gray-500); /* Color for disabled element. */
1513
+ --pgn-color-active: var(--pgn-color-white); /* Color for active element. */
1514
+ --pgn-color-text-50-white: #FFFFFF80; /* White text color with transparency of 50%. */
1515
+ --pgn-color-text-50-black: #00000080; /* Black text color with transparency of 50%. */
1516
+ --pgn-color-bg-active: var(--pgn-color-primary-500); /* Active background color. */
1517
+ --pgn-color-bg-base: var(--pgn-color-white); /* Basic background color. */
1518
+ --pgn-other-link-emphasized-hover-darken-percentage: 15%;
1519
+ --pgn-other-tooltip-opacity: 1;
1520
+ --pgn-other-search-field-disabled-opacity: .3;
1521
+ --pgn-other-modal-opacity: .5;
1614
1522
  --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");
1615
1523
  --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");
1616
- --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);
1524
+ --pgn-other-content-form-control-select-bg-position-y: center;
1525
+ --pgn-other-content-form-control-select-bg-offset-y: var(--pgn-spacing-form-input-padding-y-base);
1526
+ --pgn-other-content-form-control-select-bg-position-x: right;
1527
+ --pgn-other-content-form-control-select-bg-repeat: no-repeat;
1528
+ --pgn-other-content-form-control-select-bg-image: var(--pgn-other-content-form-control-select-indicator-icon);
1529
+ --pgn-other-content-form-control-select-bg-color: var(--pgn-color-form-control-select-bg-base);
1530
+ --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>');
1531
+ --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");
1617
1532
  --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");
1533
+ --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");
1534
+ --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");
1618
1535
  --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");
1619
- --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>");
1620
- --pgn-color-pagination-text-hover: var(--pgn-color-link-hover);
1621
- --pgn-color-link-inline-hover-decoration: var(--pgn-color-link-inline-hover-base);
1622
- --pgn-color-btn-disabled-text-outline-danger: var(--pgn-color-btn-hover-text-outline-danger);
1623
- --pgn-color-btn-active-text-inverse-outline-warning: #454545FF;
1624
- --pgn-color-btn-active-text-outline-warning: #454545FF;
1625
- --pgn-color-btn-active-text-warning: #313131FF;
1626
- --pgn-color-btn-active-text-inverse-outline-success: #454545FF;
1627
- --pgn-color-btn-active-text-outline-success: #454545FF;
1628
- --pgn-color-btn-active-text-success: #FFFFFFFF;
1629
- --pgn-color-btn-active-text-inverse-outline-secondary: #454545FF;
1630
- --pgn-color-btn-active-text-outline-secondary: #454545FF;
1631
- --pgn-color-btn-active-text-secondary: #FFFFFFFF;
1632
- --pgn-color-btn-active-text-inverse-outline-info: #454545FF;
1633
- --pgn-color-btn-active-text-outline-info: #454545FF;
1634
- --pgn-color-btn-active-text-info: #FFFFFFFF;
1635
- --pgn-color-btn-active-text-inverse-outline-danger: #454545FF;
1636
- --pgn-color-btn-active-text-outline-danger: #454545FF;
1637
- --pgn-color-btn-active-text-danger: #FFFFFFFF;
1638
- --pgn-color-btn-hover-text-warning: #414141FF;
1639
- --pgn-color-btn-hover-text-success: #FFFFFFFF;
1640
- --pgn-color-btn-hover-text-secondary: #FFFFFFFF;
1641
- --pgn-color-btn-hover-text-info: #FFFFFFFF;
1642
- --pgn-color-btn-hover-text-danger: #FFFFFFFF;
1643
1536
  --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>");
1537
+ --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>");
1538
+ --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>");
1539
+ --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>");
1540
+ --pgn-other-chip-opacity-disabled: .3;
1541
+ --pgn-other-carousel-control-opacity-hover: .9;
1542
+ --pgn-other-carousel-control-opacity-base: .5;
1543
+ --pgn-other-btn-disabled-opacity: .65;
1544
+ --pgn-other-form-feedback-tooltip-opacity: .9;
1545
+ --pgn-elevation-box-shadow-centered-5-2-blur: 3rem; /* Centered box shadow of level 5. */
1546
+ --pgn-elevation-box-shadow-centered-5-2-offset-y: 0rem; /* Centered box shadow of level 5. */
1547
+ --pgn-elevation-box-shadow-centered-5-2-offset-x: 0rem; /* Centered box shadow of level 5. */
1548
+ --pgn-elevation-box-shadow-centered-5-2-color: rgba(0, 0, 0, 0.15); /* Centered box shadow of level 5. */
1549
+ --pgn-elevation-box-shadow-centered-5-1-blur: 2.5rem; /* Centered box shadow of level 5. */
1550
+ --pgn-elevation-box-shadow-centered-5-1-offset-y: 0rem; /* Centered box shadow of level 5. */
1551
+ --pgn-elevation-box-shadow-centered-5-1-offset-x: 0rem; /* Centered box shadow of level 5. */
1552
+ --pgn-elevation-box-shadow-centered-5-1-color: rgba(0, 0, 0, 0.15); /* Centered box shadow of level 5. */
1553
+ --pgn-elevation-box-shadow-centered-4-2-blur: 1.25rem; /* Centered box shadow of level 4. */
1554
+ --pgn-elevation-box-shadow-centered-4-2-offset-y: 0rem; /* Centered box shadow of level 4. */
1555
+ --pgn-elevation-box-shadow-centered-4-2-offset-x: 0rem; /* Centered box shadow of level 4. */
1556
+ --pgn-elevation-box-shadow-centered-4-2-color: rgba(0, 0, 0, 0.15); /* Centered box shadow of level 4. */
1557
+ --pgn-elevation-box-shadow-centered-4-1-blur: 1.25rem; /* Centered box shadow of level 4. */
1558
+ --pgn-elevation-box-shadow-centered-4-1-offset-y: 0rem; /* Centered box shadow of level 4. */
1559
+ --pgn-elevation-box-shadow-centered-4-1-offset-x: 0rem; /* Centered box shadow of level 4. */
1560
+ --pgn-elevation-box-shadow-centered-4-1-color: rgba(0, 0, 0, 0.15); /* Centered box shadow of level 4. */
1561
+ --pgn-elevation-box-shadow-centered-3-2-blur: 1rem; /* Centered box shadow of level 3. */
1562
+ --pgn-elevation-box-shadow-centered-3-2-offset-y: 0rem; /* Centered box shadow of level 3. */
1563
+ --pgn-elevation-box-shadow-centered-3-2-offset-x: 0rem; /* Centered box shadow of level 3. */
1564
+ --pgn-elevation-box-shadow-centered-3-2-color: rgba(0, 0, 0, 0.15); /* Centered box shadow of level 3. */
1565
+ --pgn-elevation-box-shadow-centered-3-1-blur: 0.625rem; /* Centered box shadow of level 3. */
1566
+ --pgn-elevation-box-shadow-centered-3-1-offset-y: 0rem; /* Centered box shadow of level 3. */
1567
+ --pgn-elevation-box-shadow-centered-3-1-offset-x: 0rem; /* Centered box shadow of level 3. */
1568
+ --pgn-elevation-box-shadow-centered-3-1-color: rgba(0, 0, 0, 0.15); /* Centered box shadow of level 3. */
1569
+ --pgn-elevation-box-shadow-centered-2-2-blur: 0.5rem; /* Centered box shadow of level 2. */
1570
+ --pgn-elevation-box-shadow-centered-2-2-offset-y: 0rem; /* Centered box shadow of level 2. */
1571
+ --pgn-elevation-box-shadow-centered-2-2-offset-x: 0rem; /* Centered box shadow of level 2. */
1572
+ --pgn-elevation-box-shadow-centered-2-2-color: rgba(0, 0, 0, 0.15); /* Centered box shadow of level 2. */
1573
+ --pgn-elevation-box-shadow-centered-2-1-blur: 0.25rem; /* Centered box shadow of level 2. */
1574
+ --pgn-elevation-box-shadow-centered-2-1-offset-y: 0rem; /* Centered box shadow of level 2. */
1575
+ --pgn-elevation-box-shadow-centered-2-1-offset-x: 0rem; /* Centered box shadow of level 2. */
1576
+ --pgn-elevation-box-shadow-centered-2-1-color: rgba(0, 0, 0, 0.15); /* Centered box shadow of level 2. */
1577
+ --pgn-elevation-box-shadow-centered-1-2-blur: 0.25rem; /* Centered box shadow of level 1. */
1578
+ --pgn-elevation-box-shadow-centered-1-2-offset-y: 0rem; /* Centered box shadow of level 1. */
1579
+ --pgn-elevation-box-shadow-centered-1-2-offset-x: 0rem; /* Centered box shadow of level 1. */
1580
+ --pgn-elevation-box-shadow-centered-1-2-color: rgba(0, 0, 0, 0.15); /* Centered box shadow of level 1. */
1581
+ --pgn-elevation-box-shadow-centered-1-1-blur: 0.125rem; /* Centered box shadow of level 1. */
1582
+ --pgn-elevation-box-shadow-centered-1-1-offset-y: 0rem; /* Centered box shadow of level 1. */
1583
+ --pgn-elevation-box-shadow-centered-1-1-offset-x: 0rem; /* Centered box shadow of level 1. */
1584
+ --pgn-elevation-box-shadow-centered-1-1-color: rgba(0, 0, 0, 0.15); /* Centered box shadow of level 1. */
1585
+ --pgn-elevation-box-shadow-right-5-2-blur: 3rem; /* Right box shadow of level 5. */
1586
+ --pgn-elevation-box-shadow-right-5-2-offset-y: 0rem; /* Right box shadow of level 5. */
1587
+ --pgn-elevation-box-shadow-right-5-2-offset-x: 0.5rem; /* Right box shadow of level 5. */
1588
+ --pgn-elevation-box-shadow-right-5-2-color: rgba(0, 0, 0, 0.15); /* Right box shadow of level 5. */
1589
+ --pgn-elevation-box-shadow-right-5-1-blur: 2.5rem; /* Right box shadow of level 5. */
1590
+ --pgn-elevation-box-shadow-right-5-1-offset-y: 0rem; /* Right box shadow of level 5. */
1591
+ --pgn-elevation-box-shadow-right-5-1-offset-x: 1.25rem; /* Right box shadow of level 5. */
1592
+ --pgn-elevation-box-shadow-right-5-1-color: rgba(0, 0, 0, 0.15); /* Right box shadow of level 5. */
1593
+ --pgn-elevation-box-shadow-right-4-2-blur: 1.25rem; /* Right box shadow of level 4. */
1594
+ --pgn-elevation-box-shadow-right-4-2-offset-y: 0rem; /* Right box shadow of level 4. */
1595
+ --pgn-elevation-box-shadow-right-4-2-offset-x: 0.5rem; /* Right box shadow of level 4. */
1596
+ --pgn-elevation-box-shadow-right-4-2-color: rgba(0, 0, 0, 0.15); /* Right box shadow of level 4. */
1597
+ --pgn-elevation-box-shadow-right-4-1-blur: 1.25rem; /* Right box shadow of level 4. */
1598
+ --pgn-elevation-box-shadow-right-4-1-offset-y: 0rem; /* Right box shadow of level 4. */
1599
+ --pgn-elevation-box-shadow-right-4-1-offset-x: 0.625rem; /* Right box shadow of level 4. */
1600
+ --pgn-elevation-box-shadow-right-4-1-color: rgba(0, 0, 0, 0.15); /* Right box shadow of level 4. */
1601
+ --pgn-elevation-box-shadow-right-3-2-blur: 0.625rem; /* Right box shadow of level 3. */
1602
+ --pgn-elevation-box-shadow-right-3-2-offset-y: 0rem; /* Right box shadow of level 3. */
1603
+ --pgn-elevation-box-shadow-right-3-2-offset-x: 0.25rem; /* Right box shadow of level 3. */
1604
+ --pgn-elevation-box-shadow-right-3-2-color: rgba(0, 0, 0, 0.15); /* Right box shadow of level 3. */
1605
+ --pgn-elevation-box-shadow-right-3-1-blur: 1rem; /* Right box shadow of level 3. */
1606
+ --pgn-elevation-box-shadow-right-3-1-offset-y: 0rem; /* Right box shadow of level 3. */
1607
+ --pgn-elevation-box-shadow-right-3-1-offset-x: 0.5rem; /* Right box shadow of level 3. */
1608
+ --pgn-elevation-box-shadow-right-3-1-color: rgba(0, 0, 0, 0.15); /* Right box shadow of level 3. */
1609
+ --pgn-elevation-box-shadow-right-2-2-blur: 0.5rem; /* Right box shadow of level 2. */
1610
+ --pgn-elevation-box-shadow-right-2-2-offset-y: 0rem; /* Right box shadow of level 2. */
1611
+ --pgn-elevation-box-shadow-right-2-2-offset-x: 0.125rem; /* Right box shadow of level 2. */
1612
+ --pgn-elevation-box-shadow-right-2-2-color: rgba(0, 0, 0, 0.15); /* Right box shadow of level 2. */
1613
+ --pgn-elevation-box-shadow-right-2-1-blur: 0.25rem; /* Right box shadow of level 2. */
1614
+ --pgn-elevation-box-shadow-right-2-1-offset-y: 0rem; /* Right box shadow of level 2. */
1615
+ --pgn-elevation-box-shadow-right-2-1-offset-x: 0.125rem; /* Right box shadow of level 2. */
1616
+ --pgn-elevation-box-shadow-right-2-1-color: rgba(0, 0, 0, 0.15); /* Right box shadow of level 2. */
1617
+ --pgn-elevation-box-shadow-right-1-2-blur: 0.25rem; /* Right box shadow of level 1. */
1618
+ --pgn-elevation-box-shadow-right-1-2-offset-y: 0rem; /* Right box shadow of level 1. */
1619
+ --pgn-elevation-box-shadow-right-1-2-offset-x: 0.0625rem; /* Right box shadow of level 1. */
1620
+ --pgn-elevation-box-shadow-right-1-2-color: rgba(0, 0, 0, 0.15); /* Right box shadow of level 1. */
1621
+ --pgn-elevation-box-shadow-right-1-1-blur: 0.125rem; /* Right box shadow of level 1. */
1622
+ --pgn-elevation-box-shadow-right-1-1-offset-y: 0rem; /* Right box shadow of level 1. */
1623
+ --pgn-elevation-box-shadow-right-1-1-offset-x: 0.0625rem; /* Right box shadow of level 1. */
1624
+ --pgn-elevation-box-shadow-right-1-1-color: rgba(0, 0, 0, 0.15); /* Right box shadow of level 1. */
1625
+ --pgn-elevation-box-shadow-up-5-2-blur: 3rem; /* Basic box shadow of level 5. */
1626
+ --pgn-elevation-box-shadow-up-5-2-offset-y: -0.5rem; /* Basic box shadow of level 5. */
1627
+ --pgn-elevation-box-shadow-up-5-2-offset-x: 0rem; /* Basic box shadow of level 5. */
1628
+ --pgn-elevation-box-shadow-up-5-2-color: rgba(0, 0, 0, 0.15); /* Basic box shadow of level 5. */
1629
+ --pgn-elevation-box-shadow-up-5-1-blur: 2.5rem; /* Basic box shadow of level 5. */
1630
+ --pgn-elevation-box-shadow-up-5-1-offset-y: -1.25rem; /* Basic box shadow of level 5. */
1631
+ --pgn-elevation-box-shadow-up-5-1-offset-x: 0rem; /* Basic box shadow of level 5. */
1632
+ --pgn-elevation-box-shadow-up-5-1-color: rgba(0, 0, 0, 0.15); /* Basic box shadow of level 5. */
1633
+ --pgn-elevation-box-shadow-up-4-2-blur: 1.25rem; /* Top box shadow of level 4. */
1634
+ --pgn-elevation-box-shadow-up-4-2-offset-y: -0.5rem; /* Top box shadow of level 4. */
1635
+ --pgn-elevation-box-shadow-up-4-2-offset-x: 0rem; /* Top box shadow of level 4. */
1636
+ --pgn-elevation-box-shadow-up-4-2-color: rgba(0, 0, 0, 0.15); /* Top box shadow of level 4. */
1637
+ --pgn-elevation-box-shadow-up-4-1-blur: 1.25rem; /* Top box shadow of level 4. */
1638
+ --pgn-elevation-box-shadow-up-4-1-offset-y: -0.625rem; /* Top box shadow of level 4. */
1639
+ --pgn-elevation-box-shadow-up-4-1-offset-x: 0rem; /* Top box shadow of level 4. */
1640
+ --pgn-elevation-box-shadow-up-4-1-color: rgba(0, 0, 0, 0.15); /* Top box shadow of level 4. */
1641
+ --pgn-elevation-box-shadow-up-3-2-blur: 0.625rem; /* Top box shadow of level 3. */
1642
+ --pgn-elevation-box-shadow-up-3-2-offset-y: -0.25rem; /* Top box shadow of level 3. */
1643
+ --pgn-elevation-box-shadow-up-3-2-offset-x: 0rem; /* Top box shadow of level 3. */
1644
+ --pgn-elevation-box-shadow-up-3-2-color: rgba(0, 0, 0, 0.15); /* Top box shadow of level 3. */
1645
+ --pgn-elevation-box-shadow-up-3-1-blur: 1rem; /* Top box shadow of level 3. */
1646
+ --pgn-elevation-box-shadow-up-3-1-offset-y: -0.5rem; /* Top box shadow of level 3. */
1647
+ --pgn-elevation-box-shadow-up-3-1-offset-x: 0rem; /* Top box shadow of level 3. */
1648
+ --pgn-elevation-box-shadow-up-3-1-color: rgba(0, 0, 0, 0.15); /* Top box shadow of level 3. */
1649
+ --pgn-elevation-box-shadow-up-2-2-blur: 0.5rem; /* Top box shadow of level 2. */
1650
+ --pgn-elevation-box-shadow-up-2-2-offset-y: -0.125rem; /* Top box shadow of level 2. */
1651
+ --pgn-elevation-box-shadow-up-2-2-offset-x: 0rem; /* Top box shadow of level 2. */
1652
+ --pgn-elevation-box-shadow-up-2-2-color: rgba(0, 0, 0, 0.15); /* Top box shadow of level 2. */
1653
+ --pgn-elevation-box-shadow-up-2-1-blur: 0.25rem; /* Top box shadow of level 2. */
1654
+ --pgn-elevation-box-shadow-up-2-1-offset-y: -0.125rem; /* Top box shadow of level 2. */
1655
+ --pgn-elevation-box-shadow-up-2-1-offset-x: 0rem; /* Top box shadow of level 2. */
1656
+ --pgn-elevation-box-shadow-up-2-1-color: rgba(0, 0, 0, 0.15); /* Top box shadow of level 2. */
1657
+ --pgn-elevation-box-shadow-up-1-2-blur: 0.25rem; /* Top box shadow of level 1. */
1658
+ --pgn-elevation-box-shadow-up-1-2-offset-y: -0.0625rem; /* Top box shadow of level 1. */
1659
+ --pgn-elevation-box-shadow-up-1-2-offset-x: 0rem; /* Top box shadow of level 1. */
1660
+ --pgn-elevation-box-shadow-up-1-2-color: rgba(0, 0, 0, 0.15); /* Top box shadow of level 1. */
1661
+ --pgn-elevation-box-shadow-up-1-1-blur: 0.125rem; /* Top box shadow of level 1. */
1662
+ --pgn-elevation-box-shadow-up-1-1-offset-y: -0.0625rem; /* Top box shadow of level 1. */
1663
+ --pgn-elevation-box-shadow-up-1-1-offset-x: 0rem; /* Top box shadow of level 1. */
1664
+ --pgn-elevation-box-shadow-up-1-1-color: rgba(0, 0, 0, 0.15); /* Top box shadow of level 1. */
1665
+ --pgn-elevation-box-shadow-left-5-2-blur: 3rem; /* Left box shadow of level 5. */
1666
+ --pgn-elevation-box-shadow-left-5-2-offset-y: 0rem; /* Left box shadow of level 5. */
1667
+ --pgn-elevation-box-shadow-left-5-2-offset-x: -0.5rem; /* Left box shadow of level 5. */
1668
+ --pgn-elevation-box-shadow-left-5-2-color: rgba(0, 0, 0, 0.15); /* Left box shadow of level 5. */
1669
+ --pgn-elevation-box-shadow-left-5-1-blur: 2.5rem; /* Left box shadow of level 5. */
1670
+ --pgn-elevation-box-shadow-left-5-1-offset-y: 0rem; /* Left box shadow of level 5. */
1671
+ --pgn-elevation-box-shadow-left-5-1-offset-x: -1.25rem; /* Left box shadow of level 5. */
1672
+ --pgn-elevation-box-shadow-left-5-1-color: rgba(0, 0, 0, 0.15); /* Left box shadow of level 5. */
1673
+ --pgn-elevation-box-shadow-left-4-2-blur: 1.25rem; /* Left box shadow of level 4. */
1674
+ --pgn-elevation-box-shadow-left-4-2-offset-y: 0rem; /* Left box shadow of level 4. */
1675
+ --pgn-elevation-box-shadow-left-4-2-offset-x: -0.5rem; /* Left box shadow of level 4. */
1676
+ --pgn-elevation-box-shadow-left-4-2-color: rgba(0, 0, 0, 0.15); /* Left box shadow of level 4. */
1677
+ --pgn-elevation-box-shadow-left-4-1-blur: 1.25rem; /* Left box shadow of level 4. */
1678
+ --pgn-elevation-box-shadow-left-4-1-offset-y: 0rem; /* Left box shadow of level 4. */
1679
+ --pgn-elevation-box-shadow-left-4-1-offset-x: -0.625rem; /* Left box shadow of level 4. */
1680
+ --pgn-elevation-box-shadow-left-4-1-color: rgba(0, 0, 0, 0.15); /* Left box shadow of level 4. */
1681
+ --pgn-elevation-box-shadow-left-3-2-blur: 0.625rem; /* Left box shadow of level 3. */
1682
+ --pgn-elevation-box-shadow-left-3-2-offset-y: 0rem; /* Left box shadow of level 3. */
1683
+ --pgn-elevation-box-shadow-left-3-2-offset-x: -0.25rem; /* Left box shadow of level 3. */
1684
+ --pgn-elevation-box-shadow-left-3-2-color: rgba(0, 0, 0, 0.15); /* Left box shadow of level 3. */
1685
+ --pgn-elevation-box-shadow-left-3-1-blur: 1rem; /* Left box shadow of level 3. */
1686
+ --pgn-elevation-box-shadow-left-3-1-offset-y: 0rem; /* Left box shadow of level 3. */
1687
+ --pgn-elevation-box-shadow-left-3-1-offset-x: -0.5rem; /* Left box shadow of level 3. */
1688
+ --pgn-elevation-box-shadow-left-3-1-color: rgba(0, 0, 0, 0.15); /* Left box shadow of level 3. */
1689
+ --pgn-elevation-box-shadow-left-2-2-blur: 0.5rem; /* Left box shadow of level 2. */
1690
+ --pgn-elevation-box-shadow-left-2-2-offset-y: 0rem; /* Left box shadow of level 2. */
1691
+ --pgn-elevation-box-shadow-left-2-2-offset-x: -0.125rem; /* Left box shadow of level 2. */
1692
+ --pgn-elevation-box-shadow-left-2-2-color: rgba(0, 0, 0, 0.15); /* Left box shadow of level 2. */
1693
+ --pgn-elevation-box-shadow-left-2-1-blur: 0.25rem; /* Left box shadow of level 2. */
1694
+ --pgn-elevation-box-shadow-left-2-1-offset-y: 0rem; /* Left box shadow of level 2. */
1695
+ --pgn-elevation-box-shadow-left-2-1-offset-x: -0.125rem; /* Left box shadow of level 2. */
1696
+ --pgn-elevation-box-shadow-left-2-1-color: rgba(0, 0, 0, 0.15); /* Left box shadow of level 2. */
1697
+ --pgn-elevation-box-shadow-left-1-2-blur: 0.25rem; /* Left box shadow of level 1. */
1698
+ --pgn-elevation-box-shadow-left-1-2-offset-y: 0rem; /* Left box shadow of level 1. */
1699
+ --pgn-elevation-box-shadow-left-1-2-offset-x: -0.0625rem; /* Left box shadow of level 1. */
1700
+ --pgn-elevation-box-shadow-left-1-2-color: rgba(0, 0, 0, 0.15); /* Left box shadow of level 1. */
1701
+ --pgn-elevation-box-shadow-left-1-1-blur: 0.125rem; /* Left box shadow of level 1. */
1702
+ --pgn-elevation-box-shadow-left-1-1-offset-y: 0rem; /* Left box shadow of level 1. */
1703
+ --pgn-elevation-box-shadow-left-1-1-offset-x: -0.0625rem; /* Left box shadow of level 1. */
1704
+ --pgn-elevation-box-shadow-left-1-1-color: rgba(0, 0, 0, 0.15); /* Left box shadow of level 1. */
1705
+ --pgn-elevation-box-shadow-down-5-2-blur: 2.5rem; /* Bottom box shadow of level 5. */
1706
+ --pgn-elevation-box-shadow-down-5-2-offset-y: 0.5rem; /* Bottom box shadow of level 5. */
1707
+ --pgn-elevation-box-shadow-down-5-2-offset-x: 0rem; /* Bottom box shadow of level 5. */
1708
+ --pgn-elevation-box-shadow-down-5-2-color: rgba(0, 0, 0, 0.15); /* Bottom box shadow of level 5. */
1709
+ --pgn-elevation-box-shadow-down-5-1-blur: 2.5rem; /* Bottom box shadow of level 5. */
1710
+ --pgn-elevation-box-shadow-down-5-1-offset-y: 1.25px; /* Bottom box shadow of level 5. */
1711
+ --pgn-elevation-box-shadow-down-5-1-offset-x: 0rem; /* Bottom box shadow of level 5. */
1712
+ --pgn-elevation-box-shadow-down-5-1-color: rgba(0, 0, 0, 0.15); /* Bottom box shadow of level 5. */
1713
+ --pgn-elevation-box-shadow-down-4-2-blur: 1.25rem; /* Bottom box shadow of level 4. */
1714
+ --pgn-elevation-box-shadow-down-4-2-offset-y: 0.5rem; /* Bottom box shadow of level 4. */
1715
+ --pgn-elevation-box-shadow-down-4-2-offset-x: 0rem; /* Bottom box shadow of level 4. */
1716
+ --pgn-elevation-box-shadow-down-4-2-color: rgba(0, 0, 0, 0.15); /* Bottom box shadow of level 4. */
1717
+ --pgn-elevation-box-shadow-down-4-1-blur: 1.25rem; /* Bottom box shadow of level 4. */
1718
+ --pgn-elevation-box-shadow-down-4-1-offset-y: 0.625rem; /* Bottom box shadow of level 4. */
1719
+ --pgn-elevation-box-shadow-down-4-1-offset-x: 0rem; /* Bottom box shadow of level 4. */
1720
+ --pgn-elevation-box-shadow-down-4-1-color: rgba(0, 0, 0, 0.15); /* Bottom box shadow of level 4. */
1721
+ --pgn-elevation-box-shadow-down-3-2-blur: 0.625rem; /* Bottom box shadow of level 3. */
1722
+ --pgn-elevation-box-shadow-down-3-2-offset-y: 0.25rem; /* Bottom box shadow of level 3. */
1723
+ --pgn-elevation-box-shadow-down-3-2-offset-x: 0rem; /* Bottom box shadow of level 3. */
1724
+ --pgn-elevation-box-shadow-down-3-2-color: rgba(0, 0, 0, 0.15); /* Bottom box shadow of level 3. */
1725
+ --pgn-elevation-box-shadow-down-3-1-blur: 1rem; /* Bottom box shadow of level 3. */
1726
+ --pgn-elevation-box-shadow-down-3-1-offset-y: 0.5rem; /* Bottom box shadow of level 3. */
1727
+ --pgn-elevation-box-shadow-down-3-1-offset-x: 0rem; /* Bottom box shadow of level 3. */
1728
+ --pgn-elevation-box-shadow-down-3-1-color: rgba(0, 0, 0, 0.15); /* Bottom box shadow of level 3. */
1729
+ --pgn-elevation-box-shadow-down-2-2-blur: 0.5rem; /* Bottom box shadow of level 2. */
1730
+ --pgn-elevation-box-shadow-down-2-2-offset-y: 0.125rem; /* Bottom box shadow of level 2. */
1731
+ --pgn-elevation-box-shadow-down-2-2-offset-x: 0rem; /* Bottom box shadow of level 2. */
1732
+ --pgn-elevation-box-shadow-down-2-2-color: rgba(0, 0, 0, 0.15); /* Bottom box shadow of level 2. */
1733
+ --pgn-elevation-box-shadow-down-2-1-blur: 0.25rem; /* Bottom box shadow of level 2. */
1734
+ --pgn-elevation-box-shadow-down-2-1-offset-y: 0.125rem; /* Bottom box shadow of level 2. */
1735
+ --pgn-elevation-box-shadow-down-2-1-offset-x: 0rem; /* Bottom box shadow of level 2. */
1736
+ --pgn-elevation-box-shadow-down-2-1-color: rgba(0, 0, 0, 0.15); /* Bottom box shadow of level 2. */
1737
+ --pgn-elevation-box-shadow-down-1-2-blur: 0.25rem; /* Bottom box shadow of level 1. */
1738
+ --pgn-elevation-box-shadow-down-1-2-offset-y: 0.0625rem; /* Bottom box shadow of level 1. */
1739
+ --pgn-elevation-box-shadow-down-1-2-offset-x: 0rem; /* Bottom box shadow of level 1. */
1740
+ --pgn-elevation-box-shadow-down-1-2-color: rgba(0, 0, 0, 0.15); /* Bottom box shadow of level 1. */
1741
+ --pgn-elevation-box-shadow-down-1-1-blur: 0.125rem; /* Bottom box shadow of level 1. */
1742
+ --pgn-elevation-box-shadow-down-1-1-offset-y: 0.0625rem; /* Bottom box shadow of level 1. */
1743
+ --pgn-elevation-box-shadow-down-1-1-offset-x: 0rem; /* Bottom box shadow of level 1. */
1744
+ --pgn-elevation-box-shadow-down-1-1-color: rgba(0, 0, 0, 0.15); /* Bottom box shadow of level 1. */
1745
+ --pgn-elevation-box-shadow-lg-blur: 0.5rem; /* Large box shadow. */
1746
+ --pgn-elevation-box-shadow-lg-offset-y: 0.25rem; /* Large box shadow. */
1747
+ --pgn-elevation-box-shadow-lg-offset-x: 0rem; /* Large box shadow. */
1748
+ --pgn-elevation-box-shadow-lg-color: rgba(0, 0, 0, 0.3); /* Large box shadow. */
1749
+ --pgn-elevation-box-shadow-sm-blur: 0.125rem; /* Small box shadow. */
1750
+ --pgn-elevation-box-shadow-sm-offset-y: 0.0625rem; /* Small box shadow. */
1751
+ --pgn-elevation-box-shadow-sm-offset-x: 0rem; /* Small box shadow. */
1752
+ --pgn-elevation-box-shadow-sm-color: rgba(0, 0, 0, 0.2); /* Small box shadow. */
1753
+ --pgn-elevation-box-shadow-base-blur: 0.25rem; /* Default box shadow. */
1754
+ --pgn-elevation-box-shadow-base-offset-y: 0.125rem; /* Default box shadow. */
1755
+ --pgn-elevation-box-shadow-base-offset-x: 0rem; /* Default box shadow. */
1756
+ --pgn-elevation-box-shadow-base-color: rgba(0, 0, 0, 0.3); /* Default box shadow. */
1757
+ --pgn-elevation-box-shadow-level-5-2-blur: 2.5rem; /* Basic box shadow of level 5. */
1758
+ --pgn-elevation-box-shadow-level-5-2-offset-y: 0.5rem; /* Basic box shadow of level 5. */
1759
+ --pgn-elevation-box-shadow-level-5-2-offset-x: 0rem; /* Basic box shadow of level 5. */
1760
+ --pgn-elevation-box-shadow-level-5-2-color: rgba(0, 0, 0, 0.15); /* Basic box shadow of level 5. */
1761
+ --pgn-elevation-box-shadow-level-5-1-blur: 2.5rem; /* Basic box shadow of level 5. */
1762
+ --pgn-elevation-box-shadow-level-5-1-offset-y: 1.25px; /* Basic box shadow of level 5. */
1763
+ --pgn-elevation-box-shadow-level-5-1-offset-x: 0rem; /* Basic box shadow of level 5. */
1764
+ --pgn-elevation-box-shadow-level-5-1-color: rgba(0, 0, 0, 0.15); /* Basic box shadow of level 5. */
1765
+ --pgn-elevation-box-shadow-level-4-2-blur: 1.25rem; /* Basic box shadow of level 4. */
1766
+ --pgn-elevation-box-shadow-level-4-2-offset-y: 0.5rem; /* Basic box shadow of level 4. */
1767
+ --pgn-elevation-box-shadow-level-4-2-offset-x: 0rem; /* Basic box shadow of level 4. */
1768
+ --pgn-elevation-box-shadow-level-4-2-color: rgba(0, 0, 0, 0.15); /* Basic box shadow of level 4. */
1769
+ --pgn-elevation-box-shadow-level-4-1-blur: 1.25rem; /* Basic box shadow of level 4. */
1770
+ --pgn-elevation-box-shadow-level-4-1-offset-y: 0.625rem; /* Basic box shadow of level 4. */
1771
+ --pgn-elevation-box-shadow-level-4-1-offset-x: 0rem; /* Basic box shadow of level 4. */
1772
+ --pgn-elevation-box-shadow-level-4-1-color: rgba(0, 0, 0, 0.15); /* Basic box shadow of level 4. */
1773
+ --pgn-elevation-box-shadow-level-3-2-blur: 1rem; /* Basic box shadow of level 3. */
1774
+ --pgn-elevation-box-shadow-level-3-2-offset-y: 0rem; /* Basic box shadow of level 3. */
1775
+ --pgn-elevation-box-shadow-level-3-2-offset-x: 0rem; /* Basic box shadow of level 3. */
1776
+ --pgn-elevation-box-shadow-level-3-2-color: rgba(0, 0, 0, 0.15); /* Basic box shadow of level 3. */
1777
+ --pgn-elevation-box-shadow-level-3-1-blur: 0.625rem; /* Basic box shadow of level 3. */
1778
+ --pgn-elevation-box-shadow-level-3-1-offset-y: 0rem; /* Basic box shadow of level 3. */
1779
+ --pgn-elevation-box-shadow-level-3-1-offset-x: 0rem; /* Basic box shadow of level 3. */
1780
+ --pgn-elevation-box-shadow-level-3-1-color: rgba(0, 0, 0, 0.15); /* Basic box shadow of level 3. */
1781
+ --pgn-elevation-box-shadow-level-2-2-blur: 0.5rem; /* Basic box shadow of level 2. */
1782
+ --pgn-elevation-box-shadow-level-2-2-offset-y: 0.125rem; /* Basic box shadow of level 2. */
1783
+ --pgn-elevation-box-shadow-level-2-2-offset-x: 0rem; /* Basic box shadow of level 2. */
1784
+ --pgn-elevation-box-shadow-level-2-2-color: rgba(0, 0, 0, 0.15); /* Basic box shadow of level 2. */
1785
+ --pgn-elevation-box-shadow-level-2-1-blur: 0.25rem; /* Basic box shadow of level 2. */
1786
+ --pgn-elevation-box-shadow-level-2-1-offset-y: 0.125rem; /* Basic box shadow of level 2. */
1787
+ --pgn-elevation-box-shadow-level-2-1-offset-x: 0rem; /* Basic box shadow of level 2. */
1788
+ --pgn-elevation-box-shadow-level-2-1-color: rgba(0, 0, 0, 0.15); /* Basic box shadow of level 2. */
1789
+ --pgn-elevation-box-shadow-level-1-2-blur: 0.25rem; /* Basic box shadow of level 1. */
1790
+ --pgn-elevation-box-shadow-level-1-2-offset-y: 0.0625rem; /* Basic box shadow of level 1. */
1791
+ --pgn-elevation-box-shadow-level-1-2-offset-x: 0rem; /* Basic box shadow of level 1. */
1792
+ --pgn-elevation-box-shadow-level-1-2-color: rgba(0, 0, 0, 0.15); /* Basic box shadow of level 1. */
1793
+ --pgn-elevation-box-shadow-level-1-1-blur: 0.125rem; /* Basic box shadow of level 1. */
1794
+ --pgn-elevation-box-shadow-level-1-1-offset-y: 0.0625rem; /* Basic box shadow of level 1. */
1795
+ --pgn-elevation-box-shadow-level-1-1-offset-x: 0rem; /* Basic box shadow of level 1. */
1796
+ --pgn-elevation-box-shadow-level-1-1-color: rgba(0, 0, 0, 0.15); /* Basic box shadow of level 1. */
1797
+ --pgn-elevation-input-btn-focus-box-shadow-blur: 0rem;
1798
+ --pgn-elevation-input-btn-focus-box-shadow-offset-y: 0rem;
1799
+ --pgn-elevation-input-btn-focus-box-shadow-offset-x: 0rem;
1800
+ --pgn-elevation-input-btn-focus-box-shadow-spread: var(--pgn-size-input-btn-focus-width);
1801
+ --pgn-elevation-input-btn-focus-box-shadow-color: var(--pgn-color-input-btn-focus);
1802
+ --pgn-elevation-toast-box-shadow-2-blur: 3rem;
1803
+ --pgn-elevation-toast-box-shadow-2-offset-y: 0.5rem;
1804
+ --pgn-elevation-toast-box-shadow-2-offset-x: 0rem;
1805
+ --pgn-elevation-toast-box-shadow-2-color: rgba(0, 0, 0, 0.15);
1806
+ --pgn-elevation-toast-box-shadow-1-blur: 2.5rem;
1807
+ --pgn-elevation-toast-box-shadow-1-offset-y: 1.25rem;
1808
+ --pgn-elevation-toast-box-shadow-1-offset-x: 0rem;
1809
+ --pgn-elevation-toast-box-shadow-1-color: rgba(0, 0, 0, 0.15);
1810
+ --pgn-elevation-sticky-shadow-bottom-2-blur: 0.625rem;
1811
+ --pgn-elevation-sticky-shadow-bottom-2-offset-y: 0.25rem;
1812
+ --pgn-elevation-sticky-shadow-bottom-2-offset-x: 0rem;
1813
+ --pgn-elevation-sticky-shadow-bottom-2-color: rgba(0, 0, 0, 0.15);
1814
+ --pgn-elevation-sticky-shadow-bottom-1-blur: 1rem;
1815
+ --pgn-elevation-sticky-shadow-bottom-1-offset-y: 0.5rem;
1816
+ --pgn-elevation-sticky-shadow-bottom-1-offset-x: 0rem;
1817
+ --pgn-elevation-sticky-shadow-bottom-1-color: rgba(0, 0, 0, 0.15);
1818
+ --pgn-elevation-sticky-shadow-top-2-blur: 0.625rem;
1819
+ --pgn-elevation-sticky-shadow-top-2-offset-y: -0.25rem;
1820
+ --pgn-elevation-sticky-shadow-top-2-offset-x: 0rem;
1821
+ --pgn-elevation-sticky-shadow-top-2-color: rgba(0, 0, 0, 0.15);
1822
+ --pgn-elevation-sticky-shadow-top-1-blur: 1rem;
1823
+ --pgn-elevation-sticky-shadow-top-1-offset-y: -0.5rem;
1824
+ --pgn-elevation-sticky-shadow-top-1-offset-x: 0rem;
1825
+ --pgn-elevation-sticky-shadow-top-1-color: rgba(0, 0, 0, 0.15);
1826
+ --pgn-elevation-scrollable-body-box-shadow: #0000008C;
1827
+ --pgn-elevation-progress-bar-box-shadow: none;
1828
+ --pgn-elevation-pagination-focus-box-shadow-blur: 0rem;
1829
+ --pgn-elevation-pagination-focus-box-shadow-offset-y: 0rem;
1830
+ --pgn-elevation-pagination-focus-box-shadow-offset-x: 0rem;
1831
+ --pgn-elevation-pagination-focus-box-shadow-spread: var(--pgn-size-input-btn-focus-width);
1832
+ --pgn-elevation-pagination-focus-box-shadow-color: var(--pgn-color-input-btn-focus);
1833
+ --pgn-elevation-menu-box-shadow-blur: 0.25rem;
1834
+ --pgn-elevation-menu-box-shadow-offset-y: 0.125rem;
1835
+ --pgn-elevation-menu-box-shadow-offset-x: 0rem;
1836
+ --pgn-elevation-menu-box-shadow-color: rgba(0, 0, 0, 0.3);
1837
+ --pgn-elevation-image-thumbnail-box-shadow: none;
1838
+ --pgn-elevation-icon-button-box-shadow-black-inverse-active: none;
1839
+ --pgn-elevation-icon-button-box-shadow-black-active: none;
1840
+ --pgn-elevation-icon-button-box-shadow-black-inverse-inset: inset;
1841
+ --pgn-elevation-icon-button-box-shadow-black-inverse-blur: 0rem;
1842
+ --pgn-elevation-icon-button-box-shadow-black-inverse-offset-y: 0rem;
1843
+ --pgn-elevation-icon-button-box-shadow-black-inverse-offset-x: 0rem;
1844
+ --pgn-elevation-icon-button-box-shadow-black-inverse-spread: var(--pgn-size-btn-focus-width);
1845
+ --pgn-elevation-icon-button-box-shadow-black-inverse-color: var(--pgn-color-icon-button-accent);
1846
+ --pgn-elevation-icon-button-box-shadow-black-base-inset: inset;
1847
+ --pgn-elevation-icon-button-box-shadow-black-base-blur: 0rem;
1848
+ --pgn-elevation-icon-button-box-shadow-black-base-offset-y: 0rem;
1849
+ --pgn-elevation-icon-button-box-shadow-black-base-offset-x: 0rem;
1850
+ --pgn-elevation-icon-button-box-shadow-black-base-spread: var(--pgn-size-btn-focus-width);
1851
+ --pgn-elevation-icon-button-box-shadow-black-base-color: var(--pgn-color-icon-button-text-black-base);
1852
+ --pgn-elevation-icon-button-box-shadow-dark-inverse-active: none;
1853
+ --pgn-elevation-icon-button-box-shadow-dark-active: none;
1854
+ --pgn-elevation-icon-button-box-shadow-dark-inverse-inset: inset;
1855
+ --pgn-elevation-icon-button-box-shadow-dark-inverse-blur: 0rem;
1856
+ --pgn-elevation-icon-button-box-shadow-dark-inverse-offset-y: 0rem;
1857
+ --pgn-elevation-icon-button-box-shadow-dark-inverse-offset-x: 0rem;
1858
+ --pgn-elevation-icon-button-box-shadow-dark-inverse-spread: var(--pgn-size-btn-focus-width);
1859
+ --pgn-elevation-icon-button-box-shadow-dark-inverse-color: var(--pgn-color-icon-button-accent);
1860
+ --pgn-elevation-icon-button-box-shadow-dark-base-inset: inset;
1861
+ --pgn-elevation-icon-button-box-shadow-dark-base-blur: 0rem;
1862
+ --pgn-elevation-icon-button-box-shadow-dark-base-offset-y: 0rem;
1863
+ --pgn-elevation-icon-button-box-shadow-dark-base-offset-x: 0rem;
1864
+ --pgn-elevation-icon-button-box-shadow-dark-base-spread: var(--pgn-size-btn-focus-width);
1865
+ --pgn-elevation-icon-button-box-shadow-dark-base-color: var(--pgn-color-icon-button-text-dark-base);
1866
+ --pgn-elevation-icon-button-box-shadow-light-inverse-active: none;
1867
+ --pgn-elevation-icon-button-box-shadow-light-active: none;
1868
+ --pgn-elevation-icon-button-box-shadow-light-inverse-inset: inset;
1869
+ --pgn-elevation-icon-button-box-shadow-light-inverse-blur: 0rem;
1870
+ --pgn-elevation-icon-button-box-shadow-light-inverse-offset-y: 0rem;
1871
+ --pgn-elevation-icon-button-box-shadow-light-inverse-offset-x: 0rem;
1872
+ --pgn-elevation-icon-button-box-shadow-light-inverse-spread: var(--pgn-size-btn-focus-width);
1873
+ --pgn-elevation-icon-button-box-shadow-light-inverse-color: var(--pgn-color-icon-button-accent);
1874
+ --pgn-elevation-icon-button-box-shadow-light-base-inset: inset;
1875
+ --pgn-elevation-icon-button-box-shadow-light-base-blur: 0rem;
1876
+ --pgn-elevation-icon-button-box-shadow-light-base-offset-y: 0rem;
1877
+ --pgn-elevation-icon-button-box-shadow-light-base-offset-x: 0rem;
1878
+ --pgn-elevation-icon-button-box-shadow-light-base-spread: var(--pgn-size-btn-focus-width);
1879
+ --pgn-elevation-icon-button-box-shadow-light-base-color: var(--pgn-color-icon-button-text-light-base);
1880
+ --pgn-elevation-icon-button-box-shadow-danger-inverse-active: none;
1881
+ --pgn-elevation-icon-button-box-shadow-danger-active: none;
1882
+ --pgn-elevation-icon-button-box-shadow-danger-inverse-inset: inset;
1883
+ --pgn-elevation-icon-button-box-shadow-danger-inverse-blur: 0rem;
1884
+ --pgn-elevation-icon-button-box-shadow-danger-inverse-offset-y: 0rem;
1885
+ --pgn-elevation-icon-button-box-shadow-danger-inverse-offset-x: 0rem;
1886
+ --pgn-elevation-icon-button-box-shadow-danger-inverse-spread: var(--pgn-size-btn-focus-width);
1887
+ --pgn-elevation-icon-button-box-shadow-danger-inverse-color: var(--pgn-color-icon-button-accent);
1888
+ --pgn-elevation-icon-button-box-shadow-danger-base-inset: inset;
1889
+ --pgn-elevation-icon-button-box-shadow-danger-base-blur: 0rem;
1890
+ --pgn-elevation-icon-button-box-shadow-danger-base-offset-y: 0rem;
1891
+ --pgn-elevation-icon-button-box-shadow-danger-base-offset-x: 0rem;
1892
+ --pgn-elevation-icon-button-box-shadow-danger-base-spread: var(--pgn-size-btn-focus-width);
1893
+ --pgn-elevation-icon-button-box-shadow-danger-base-color: var(--pgn-color-icon-button-text-danger-base);
1894
+ --pgn-elevation-icon-button-box-shadow-warning-inverse-active: none;
1895
+ --pgn-elevation-icon-button-box-shadow-warning-active: none;
1896
+ --pgn-elevation-icon-button-box-shadow-warning-inverse-inset: inset;
1897
+ --pgn-elevation-icon-button-box-shadow-warning-inverse-blur: 0rem;
1898
+ --pgn-elevation-icon-button-box-shadow-warning-inverse-offset-y: 0rem;
1899
+ --pgn-elevation-icon-button-box-shadow-warning-inverse-offset-x: 0rem;
1900
+ --pgn-elevation-icon-button-box-shadow-warning-inverse-spread: var(--pgn-size-btn-focus-width);
1901
+ --pgn-elevation-icon-button-box-shadow-warning-inverse-color: var(--pgn-color-icon-button-accent);
1902
+ --pgn-elevation-icon-button-box-shadow-warning-base-inset: inset;
1903
+ --pgn-elevation-icon-button-box-shadow-warning-base-blur: 0rem;
1904
+ --pgn-elevation-icon-button-box-shadow-warning-base-offset-y: 0rem;
1905
+ --pgn-elevation-icon-button-box-shadow-warning-base-offset-x: 0rem;
1906
+ --pgn-elevation-icon-button-box-shadow-warning-base-spread: var(--pgn-size-btn-focus-width);
1907
+ --pgn-elevation-icon-button-box-shadow-warning-base-color: var(--pgn-color-icon-button-text-warning-base);
1908
+ --pgn-elevation-icon-button-box-shadow-success-inverse-active: none;
1909
+ --pgn-elevation-icon-button-box-shadow-success-active: none;
1910
+ --pgn-elevation-icon-button-box-shadow-success-inverse-inset: inset;
1911
+ --pgn-elevation-icon-button-box-shadow-success-inverse-blur: 0rem;
1912
+ --pgn-elevation-icon-button-box-shadow-success-inverse-offset-y: 0rem;
1913
+ --pgn-elevation-icon-button-box-shadow-success-inverse-offset-x: 0rem;
1914
+ --pgn-elevation-icon-button-box-shadow-success-inverse-spread: var(--pgn-size-btn-focus-width);
1915
+ --pgn-elevation-icon-button-box-shadow-success-inverse-color: var(--pgn-color-icon-button-accent);
1916
+ --pgn-elevation-icon-button-box-shadow-success-base-inset: inset;
1917
+ --pgn-elevation-icon-button-box-shadow-success-base-blur: 0rem;
1918
+ --pgn-elevation-icon-button-box-shadow-success-base-offset-y: 0rem;
1919
+ --pgn-elevation-icon-button-box-shadow-success-base-offset-x: 0rem;
1920
+ --pgn-elevation-icon-button-box-shadow-success-base-spread: var(--pgn-size-btn-focus-width);
1921
+ --pgn-elevation-icon-button-box-shadow-success-base-color: var(--pgn-color-icon-button-text-success-base);
1922
+ --pgn-elevation-icon-button-box-shadow-brand-inverse-active: none;
1923
+ --pgn-elevation-icon-button-box-shadow-brand-active: none;
1924
+ --pgn-elevation-icon-button-box-shadow-brand-inverse-inset: inset;
1925
+ --pgn-elevation-icon-button-box-shadow-brand-inverse-blur: 0rem;
1926
+ --pgn-elevation-icon-button-box-shadow-brand-inverse-offset-y: 0rem;
1927
+ --pgn-elevation-icon-button-box-shadow-brand-inverse-offset-x: 0rem;
1928
+ --pgn-elevation-icon-button-box-shadow-brand-inverse-spread: var(--pgn-size-btn-focus-width);
1929
+ --pgn-elevation-icon-button-box-shadow-brand-inverse-color: var(--pgn-color-icon-button-accent);
1930
+ --pgn-elevation-icon-button-box-shadow-brand-base-inset: inset;
1931
+ --pgn-elevation-icon-button-box-shadow-brand-base-blur: 0rem;
1932
+ --pgn-elevation-icon-button-box-shadow-brand-base-offset-y: 0rem;
1933
+ --pgn-elevation-icon-button-box-shadow-brand-base-offset-x: 0rem;
1934
+ --pgn-elevation-icon-button-box-shadow-brand-base-spread: var(--pgn-size-btn-focus-width);
1935
+ --pgn-elevation-icon-button-box-shadow-brand-base-color: var(--pgn-color-icon-button-text-brand-base);
1936
+ --pgn-elevation-icon-button-box-shadow-secondary-inverse-active: none;
1937
+ --pgn-elevation-icon-button-box-shadow-secondary-active: none;
1938
+ --pgn-elevation-icon-button-box-shadow-secondary-inverse-inset: inset;
1939
+ --pgn-elevation-icon-button-box-shadow-secondary-inverse-blur: 0rem;
1940
+ --pgn-elevation-icon-button-box-shadow-secondary-inverse-offset-y: 0rem;
1941
+ --pgn-elevation-icon-button-box-shadow-secondary-inverse-offset-x: 0rem;
1942
+ --pgn-elevation-icon-button-box-shadow-secondary-inverse-spread: var(--pgn-size-btn-focus-width);
1943
+ --pgn-elevation-icon-button-box-shadow-secondary-inverse-color: var(--pgn-color-icon-button-accent);
1944
+ --pgn-elevation-icon-button-box-shadow-secondary-base-inset: inset;
1945
+ --pgn-elevation-icon-button-box-shadow-secondary-base-blur: 0rem;
1946
+ --pgn-elevation-icon-button-box-shadow-secondary-base-offset-y: 0rem;
1947
+ --pgn-elevation-icon-button-box-shadow-secondary-base-offset-x: 0rem;
1948
+ --pgn-elevation-icon-button-box-shadow-secondary-base-spread: var(--pgn-size-btn-focus-width);
1949
+ --pgn-elevation-icon-button-box-shadow-secondary-base-color: var(--pgn-color-icon-button-text-secondary-base);
1950
+ --pgn-elevation-icon-button-box-shadow-primary-inverse-active: none;
1951
+ --pgn-elevation-icon-button-box-shadow-primary-active: none;
1952
+ --pgn-elevation-icon-button-box-shadow-primary-inverse-inset: inset;
1953
+ --pgn-elevation-icon-button-box-shadow-primary-inverse-blur: 0rem;
1954
+ --pgn-elevation-icon-button-box-shadow-primary-inverse-offset-y: 0rem;
1955
+ --pgn-elevation-icon-button-box-shadow-primary-inverse-offset-x: 0rem;
1956
+ --pgn-elevation-icon-button-box-shadow-primary-inverse-spread: var(--pgn-size-btn-focus-width);
1957
+ --pgn-elevation-icon-button-box-shadow-primary-inverse-color: var(--pgn-color-icon-button-accent);
1958
+ --pgn-elevation-icon-button-box-shadow-primary-base-inset: inset;
1959
+ --pgn-elevation-icon-button-box-shadow-primary-base-blur: 0rem;
1960
+ --pgn-elevation-icon-button-box-shadow-primary-base-offset-y: 0rem;
1961
+ --pgn-elevation-icon-button-box-shadow-primary-base-offset-x: 0rem;
1962
+ --pgn-elevation-icon-button-box-shadow-primary-base-spread: var(--pgn-size-btn-focus-width);
1963
+ --pgn-elevation-icon-button-box-shadow-primary-base-color: var(--pgn-color-icon-button-text-primary-base);
1964
+ --pgn-elevation-form-control-select-border-focus-blur: 0rem;
1965
+ --pgn-elevation-form-control-select-border-focus-offset-y: 0rem;
1966
+ --pgn-elevation-form-control-select-border-focus-offset-x: 0rem;
1967
+ --pgn-elevation-form-control-select-border-focus-spread: var(--pgn-size-input-btn-focus-width);
1968
+ --pgn-elevation-form-control-select-border-focus-color: var(--pgn-color-input-btn-focus);
1969
+ --pgn-elevation-form-control-select-border-base: none;
1970
+ --pgn-elevation-form-control-file-focus-blur: 0rem;
1971
+ --pgn-elevation-form-control-file-focus-offset-y: 0rem;
1972
+ --pgn-elevation-form-control-file-focus-offset-x: 0rem;
1973
+ --pgn-elevation-form-control-file-focus-spread: 1px;
1974
+ --pgn-elevation-form-control-file-focus-color: var(--pgn-color-primary-500);
1975
+ --pgn-elevation-form-control-file-base: var(--pgn-elevation-form-input-base);
1976
+ --pgn-elevation-form-control-range-thumb-focus-blur: 0.25rem;
1977
+ --pgn-elevation-form-control-range-thumb-focus-offset-y: 0.1rem;
1978
+ --pgn-elevation-form-control-range-thumb-focus-offset-x: 0rem;
1979
+ --pgn-elevation-form-control-range-thumb-focus-spread: 0rem;
1980
+ --pgn-elevation-form-control-range-thumb-focus-color: var(--pgn-color-body-bg);
1981
+ --pgn-elevation-form-control-range-thumb-base: none;
1982
+ --pgn-elevation-form-control-range-track: none;
1983
+ --pgn-elevation-form-control-checkbox-indicator-indeterminate: none;
1984
+ --pgn-elevation-form-control-indicator-active: none;
1985
+ --pgn-elevation-form-control-indicator-checked-focus-blur: 0rem;
1986
+ --pgn-elevation-form-control-indicator-checked-focus-offset-y: 0rem;
1987
+ --pgn-elevation-form-control-indicator-checked-focus-offset-x: 0rem;
1988
+ --pgn-elevation-form-control-indicator-checked-focus-spread: 4px;
1989
+ --pgn-elevation-form-control-indicator-checked-focus-color: rgba(0, 0, 0, 0.1);
1990
+ --pgn-elevation-form-control-indicator-checked-base: none;
1991
+ --pgn-elevation-form-control-indicator-base: var(--pgn-elevation-form-input-base);
1992
+ --pgn-elevation-form-input-focus-blur: 0rem;
1993
+ --pgn-elevation-form-input-focus-offset-y: 0rem;
1994
+ --pgn-elevation-form-input-focus-offset-x: 0rem;
1995
+ --pgn-elevation-form-input-focus-spread: 1px;
1996
+ --pgn-elevation-form-input-focus-color: var(--pgn-color-primary-500);
1997
+ --pgn-elevation-form-input-base: none;
1998
+ --pgn-elevation-dropzone-error-inset: inset;
1999
+ --pgn-elevation-dropzone-error-blur: 0rem;
2000
+ --pgn-elevation-dropzone-error-offset-y: 0rem;
2001
+ --pgn-elevation-dropzone-error-offset-x: 0rem;
2002
+ --pgn-elevation-dropzone-error-spread: 2px;
2003
+ --pgn-elevation-dropzone-error-color: var(--pgn-color-danger-300);
2004
+ --pgn-elevation-dropzone-active-inset: inset;
2005
+ --pgn-elevation-dropzone-active-blur: 0rem;
2006
+ --pgn-elevation-dropzone-active-offset-y: 0rem;
2007
+ --pgn-elevation-dropzone-active-offset-x: 0rem;
2008
+ --pgn-elevation-dropzone-active-spread: 2px;
2009
+ --pgn-elevation-dropzone-active-color: var(--pgn-color-primary-500);
2010
+ --pgn-elevation-dropzone-focus-inset: inset;
2011
+ --pgn-elevation-dropzone-focus-blur: 0rem;
2012
+ --pgn-elevation-dropzone-focus-offset-y: 0rem;
2013
+ --pgn-elevation-dropzone-focus-offset-x: 0rem;
2014
+ --pgn-elevation-dropzone-focus-spread: 2px;
2015
+ --pgn-elevation-dropzone-focus-color: var(--pgn-color-info-300);
2016
+ --pgn-elevation-dropzone-hover-inset: inset;
2017
+ --pgn-elevation-dropzone-hover-blur: 0rem;
2018
+ --pgn-elevation-dropzone-hover-offset-y: 0rem;
2019
+ --pgn-elevation-dropzone-hover-offset-x: 0rem;
2020
+ --pgn-elevation-dropzone-hover-spread: 2px;
2021
+ --pgn-elevation-dropzone-hover-color: var(--pgn-color-info-300);
2022
+ --pgn-elevation-data-table-box-shadow-blur: 0.125rem;
2023
+ --pgn-elevation-data-table-box-shadow-offset-y: 0.0625rem;
2024
+ --pgn-elevation-data-table-box-shadow-offset-x: 0rem;
2025
+ --pgn-elevation-data-table-box-shadow-color: rgba(0, 0, 0, 0.2);
2026
+ --pgn-elevation-code-kbd-box-shadow: none;
2027
+ --pgn-elevation-close-button-text-shadow-blur: 0rem;
2028
+ --pgn-elevation-close-button-text-shadow-offset-y: 1px;
2029
+ --pgn-elevation-close-button-text-shadow-offset-x: 0rem;
2030
+ --pgn-elevation-close-button-text-shadow-color: var(--pgn-color-white);
2031
+ --pgn-elevation-btn-box-shadow-active: none;
2032
+ --pgn-elevation-btn-box-shadow-base: none;
2033
+ --pgn-elevation-annotation-box-shadow-2-blur: 8px;
2034
+ --pgn-elevation-annotation-box-shadow-2-offset-y: 2px;
2035
+ --pgn-elevation-annotation-box-shadow-2-offset-x: 0rem;
2036
+ --pgn-elevation-annotation-box-shadow-2-color: rgba(0, 0, 0, 0.15);
2037
+ --pgn-elevation-annotation-box-shadow-1-blur: 4px;
2038
+ --pgn-elevation-annotation-box-shadow-1-offset-y: 2px;
2039
+ --pgn-elevation-annotation-box-shadow-1-offset-x: 0rem;
2040
+ --pgn-elevation-annotation-box-shadow-1-color: rgba(0, 0, 0, 0.15);
2041
+ --pgn-elevation-tooltip-box-shadow-2-blur: 8px;
2042
+ --pgn-elevation-tooltip-box-shadow-2-offset-y: 2px;
2043
+ --pgn-elevation-tooltip-box-shadow-2-offset-x: 0rem;
2044
+ --pgn-elevation-tooltip-box-shadow-2-color: rgba(0, 0, 0, 0.15);
2045
+ --pgn-elevation-tooltip-box-shadow-1-blur: 4px;
2046
+ --pgn-elevation-tooltip-box-shadow-1-offset-y: 2px;
2047
+ --pgn-elevation-tooltip-box-shadow-1-offset-x: 0rem;
2048
+ --pgn-elevation-tooltip-box-shadow-1-color: rgba(0, 0, 0, 0.15);
2049
+ --pgn-elevation-popover-box-shadow: none;
2050
+ --pgn-elevation-modal-content-box-shadow-sm-up-2-blur: 20px;
2051
+ --pgn-elevation-modal-content-box-shadow-sm-up-2-offset-y: 8px;
2052
+ --pgn-elevation-modal-content-box-shadow-sm-up-2-offset-x: 0rem;
2053
+ --pgn-elevation-modal-content-box-shadow-sm-up-2-color: rgba(0, 0, 0, 0.15);
2054
+ --pgn-elevation-modal-content-box-shadow-sm-up-1-blur: 20px;
2055
+ --pgn-elevation-modal-content-box-shadow-sm-up-1-offset-y: 10px;
2056
+ --pgn-elevation-modal-content-box-shadow-sm-up-1-offset-x: 0rem;
2057
+ --pgn-elevation-modal-content-box-shadow-sm-up-1-color: rgba(0, 0, 0, 0.15);
2058
+ --pgn-elevation-dropdown-box-shadow: none;
2059
+ --pgn-spacing-input-btn-padding-y: 0.5625rem;
2060
+ --pgn-spacing-form-input-padding-y-base: var(--pgn-spacing-input-btn-padding-y);
2061
+ --pgn-size-input-btn-focus-width: 1px;
2062
+ --pgn-size-btn-focus-width: 2px;
1644
2063
  }