@patternfly/patternfly 6.0.0-alpha.119 → 6.0.0-alpha.120

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 (270) hide show
  1. package/assets/fontawesome/_animated.scss +1 -0
  2. package/assets/fontawesome/_bordered-pulled.scss +1 -0
  3. package/assets/fontawesome/_core.scss +2 -0
  4. package/assets/fontawesome/_fixed-width.scss +2 -0
  5. package/assets/fontawesome/_icons.scss +1 -0
  6. package/assets/fontawesome/_index.scss +12 -0
  7. package/assets/fontawesome/_larger.scss +4 -2
  8. package/assets/fontawesome/_list.scss +4 -2
  9. package/assets/fontawesome/_rotated-flipped.scss +2 -0
  10. package/assets/fontawesome/_screen-reader.scss +1 -0
  11. package/assets/fontawesome/_stacked.scss +3 -1
  12. package/assets/fontawesome/_variables.scss +3 -2
  13. package/assets/fontawesome/fontawesome.scss +12 -12
  14. package/assets/pficon/pficon.scss +3 -0
  15. package/base/_index.scss +10 -0
  16. package/base/{_globals.scss → normalize.scss} +5 -35
  17. package/base/patternfly-common.scss +50 -2
  18. package/base/patternfly-fa-icons.css +1 -1
  19. package/base/patternfly-fa-icons.scss +35 -2
  20. package/base/patternfly-fonts.scss +49 -2
  21. package/base/patternfly-pf-icons.scss +1 -2
  22. package/base/patternfly-svg-icons.css +5 -0
  23. package/base/{_svg-icons.scss → patternfly-svg-icons.scss} +2 -0
  24. package/base/patternfly-variables.scss +14 -2
  25. package/base/reset.scss +33 -0
  26. package/base/tokens/_index.scss +6 -0
  27. package/components/AboutModalBox/about-modal-box.css +8 -8
  28. package/components/AboutModalBox/about-modal-box.scss +3 -4
  29. package/components/Accordion/accordion.css +1 -1
  30. package/components/Accordion/accordion.scss +8 -8
  31. package/components/ActionList/action-list.css +1 -1
  32. package/components/ActionList/action-list.scss +3 -1
  33. package/components/Alert/alert-group.scss +1 -1
  34. package/components/Alert/alert.css +1 -1
  35. package/components/Alert/alert.scss +3 -3
  36. package/components/AppLauncher/app-launcher.scss +1 -3
  37. package/components/Avatar/avatar.css +1 -1
  38. package/components/Avatar/avatar.scss +3 -2
  39. package/components/BackToTop/back-to-top.css +2 -2
  40. package/components/BackToTop/back-to-top.scss +2 -2
  41. package/components/Backdrop/backdrop.css +1 -2
  42. package/components/Backdrop/backdrop.scss +2 -3
  43. package/components/BackgroundImage/background-image.css +1 -2
  44. package/components/BackgroundImage/background-image.scss +2 -3
  45. package/components/Badge/badge.css +1 -1
  46. package/components/Badge/badge.scss +2 -2
  47. package/components/Banner/banner.css +2 -2
  48. package/components/Banner/banner.scss +3 -3
  49. package/components/Brand/brand.scss +2 -1
  50. package/components/Breadcrumb/breadcrumb.css +1 -2
  51. package/components/Breadcrumb/breadcrumb.scss +3 -2
  52. package/components/Button/button.css +1 -2
  53. package/components/Button/button.scss +3 -2
  54. package/components/CalendarMonth/calendar-month.css +1 -2
  55. package/components/CalendarMonth/calendar-month.scss +5 -5
  56. package/components/Card/card.css +1 -2
  57. package/components/Card/card.scss +4 -5
  58. package/components/Check/check.css +1 -2
  59. package/components/Check/check.scss +2 -3
  60. package/components/Chip/chip-group.scss +1 -1
  61. package/components/Chip/chip.scss +1 -1
  62. package/components/ClipboardCopy/clipboard-copy.css +1 -2
  63. package/components/ClipboardCopy/clipboard-copy.scss +2 -3
  64. package/components/CodeBlock/code-block.css +1 -1
  65. package/components/CodeBlock/code-block.scss +2 -2
  66. package/components/CodeEditor/code-editor.css +1 -1
  67. package/components/CodeEditor/code-editor.scss +2 -2
  68. package/components/Content/content.css +1 -2
  69. package/components/Content/content.scss +2 -3
  70. package/components/ContextSelector/context-selector.scss +1 -1
  71. package/components/DataList/data-list-grid.scss +2 -0
  72. package/components/DataList/data-list.css +3 -3
  73. package/components/DataList/data-list.scss +5 -5
  74. package/components/DatePicker/date-picker.css +1 -2
  75. package/components/DatePicker/date-picker.scss +2 -3
  76. package/components/DescriptionList/description-list-order.scss +2 -0
  77. package/components/DescriptionList/description-list.css +7 -7
  78. package/components/DescriptionList/description-list.scss +5 -4
  79. package/components/Divider/divider.css +1 -2
  80. package/components/Divider/divider.scss +3 -3
  81. package/components/DragDrop/drag-drop.css +2 -2
  82. package/components/DragDrop/drag-drop.scss +3 -3
  83. package/components/Drawer/drawer.css +3 -6
  84. package/components/Drawer/drawer.scss +14 -13
  85. package/components/Dropdown/dropdown.scss +2 -1
  86. package/components/DualListSelector/dual-list-selector.css +1 -1
  87. package/components/DualListSelector/dual-list-selector.scss +4 -3
  88. package/components/EmptyState/empty-state.css +1 -1
  89. package/components/EmptyState/empty-state.scss +2 -2
  90. package/components/ExpandableSection/expandable-section.css +1 -1
  91. package/components/ExpandableSection/expandable-section.scss +7 -9
  92. package/components/FileUpload/file-upload.css +1 -2
  93. package/components/FileUpload/file-upload.scss +2 -3
  94. package/components/Form/form.css +1 -2
  95. package/components/Form/form.scss +4 -4
  96. package/components/FormControl/form-control.css +1 -2
  97. package/components/FormControl/form-control.scss +6 -5
  98. package/components/HelperText/helper-text.css +1 -1
  99. package/components/HelperText/helper-text.scss +4 -3
  100. package/components/Hint/hint.css +1 -1
  101. package/components/Hint/hint.scss +2 -2
  102. package/components/Icon/icon.css +1 -2
  103. package/components/Icon/icon.scss +2 -3
  104. package/components/InlineEdit/inline-edit.css +1 -2
  105. package/components/InlineEdit/inline-edit.scss +2 -3
  106. package/components/InputGroup/input-group.css +1 -2
  107. package/components/InputGroup/input-group.scss +2 -3
  108. package/components/JumpLinks/jump-links.css +1 -2
  109. package/components/JumpLinks/jump-links.scss +3 -3
  110. package/components/Label/label-group.css +1 -2
  111. package/components/Label/label-group.scss +2 -3
  112. package/components/Label/label.css +1 -2
  113. package/components/Label/label.scss +2 -4
  114. package/components/List/list.scss +1 -1
  115. package/components/LogViewer/log-viewer.scss +1 -1
  116. package/components/Login/login.css +9 -9
  117. package/components/Login/login.scss +2 -2
  118. package/components/Masthead/masthead.css +1 -2
  119. package/components/Masthead/masthead.scss +3 -2
  120. package/components/Menu/menu.css +1 -2
  121. package/components/Menu/menu.scss +3 -2
  122. package/components/MenuToggle/menu-toggle.css +1 -2
  123. package/components/MenuToggle/menu-toggle.scss +2 -3
  124. package/components/ModalBox/modal-box.css +2 -2
  125. package/components/ModalBox/modal-box.scss +3 -3
  126. package/components/MultipleFileUpload/multiple-file-upload.css +1 -2
  127. package/components/MultipleFileUpload/multiple-file-upload.scss +2 -3
  128. package/components/Nav/nav.css +1 -2
  129. package/components/Nav/nav.scss +3 -2
  130. package/components/NotificationBadge/notification-badge.css +1 -1
  131. package/components/NotificationBadge/notification-badge.scss +2 -2
  132. package/components/NotificationDrawer/notification-drawer.css +1 -2
  133. package/components/NotificationDrawer/notification-drawer.scss +2 -3
  134. package/components/NumberInput/number-input.css +1 -2
  135. package/components/NumberInput/number-input.scss +2 -3
  136. package/components/OptionsMenu/options-menu.scss +1 -1
  137. package/components/OverflowMenu/overflow-menu.css +1 -1
  138. package/components/OverflowMenu/overflow-menu.scss +3 -1
  139. package/components/Page/page.css +5 -5
  140. package/components/Page/page.scss +3 -2
  141. package/components/Pagination/pagination.css +3 -6
  142. package/components/Pagination/pagination.scss +3 -3
  143. package/components/Panel/panel.css +1 -2
  144. package/components/Panel/panel.scss +2 -3
  145. package/components/Popover/popover.scss +1 -1
  146. package/components/Progress/progress.css +1 -2
  147. package/components/Progress/progress.scss +5 -6
  148. package/components/ProgressStepper/progress-stepper.css +2 -4
  149. package/components/ProgressStepper/progress-stepper.scss +3 -3
  150. package/components/Radio/radio.css +1 -2
  151. package/components/Radio/radio.scss +2 -3
  152. package/components/Select/select.scss +1 -1
  153. package/components/Sidebar/sidebar.css +1 -2
  154. package/components/Sidebar/sidebar.scss +5 -5
  155. package/components/SimpleList/simple-list.css +1 -1
  156. package/components/SimpleList/simple-list.scss +3 -3
  157. package/components/Skeleton/skeleton.css +1 -2
  158. package/components/Skeleton/skeleton.scss +2 -3
  159. package/components/SkipToContent/skip-to-content.css +1 -1
  160. package/components/SkipToContent/skip-to-content.scss +2 -2
  161. package/components/Slider/slider.css +1 -2
  162. package/components/Slider/slider.scss +12 -13
  163. package/components/Spinner/spinner.css +1 -2
  164. package/components/Spinner/spinner.scss +4 -5
  165. package/components/Switch/switch.css +1 -2
  166. package/components/Switch/switch.scss +2 -3
  167. package/components/TabContent/tab-content.css +1 -2
  168. package/components/TabContent/tab-content.scss +3 -3
  169. package/components/Table/table-grid.scss +2 -0
  170. package/components/Table/table-scrollable.css +1 -2
  171. package/components/Table/table-scrollable.scss +3 -3
  172. package/components/Table/table-tree-view.css +1 -2
  173. package/components/Table/table-tree-view.scss +3 -2
  174. package/components/Table/table.css +1 -2
  175. package/components/Table/table.scss +3 -2
  176. package/components/Tabs/tabs.css +1 -2
  177. package/components/Tabs/tabs.scss +7 -7
  178. package/components/TextInputGroup/text-input-group.css +1 -2
  179. package/components/TextInputGroup/text-input-group.scss +4 -4
  180. package/components/Tile/tile.css +1 -2
  181. package/components/Tile/tile.scss +2 -3
  182. package/components/Timestamp/timestamp.css +1 -1
  183. package/components/Timestamp/timestamp.scss +4 -3
  184. package/components/Title/title.css +1 -1
  185. package/components/Title/title.scss +3 -3
  186. package/components/ToggleGroup/toggle-group.css +1 -2
  187. package/components/ToggleGroup/toggle-group.scss +3 -4
  188. package/components/Toolbar/toolbar.css +1 -2
  189. package/components/Toolbar/toolbar.scss +3 -2
  190. package/components/Tooltip/tooltip.css +1 -1
  191. package/components/Tooltip/tooltip.scss +5 -4
  192. package/components/TreeView/tree-view.css +1 -2
  193. package/components/TreeView/tree-view.scss +3 -3
  194. package/components/Truncate/truncate.css +1 -2
  195. package/components/Truncate/truncate.scss +2 -3
  196. package/components/Wizard/wizard.css +2 -4
  197. package/components/Wizard/wizard.scss +2 -3
  198. package/components/_index.css +25850 -0
  199. package/components/_index.scss +91 -0
  200. package/layouts/Bullseye/bullseye.css +1 -2
  201. package/layouts/Bullseye/bullseye.scss +3 -2
  202. package/layouts/Flex/flex.css +1 -2
  203. package/layouts/Flex/flex.scss +5 -4
  204. package/layouts/Gallery/gallery.css +1 -2
  205. package/layouts/Gallery/gallery.scss +3 -2
  206. package/layouts/Grid/grid.css +1 -2
  207. package/layouts/Grid/grid.scss +3 -2
  208. package/layouts/Level/level.css +1 -2
  209. package/layouts/Level/level.scss +3 -2
  210. package/layouts/Split/split.css +1 -2
  211. package/layouts/Split/split.scss +3 -2
  212. package/layouts/Stack/stack.css +1 -2
  213. package/layouts/Stack/stack.scss +3 -2
  214. package/layouts/_index.css +3454 -0
  215. package/layouts/_index.scss +8 -0
  216. package/package.json +1 -2
  217. package/patternfly-addons.scss +2 -12
  218. package/patternfly-base-no-globals.css +1156 -1156
  219. package/patternfly-base-no-globals.scss +5 -3
  220. package/patternfly-base.css +1251 -1251
  221. package/patternfly-base.scss +2 -5
  222. package/patternfly-charts.scss +1 -1
  223. package/patternfly-no-globals.css +1278 -1341
  224. package/patternfly-no-globals.scss +5 -4
  225. package/patternfly.css +1374 -1437
  226. package/patternfly.min.css +1 -1
  227. package/patternfly.min.css.map +1 -1
  228. package/patternfly.scss +3 -4
  229. package/sass-utilities/_index.scss +6 -0
  230. package/sass-utilities/functions.scss +10 -4
  231. package/sass-utilities/mixins.scss +9 -7
  232. package/sass-utilities/{component-namespaces.scss → namespaces-components.scss} +3 -0
  233. package/sass-utilities/{layout-namespaces.scss → namespaces-layouts.scss} +3 -1
  234. package/sass-utilities/scss-variables.scss +0 -2
  235. package/utilities/Accessibility/accessibility.scss +2 -0
  236. package/utilities/Alignment/alignment.scss +2 -0
  237. package/utilities/BackgroundColor/{BackgroundColor.scss → background-color.scss} +1 -4
  238. package/utilities/BoxShadow/box-shadow.scss +2 -1
  239. package/utilities/Display/display.scss +2 -1
  240. package/utilities/Flex/flex.scss +2 -1
  241. package/utilities/Float/float.scss +4 -4
  242. package/utilities/Sizing/sizing.scss +2 -0
  243. package/utilities/Spacing/spacing.scss +2 -2
  244. package/utilities/Text/text.scss +2 -1
  245. package/utilities/_index.css +7777 -0
  246. package/utilities/_index.scss +10 -0
  247. package/base/_base.scss +0 -2
  248. package/base/_common.scss +0 -50
  249. package/base/_fa-icons.scss +0 -33
  250. package/base/_fonts.scss +0 -48
  251. package/base/_icons.scss +0 -3
  252. package/base/_pficons.scss +0 -2
  253. package/base/_variables.scss +0 -14
  254. package/base/patternfly-globals.css +0 -116
  255. package/base/patternfly-globals.scss +0 -2
  256. package/base/patternfly-icons.css +0 -4728
  257. package/base/patternfly-icons.scss +0 -2
  258. package/components/_all.scss +0 -91
  259. package/layouts/_all.scss +0 -7
  260. package/sass-utilities/_all.scss +0 -7
  261. package/sass-utilities/div.import.scss +0 -3
  262. package/sass-utilities/div.scss +0 -4
  263. /package/base/tokens/{_tokens-charts.scss → tokens-charts.scss} +0 -0
  264. /package/base/tokens/{_tokens-dark.scss → tokens-dark.scss} +0 -0
  265. /package/base/tokens/{_tokens-default.scss → tokens-default.scss} +0 -0
  266. /package/base/tokens/{_tokens-font.scss → tokens-font.scss} +0 -0
  267. /package/base/tokens/{_tokens-palette.scss → tokens-palette.scss} +0 -0
  268. /package/base/tokens/{_workspace-overrides.scss → workspace-overrides.scss} +0 -0
  269. /package/sass-utilities/{_init.scss → init.scss} +0 -0
  270. /package/utilities/BackgroundColor/{BackgroundColor.css → background-color.css} +0 -0
package/patternfly-base.css CHANGED
@@ -1,1245 +1,20 @@
1
- html .ws-preview {
2
- background-color: var(--pf-t--global--background--color--primary--default);
1
+ *,
2
+ *::before,
3
+ *::after {
4
+ box-sizing: border-box;
3
5
  }
4
6
 
5
- :root {
6
- --pf-t--global--font--family--100: redhattextvf, redhattext, helvetica, arial, sans-serif;
7
- --pf-t--global--font--family--200: redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif;
8
- --pf-t--global--font--family--300: redhatmonovf, redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
9
- --pf-t--global--font--line-height--100: 1.3;
10
- --pf-t--global--font--line-height--200: 1.5;
11
- --pf-t--global--font--weight--body--100: 400;
12
- --pf-t--global--font--weight--body--200: 500;
13
- --pf-t--global--font--weight--heading--100: 700;
14
- --pf-t--global--font--weight--heading--200: 700;
15
- --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
16
- --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
17
- --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
18
- --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
19
- --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
20
- --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
21
- --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
22
- --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
23
- --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
24
- --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
25
- --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
26
- --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
27
- --pf-t--global--font--size--heading--lg: var(--pf-t--global--font--size--2xl);
28
- --pf-t--global--font--size--heading--xl: var(--pf-t--global--font--size--3xl);
29
- --pf-t--global--font--size--heading--2xl: var(--pf-t--global--font--size--4xl);
30
- --pf-t--global--font--family--body--legacy: redhattext, helvetica, arial, sans-serif;
31
- --pf-t--global--font--family--heading--legacy: redhatdisplay, helvetica, arial, sans-serif;
32
- --pf-t--global--font--family--mono--legacy: redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
33
- --pf-t--global--font--weight--body--legacy: 400;
34
- --pf-t--global--font--weight--body--bold--legacy: 700;
35
- --pf-t--global--font--weight--heading--legacy: 400;
36
- --pf-t--global--font--weight--heading--bold--legacy: 700;
37
- --pf-t--global--text-decoration--100: none;
38
- --pf-t--global--text-decoration--200: underline;
39
- --pf-t--global--link--text-decoration: var(--pf-t--global--text-decoration--100);
40
- --pf-t--global--link--text-decoration--hover: var(--pf-t--global--text-decoration--200);
41
- --pf-t--global--box-shadow--sm:
42
- var(--pf-t--global--box-shadow--X--sm--default)
43
- var(--pf-t--global--box-shadow--Y--sm--default)
44
- var(--pf-t--global--box-shadow--blur--sm)
45
- var(--pf-t--global--box-shadow--spread--sm)
46
- var(--pf-t--global--box-shadow--color--sm);
47
- --pf-t--global--box-shadow--sm--top:
48
- var(--pf-t--global--box-shadow--X--sm--top)
49
- var(--pf-t--global--box-shadow--Y--sm--top)
50
- var(--pf-t--global--box-shadow--blur--sm)
51
- var(--pf-t--global--box-shadow--spread--sm)
52
- var(--pf-t--global--box-shadow--color--sm);
53
- --pf-t--global--box-shadow--sm--bottom:
54
- var(--pf-t--global--box-shadow--X--sm--bottom)
55
- var(--pf-t--global--box-shadow--Y--sm--bottom)
56
- var(--pf-t--global--box-shadow--blur--sm)
57
- var(--pf-t--global--box-shadow--spread--sm)
58
- var(--pf-t--global--box-shadow--color--sm);
59
- --pf-t--global--box-shadow--sm--left:
60
- var(--pf-t--global--box-shadow--X--sm--left)
61
- var(--pf-t--global--box-shadow--Y--sm--left)
62
- var(--pf-t--global--box-shadow--blur--sm)
63
- var(--pf-t--global--box-shadow--spread--sm)
64
- var(--pf-t--global--box-shadow--color--sm);
65
- --pf-t--global--box-shadow--sm--right:
66
- var(--pf-t--global--box-shadow--X--sm--right)
67
- var(--pf-t--global--box-shadow--Y--sm--right)
68
- var(--pf-t--global--box-shadow--blur--sm)
69
- var(--pf-t--global--box-shadow--spread--sm)
70
- var(--pf-t--global--box-shadow--color--sm);
71
- --pf-t--global--box-shadow--md:
72
- var(--pf-t--global--box-shadow--X--md--default)
73
- var(--pf-t--global--box-shadow--Y--md--default)
74
- var(--pf-t--global--box-shadow--blur--md)
75
- var(--pf-t--global--box-shadow--spread--md)
76
- var(--pf-t--global--box-shadow--color--md);
77
- --pf-t--global--box-shadow--md--top:
78
- var(--pf-t--global--box-shadow--X--md--top)
79
- var(--pf-t--global--box-shadow--Y--md--top)
80
- var(--pf-t--global--box-shadow--blur--md)
81
- var(--pf-t--global--box-shadow--spread--md)
82
- var(--pf-t--global--box-shadow--color--md);
83
- --pf-t--global--box-shadow--md--bottom:
84
- var(--pf-t--global--box-shadow--X--md--bottom)
85
- var(--pf-t--global--box-shadow--Y--md--bottom)
86
- var(--pf-t--global--box-shadow--blur--md)
87
- var(--pf-t--global--box-shadow--spread--md)
88
- var(--pf-t--global--box-shadow--color--md);
89
- --pf-t--global--box-shadow--md--left:
90
- var(--pf-t--global--box-shadow--X--md--left)
91
- var(--pf-t--global--box-shadow--Y--md--left)
92
- var(--pf-t--global--box-shadow--blur--md)
93
- var(--pf-t--global--box-shadow--spread--md)
94
- var(--pf-t--global--box-shadow--color--md);
95
- --pf-t--global--box-shadow--md--right:
96
- var(--pf-t--global--box-shadow--X--md--right)
97
- var(--pf-t--global--box-shadow--Y--md--right)
98
- var(--pf-t--global--box-shadow--blur--md)
99
- var(--pf-t--global--box-shadow--spread--md)
100
- var(--pf-t--global--box-shadow--color--md);
101
- --pf-t--global--box-shadow--lg:
102
- var(--pf-t--global--box-shadow--X--lg--default)
103
- var(--pf-t--global--box-shadow--Y--lg--default)
104
- var(--pf-t--global--box-shadow--blur--lg)
105
- var(--pf-t--global--box-shadow--spread--lg)
106
- var(--pf-t--global--box-shadow--color--lg);
107
- --pf-t--global--box-shadow--lg--top:
108
- var(--pf-t--global--box-shadow--X--lg--top)
109
- var(--pf-t--global--box-shadow--Y--lg--top)
110
- var(--pf-t--global--box-shadow--blur--lg)
111
- var(--pf-t--global--box-shadow--spread--lg)
112
- var(--pf-t--global--box-shadow--color--lg);
113
- --pf-t--global--box-shadow--lg--bottom:
114
- var(--pf-t--global--box-shadow--X--lg--bottom)
115
- var(--pf-t--global--box-shadow--Y--lg--bottom)
116
- var(--pf-t--global--box-shadow--blur--lg)
117
- var(--pf-t--global--box-shadow--spread--lg)
118
- var(--pf-t--global--box-shadow--color--lg);
119
- --pf-t--global--box-shadow--lg--left:
120
- var(--pf-t--global--box-shadow--X--lg--left)
121
- var(--pf-t--global--box-shadow--Y--lg--left)
122
- var(--pf-t--global--box-shadow--blur--lg)
123
- var(--pf-t--global--box-shadow--spread--lg)
124
- var(--pf-t--global--box-shadow--color--lg);
125
- --pf-t--global--box-shadow--lg--right:
126
- var(--pf-t--global--box-shadow--X--lg--right)
127
- var(--pf-t--global--box-shadow--Y--lg--right)
128
- var(--pf-t--global--box-shadow--blur--lg)
129
- var(--pf-t--global--box-shadow--spread--lg)
130
- var(--pf-t--global--box-shadow--color--lg);
131
- --pf-t--global--transition: all 250ms cubic-bezier(.42, 0, .58, 1);
132
- --pf-t--global--transition--timing-function: cubic-bezier(.645, .045, .355, 1);
133
- --pf-t--global--transition--duration: 250ms;
134
- --pf-t--global--list-style: disc outside;
7
+ :where(html,
8
+ body) {
9
+ height: 100%;
135
10
  }
136
11
 
137
- :root {
138
- --pf-t--color--red--70: #5f0000;
139
- --pf-t--color--red--60: #a60000;
140
- --pf-t--color--red--50: #e00;
141
- --pf-t--color--red--40: #f56e6e;
142
- --pf-t--color--red--30: #f9a8a8;
143
- --pf-t--color--red--20: #fbc5c5;
144
- --pf-t--color--red--10: #fce3e3;
145
- --pf-t--color--purple--70: #21134d;
146
- --pf-t--color--purple--60: #3d2785;
147
- --pf-t--color--purple--50: #5e40be;
148
- --pf-t--color--purple--40: #876fd4;
149
- --pf-t--color--purple--30: #b6a6e9;
150
- --pf-t--color--purple--20: #d0c5f4;
151
- --pf-t--color--purple--10: #ece6ff;
152
- --pf-t--color--red-orange--70: #731f00;
153
- --pf-t--color--red-orange--60: #b1380b;
154
- --pf-t--color--red-orange--50: #f0561d;
155
- --pf-t--color--red-orange--40: #f4784a;
156
- --pf-t--color--red-orange--30: #f89b78;
157
- --pf-t--color--red-orange--20: #fbbea8;
158
- --pf-t--color--red-orange--10: #ffe3d9;
159
- --pf-t--color--orange--70: #732e00;
160
- --pf-t--color--orange--60: #9e4a06;
161
- --pf-t--color--orange--50: #ca6c0f;
162
- --pf-t--color--orange--40: #f5921b;
163
- --pf-t--color--orange--30: #f8ae54;
164
- --pf-t--color--orange--20: #fccb8f;
165
- --pf-t--color--orange--10: #ffe8cc;
166
- --pf-t--color--green--70: #204d00;
167
- --pf-t--color--green--60: #3d7317;
168
- --pf-t--color--green--50: #63993d;
169
- --pf-t--color--green--40: #87bb62;
170
- --pf-t--color--green--30: #afdc8f;
171
- --pf-t--color--green--20: #d1f1bb;
172
- --pf-t--color--green--10: #e9f7df;
173
- --pf-t--color--yellow--70: #73480b;
174
- --pf-t--color--yellow--60: #96640f;
175
- --pf-t--color--yellow--50: #b98412;
176
- --pf-t--color--yellow--40: #dca614;
177
- --pf-t--color--yellow--30: #ffcc17;
178
- --pf-t--color--yellow--20: #ffe072;
179
- --pf-t--color--yellow--10: #fff4cc;
180
- --pf-t--color--teal--70: #004d4d;
181
- --pf-t--color--teal--60: #147878;
182
- --pf-t--color--teal--50: #37a3a3;
183
- --pf-t--color--teal--40: #63bdbd;
184
- --pf-t--color--teal--30: #9ad8d8;
185
- --pf-t--color--teal--20: #b9e5e5;
186
- --pf-t--color--teal--10: #daf2f2;
187
- --pf-t--color--blue--70: #036;
188
- --pf-t--color--blue--60: #004d99;
189
- --pf-t--color--blue--50: #06c;
190
- --pf-t--color--blue--40: #4394e5;
191
- --pf-t--color--blue--30: #92c5f9;
192
- --pf-t--color--blue--20: #b9dafc;
193
- --pf-t--color--blue--10: #e0f0ff;
194
- --pf-t--color--black: #000;
195
- --pf-t--color--gray--95: #151515;
196
- --pf-t--color--gray--90: #1f1f1f;
197
- --pf-t--color--gray--80: #292929;
198
- --pf-t--color--gray--70: #383838;
199
- --pf-t--color--gray--60: #4d4d4d;
200
- --pf-t--color--gray--50: #707070;
201
- --pf-t--color--gray--40: #a3a3a3;
202
- --pf-t--color--gray--30: #c7c7c7;
203
- --pf-t--color--gray--20: #e0e0e0;
204
- --pf-t--color--gray--10: #f2f2f2;
205
- --pf-t--color--white: #fff;
206
- }
207
-
208
- :root {
209
- --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
210
- --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
211
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
212
- --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
213
- --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
214
- --pf-t--global--box-shadow--spread--100: 0px;
215
- --pf-t--global--box-shadow--blur--300: 24px;
216
- --pf-t--global--box-shadow--blur--200: 8px;
217
- --pf-t--global--box-shadow--blur--100: 2px;
218
- --pf-t--global--box-shadow--Y--700: 8px;
219
- --pf-t--global--box-shadow--Y--600: 4px;
220
- --pf-t--global--box-shadow--Y--500: 1px;
221
- --pf-t--global--box-shadow--Y--400: 0px;
222
- --pf-t--global--box-shadow--Y--300: -1px;
223
- --pf-t--global--box-shadow--Y--200: -4px;
224
- --pf-t--global--box-shadow--Y--100: -8px;
225
- --pf-t--global--box-shadow--X--700: 8px;
226
- --pf-t--global--box-shadow--X--600: 4px;
227
- --pf-t--global--box-shadow--X--500: 1px;
228
- --pf-t--global--box-shadow--X--400: 0px;
229
- --pf-t--global--box-shadow--X--300: -1px;
230
- --pf-t--global--box-shadow--X--200: -4px;
231
- --pf-t--global--box-shadow--X--100: -8px;
232
- --pf-t--global--z-index--600: 600;
233
- --pf-t--global--z-index--500: 500;
234
- --pf-t--global--z-index--400: 400;
235
- --pf-t--global--z-index--300: 300;
236
- --pf-t--global--z-index--200: 200;
237
- --pf-t--global--z-index--100: 100;
238
- --pf-t--global--font--size--800: 36px;
239
- --pf-t--global--font--size--700: 28px;
240
- --pf-t--global--font--size--600: 22px;
241
- --pf-t--global--font--size--500: 20px;
242
- --pf-t--global--font--size--400: 18px;
243
- --pf-t--global--font--size--300: 16px;
244
- --pf-t--global--font--size--200: 14px;
245
- --pf-t--global--font--size--100: 12px;
246
- --pf-t--global--border--radius--500: 999px;
247
- --pf-t--global--border--radius--400: 24px;
248
- --pf-t--global--border--radius--300: 16px;
249
- --pf-t--global--border--radius--200: 6px;
250
- --pf-t--global--border--radius--100: 4px;
251
- --pf-t--global--border--radius--0: 0px;
252
- --pf-t--global--border--width--300: 3px;
253
- --pf-t--global--border--width--200: 2px;
254
- --pf-t--global--border--width--100: 1px;
255
- --pf-t--global--icon--size--500: 96px;
256
- --pf-t--global--icon--size--400: 56px;
257
- --pf-t--global--icon--size--300: 22px;
258
- --pf-t--global--icon--size--250: 16px;
259
- --pf-t--global--icon--size--200: 14px;
260
- --pf-t--global--icon--size--100: 12px;
261
- --pf-t--global--spacer--800: 80px;
262
- --pf-t--global--spacer--700: 64px;
263
- --pf-t--global--spacer--600: 48px;
264
- --pf-t--global--spacer--500: 32px;
265
- --pf-t--global--spacer--400: 24px;
266
- --pf-t--global--spacer--300: 16px;
267
- --pf-t--global--spacer--200: 8px;
268
- --pf-t--global--spacer--100: 4px;
269
- --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
270
- --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
271
- --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
272
- --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
273
- --pf-t--global--text--color--300: var(--pf-t--color--white);
274
- --pf-t--global--text--color--200: var(--pf-t--color--gray--60);
275
- --pf-t--global--text--color--100: var(--pf-t--color--gray--90);
276
- --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
277
- --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
278
- --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
279
- --pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40);
280
- --pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30);
281
- --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20);
282
- --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
283
- --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
284
- --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
285
- --pf-t--global--color--nonstatus--cyan--300: var(--pf-t--color--teal--40);
286
- --pf-t--global--color--nonstatus--cyan--200: var(--pf-t--color--teal--30);
287
- --pf-t--global--color--nonstatus--cyan--100: var(--pf-t--color--teal--20);
288
- --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
289
- --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
290
- --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
291
- --pf-t--global--color--nonstatus--gold--300: var(--pf-t--color--yellow--40);
292
- --pf-t--global--color--nonstatus--gold--200: var(--pf-t--color--yellow--30);
293
- --pf-t--global--color--nonstatus--gold--100: var(--pf-t--color--yellow--20);
294
- --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
295
- --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
296
- --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
297
- --pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40);
298
- --pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30);
299
- --pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20);
300
- --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
301
- --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
302
- --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
303
- --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
304
- --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
305
- --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
306
- --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
307
- --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
308
- --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
309
- --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
310
- --pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
311
- --pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
312
- --pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
313
- --pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
314
- --pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
315
- --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
316
- --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
317
- --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
318
- --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
319
- --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
320
- --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
321
- --pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
322
- --pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
323
- --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
324
- --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
325
- --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
326
- --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
327
- --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
328
- --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
329
- --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
330
- --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
331
- --pf-t--global--background--color--100: var(--pf-t--color--white);
332
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
333
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
334
- --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
335
- --pf-t--global--box-shadow--spread--lg: var(--pf-t--global--box-shadow--spread--100);
336
- --pf-t--global--box-shadow--spread--md: var(--pf-t--global--box-shadow--spread--100);
337
- --pf-t--global--box-shadow--spread--sm: var(--pf-t--global--box-shadow--spread--100);
338
- --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
339
- --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
340
- --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
341
- --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
342
- --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
343
- --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--700);
344
- --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--100);
345
- --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
346
- --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
347
- --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
348
- --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--600);
349
- --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--200);
350
- --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
351
- --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
352
- --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
353
- --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--500);
354
- --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--300);
355
- --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
356
- --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--700);
357
- --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--100);
358
- --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
359
- --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
360
- --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
361
- --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--600);
362
- --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--200);
363
- --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
364
- --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
365
- --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
366
- --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--500);
367
- --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--300);
368
- --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
369
- --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
370
- --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
371
- --pf-t--global--z-index--2xl: 600;
372
- --pf-t--global--z-index--xl: 500;
373
- --pf-t--global--z-index--lg: 400;
374
- --pf-t--global--z-index--md: 300;
375
- --pf-t--global--z-index--sm: 200;
376
- --pf-t--global--z-index--xs: 100;
377
- --pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);
378
- --pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
379
- --pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
380
- --pf-t--global--font--size--xl: var(--pf-t--global--font--size--500);
381
- --pf-t--global--font--size--lg: var(--pf-t--global--font--size--400);
382
- --pf-t--global--font--size--md: var(--pf-t--global--font--size--300);
383
- --pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
384
- --pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
385
- --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
386
- --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
387
- --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
388
- --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
389
- --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
390
- --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
391
- --pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200);
392
- --pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100);
393
- --pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--0);
394
- --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
395
- --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--100);
396
- --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
397
- --pf-t--global--border--width--button--clicked: var(--pf-t--global--border--width--200);
398
- --pf-t--global--border--width--button--hover: var(--pf-t--global--border--width--200);
399
- --pf-t--global--border--width--button--default: var(--pf-t--global--border--width--100);
400
- --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
401
- --pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
402
- --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--200);
403
- --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--100);
404
- --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
405
- --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
406
- --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
407
- --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
408
- --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
409
- --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
410
- --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
411
- --pf-t--global--icon--color--300: var(--pf-t--color--white);
412
- --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
413
- --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
414
- --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
415
- --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
416
- --pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300);
417
- --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
418
- --pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200);
419
- --pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
420
- --pf-t--global--spacer--button--horizontal--plain: var(--pf-t--global--spacer--200);
421
- --pf-t--global--spacer--button--horizontal--compact: var(--pf-t--global--spacer--300);
422
- --pf-t--global--spacer--button--horizontal--default: var(--pf-t--global--spacer--400);
423
- --pf-t--global--spacer--button--vertical--plain: var(--pf-t--global--spacer--200);
424
- --pf-t--global--spacer--button--vertical--compact: var(--pf-t--global--spacer--100);
425
- --pf-t--global--spacer--button--vertical--default: var(--pf-t--global--spacer--200);
426
- --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--200);
427
- --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--200);
428
- --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--300);
429
- --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--200);
430
- --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--100);
431
- --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--200);
432
- --pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
433
- --pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
434
- --pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
435
- --pf-t--global--spacer--xl: var(--pf-t--global--spacer--500);
436
- --pf-t--global--spacer--lg: var(--pf-t--global--spacer--400);
437
- --pf-t--global--spacer--md: var(--pf-t--global--spacer--300);
438
- --pf-t--global--spacer--sm: var(--pf-t--global--spacer--200);
439
- --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
440
- --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
441
- --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
442
- --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
443
- --pf-t--global--text--color--required: var(--pf-t--global--text--color--400);
444
- --pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300);
445
- --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
446
- --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
447
- --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
448
- --pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
449
- --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--300);
450
- --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--200);
451
- --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--100);
452
- --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--200);
453
- --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--200);
454
- --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--100);
455
- --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--200);
456
- --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--200);
457
- --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--100);
458
- --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--200);
459
- --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--200);
460
- --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--100);
461
- --pf-t--global--color--nonstatus--cyan--clicked: var(--pf-t--global--color--nonstatus--cyan--200);
462
- --pf-t--global--color--nonstatus--cyan--hover: var(--pf-t--global--color--nonstatus--cyan--200);
463
- --pf-t--global--color--nonstatus--cyan--default: var(--pf-t--global--color--nonstatus--cyan--100);
464
- --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--200);
465
- --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--200);
466
- --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--100);
467
- --pf-t--global--color--nonstatus--gold--clicked: var(--pf-t--global--color--nonstatus--gold--200);
468
- --pf-t--global--color--nonstatus--gold--hover: var(--pf-t--global--color--nonstatus--gold--200);
469
- --pf-t--global--color--nonstatus--gold--default: var(--pf-t--global--color--nonstatus--gold--100);
470
- --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--200);
471
- --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--200);
472
- --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--100);
473
- --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--200);
474
- --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--200);
475
- --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--100);
476
- --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--200);
477
- --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--200);
478
- --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--100);
479
- --pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--200);
480
- --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--200);
481
- --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--100);
482
- --pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--200);
483
- --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--200);
484
- --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--100);
485
- --pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
486
- --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
487
- --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
488
- --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--200);
489
- --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--200);
490
- --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--100);
491
- --pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
492
- --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--200);
493
- --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--100);
494
- --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--200);
495
- --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--200);
496
- --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--100);
497
- --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--300);
498
- --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300);
499
- --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200);
500
- --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
501
- --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
502
- --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--100);
503
- --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100);
504
- --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
505
- --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
506
- --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
507
- --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
508
- --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
509
- --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
510
- --pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
511
- --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
512
- --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
513
- --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
514
- --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
515
- --pf-t--global--font--size--heading--h6: var(--pf-t--global--font--size--md);
516
- --pf-t--global--font--size--heading--h5: var(--pf-t--global--font--size--md);
517
- --pf-t--global--font--size--heading--h4: var(--pf-t--global--font--size--md);
518
- --pf-t--global--font--size--heading--h3: var(--pf-t--global--font--size--lg);
519
- --pf-t--global--font--size--heading--h2: var(--pf-t--global--font--size--xl);
520
- --pf-t--global--font--size--heading--h1: var(--pf-t--global--font--size--2xl);
521
- --pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md);
522
- --pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm);
523
- --pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs);
524
- --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--300);
525
- --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--300);
526
- --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--200);
527
- --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--300);
528
- --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--300);
529
- --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--200);
530
- --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--300);
531
- --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--300);
532
- --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--200);
533
- --pf-t--global--border--color--nonstatus--cyan--clicked: var(--pf-t--global--color--nonstatus--cyan--300);
534
- --pf-t--global--border--color--nonstatus--cyan--hover: var(--pf-t--global--color--nonstatus--cyan--300);
535
- --pf-t--global--border--color--nonstatus--cyan--default: var(--pf-t--global--color--nonstatus--cyan--200);
536
- --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--300);
537
- --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--300);
538
- --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--200);
539
- --pf-t--global--border--color--nonstatus--gold--clicked: var(--pf-t--global--color--nonstatus--gold--300);
540
- --pf-t--global--border--color--nonstatus--gold--hover: var(--pf-t--global--color--nonstatus--gold--300);
541
- --pf-t--global--border--color--nonstatus--gold--default: var(--pf-t--global--color--nonstatus--gold--200);
542
- --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--300);
543
- --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--300);
544
- --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--200);
545
- --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--300);
546
- --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--300);
547
- --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--200);
548
- --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--300);
549
- --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--300);
550
- --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--200);
551
- --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--300);
552
- --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
553
- --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
554
- --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
555
- --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
556
- --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
557
- --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
558
- --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
559
- --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--200);
560
- --pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
561
- --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--200);
562
- --pf-t--global--icon--color--regular: var(--pf-t--global--icon--color--100);
563
- --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
564
- --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
565
- --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
566
- --pf-t--global--icon--size--font--4xl: var(--pf-t--global--font--size--4xl);
567
- --pf-t--global--icon--size--font--3xl: var(--pf-t--global--font--size--3xl);
568
- --pf-t--global--icon--size--font--2xl: var(--pf-t--global--font--size--2xl);
569
- --pf-t--global--icon--size--font--xl: var(--pf-t--global--font--size--xl);
570
- --pf-t--global--icon--size--font--lg: var(--pf-t--global--font--size--lg);
571
- --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
572
- --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
573
- --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
574
- --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
575
- --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
576
- --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
577
- --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--regular);
578
- --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--regular);
579
- --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--regular);
580
- --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--regular);
581
- --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular);
582
- --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular);
583
- --pf-t--global--text--color--nonstatus--on-cyan--clicked: var(--pf-t--global--text--color--regular);
584
- --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--text--color--regular);
585
- --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--text--color--regular);
586
- --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--regular);
587
- --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular);
588
- --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular);
589
- --pf-t--global--text--color--nonstatus--on-gold--clicked: var(--pf-t--global--text--color--regular);
590
- --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--text--color--regular);
591
- --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--text--color--regular);
592
- --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--regular);
593
- --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular);
594
- --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular);
595
- --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--regular);
596
- --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--regular);
597
- --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--regular);
598
- --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--regular);
599
- --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--regular);
600
- --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
601
- --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
602
- --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
603
- --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
604
- --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
605
- --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
606
- --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
607
- --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
608
- --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
609
- --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
610
- --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
611
- --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
612
- --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
613
- --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
614
- --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
615
- --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
616
- --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
617
- --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
618
- --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
619
- --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
620
- --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
621
- --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
622
- --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
623
- --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
624
- --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
625
- --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--regular);
626
- --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--regular);
627
- --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--regular);
628
- --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
629
- --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
630
- --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
631
- --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
632
- --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
633
- --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
634
- --pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
635
- --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--hover);
636
- --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--default);
637
- --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
638
- --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
639
- --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
640
- --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
641
- --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
642
- --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
643
- --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
644
- --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
645
- --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
646
- --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
647
- --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default);
648
- --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
649
- --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
650
- --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
651
- --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
652
- --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
653
- --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
654
- --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
655
- --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
656
- --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
657
- --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
658
- --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
659
- --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
660
- --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
661
- --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
662
- --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
663
- --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
664
- --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
665
- --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
666
- --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
667
- --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
668
- --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
669
- --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--regular);
670
- --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
671
- --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
672
- --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--regular);
673
- --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
674
- --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
675
- --pf-t--global--icon--color--nonstatus--on-cyan--clicked: var(--pf-t--global--icon--color--regular);
676
- --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--regular);
677
- --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--regular);
678
- --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--regular);
679
- --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
680
- --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
681
- --pf-t--global--icon--color--nonstatus--on-gold--clicked: var(--pf-t--global--icon--color--regular);
682
- --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--regular);
683
- --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--regular);
684
- --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--regular);
685
- --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
686
- --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
687
- --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--regular);
688
- --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
689
- --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
690
- --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--regular);
691
- --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
692
- --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
693
- --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
694
- --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
695
- --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
696
- --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
697
- --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
698
- --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
699
- --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
700
- --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
701
- --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
702
- --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
703
- --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
704
- --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
705
- --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
706
- --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
707
- --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
708
- --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
709
- --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
710
- --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
711
- --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
712
- --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
713
- --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
714
- --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
715
- --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
716
- --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
717
- --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--regular);
718
- --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--regular);
719
- --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--regular);
720
- --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
721
- --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
722
- --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
723
- --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
724
- --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
725
- --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
726
- --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
727
- --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
728
- --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
729
- --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
730
- --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
731
- --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
732
- --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
733
- --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
734
- --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
735
- --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
736
- --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
737
- --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
738
- --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
739
- --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
740
- --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
741
- --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
742
- --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
743
- --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
744
- --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
745
- }
746
-
747
- :root:where(.pf-v6-theme-dark) {
748
- --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
749
- --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
750
- --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
751
- --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
752
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--dark--box-shadow--color--100);
753
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--dark--box-shadow--color--100);
754
- --pf-t--global--box-shadow--color--sm: var(--pf-t--global--dark--box-shadow--color--100);
755
- --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
756
- --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
757
- --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
758
- --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
759
- --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
760
- --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
761
- --pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30);
762
- --pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10);
763
- --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
764
- --pf-t--global--dark--text--color--400: var(--pf-t--color--red-orange--30);
765
- --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--90);
766
- --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--30);
767
- --pf-t--global--dark--text--color--100: var(--pf-t--color--gray--10);
768
- --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
769
- --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
770
- --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--10);
771
- --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--20);
772
- --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--30);
773
- --pf-t--global--dark--color--nonstatus--purple--300: var(--pf-t--color--purple--10);
774
- --pf-t--global--dark--color--nonstatus--purple--200: var(--pf-t--color--purple--20);
775
- --pf-t--global--dark--color--nonstatus--purple--100: var(--pf-t--color--purple--30);
776
- --pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--10);
777
- --pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--20);
778
- --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
779
- --pf-t--global--dark--color--nonstatus--cyan--300: var(--pf-t--color--teal--10);
780
- --pf-t--global--dark--color--nonstatus--cyan--200: var(--pf-t--color--teal--20);
781
- --pf-t--global--dark--color--nonstatus--cyan--100: var(--pf-t--color--teal--30);
782
- --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
783
- --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
784
- --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
785
- --pf-t--global--dark--color--nonstatus--gold--300: var(--pf-t--color--yellow--10);
786
- --pf-t--global--dark--color--nonstatus--gold--200: var(--pf-t--color--yellow--20);
787
- --pf-t--global--dark--color--nonstatus--gold--100: var(--pf-t--color--yellow--30);
788
- --pf-t--global--dark--color--nonstatus--orange--300: var(--pf-t--color--orange--10);
789
- --pf-t--global--dark--color--nonstatus--orange--200: var(--pf-t--color--orange--20);
790
- --pf-t--global--dark--color--nonstatus--orange--100: var(--pf-t--color--orange--30);
791
- --pf-t--global--dark--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--10);
792
- --pf-t--global--dark--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--20);
793
- --pf-t--global--dark--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--30);
794
- --pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--10);
795
- --pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--20);
796
- --pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--30);
797
- --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
798
- --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
799
- --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
800
- --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
801
- --pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
802
- --pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30);
803
- --pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40);
804
- --pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50);
805
- --pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20);
806
- --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
807
- --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
808
- --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
809
- --pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
810
- --pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
811
- --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
812
- --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
813
- --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
814
- --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
815
- --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
816
- --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
817
- --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
818
- --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
819
- --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
820
- --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
821
- --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
822
- --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
823
- --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--300);
824
- --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
825
- --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
826
- --pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400);
827
- --pf-t--global--text--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
828
- --pf-t--global--text--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
829
- --pf-t--global--text--color--brand--default: var(--pf-t--global--dark--color--brand--200);
830
- --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
831
- --pf-t--global--text--color--disabled: var(--pf-t--global--dark--color--disabled--200);
832
- --pf-t--global--text--color--inverse: var(--pf-t--global--dark--text--color--300);
833
- --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
834
- --pf-t--global--text--color--regular: var(--pf-t--global--dark--text--color--100);
835
- --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--300);
836
- --pf-t--global--text--color--link--hover: var(--pf-t--global--dark--text--color--link--200);
837
- --pf-t--global--text--color--link--default: var(--pf-t--global--dark--text--color--link--100);
838
- --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--200);
839
- --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--200);
840
- --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--100);
841
- --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
842
- --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
843
- --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
844
- --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
845
- --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
846
- --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
847
- --pf-t--global--border--color--nonstatus--cyan--clicked: var(--pf-t--global--dark--color--nonstatus--cyan--200);
848
- --pf-t--global--border--color--nonstatus--cyan--hover: var(--pf-t--global--dark--color--nonstatus--cyan--200);
849
- --pf-t--global--border--color--nonstatus--cyan--default: var(--pf-t--global--dark--color--nonstatus--cyan--100);
850
- --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
851
- --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
852
- --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
853
- --pf-t--global--border--color--nonstatus--gold--clicked: var(--pf-t--global--dark--color--nonstatus--gold--200);
854
- --pf-t--global--border--color--nonstatus--gold--hover: var(--pf-t--global--dark--color--nonstatus--gold--200);
855
- --pf-t--global--border--color--nonstatus--gold--default: var(--pf-t--global--dark--color--nonstatus--gold--100);
856
- --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
857
- --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
858
- --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
859
- --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
860
- --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
861
- --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
862
- --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
863
- --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
864
- --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
865
- --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
866
- --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
867
- --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
868
- --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
869
- --pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
870
- --pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--200);
871
- --pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
872
- --pf-t--global--icon--color--subtle: var(--pf-t--global--dark--icon--color--200);
873
- --pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100);
874
- --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
875
- --pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
876
- --pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200);
877
- --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--200);
878
- --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--200);
879
- --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--100);
880
- --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
881
- --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
882
- --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
883
- --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
884
- --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
885
- --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
886
- --pf-t--global--color--nonstatus--cyan--clicked: var(--pf-t--global--dark--color--nonstatus--cyan--200);
887
- --pf-t--global--color--nonstatus--cyan--hover: var(--pf-t--global--dark--color--nonstatus--cyan--200);
888
- --pf-t--global--color--nonstatus--cyan--default: var(--pf-t--global--dark--color--nonstatus--cyan--100);
889
- --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
890
- --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
891
- --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
892
- --pf-t--global--color--nonstatus--gold--clicked: var(--pf-t--global--dark--color--nonstatus--gold--200);
893
- --pf-t--global--color--nonstatus--gold--hover: var(--pf-t--global--dark--color--nonstatus--gold--200);
894
- --pf-t--global--color--nonstatus--gold--default: var(--pf-t--global--dark--color--nonstatus--gold--100);
895
- --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
896
- --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
897
- --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
898
- --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
899
- --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
900
- --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
901
- --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
902
- --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
903
- --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
904
- --pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--200);
905
- --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--200);
906
- --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--100);
907
- --pf-t--global--color--status--info--clicked: var(--pf-t--global--dark--color--status--info--200);
908
- --pf-t--global--color--status--info--hover: var(--pf-t--global--dark--color--status--info--200);
909
- --pf-t--global--color--status--info--default: var(--pf-t--global--dark--color--status--info--100);
910
- --pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--200);
911
- --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--200);
912
- --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--100);
913
- --pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200);
914
- --pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
915
- --pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
916
- --pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--200);
917
- --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--200);
918
- --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--100);
919
- --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
920
- --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
921
- --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
922
- --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
923
- --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
924
- --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
925
- --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--100);
926
- --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
927
- --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
928
- --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
929
- --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
930
- --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
931
- --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
932
- --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--200);
933
- --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
934
- --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
935
- --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
936
- --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
937
- --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
938
- --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--300);
939
- --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
940
- --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
941
- --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--inverse);
942
- --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--inverse);
943
- --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--inverse);
944
- --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--inverse);
945
- --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--inverse);
946
- --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--inverse);
947
- --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--inverse);
948
- --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse);
949
- --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse);
950
- --pf-t--global--text--color--nonstatus--on-cyan--clicked: var(--pf-t--global--text--color--inverse);
951
- --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--text--color--inverse);
952
- --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--text--color--inverse);
953
- --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--inverse);
954
- --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse);
955
- --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse);
956
- --pf-t--global--text--color--nonstatus--on-gold--clicked: var(--pf-t--global--text--color--inverse);
957
- --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--text--color--inverse);
958
- --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--text--color--inverse);
959
- --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--inverse);
960
- --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--inverse);
961
- --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--inverse);
962
- --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--inverse);
963
- --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--inverse);
964
- --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--inverse);
965
- --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--inverse);
966
- --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--inverse);
967
- --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--inverse);
968
- --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
969
- --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
970
- --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
971
- --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
972
- --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
973
- --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
974
- --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
975
- --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
976
- --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
977
- --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
978
- --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
979
- --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
980
- --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
981
- --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
982
- --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
983
- --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
984
- --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
985
- --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
986
- --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--text--color--inverse);
987
- --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
988
- --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
989
- --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
990
- --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
991
- --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
992
- --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
993
- --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
994
- --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
995
- --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
996
- --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
997
- --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
998
- --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
999
- --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1000
- --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
1001
- --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
1002
- --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
1003
- --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
1004
- --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
1005
- --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
1006
- --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
1007
- --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
1008
- --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1009
- --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1010
- --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
1011
- --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1012
- --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
1013
- --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
1014
- --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
1015
- --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
1016
- --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
1017
- --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
1018
- --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
1019
- --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
1020
- --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1021
- --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
1022
- --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
1023
- --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
1024
- --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
1025
- --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--inverse);
1026
- --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--inverse);
1027
- --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--inverse);
1028
- --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--inverse);
1029
- --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
1030
- --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
1031
- --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--inverse);
1032
- --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
1033
- --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
1034
- --pf-t--global--icon--color--nonstatus--on-cyan--clicked: var(--pf-t--global--icon--color--inverse);
1035
- --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--inverse);
1036
- --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--inverse);
1037
- --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--inverse);
1038
- --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
1039
- --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
1040
- --pf-t--global--icon--color--nonstatus--on-gold--clicked: var(--pf-t--global--icon--color--inverse);
1041
- --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--inverse);
1042
- --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--inverse);
1043
- --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--inverse);
1044
- --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
1045
- --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
1046
- --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--inverse);
1047
- --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
1048
- --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
1049
- --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--inverse);
1050
- --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
1051
- --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
1052
- --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
1053
- --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
1054
- --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
1055
- --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
1056
- --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
1057
- --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
1058
- --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
1059
- --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
1060
- --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
1061
- --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
1062
- --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1063
- --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1064
- --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
1065
- --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
1066
- --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
1067
- --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
1068
- --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1069
- --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
1070
- --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
1071
- --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
1072
- --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
1073
- --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
1074
- --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
1075
- --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
1076
- --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
1077
- --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
1078
- --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
1079
- --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
1080
- --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
1081
- --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
1082
- --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
1083
- --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
1084
- --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
1085
- --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
1086
- --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1087
- --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
1088
- --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
1089
- --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
1090
- --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
1091
- --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
1092
- --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
1093
- --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
1094
- --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
1095
- --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
1096
- --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
1097
- --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
1098
- --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
1099
- --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
1100
- --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
1101
- --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default);
1102
- }
1103
-
1104
- :where(:root) {
1105
- --pf-v6-global--inverse--multiplier: 1;
1106
- }
1107
-
1108
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) {
1109
- --pf-v6-global--inverse--multiplier: -1;
1110
- }
1111
-
1112
- @font-face {
1113
- font-family: RedHatTextVF;
1114
- font-style: normal;
1115
- font-weight: 400 500;
1116
- src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
1117
- font-display: fallback;
1118
- }
1119
- @font-face {
1120
- font-family: RedHatTextVF;
1121
- font-style: italic;
1122
- font-weight: 400 500;
1123
- src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
1124
- font-display: fallback;
1125
- }
1126
- @font-face {
1127
- font-family: RedHatDisplayVF;
1128
- font-style: normal;
1129
- font-weight: 400 700;
1130
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
1131
- font-display: fallback;
1132
- }
1133
- @font-face {
1134
- font-family: RedHatDisplayVF;
1135
- font-style: italic;
1136
- font-weight: 400 700;
1137
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
1138
- font-display: fallback;
1139
- }
1140
- @font-face {
1141
- font-family: RedHatMonoVF;
1142
- font-style: normal;
1143
- font-weight: 400;
1144
- src: url("./assets/fonts/RedHatMono/RedHatMonoVF.woff2") format("woff2-variations");
1145
- font-display: fallback;
1146
- }
1147
- @font-face {
1148
- font-family: RedHatMonoVF;
1149
- font-style: italic;
1150
- font-weight: 400;
1151
- src: url("./assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
1152
- font-display: fallback;
1153
- }
1154
- .pf-v6-screen-reader {
1155
- position: fixed;
1156
- inset-block-start: 0;
1157
- inset-inline-start: 0;
1158
- overflow: hidden;
1159
- clip: rect(0, 0, 0, 0);
1160
- white-space: nowrap;
1161
- border: 0;
1162
- }
1163
- .pf-v6-screen-reader.pf-m-full-size {
1164
- width: 100%;
1165
- height: 100%;
1166
- }
1167
- .pf-v6-screen-reader.pf-m-absolute {
1168
- position: absolute;
1169
- }
1170
-
1171
- .pf-v6-m-tabular-nums {
1172
- font-variant-numeric: tabular-nums;
1173
- }
1174
-
1175
- .pf-v6-m-legacy-font {
1176
- --pf-t--global--font--family--body: var(--pf-t--global--font--family--body--legacy);
1177
- --pf-t--global--font--family--heading: var(--pf-t--global--font--family--heading--legacy);
1178
- --pf-t--global--font--family--mono: var(--pf-t--global--font--family--mono--legacy);
1179
- --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--legacy);
1180
- --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--bold--legacy);
1181
- --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--legacy);
1182
- --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--bold--legacy);
1183
- }
1184
-
1185
- .pf-v6-m-dir-rtl {
1186
- --pf-v6-global--inverse--multiplier: -1;
1187
- direction: rtl;
1188
- }
1189
-
1190
- .pf-v6-m-dir-ltr {
1191
- --pf-v6-global--inverse--multiplier: 1;
1192
- direction: ltr;
1193
- }
1194
-
1195
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-m-mirror-inline-rtl {
1196
- scale: -1 1;
1197
- }
1198
-
1199
- :where(html,
1200
- body,
1201
- p,
1202
- ol,
1203
- ul,
1204
- li,
1205
- dl,
1206
- dt,
1207
- dd,
1208
- blockquote,
1209
- figure,
1210
- fieldset,
1211
- legend,
1212
- textarea,
1213
- pre,
1214
- iframe,
1215
- hr,
1216
- h1,
1217
- h2,
1218
- h3,
1219
- h4,
1220
- h5,
1221
- h6) {
1222
- padding: 0;
1223
- margin: 0;
1224
- }
1225
-
1226
- *,
1227
- *::before,
1228
- *::after {
1229
- box-sizing: border-box;
1230
- }
1231
-
1232
- :where(html,
1233
- body) {
1234
- height: 100%;
1235
- }
1236
-
1237
- :where(body) {
1238
- font-family: var(--pf-t--global--font--family--body);
1239
- font-size: var(--pf-t--global--font--size--body--default);
1240
- font-weight: var(--pf-t--global--font--weight--body);
1241
- line-height: var(--pf-t--global--font--line-height--body);
1242
- color: var(--pf-t--global--text--color--regular);
12
+ :where(body) {
13
+ font-family: var(--pf-t--global--font--family--body);
14
+ font-size: var(--pf-t--global--font--size--body--default);
15
+ font-weight: var(--pf-t--global--font--weight--body);
16
+ line-height: var(--pf-t--global--font--line-height--body);
17
+ color: var(--pf-t--global--text--color--regular);
1243
18
  }
1244
19
 
1245
20
  :where(h1,
@@ -1313,6 +88,120 @@ button) {
1313
88
  cursor: pointer;
1314
89
  }
1315
90
 
91
+ :where(html,
92
+ body,
93
+ p,
94
+ ol,
95
+ ul,
96
+ li,
97
+ dl,
98
+ dt,
99
+ dd,
100
+ blockquote,
101
+ figure,
102
+ fieldset,
103
+ legend,
104
+ textarea,
105
+ pre,
106
+ iframe,
107
+ hr,
108
+ h1,
109
+ h2,
110
+ h3,
111
+ h4,
112
+ h5,
113
+ h6) {
114
+ padding: 0;
115
+ margin: 0;
116
+ }
117
+
118
+ .pf-v6-screen-reader {
119
+ position: fixed;
120
+ inset-block-start: 0;
121
+ inset-inline-start: 0;
122
+ overflow: hidden;
123
+ clip: rect(0, 0, 0, 0);
124
+ white-space: nowrap;
125
+ border: 0;
126
+ }
127
+ .pf-v6-screen-reader.pf-m-full-size {
128
+ width: 100%;
129
+ height: 100%;
130
+ }
131
+ .pf-v6-screen-reader.pf-m-absolute {
132
+ position: absolute;
133
+ }
134
+
135
+ .pf-v6-m-tabular-nums {
136
+ font-variant-numeric: tabular-nums;
137
+ }
138
+
139
+ .pf-v6-m-legacy-font {
140
+ --pf-t--global--font--family--body: var(--pf-t--global--font--family--body--legacy);
141
+ --pf-t--global--font--family--heading: var(--pf-t--global--font--family--heading--legacy);
142
+ --pf-t--global--font--family--mono: var(--pf-t--global--font--family--mono--legacy);
143
+ --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--legacy);
144
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--bold--legacy);
145
+ --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--legacy);
146
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--bold--legacy);
147
+ }
148
+
149
+ .pf-v6-m-dir-rtl {
150
+ --pf-v6-global--inverse--multiplier: -1;
151
+ direction: rtl;
152
+ }
153
+
154
+ .pf-v6-m-dir-ltr {
155
+ --pf-v6-global--inverse--multiplier: 1;
156
+ direction: ltr;
157
+ }
158
+
159
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-m-mirror-inline-rtl {
160
+ scale: -1 1;
161
+ }
162
+
163
+ @font-face {
164
+ font-family: RedHatTextVF;
165
+ font-style: normal;
166
+ font-weight: 400 500;
167
+ src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
168
+ font-display: fallback;
169
+ }
170
+ @font-face {
171
+ font-family: RedHatTextVF;
172
+ font-style: italic;
173
+ font-weight: 400 500;
174
+ src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
175
+ font-display: fallback;
176
+ }
177
+ @font-face {
178
+ font-family: RedHatDisplayVF;
179
+ font-style: normal;
180
+ font-weight: 400 700;
181
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
182
+ font-display: fallback;
183
+ }
184
+ @font-face {
185
+ font-family: RedHatDisplayVF;
186
+ font-style: italic;
187
+ font-weight: 400 700;
188
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
189
+ font-display: fallback;
190
+ }
191
+ @font-face {
192
+ font-family: RedHatMonoVF;
193
+ font-style: normal;
194
+ font-weight: 400;
195
+ src: url("./assets/fonts/RedHatMono/RedHatMonoVF.woff2") format("woff2-variations");
196
+ font-display: fallback;
197
+ }
198
+ @font-face {
199
+ font-family: RedHatMonoVF;
200
+ font-style: italic;
201
+ font-weight: 400;
202
+ src: url("./assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
203
+ font-display: fallback;
204
+ }
1316
205
  * .fa,
1317
206
  * .fas,
1318
207
  * .far,
@@ -1462,7 +351,7 @@ button) {
1462
351
  line-height: 2em;
1463
352
  position: relative;
1464
353
  vertical-align: middle;
1465
- width: 2.5em;
354
+ width: 0.625em;
1466
355
  }
1467
356
  * .fa-stack-1x,
1468
357
  * .fa-stack-2x {
@@ -6020,24 +4909,1135 @@ button) {
6020
4909
  content: "\e91f";
6021
4910
  }
6022
4911
 
6023
- .pf-v6-pficon-virtual-machine:before {
6024
- content: "\e90f";
4912
+ .pf-v6-pficon-virtual-machine:before {
4913
+ content: "\e90f";
4914
+ }
4915
+
4916
+ .pf-v6-pficon-volume:before {
4917
+ content: "\e910";
4918
+ }
4919
+
4920
+ .pf-v6-pficon-warning-triangle:before {
4921
+ content: "\e975";
4922
+ }
4923
+
4924
+ .pf-v6-pficon-zone:before {
4925
+ content: "\e911";
4926
+ }
4927
+
4928
+ .pf-v6-svg {
4929
+ width: 1em;
4930
+ height: 1em;
4931
+ vertical-align: -0.125em;
4932
+ }
4933
+
4934
+ html .ws-preview {
4935
+ background-color: var(--pf-t--global--background--color--primary--default);
4936
+ }
4937
+
4938
+ :root {
4939
+ --pf-t--global--font--family--100: redhattextvf, redhattext, helvetica, arial, sans-serif;
4940
+ --pf-t--global--font--family--200: redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif;
4941
+ --pf-t--global--font--family--300: redhatmonovf, redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
4942
+ --pf-t--global--font--line-height--100: 1.3;
4943
+ --pf-t--global--font--line-height--200: 1.5;
4944
+ --pf-t--global--font--weight--body--100: 400;
4945
+ --pf-t--global--font--weight--body--200: 500;
4946
+ --pf-t--global--font--weight--heading--100: 700;
4947
+ --pf-t--global--font--weight--heading--200: 700;
4948
+ --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
4949
+ --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
4950
+ --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
4951
+ --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
4952
+ --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
4953
+ --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
4954
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
4955
+ --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
4956
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
4957
+ --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
4958
+ --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
4959
+ --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
4960
+ --pf-t--global--font--size--heading--lg: var(--pf-t--global--font--size--2xl);
4961
+ --pf-t--global--font--size--heading--xl: var(--pf-t--global--font--size--3xl);
4962
+ --pf-t--global--font--size--heading--2xl: var(--pf-t--global--font--size--4xl);
4963
+ --pf-t--global--font--family--body--legacy: redhattext, helvetica, arial, sans-serif;
4964
+ --pf-t--global--font--family--heading--legacy: redhatdisplay, helvetica, arial, sans-serif;
4965
+ --pf-t--global--font--family--mono--legacy: redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
4966
+ --pf-t--global--font--weight--body--legacy: 400;
4967
+ --pf-t--global--font--weight--body--bold--legacy: 700;
4968
+ --pf-t--global--font--weight--heading--legacy: 400;
4969
+ --pf-t--global--font--weight--heading--bold--legacy: 700;
4970
+ --pf-t--global--text-decoration--100: none;
4971
+ --pf-t--global--text-decoration--200: underline;
4972
+ --pf-t--global--link--text-decoration: var(--pf-t--global--text-decoration--100);
4973
+ --pf-t--global--link--text-decoration--hover: var(--pf-t--global--text-decoration--200);
4974
+ --pf-t--global--box-shadow--sm:
4975
+ var(--pf-t--global--box-shadow--X--sm--default)
4976
+ var(--pf-t--global--box-shadow--Y--sm--default)
4977
+ var(--pf-t--global--box-shadow--blur--sm)
4978
+ var(--pf-t--global--box-shadow--spread--sm)
4979
+ var(--pf-t--global--box-shadow--color--sm);
4980
+ --pf-t--global--box-shadow--sm--top:
4981
+ var(--pf-t--global--box-shadow--X--sm--top)
4982
+ var(--pf-t--global--box-shadow--Y--sm--top)
4983
+ var(--pf-t--global--box-shadow--blur--sm)
4984
+ var(--pf-t--global--box-shadow--spread--sm)
4985
+ var(--pf-t--global--box-shadow--color--sm);
4986
+ --pf-t--global--box-shadow--sm--bottom:
4987
+ var(--pf-t--global--box-shadow--X--sm--bottom)
4988
+ var(--pf-t--global--box-shadow--Y--sm--bottom)
4989
+ var(--pf-t--global--box-shadow--blur--sm)
4990
+ var(--pf-t--global--box-shadow--spread--sm)
4991
+ var(--pf-t--global--box-shadow--color--sm);
4992
+ --pf-t--global--box-shadow--sm--left:
4993
+ var(--pf-t--global--box-shadow--X--sm--left)
4994
+ var(--pf-t--global--box-shadow--Y--sm--left)
4995
+ var(--pf-t--global--box-shadow--blur--sm)
4996
+ var(--pf-t--global--box-shadow--spread--sm)
4997
+ var(--pf-t--global--box-shadow--color--sm);
4998
+ --pf-t--global--box-shadow--sm--right:
4999
+ var(--pf-t--global--box-shadow--X--sm--right)
5000
+ var(--pf-t--global--box-shadow--Y--sm--right)
5001
+ var(--pf-t--global--box-shadow--blur--sm)
5002
+ var(--pf-t--global--box-shadow--spread--sm)
5003
+ var(--pf-t--global--box-shadow--color--sm);
5004
+ --pf-t--global--box-shadow--md:
5005
+ var(--pf-t--global--box-shadow--X--md--default)
5006
+ var(--pf-t--global--box-shadow--Y--md--default)
5007
+ var(--pf-t--global--box-shadow--blur--md)
5008
+ var(--pf-t--global--box-shadow--spread--md)
5009
+ var(--pf-t--global--box-shadow--color--md);
5010
+ --pf-t--global--box-shadow--md--top:
5011
+ var(--pf-t--global--box-shadow--X--md--top)
5012
+ var(--pf-t--global--box-shadow--Y--md--top)
5013
+ var(--pf-t--global--box-shadow--blur--md)
5014
+ var(--pf-t--global--box-shadow--spread--md)
5015
+ var(--pf-t--global--box-shadow--color--md);
5016
+ --pf-t--global--box-shadow--md--bottom:
5017
+ var(--pf-t--global--box-shadow--X--md--bottom)
5018
+ var(--pf-t--global--box-shadow--Y--md--bottom)
5019
+ var(--pf-t--global--box-shadow--blur--md)
5020
+ var(--pf-t--global--box-shadow--spread--md)
5021
+ var(--pf-t--global--box-shadow--color--md);
5022
+ --pf-t--global--box-shadow--md--left:
5023
+ var(--pf-t--global--box-shadow--X--md--left)
5024
+ var(--pf-t--global--box-shadow--Y--md--left)
5025
+ var(--pf-t--global--box-shadow--blur--md)
5026
+ var(--pf-t--global--box-shadow--spread--md)
5027
+ var(--pf-t--global--box-shadow--color--md);
5028
+ --pf-t--global--box-shadow--md--right:
5029
+ var(--pf-t--global--box-shadow--X--md--right)
5030
+ var(--pf-t--global--box-shadow--Y--md--right)
5031
+ var(--pf-t--global--box-shadow--blur--md)
5032
+ var(--pf-t--global--box-shadow--spread--md)
5033
+ var(--pf-t--global--box-shadow--color--md);
5034
+ --pf-t--global--box-shadow--lg:
5035
+ var(--pf-t--global--box-shadow--X--lg--default)
5036
+ var(--pf-t--global--box-shadow--Y--lg--default)
5037
+ var(--pf-t--global--box-shadow--blur--lg)
5038
+ var(--pf-t--global--box-shadow--spread--lg)
5039
+ var(--pf-t--global--box-shadow--color--lg);
5040
+ --pf-t--global--box-shadow--lg--top:
5041
+ var(--pf-t--global--box-shadow--X--lg--top)
5042
+ var(--pf-t--global--box-shadow--Y--lg--top)
5043
+ var(--pf-t--global--box-shadow--blur--lg)
5044
+ var(--pf-t--global--box-shadow--spread--lg)
5045
+ var(--pf-t--global--box-shadow--color--lg);
5046
+ --pf-t--global--box-shadow--lg--bottom:
5047
+ var(--pf-t--global--box-shadow--X--lg--bottom)
5048
+ var(--pf-t--global--box-shadow--Y--lg--bottom)
5049
+ var(--pf-t--global--box-shadow--blur--lg)
5050
+ var(--pf-t--global--box-shadow--spread--lg)
5051
+ var(--pf-t--global--box-shadow--color--lg);
5052
+ --pf-t--global--box-shadow--lg--left:
5053
+ var(--pf-t--global--box-shadow--X--lg--left)
5054
+ var(--pf-t--global--box-shadow--Y--lg--left)
5055
+ var(--pf-t--global--box-shadow--blur--lg)
5056
+ var(--pf-t--global--box-shadow--spread--lg)
5057
+ var(--pf-t--global--box-shadow--color--lg);
5058
+ --pf-t--global--box-shadow--lg--right:
5059
+ var(--pf-t--global--box-shadow--X--lg--right)
5060
+ var(--pf-t--global--box-shadow--Y--lg--right)
5061
+ var(--pf-t--global--box-shadow--blur--lg)
5062
+ var(--pf-t--global--box-shadow--spread--lg)
5063
+ var(--pf-t--global--box-shadow--color--lg);
5064
+ --pf-t--global--transition: all 250ms cubic-bezier(.42, 0, .58, 1);
5065
+ --pf-t--global--transition--timing-function: cubic-bezier(.645, .045, .355, 1);
5066
+ --pf-t--global--transition--duration: 250ms;
5067
+ --pf-t--global--list-style: disc outside;
5068
+ }
5069
+
5070
+ :root {
5071
+ --pf-t--color--red--70: #5f0000;
5072
+ --pf-t--color--red--60: #a60000;
5073
+ --pf-t--color--red--50: #e00;
5074
+ --pf-t--color--red--40: #f56e6e;
5075
+ --pf-t--color--red--30: #f9a8a8;
5076
+ --pf-t--color--red--20: #fbc5c5;
5077
+ --pf-t--color--red--10: #fce3e3;
5078
+ --pf-t--color--purple--70: #21134d;
5079
+ --pf-t--color--purple--60: #3d2785;
5080
+ --pf-t--color--purple--50: #5e40be;
5081
+ --pf-t--color--purple--40: #876fd4;
5082
+ --pf-t--color--purple--30: #b6a6e9;
5083
+ --pf-t--color--purple--20: #d0c5f4;
5084
+ --pf-t--color--purple--10: #ece6ff;
5085
+ --pf-t--color--red-orange--70: #731f00;
5086
+ --pf-t--color--red-orange--60: #b1380b;
5087
+ --pf-t--color--red-orange--50: #f0561d;
5088
+ --pf-t--color--red-orange--40: #f4784a;
5089
+ --pf-t--color--red-orange--30: #f89b78;
5090
+ --pf-t--color--red-orange--20: #fbbea8;
5091
+ --pf-t--color--red-orange--10: #ffe3d9;
5092
+ --pf-t--color--orange--70: #732e00;
5093
+ --pf-t--color--orange--60: #9e4a06;
5094
+ --pf-t--color--orange--50: #ca6c0f;
5095
+ --pf-t--color--orange--40: #f5921b;
5096
+ --pf-t--color--orange--30: #f8ae54;
5097
+ --pf-t--color--orange--20: #fccb8f;
5098
+ --pf-t--color--orange--10: #ffe8cc;
5099
+ --pf-t--color--green--70: #204d00;
5100
+ --pf-t--color--green--60: #3d7317;
5101
+ --pf-t--color--green--50: #63993d;
5102
+ --pf-t--color--green--40: #87bb62;
5103
+ --pf-t--color--green--30: #afdc8f;
5104
+ --pf-t--color--green--20: #d1f1bb;
5105
+ --pf-t--color--green--10: #e9f7df;
5106
+ --pf-t--color--yellow--70: #73480b;
5107
+ --pf-t--color--yellow--60: #96640f;
5108
+ --pf-t--color--yellow--50: #b98412;
5109
+ --pf-t--color--yellow--40: #dca614;
5110
+ --pf-t--color--yellow--30: #ffcc17;
5111
+ --pf-t--color--yellow--20: #ffe072;
5112
+ --pf-t--color--yellow--10: #fff4cc;
5113
+ --pf-t--color--teal--70: #004d4d;
5114
+ --pf-t--color--teal--60: #147878;
5115
+ --pf-t--color--teal--50: #37a3a3;
5116
+ --pf-t--color--teal--40: #63bdbd;
5117
+ --pf-t--color--teal--30: #9ad8d8;
5118
+ --pf-t--color--teal--20: #b9e5e5;
5119
+ --pf-t--color--teal--10: #daf2f2;
5120
+ --pf-t--color--blue--70: #036;
5121
+ --pf-t--color--blue--60: #004d99;
5122
+ --pf-t--color--blue--50: #06c;
5123
+ --pf-t--color--blue--40: #4394e5;
5124
+ --pf-t--color--blue--30: #92c5f9;
5125
+ --pf-t--color--blue--20: #b9dafc;
5126
+ --pf-t--color--blue--10: #e0f0ff;
5127
+ --pf-t--color--black: #000;
5128
+ --pf-t--color--gray--95: #151515;
5129
+ --pf-t--color--gray--90: #1f1f1f;
5130
+ --pf-t--color--gray--80: #292929;
5131
+ --pf-t--color--gray--70: #383838;
5132
+ --pf-t--color--gray--60: #4d4d4d;
5133
+ --pf-t--color--gray--50: #707070;
5134
+ --pf-t--color--gray--40: #a3a3a3;
5135
+ --pf-t--color--gray--30: #c7c7c7;
5136
+ --pf-t--color--gray--20: #e0e0e0;
5137
+ --pf-t--color--gray--10: #f2f2f2;
5138
+ --pf-t--color--white: #fff;
6025
5139
  }
6026
5140
 
6027
- .pf-v6-pficon-volume:before {
6028
- content: "\e910";
5141
+ :root {
5142
+ --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
5143
+ --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
5144
+ --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
5145
+ --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
5146
+ --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
5147
+ --pf-t--global--box-shadow--spread--100: 0px;
5148
+ --pf-t--global--box-shadow--blur--300: 24px;
5149
+ --pf-t--global--box-shadow--blur--200: 8px;
5150
+ --pf-t--global--box-shadow--blur--100: 2px;
5151
+ --pf-t--global--box-shadow--Y--700: 8px;
5152
+ --pf-t--global--box-shadow--Y--600: 4px;
5153
+ --pf-t--global--box-shadow--Y--500: 1px;
5154
+ --pf-t--global--box-shadow--Y--400: 0px;
5155
+ --pf-t--global--box-shadow--Y--300: -1px;
5156
+ --pf-t--global--box-shadow--Y--200: -4px;
5157
+ --pf-t--global--box-shadow--Y--100: -8px;
5158
+ --pf-t--global--box-shadow--X--700: 8px;
5159
+ --pf-t--global--box-shadow--X--600: 4px;
5160
+ --pf-t--global--box-shadow--X--500: 1px;
5161
+ --pf-t--global--box-shadow--X--400: 0px;
5162
+ --pf-t--global--box-shadow--X--300: -1px;
5163
+ --pf-t--global--box-shadow--X--200: -4px;
5164
+ --pf-t--global--box-shadow--X--100: -8px;
5165
+ --pf-t--global--z-index--600: 600;
5166
+ --pf-t--global--z-index--500: 500;
5167
+ --pf-t--global--z-index--400: 400;
5168
+ --pf-t--global--z-index--300: 300;
5169
+ --pf-t--global--z-index--200: 200;
5170
+ --pf-t--global--z-index--100: 100;
5171
+ --pf-t--global--font--size--800: 36px;
5172
+ --pf-t--global--font--size--700: 28px;
5173
+ --pf-t--global--font--size--600: 22px;
5174
+ --pf-t--global--font--size--500: 20px;
5175
+ --pf-t--global--font--size--400: 18px;
5176
+ --pf-t--global--font--size--300: 16px;
5177
+ --pf-t--global--font--size--200: 14px;
5178
+ --pf-t--global--font--size--100: 12px;
5179
+ --pf-t--global--border--radius--500: 999px;
5180
+ --pf-t--global--border--radius--400: 24px;
5181
+ --pf-t--global--border--radius--300: 16px;
5182
+ --pf-t--global--border--radius--200: 6px;
5183
+ --pf-t--global--border--radius--100: 4px;
5184
+ --pf-t--global--border--radius--0: 0px;
5185
+ --pf-t--global--border--width--300: 3px;
5186
+ --pf-t--global--border--width--200: 2px;
5187
+ --pf-t--global--border--width--100: 1px;
5188
+ --pf-t--global--icon--size--500: 96px;
5189
+ --pf-t--global--icon--size--400: 56px;
5190
+ --pf-t--global--icon--size--300: 22px;
5191
+ --pf-t--global--icon--size--250: 16px;
5192
+ --pf-t--global--icon--size--200: 14px;
5193
+ --pf-t--global--icon--size--100: 12px;
5194
+ --pf-t--global--spacer--800: 80px;
5195
+ --pf-t--global--spacer--700: 64px;
5196
+ --pf-t--global--spacer--600: 48px;
5197
+ --pf-t--global--spacer--500: 32px;
5198
+ --pf-t--global--spacer--400: 24px;
5199
+ --pf-t--global--spacer--300: 16px;
5200
+ --pf-t--global--spacer--200: 8px;
5201
+ --pf-t--global--spacer--100: 4px;
5202
+ --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
5203
+ --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
5204
+ --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
5205
+ --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
5206
+ --pf-t--global--text--color--300: var(--pf-t--color--white);
5207
+ --pf-t--global--text--color--200: var(--pf-t--color--gray--60);
5208
+ --pf-t--global--text--color--100: var(--pf-t--color--gray--90);
5209
+ --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
5210
+ --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
5211
+ --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
5212
+ --pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40);
5213
+ --pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30);
5214
+ --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20);
5215
+ --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
5216
+ --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
5217
+ --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
5218
+ --pf-t--global--color--nonstatus--cyan--300: var(--pf-t--color--teal--40);
5219
+ --pf-t--global--color--nonstatus--cyan--200: var(--pf-t--color--teal--30);
5220
+ --pf-t--global--color--nonstatus--cyan--100: var(--pf-t--color--teal--20);
5221
+ --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
5222
+ --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
5223
+ --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
5224
+ --pf-t--global--color--nonstatus--gold--300: var(--pf-t--color--yellow--40);
5225
+ --pf-t--global--color--nonstatus--gold--200: var(--pf-t--color--yellow--30);
5226
+ --pf-t--global--color--nonstatus--gold--100: var(--pf-t--color--yellow--20);
5227
+ --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
5228
+ --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
5229
+ --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
5230
+ --pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40);
5231
+ --pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30);
5232
+ --pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20);
5233
+ --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
5234
+ --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
5235
+ --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
5236
+ --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
5237
+ --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
5238
+ --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
5239
+ --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
5240
+ --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
5241
+ --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
5242
+ --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
5243
+ --pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
5244
+ --pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
5245
+ --pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
5246
+ --pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
5247
+ --pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
5248
+ --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
5249
+ --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
5250
+ --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
5251
+ --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
5252
+ --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
5253
+ --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
5254
+ --pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
5255
+ --pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
5256
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
5257
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
5258
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
5259
+ --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
5260
+ --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
5261
+ --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
5262
+ --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
5263
+ --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
5264
+ --pf-t--global--background--color--100: var(--pf-t--color--white);
5265
+ --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
5266
+ --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
5267
+ --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
5268
+ --pf-t--global--box-shadow--spread--lg: var(--pf-t--global--box-shadow--spread--100);
5269
+ --pf-t--global--box-shadow--spread--md: var(--pf-t--global--box-shadow--spread--100);
5270
+ --pf-t--global--box-shadow--spread--sm: var(--pf-t--global--box-shadow--spread--100);
5271
+ --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
5272
+ --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
5273
+ --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
5274
+ --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
5275
+ --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
5276
+ --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--700);
5277
+ --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--100);
5278
+ --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
5279
+ --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
5280
+ --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
5281
+ --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--600);
5282
+ --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--200);
5283
+ --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
5284
+ --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
5285
+ --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
5286
+ --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--500);
5287
+ --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--300);
5288
+ --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
5289
+ --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--700);
5290
+ --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--100);
5291
+ --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
5292
+ --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
5293
+ --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
5294
+ --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--600);
5295
+ --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--200);
5296
+ --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
5297
+ --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
5298
+ --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
5299
+ --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--500);
5300
+ --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--300);
5301
+ --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
5302
+ --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
5303
+ --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
5304
+ --pf-t--global--z-index--2xl: 600;
5305
+ --pf-t--global--z-index--xl: 500;
5306
+ --pf-t--global--z-index--lg: 400;
5307
+ --pf-t--global--z-index--md: 300;
5308
+ --pf-t--global--z-index--sm: 200;
5309
+ --pf-t--global--z-index--xs: 100;
5310
+ --pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);
5311
+ --pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
5312
+ --pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
5313
+ --pf-t--global--font--size--xl: var(--pf-t--global--font--size--500);
5314
+ --pf-t--global--font--size--lg: var(--pf-t--global--font--size--400);
5315
+ --pf-t--global--font--size--md: var(--pf-t--global--font--size--300);
5316
+ --pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
5317
+ --pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
5318
+ --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
5319
+ --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
5320
+ --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
5321
+ --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
5322
+ --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
5323
+ --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
5324
+ --pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200);
5325
+ --pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100);
5326
+ --pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--0);
5327
+ --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
5328
+ --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--100);
5329
+ --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
5330
+ --pf-t--global--border--width--button--clicked: var(--pf-t--global--border--width--200);
5331
+ --pf-t--global--border--width--button--hover: var(--pf-t--global--border--width--200);
5332
+ --pf-t--global--border--width--button--default: var(--pf-t--global--border--width--100);
5333
+ --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
5334
+ --pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
5335
+ --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--200);
5336
+ --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--100);
5337
+ --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
5338
+ --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
5339
+ --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
5340
+ --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
5341
+ --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
5342
+ --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
5343
+ --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
5344
+ --pf-t--global--icon--color--300: var(--pf-t--color--white);
5345
+ --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
5346
+ --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
5347
+ --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
5348
+ --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
5349
+ --pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300);
5350
+ --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
5351
+ --pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200);
5352
+ --pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
5353
+ --pf-t--global--spacer--button--horizontal--plain: var(--pf-t--global--spacer--200);
5354
+ --pf-t--global--spacer--button--horizontal--compact: var(--pf-t--global--spacer--300);
5355
+ --pf-t--global--spacer--button--horizontal--default: var(--pf-t--global--spacer--400);
5356
+ --pf-t--global--spacer--button--vertical--plain: var(--pf-t--global--spacer--200);
5357
+ --pf-t--global--spacer--button--vertical--compact: var(--pf-t--global--spacer--100);
5358
+ --pf-t--global--spacer--button--vertical--default: var(--pf-t--global--spacer--200);
5359
+ --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--200);
5360
+ --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--200);
5361
+ --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--300);
5362
+ --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--200);
5363
+ --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--100);
5364
+ --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--200);
5365
+ --pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
5366
+ --pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
5367
+ --pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
5368
+ --pf-t--global--spacer--xl: var(--pf-t--global--spacer--500);
5369
+ --pf-t--global--spacer--lg: var(--pf-t--global--spacer--400);
5370
+ --pf-t--global--spacer--md: var(--pf-t--global--spacer--300);
5371
+ --pf-t--global--spacer--sm: var(--pf-t--global--spacer--200);
5372
+ --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
5373
+ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
5374
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
5375
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
5376
+ --pf-t--global--text--color--required: var(--pf-t--global--text--color--400);
5377
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300);
5378
+ --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
5379
+ --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
5380
+ --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
5381
+ --pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
5382
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--300);
5383
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--200);
5384
+ --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--100);
5385
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--200);
5386
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--200);
5387
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--100);
5388
+ --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--200);
5389
+ --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--200);
5390
+ --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--100);
5391
+ --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--200);
5392
+ --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--200);
5393
+ --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--100);
5394
+ --pf-t--global--color--nonstatus--cyan--clicked: var(--pf-t--global--color--nonstatus--cyan--200);
5395
+ --pf-t--global--color--nonstatus--cyan--hover: var(--pf-t--global--color--nonstatus--cyan--200);
5396
+ --pf-t--global--color--nonstatus--cyan--default: var(--pf-t--global--color--nonstatus--cyan--100);
5397
+ --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--200);
5398
+ --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--200);
5399
+ --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--100);
5400
+ --pf-t--global--color--nonstatus--gold--clicked: var(--pf-t--global--color--nonstatus--gold--200);
5401
+ --pf-t--global--color--nonstatus--gold--hover: var(--pf-t--global--color--nonstatus--gold--200);
5402
+ --pf-t--global--color--nonstatus--gold--default: var(--pf-t--global--color--nonstatus--gold--100);
5403
+ --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--200);
5404
+ --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--200);
5405
+ --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--100);
5406
+ --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--200);
5407
+ --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--200);
5408
+ --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--100);
5409
+ --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--200);
5410
+ --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--200);
5411
+ --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--100);
5412
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--200);
5413
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--200);
5414
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--100);
5415
+ --pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--200);
5416
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--200);
5417
+ --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--100);
5418
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
5419
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
5420
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
5421
+ --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--200);
5422
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--200);
5423
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--100);
5424
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
5425
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--200);
5426
+ --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--100);
5427
+ --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--200);
5428
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--200);
5429
+ --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--100);
5430
+ --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--300);
5431
+ --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300);
5432
+ --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200);
5433
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
5434
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
5435
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--100);
5436
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100);
5437
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
5438
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
5439
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
5440
+ --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
5441
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
5442
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
5443
+ --pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
5444
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
5445
+ --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
5446
+ --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
5447
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
5448
+ --pf-t--global--font--size--heading--h6: var(--pf-t--global--font--size--md);
5449
+ --pf-t--global--font--size--heading--h5: var(--pf-t--global--font--size--md);
5450
+ --pf-t--global--font--size--heading--h4: var(--pf-t--global--font--size--md);
5451
+ --pf-t--global--font--size--heading--h3: var(--pf-t--global--font--size--lg);
5452
+ --pf-t--global--font--size--heading--h2: var(--pf-t--global--font--size--xl);
5453
+ --pf-t--global--font--size--heading--h1: var(--pf-t--global--font--size--2xl);
5454
+ --pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md);
5455
+ --pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm);
5456
+ --pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs);
5457
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--300);
5458
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--300);
5459
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--200);
5460
+ --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--300);
5461
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--300);
5462
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--200);
5463
+ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--300);
5464
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--300);
5465
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--200);
5466
+ --pf-t--global--border--color--nonstatus--cyan--clicked: var(--pf-t--global--color--nonstatus--cyan--300);
5467
+ --pf-t--global--border--color--nonstatus--cyan--hover: var(--pf-t--global--color--nonstatus--cyan--300);
5468
+ --pf-t--global--border--color--nonstatus--cyan--default: var(--pf-t--global--color--nonstatus--cyan--200);
5469
+ --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--300);
5470
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--300);
5471
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--200);
5472
+ --pf-t--global--border--color--nonstatus--gold--clicked: var(--pf-t--global--color--nonstatus--gold--300);
5473
+ --pf-t--global--border--color--nonstatus--gold--hover: var(--pf-t--global--color--nonstatus--gold--300);
5474
+ --pf-t--global--border--color--nonstatus--gold--default: var(--pf-t--global--color--nonstatus--gold--200);
5475
+ --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--300);
5476
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--300);
5477
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--200);
5478
+ --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--300);
5479
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--300);
5480
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--200);
5481
+ --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--300);
5482
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--300);
5483
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--200);
5484
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--300);
5485
+ --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
5486
+ --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
5487
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
5488
+ --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
5489
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
5490
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
5491
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
5492
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--200);
5493
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
5494
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--200);
5495
+ --pf-t--global--icon--color--regular: var(--pf-t--global--icon--color--100);
5496
+ --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
5497
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
5498
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
5499
+ --pf-t--global--icon--size--font--4xl: var(--pf-t--global--font--size--4xl);
5500
+ --pf-t--global--icon--size--font--3xl: var(--pf-t--global--font--size--3xl);
5501
+ --pf-t--global--icon--size--font--2xl: var(--pf-t--global--font--size--2xl);
5502
+ --pf-t--global--icon--size--font--xl: var(--pf-t--global--font--size--xl);
5503
+ --pf-t--global--icon--size--font--lg: var(--pf-t--global--font--size--lg);
5504
+ --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
5505
+ --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
5506
+ --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
5507
+ --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
5508
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
5509
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
5510
+ --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--regular);
5511
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--regular);
5512
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--regular);
5513
+ --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--regular);
5514
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular);
5515
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular);
5516
+ --pf-t--global--text--color--nonstatus--on-cyan--clicked: var(--pf-t--global--text--color--regular);
5517
+ --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--text--color--regular);
5518
+ --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--text--color--regular);
5519
+ --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--regular);
5520
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular);
5521
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular);
5522
+ --pf-t--global--text--color--nonstatus--on-gold--clicked: var(--pf-t--global--text--color--regular);
5523
+ --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--text--color--regular);
5524
+ --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--text--color--regular);
5525
+ --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--regular);
5526
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular);
5527
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular);
5528
+ --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--regular);
5529
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--regular);
5530
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--regular);
5531
+ --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--regular);
5532
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--regular);
5533
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
5534
+ --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
5535
+ --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
5536
+ --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
5537
+ --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
5538
+ --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
5539
+ --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
5540
+ --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
5541
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
5542
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
5543
+ --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
5544
+ --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
5545
+ --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
5546
+ --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
5547
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
5548
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
5549
+ --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
5550
+ --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
5551
+ --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
5552
+ --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
5553
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
5554
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
5555
+ --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
5556
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
5557
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
5558
+ --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--regular);
5559
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--regular);
5560
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--regular);
5561
+ --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
5562
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
5563
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
5564
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
5565
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
5566
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
5567
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
5568
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--hover);
5569
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--default);
5570
+ --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
5571
+ --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
5572
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
5573
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
5574
+ --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
5575
+ --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
5576
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
5577
+ --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
5578
+ --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
5579
+ --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
5580
+ --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default);
5581
+ --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
5582
+ --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
5583
+ --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
5584
+ --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
5585
+ --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
5586
+ --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
5587
+ --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
5588
+ --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
5589
+ --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
5590
+ --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
5591
+ --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
5592
+ --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
5593
+ --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
5594
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
5595
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
5596
+ --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
5597
+ --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
5598
+ --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
5599
+ --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
5600
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
5601
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
5602
+ --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--regular);
5603
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
5604
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
5605
+ --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--regular);
5606
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
5607
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
5608
+ --pf-t--global--icon--color--nonstatus--on-cyan--clicked: var(--pf-t--global--icon--color--regular);
5609
+ --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--regular);
5610
+ --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--regular);
5611
+ --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--regular);
5612
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
5613
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
5614
+ --pf-t--global--icon--color--nonstatus--on-gold--clicked: var(--pf-t--global--icon--color--regular);
5615
+ --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--regular);
5616
+ --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--regular);
5617
+ --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--regular);
5618
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
5619
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
5620
+ --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--regular);
5621
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
5622
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
5623
+ --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--regular);
5624
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
5625
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
5626
+ --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
5627
+ --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
5628
+ --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
5629
+ --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
5630
+ --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
5631
+ --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
5632
+ --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
5633
+ --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
5634
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
5635
+ --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
5636
+ --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
5637
+ --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
5638
+ --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
5639
+ --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
5640
+ --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
5641
+ --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
5642
+ --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
5643
+ --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
5644
+ --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
5645
+ --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
5646
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
5647
+ --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
5648
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
5649
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
5650
+ --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--regular);
5651
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--regular);
5652
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--regular);
5653
+ --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
5654
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
5655
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
5656
+ --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
5657
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
5658
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
5659
+ --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
5660
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
5661
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
5662
+ --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
5663
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
5664
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
5665
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
5666
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
5667
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
5668
+ --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
5669
+ --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
5670
+ --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
5671
+ --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
5672
+ --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
5673
+ --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
5674
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
5675
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
5676
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
5677
+ --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
6029
5678
  }
6030
5679
 
6031
- .pf-v6-pficon-warning-triangle:before {
6032
- content: "\e975";
5680
+ :root:where(.pf-v6-theme-dark) {
5681
+ --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
5682
+ --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
5683
+ --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
5684
+ --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
5685
+ --pf-t--global--box-shadow--color--lg: var(--pf-t--global--dark--box-shadow--color--100);
5686
+ --pf-t--global--box-shadow--color--md: var(--pf-t--global--dark--box-shadow--color--100);
5687
+ --pf-t--global--box-shadow--color--sm: var(--pf-t--global--dark--box-shadow--color--100);
5688
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
5689
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
5690
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
5691
+ --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
5692
+ --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
5693
+ --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
5694
+ --pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30);
5695
+ --pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10);
5696
+ --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
5697
+ --pf-t--global--dark--text--color--400: var(--pf-t--color--red-orange--30);
5698
+ --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--90);
5699
+ --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--30);
5700
+ --pf-t--global--dark--text--color--100: var(--pf-t--color--gray--10);
5701
+ --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
5702
+ --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
5703
+ --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--10);
5704
+ --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--20);
5705
+ --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--30);
5706
+ --pf-t--global--dark--color--nonstatus--purple--300: var(--pf-t--color--purple--10);
5707
+ --pf-t--global--dark--color--nonstatus--purple--200: var(--pf-t--color--purple--20);
5708
+ --pf-t--global--dark--color--nonstatus--purple--100: var(--pf-t--color--purple--30);
5709
+ --pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--10);
5710
+ --pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--20);
5711
+ --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
5712
+ --pf-t--global--dark--color--nonstatus--cyan--300: var(--pf-t--color--teal--10);
5713
+ --pf-t--global--dark--color--nonstatus--cyan--200: var(--pf-t--color--teal--20);
5714
+ --pf-t--global--dark--color--nonstatus--cyan--100: var(--pf-t--color--teal--30);
5715
+ --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
5716
+ --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
5717
+ --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
5718
+ --pf-t--global--dark--color--nonstatus--gold--300: var(--pf-t--color--yellow--10);
5719
+ --pf-t--global--dark--color--nonstatus--gold--200: var(--pf-t--color--yellow--20);
5720
+ --pf-t--global--dark--color--nonstatus--gold--100: var(--pf-t--color--yellow--30);
5721
+ --pf-t--global--dark--color--nonstatus--orange--300: var(--pf-t--color--orange--10);
5722
+ --pf-t--global--dark--color--nonstatus--orange--200: var(--pf-t--color--orange--20);
5723
+ --pf-t--global--dark--color--nonstatus--orange--100: var(--pf-t--color--orange--30);
5724
+ --pf-t--global--dark--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--10);
5725
+ --pf-t--global--dark--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--20);
5726
+ --pf-t--global--dark--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--30);
5727
+ --pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--10);
5728
+ --pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--20);
5729
+ --pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--30);
5730
+ --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
5731
+ --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
5732
+ --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
5733
+ --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
5734
+ --pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
5735
+ --pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30);
5736
+ --pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40);
5737
+ --pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50);
5738
+ --pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20);
5739
+ --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
5740
+ --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
5741
+ --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
5742
+ --pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
5743
+ --pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
5744
+ --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
5745
+ --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
5746
+ --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
5747
+ --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
5748
+ --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
5749
+ --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
5750
+ --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
5751
+ --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
5752
+ --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
5753
+ --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
5754
+ --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
5755
+ --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
5756
+ --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--300);
5757
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
5758
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
5759
+ --pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400);
5760
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
5761
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
5762
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--dark--color--brand--200);
5763
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
5764
+ --pf-t--global--text--color--disabled: var(--pf-t--global--dark--color--disabled--200);
5765
+ --pf-t--global--text--color--inverse: var(--pf-t--global--dark--text--color--300);
5766
+ --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
5767
+ --pf-t--global--text--color--regular: var(--pf-t--global--dark--text--color--100);
5768
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--300);
5769
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--dark--text--color--link--200);
5770
+ --pf-t--global--text--color--link--default: var(--pf-t--global--dark--text--color--link--100);
5771
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--200);
5772
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--200);
5773
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--100);
5774
+ --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
5775
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
5776
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
5777
+ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
5778
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
5779
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
5780
+ --pf-t--global--border--color--nonstatus--cyan--clicked: var(--pf-t--global--dark--color--nonstatus--cyan--200);
5781
+ --pf-t--global--border--color--nonstatus--cyan--hover: var(--pf-t--global--dark--color--nonstatus--cyan--200);
5782
+ --pf-t--global--border--color--nonstatus--cyan--default: var(--pf-t--global--dark--color--nonstatus--cyan--100);
5783
+ --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
5784
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
5785
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
5786
+ --pf-t--global--border--color--nonstatus--gold--clicked: var(--pf-t--global--dark--color--nonstatus--gold--200);
5787
+ --pf-t--global--border--color--nonstatus--gold--hover: var(--pf-t--global--dark--color--nonstatus--gold--200);
5788
+ --pf-t--global--border--color--nonstatus--gold--default: var(--pf-t--global--dark--color--nonstatus--gold--100);
5789
+ --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
5790
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
5791
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
5792
+ --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
5793
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
5794
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
5795
+ --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
5796
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
5797
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
5798
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
5799
+ --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
5800
+ --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
5801
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
5802
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
5803
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--200);
5804
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
5805
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--dark--icon--color--200);
5806
+ --pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100);
5807
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
5808
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
5809
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200);
5810
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--200);
5811
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--200);
5812
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--100);
5813
+ --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
5814
+ --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
5815
+ --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
5816
+ --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
5817
+ --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
5818
+ --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
5819
+ --pf-t--global--color--nonstatus--cyan--clicked: var(--pf-t--global--dark--color--nonstatus--cyan--200);
5820
+ --pf-t--global--color--nonstatus--cyan--hover: var(--pf-t--global--dark--color--nonstatus--cyan--200);
5821
+ --pf-t--global--color--nonstatus--cyan--default: var(--pf-t--global--dark--color--nonstatus--cyan--100);
5822
+ --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
5823
+ --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
5824
+ --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
5825
+ --pf-t--global--color--nonstatus--gold--clicked: var(--pf-t--global--dark--color--nonstatus--gold--200);
5826
+ --pf-t--global--color--nonstatus--gold--hover: var(--pf-t--global--dark--color--nonstatus--gold--200);
5827
+ --pf-t--global--color--nonstatus--gold--default: var(--pf-t--global--dark--color--nonstatus--gold--100);
5828
+ --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
5829
+ --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
5830
+ --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
5831
+ --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
5832
+ --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
5833
+ --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
5834
+ --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
5835
+ --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
5836
+ --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
5837
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--200);
5838
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--200);
5839
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--100);
5840
+ --pf-t--global--color--status--info--clicked: var(--pf-t--global--dark--color--status--info--200);
5841
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--dark--color--status--info--200);
5842
+ --pf-t--global--color--status--info--default: var(--pf-t--global--dark--color--status--info--100);
5843
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--200);
5844
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--200);
5845
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--100);
5846
+ --pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200);
5847
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
5848
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
5849
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--200);
5850
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--200);
5851
+ --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--100);
5852
+ --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
5853
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
5854
+ --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
5855
+ --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
5856
+ --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
5857
+ --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
5858
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--100);
5859
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
5860
+ --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
5861
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
5862
+ --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
5863
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
5864
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
5865
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--200);
5866
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
5867
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
5868
+ --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
5869
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
5870
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
5871
+ --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--300);
5872
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
5873
+ --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
5874
+ --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--inverse);
5875
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--inverse);
5876
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--inverse);
5877
+ --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--inverse);
5878
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--inverse);
5879
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--inverse);
5880
+ --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--inverse);
5881
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse);
5882
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse);
5883
+ --pf-t--global--text--color--nonstatus--on-cyan--clicked: var(--pf-t--global--text--color--inverse);
5884
+ --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--text--color--inverse);
5885
+ --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--text--color--inverse);
5886
+ --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--inverse);
5887
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse);
5888
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse);
5889
+ --pf-t--global--text--color--nonstatus--on-gold--clicked: var(--pf-t--global--text--color--inverse);
5890
+ --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--text--color--inverse);
5891
+ --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--text--color--inverse);
5892
+ --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--inverse);
5893
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--inverse);
5894
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--inverse);
5895
+ --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--inverse);
5896
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--inverse);
5897
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--inverse);
5898
+ --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--inverse);
5899
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--inverse);
5900
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--inverse);
5901
+ --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
5902
+ --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
5903
+ --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
5904
+ --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
5905
+ --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
5906
+ --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
5907
+ --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
5908
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
5909
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
5910
+ --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
5911
+ --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
5912
+ --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
5913
+ --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
5914
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
5915
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
5916
+ --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
5917
+ --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
5918
+ --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
5919
+ --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--text--color--inverse);
5920
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
5921
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
5922
+ --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
5923
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
5924
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
5925
+ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
5926
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
5927
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
5928
+ --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
5929
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
5930
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
5931
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
5932
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
5933
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
5934
+ --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
5935
+ --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
5936
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
5937
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
5938
+ --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
5939
+ --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
5940
+ --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
5941
+ --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
5942
+ --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
5943
+ --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
5944
+ --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
5945
+ --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
5946
+ --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
5947
+ --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
5948
+ --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
5949
+ --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
5950
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
5951
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
5952
+ --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
5953
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
5954
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
5955
+ --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
5956
+ --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
5957
+ --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
5958
+ --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--inverse);
5959
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--inverse);
5960
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--inverse);
5961
+ --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--inverse);
5962
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
5963
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
5964
+ --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--inverse);
5965
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
5966
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
5967
+ --pf-t--global--icon--color--nonstatus--on-cyan--clicked: var(--pf-t--global--icon--color--inverse);
5968
+ --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--inverse);
5969
+ --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--inverse);
5970
+ --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--inverse);
5971
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
5972
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
5973
+ --pf-t--global--icon--color--nonstatus--on-gold--clicked: var(--pf-t--global--icon--color--inverse);
5974
+ --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--inverse);
5975
+ --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--inverse);
5976
+ --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--inverse);
5977
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
5978
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
5979
+ --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--inverse);
5980
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
5981
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
5982
+ --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--inverse);
5983
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
5984
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
5985
+ --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
5986
+ --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
5987
+ --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
5988
+ --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
5989
+ --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
5990
+ --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
5991
+ --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
5992
+ --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
5993
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
5994
+ --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
5995
+ --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
5996
+ --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
5997
+ --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
5998
+ --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
5999
+ --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
6000
+ --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
6001
+ --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
6002
+ --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
6003
+ --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
6004
+ --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
6005
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
6006
+ --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
6007
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
6008
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
6009
+ --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
6010
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
6011
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
6012
+ --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
6013
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
6014
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
6015
+ --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
6016
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
6017
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
6018
+ --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
6019
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
6020
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
6021
+ --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
6022
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
6023
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
6024
+ --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
6025
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
6026
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
6027
+ --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
6028
+ --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
6029
+ --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
6030
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
6031
+ --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
6032
+ --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
6033
+ --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
6034
+ --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default);
6033
6035
  }
6034
6036
 
6035
- .pf-v6-pficon-zone:before {
6036
- content: "\e911";
6037
+ :where(:root) {
6038
+ --pf-v6-global--inverse--multiplier: 1;
6037
6039
  }
6038
6040
 
6039
- .pf-v6-svg {
6040
- width: 1em;
6041
- height: 1em;
6042
- vertical-align: -0.125em;
6041
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) {
6042
+ --pf-v6-global--inverse--multiplier: -1;
6043
6043
  }