@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.css CHANGED
@@ -1,1200 +1,92 @@
1
1
  @charset "UTF-8";
2
- html .ws-preview {
3
- background-color: var(--pf-t--global--background--color--primary--default);
2
+ *,
3
+ *::before,
4
+ *::after {
5
+ box-sizing: border-box;
4
6
  }
5
7
 
6
- :root {
7
- --pf-t--global--font--family--100: redhattextvf, redhattext, helvetica, arial, sans-serif;
8
- --pf-t--global--font--family--200: redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif;
9
- --pf-t--global--font--family--300: redhatmonovf, redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
10
- --pf-t--global--font--line-height--100: 1.3;
11
- --pf-t--global--font--line-height--200: 1.5;
12
- --pf-t--global--font--weight--body--100: 400;
13
- --pf-t--global--font--weight--body--200: 500;
14
- --pf-t--global--font--weight--heading--100: 700;
15
- --pf-t--global--font--weight--heading--200: 700;
16
- --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
17
- --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
18
- --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
19
- --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
20
- --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
21
- --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
22
- --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
23
- --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
24
- --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
25
- --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
26
- --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
27
- --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
28
- --pf-t--global--font--size--heading--lg: var(--pf-t--global--font--size--2xl);
29
- --pf-t--global--font--size--heading--xl: var(--pf-t--global--font--size--3xl);
30
- --pf-t--global--font--size--heading--2xl: var(--pf-t--global--font--size--4xl);
31
- --pf-t--global--font--family--body--legacy: redhattext, helvetica, arial, sans-serif;
32
- --pf-t--global--font--family--heading--legacy: redhatdisplay, helvetica, arial, sans-serif;
33
- --pf-t--global--font--family--mono--legacy: redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
34
- --pf-t--global--font--weight--body--legacy: 400;
35
- --pf-t--global--font--weight--body--bold--legacy: 700;
36
- --pf-t--global--font--weight--heading--legacy: 400;
37
- --pf-t--global--font--weight--heading--bold--legacy: 700;
38
- --pf-t--global--text-decoration--100: none;
39
- --pf-t--global--text-decoration--200: underline;
40
- --pf-t--global--link--text-decoration: var(--pf-t--global--text-decoration--100);
41
- --pf-t--global--link--text-decoration--hover: var(--pf-t--global--text-decoration--200);
42
- --pf-t--global--box-shadow--sm:
43
- var(--pf-t--global--box-shadow--X--sm--default)
44
- var(--pf-t--global--box-shadow--Y--sm--default)
45
- var(--pf-t--global--box-shadow--blur--sm)
46
- var(--pf-t--global--box-shadow--spread--sm)
47
- var(--pf-t--global--box-shadow--color--sm);
48
- --pf-t--global--box-shadow--sm--top:
49
- var(--pf-t--global--box-shadow--X--sm--top)
50
- var(--pf-t--global--box-shadow--Y--sm--top)
51
- var(--pf-t--global--box-shadow--blur--sm)
52
- var(--pf-t--global--box-shadow--spread--sm)
53
- var(--pf-t--global--box-shadow--color--sm);
54
- --pf-t--global--box-shadow--sm--bottom:
55
- var(--pf-t--global--box-shadow--X--sm--bottom)
56
- var(--pf-t--global--box-shadow--Y--sm--bottom)
57
- var(--pf-t--global--box-shadow--blur--sm)
58
- var(--pf-t--global--box-shadow--spread--sm)
59
- var(--pf-t--global--box-shadow--color--sm);
60
- --pf-t--global--box-shadow--sm--left:
61
- var(--pf-t--global--box-shadow--X--sm--left)
62
- var(--pf-t--global--box-shadow--Y--sm--left)
63
- var(--pf-t--global--box-shadow--blur--sm)
64
- var(--pf-t--global--box-shadow--spread--sm)
65
- var(--pf-t--global--box-shadow--color--sm);
66
- --pf-t--global--box-shadow--sm--right:
67
- var(--pf-t--global--box-shadow--X--sm--right)
68
- var(--pf-t--global--box-shadow--Y--sm--right)
69
- var(--pf-t--global--box-shadow--blur--sm)
70
- var(--pf-t--global--box-shadow--spread--sm)
71
- var(--pf-t--global--box-shadow--color--sm);
72
- --pf-t--global--box-shadow--md:
73
- var(--pf-t--global--box-shadow--X--md--default)
74
- var(--pf-t--global--box-shadow--Y--md--default)
75
- var(--pf-t--global--box-shadow--blur--md)
76
- var(--pf-t--global--box-shadow--spread--md)
77
- var(--pf-t--global--box-shadow--color--md);
78
- --pf-t--global--box-shadow--md--top:
79
- var(--pf-t--global--box-shadow--X--md--top)
80
- var(--pf-t--global--box-shadow--Y--md--top)
81
- var(--pf-t--global--box-shadow--blur--md)
82
- var(--pf-t--global--box-shadow--spread--md)
83
- var(--pf-t--global--box-shadow--color--md);
84
- --pf-t--global--box-shadow--md--bottom:
85
- var(--pf-t--global--box-shadow--X--md--bottom)
86
- var(--pf-t--global--box-shadow--Y--md--bottom)
87
- var(--pf-t--global--box-shadow--blur--md)
88
- var(--pf-t--global--box-shadow--spread--md)
89
- var(--pf-t--global--box-shadow--color--md);
90
- --pf-t--global--box-shadow--md--left:
91
- var(--pf-t--global--box-shadow--X--md--left)
92
- var(--pf-t--global--box-shadow--Y--md--left)
93
- var(--pf-t--global--box-shadow--blur--md)
94
- var(--pf-t--global--box-shadow--spread--md)
95
- var(--pf-t--global--box-shadow--color--md);
96
- --pf-t--global--box-shadow--md--right:
97
- var(--pf-t--global--box-shadow--X--md--right)
98
- var(--pf-t--global--box-shadow--Y--md--right)
99
- var(--pf-t--global--box-shadow--blur--md)
100
- var(--pf-t--global--box-shadow--spread--md)
101
- var(--pf-t--global--box-shadow--color--md);
102
- --pf-t--global--box-shadow--lg:
103
- var(--pf-t--global--box-shadow--X--lg--default)
104
- var(--pf-t--global--box-shadow--Y--lg--default)
105
- var(--pf-t--global--box-shadow--blur--lg)
106
- var(--pf-t--global--box-shadow--spread--lg)
107
- var(--pf-t--global--box-shadow--color--lg);
108
- --pf-t--global--box-shadow--lg--top:
109
- var(--pf-t--global--box-shadow--X--lg--top)
110
- var(--pf-t--global--box-shadow--Y--lg--top)
111
- var(--pf-t--global--box-shadow--blur--lg)
112
- var(--pf-t--global--box-shadow--spread--lg)
113
- var(--pf-t--global--box-shadow--color--lg);
114
- --pf-t--global--box-shadow--lg--bottom:
115
- var(--pf-t--global--box-shadow--X--lg--bottom)
116
- var(--pf-t--global--box-shadow--Y--lg--bottom)
117
- var(--pf-t--global--box-shadow--blur--lg)
118
- var(--pf-t--global--box-shadow--spread--lg)
119
- var(--pf-t--global--box-shadow--color--lg);
120
- --pf-t--global--box-shadow--lg--left:
121
- var(--pf-t--global--box-shadow--X--lg--left)
122
- var(--pf-t--global--box-shadow--Y--lg--left)
123
- var(--pf-t--global--box-shadow--blur--lg)
124
- var(--pf-t--global--box-shadow--spread--lg)
125
- var(--pf-t--global--box-shadow--color--lg);
126
- --pf-t--global--box-shadow--lg--right:
127
- var(--pf-t--global--box-shadow--X--lg--right)
128
- var(--pf-t--global--box-shadow--Y--lg--right)
129
- var(--pf-t--global--box-shadow--blur--lg)
130
- var(--pf-t--global--box-shadow--spread--lg)
131
- var(--pf-t--global--box-shadow--color--lg);
132
- --pf-t--global--transition: all 250ms cubic-bezier(.42, 0, .58, 1);
133
- --pf-t--global--transition--timing-function: cubic-bezier(.645, .045, .355, 1);
134
- --pf-t--global--transition--duration: 250ms;
135
- --pf-t--global--list-style: disc outside;
8
+ :where(html,
9
+ body) {
10
+ height: 100%;
136
11
  }
137
12
 
138
- :root {
139
- --pf-t--color--red--70: #5f0000;
140
- --pf-t--color--red--60: #a60000;
141
- --pf-t--color--red--50: #e00;
142
- --pf-t--color--red--40: #f56e6e;
143
- --pf-t--color--red--30: #f9a8a8;
144
- --pf-t--color--red--20: #fbc5c5;
145
- --pf-t--color--red--10: #fce3e3;
146
- --pf-t--color--purple--70: #21134d;
147
- --pf-t--color--purple--60: #3d2785;
148
- --pf-t--color--purple--50: #5e40be;
149
- --pf-t--color--purple--40: #876fd4;
150
- --pf-t--color--purple--30: #b6a6e9;
151
- --pf-t--color--purple--20: #d0c5f4;
152
- --pf-t--color--purple--10: #ece6ff;
153
- --pf-t--color--red-orange--70: #731f00;
154
- --pf-t--color--red-orange--60: #b1380b;
155
- --pf-t--color--red-orange--50: #f0561d;
156
- --pf-t--color--red-orange--40: #f4784a;
157
- --pf-t--color--red-orange--30: #f89b78;
158
- --pf-t--color--red-orange--20: #fbbea8;
159
- --pf-t--color--red-orange--10: #ffe3d9;
160
- --pf-t--color--orange--70: #732e00;
161
- --pf-t--color--orange--60: #9e4a06;
162
- --pf-t--color--orange--50: #ca6c0f;
163
- --pf-t--color--orange--40: #f5921b;
164
- --pf-t--color--orange--30: #f8ae54;
165
- --pf-t--color--orange--20: #fccb8f;
166
- --pf-t--color--orange--10: #ffe8cc;
167
- --pf-t--color--green--70: #204d00;
168
- --pf-t--color--green--60: #3d7317;
169
- --pf-t--color--green--50: #63993d;
170
- --pf-t--color--green--40: #87bb62;
171
- --pf-t--color--green--30: #afdc8f;
172
- --pf-t--color--green--20: #d1f1bb;
173
- --pf-t--color--green--10: #e9f7df;
174
- --pf-t--color--yellow--70: #73480b;
175
- --pf-t--color--yellow--60: #96640f;
176
- --pf-t--color--yellow--50: #b98412;
177
- --pf-t--color--yellow--40: #dca614;
178
- --pf-t--color--yellow--30: #ffcc17;
179
- --pf-t--color--yellow--20: #ffe072;
180
- --pf-t--color--yellow--10: #fff4cc;
181
- --pf-t--color--teal--70: #004d4d;
182
- --pf-t--color--teal--60: #147878;
183
- --pf-t--color--teal--50: #37a3a3;
184
- --pf-t--color--teal--40: #63bdbd;
185
- --pf-t--color--teal--30: #9ad8d8;
186
- --pf-t--color--teal--20: #b9e5e5;
187
- --pf-t--color--teal--10: #daf2f2;
188
- --pf-t--color--blue--70: #036;
189
- --pf-t--color--blue--60: #004d99;
190
- --pf-t--color--blue--50: #06c;
191
- --pf-t--color--blue--40: #4394e5;
192
- --pf-t--color--blue--30: #92c5f9;
193
- --pf-t--color--blue--20: #b9dafc;
194
- --pf-t--color--blue--10: #e0f0ff;
195
- --pf-t--color--black: #000;
196
- --pf-t--color--gray--95: #151515;
197
- --pf-t--color--gray--90: #1f1f1f;
198
- --pf-t--color--gray--80: #292929;
199
- --pf-t--color--gray--70: #383838;
200
- --pf-t--color--gray--60: #4d4d4d;
201
- --pf-t--color--gray--50: #707070;
202
- --pf-t--color--gray--40: #a3a3a3;
203
- --pf-t--color--gray--30: #c7c7c7;
204
- --pf-t--color--gray--20: #e0e0e0;
205
- --pf-t--color--gray--10: #f2f2f2;
206
- --pf-t--color--white: #fff;
13
+ :where(body) {
14
+ font-family: var(--pf-t--global--font--family--body);
15
+ font-size: var(--pf-t--global--font--size--body--default);
16
+ font-weight: var(--pf-t--global--font--weight--body);
17
+ line-height: var(--pf-t--global--font--line-height--body);
18
+ color: var(--pf-t--global--text--color--regular);
207
19
  }
208
20
 
209
- :root {
210
- --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
211
- --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
212
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
213
- --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
214
- --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
215
- --pf-t--global--box-shadow--spread--100: 0px;
216
- --pf-t--global--box-shadow--blur--300: 24px;
217
- --pf-t--global--box-shadow--blur--200: 8px;
218
- --pf-t--global--box-shadow--blur--100: 2px;
219
- --pf-t--global--box-shadow--Y--700: 8px;
220
- --pf-t--global--box-shadow--Y--600: 4px;
221
- --pf-t--global--box-shadow--Y--500: 1px;
222
- --pf-t--global--box-shadow--Y--400: 0px;
223
- --pf-t--global--box-shadow--Y--300: -1px;
224
- --pf-t--global--box-shadow--Y--200: -4px;
225
- --pf-t--global--box-shadow--Y--100: -8px;
226
- --pf-t--global--box-shadow--X--700: 8px;
227
- --pf-t--global--box-shadow--X--600: 4px;
228
- --pf-t--global--box-shadow--X--500: 1px;
229
- --pf-t--global--box-shadow--X--400: 0px;
230
- --pf-t--global--box-shadow--X--300: -1px;
231
- --pf-t--global--box-shadow--X--200: -4px;
232
- --pf-t--global--box-shadow--X--100: -8px;
233
- --pf-t--global--z-index--600: 600;
234
- --pf-t--global--z-index--500: 500;
235
- --pf-t--global--z-index--400: 400;
236
- --pf-t--global--z-index--300: 300;
237
- --pf-t--global--z-index--200: 200;
238
- --pf-t--global--z-index--100: 100;
239
- --pf-t--global--font--size--800: 36px;
240
- --pf-t--global--font--size--700: 28px;
241
- --pf-t--global--font--size--600: 22px;
242
- --pf-t--global--font--size--500: 20px;
243
- --pf-t--global--font--size--400: 18px;
244
- --pf-t--global--font--size--300: 16px;
245
- --pf-t--global--font--size--200: 14px;
246
- --pf-t--global--font--size--100: 12px;
247
- --pf-t--global--border--radius--500: 999px;
248
- --pf-t--global--border--radius--400: 24px;
249
- --pf-t--global--border--radius--300: 16px;
250
- --pf-t--global--border--radius--200: 6px;
251
- --pf-t--global--border--radius--100: 4px;
252
- --pf-t--global--border--radius--0: 0px;
253
- --pf-t--global--border--width--300: 3px;
254
- --pf-t--global--border--width--200: 2px;
255
- --pf-t--global--border--width--100: 1px;
256
- --pf-t--global--icon--size--500: 96px;
257
- --pf-t--global--icon--size--400: 56px;
258
- --pf-t--global--icon--size--300: 22px;
259
- --pf-t--global--icon--size--250: 16px;
260
- --pf-t--global--icon--size--200: 14px;
261
- --pf-t--global--icon--size--100: 12px;
262
- --pf-t--global--spacer--800: 80px;
263
- --pf-t--global--spacer--700: 64px;
264
- --pf-t--global--spacer--600: 48px;
265
- --pf-t--global--spacer--500: 32px;
266
- --pf-t--global--spacer--400: 24px;
267
- --pf-t--global--spacer--300: 16px;
268
- --pf-t--global--spacer--200: 8px;
269
- --pf-t--global--spacer--100: 4px;
270
- --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
271
- --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
272
- --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
273
- --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
274
- --pf-t--global--text--color--300: var(--pf-t--color--white);
275
- --pf-t--global--text--color--200: var(--pf-t--color--gray--60);
276
- --pf-t--global--text--color--100: var(--pf-t--color--gray--90);
277
- --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
278
- --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
279
- --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
280
- --pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40);
281
- --pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30);
282
- --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20);
283
- --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
284
- --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
285
- --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
286
- --pf-t--global--color--nonstatus--cyan--300: var(--pf-t--color--teal--40);
287
- --pf-t--global--color--nonstatus--cyan--200: var(--pf-t--color--teal--30);
288
- --pf-t--global--color--nonstatus--cyan--100: var(--pf-t--color--teal--20);
289
- --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
290
- --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
291
- --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
292
- --pf-t--global--color--nonstatus--gold--300: var(--pf-t--color--yellow--40);
293
- --pf-t--global--color--nonstatus--gold--200: var(--pf-t--color--yellow--30);
294
- --pf-t--global--color--nonstatus--gold--100: var(--pf-t--color--yellow--20);
295
- --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
296
- --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
297
- --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
298
- --pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40);
299
- --pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30);
300
- --pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20);
301
- --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
302
- --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
303
- --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
304
- --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
305
- --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
306
- --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
307
- --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
308
- --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
309
- --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
310
- --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
311
- --pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
312
- --pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
313
- --pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
314
- --pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
315
- --pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
316
- --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
317
- --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
318
- --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
319
- --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
320
- --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
321
- --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
322
- --pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
323
- --pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
324
- --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
325
- --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
326
- --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
327
- --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
328
- --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
329
- --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
330
- --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
331
- --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
332
- --pf-t--global--background--color--100: var(--pf-t--color--white);
333
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
334
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
335
- --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
336
- --pf-t--global--box-shadow--spread--lg: var(--pf-t--global--box-shadow--spread--100);
337
- --pf-t--global--box-shadow--spread--md: var(--pf-t--global--box-shadow--spread--100);
338
- --pf-t--global--box-shadow--spread--sm: var(--pf-t--global--box-shadow--spread--100);
339
- --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
340
- --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
341
- --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
342
- --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
343
- --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
344
- --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--700);
345
- --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--100);
346
- --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
347
- --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
348
- --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
349
- --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--600);
350
- --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--200);
351
- --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
352
- --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
353
- --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
354
- --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--500);
355
- --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--300);
356
- --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
357
- --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--700);
358
- --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--100);
359
- --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
360
- --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
361
- --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
362
- --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--600);
363
- --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--200);
364
- --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
365
- --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
366
- --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
367
- --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--500);
368
- --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--300);
369
- --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
370
- --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
371
- --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
372
- --pf-t--global--z-index--2xl: 600;
373
- --pf-t--global--z-index--xl: 500;
374
- --pf-t--global--z-index--lg: 400;
375
- --pf-t--global--z-index--md: 300;
376
- --pf-t--global--z-index--sm: 200;
377
- --pf-t--global--z-index--xs: 100;
378
- --pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);
379
- --pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
380
- --pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
381
- --pf-t--global--font--size--xl: var(--pf-t--global--font--size--500);
382
- --pf-t--global--font--size--lg: var(--pf-t--global--font--size--400);
383
- --pf-t--global--font--size--md: var(--pf-t--global--font--size--300);
384
- --pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
385
- --pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
386
- --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
387
- --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
388
- --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
389
- --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
390
- --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
391
- --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
392
- --pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200);
393
- --pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100);
394
- --pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--0);
395
- --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
396
- --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--100);
397
- --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
398
- --pf-t--global--border--width--button--clicked: var(--pf-t--global--border--width--200);
399
- --pf-t--global--border--width--button--hover: var(--pf-t--global--border--width--200);
400
- --pf-t--global--border--width--button--default: var(--pf-t--global--border--width--100);
401
- --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
402
- --pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
403
- --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--200);
404
- --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--100);
405
- --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
406
- --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
407
- --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
408
- --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
409
- --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
410
- --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
411
- --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
412
- --pf-t--global--icon--color--300: var(--pf-t--color--white);
413
- --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
414
- --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
415
- --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
416
- --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
417
- --pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300);
418
- --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
419
- --pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200);
420
- --pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
421
- --pf-t--global--spacer--button--horizontal--plain: var(--pf-t--global--spacer--200);
422
- --pf-t--global--spacer--button--horizontal--compact: var(--pf-t--global--spacer--300);
423
- --pf-t--global--spacer--button--horizontal--default: var(--pf-t--global--spacer--400);
424
- --pf-t--global--spacer--button--vertical--plain: var(--pf-t--global--spacer--200);
425
- --pf-t--global--spacer--button--vertical--compact: var(--pf-t--global--spacer--100);
426
- --pf-t--global--spacer--button--vertical--default: var(--pf-t--global--spacer--200);
427
- --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--200);
428
- --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--200);
429
- --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--300);
430
- --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--200);
431
- --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--100);
432
- --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--200);
433
- --pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
434
- --pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
435
- --pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
436
- --pf-t--global--spacer--xl: var(--pf-t--global--spacer--500);
437
- --pf-t--global--spacer--lg: var(--pf-t--global--spacer--400);
438
- --pf-t--global--spacer--md: var(--pf-t--global--spacer--300);
439
- --pf-t--global--spacer--sm: var(--pf-t--global--spacer--200);
440
- --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
441
- --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
442
- --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
443
- --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
444
- --pf-t--global--text--color--required: var(--pf-t--global--text--color--400);
445
- --pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300);
446
- --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
447
- --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
448
- --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
449
- --pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
450
- --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--300);
451
- --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--200);
452
- --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--100);
453
- --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--200);
454
- --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--200);
455
- --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--100);
456
- --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--200);
457
- --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--200);
458
- --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--100);
459
- --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--200);
460
- --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--200);
461
- --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--100);
462
- --pf-t--global--color--nonstatus--cyan--clicked: var(--pf-t--global--color--nonstatus--cyan--200);
463
- --pf-t--global--color--nonstatus--cyan--hover: var(--pf-t--global--color--nonstatus--cyan--200);
464
- --pf-t--global--color--nonstatus--cyan--default: var(--pf-t--global--color--nonstatus--cyan--100);
465
- --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--200);
466
- --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--200);
467
- --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--100);
468
- --pf-t--global--color--nonstatus--gold--clicked: var(--pf-t--global--color--nonstatus--gold--200);
469
- --pf-t--global--color--nonstatus--gold--hover: var(--pf-t--global--color--nonstatus--gold--200);
470
- --pf-t--global--color--nonstatus--gold--default: var(--pf-t--global--color--nonstatus--gold--100);
471
- --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--200);
472
- --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--200);
473
- --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--100);
474
- --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--200);
475
- --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--200);
476
- --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--100);
477
- --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--200);
478
- --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--200);
479
- --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--100);
480
- --pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--200);
481
- --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--200);
482
- --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--100);
483
- --pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--200);
484
- --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--200);
485
- --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--100);
486
- --pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
487
- --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
488
- --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
489
- --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--200);
490
- --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--200);
491
- --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--100);
492
- --pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
493
- --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--200);
494
- --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--100);
495
- --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--200);
496
- --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--200);
497
- --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--100);
498
- --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--300);
499
- --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300);
500
- --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200);
501
- --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
502
- --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
503
- --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--100);
504
- --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100);
505
- --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
506
- --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
507
- --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
508
- --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
509
- --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
510
- --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
511
- --pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
512
- --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
513
- --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
514
- --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
515
- --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
516
- --pf-t--global--font--size--heading--h6: var(--pf-t--global--font--size--md);
517
- --pf-t--global--font--size--heading--h5: var(--pf-t--global--font--size--md);
518
- --pf-t--global--font--size--heading--h4: var(--pf-t--global--font--size--md);
519
- --pf-t--global--font--size--heading--h3: var(--pf-t--global--font--size--lg);
520
- --pf-t--global--font--size--heading--h2: var(--pf-t--global--font--size--xl);
521
- --pf-t--global--font--size--heading--h1: var(--pf-t--global--font--size--2xl);
522
- --pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md);
523
- --pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm);
524
- --pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs);
525
- --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--300);
526
- --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--300);
527
- --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--200);
528
- --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--300);
529
- --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--300);
530
- --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--200);
531
- --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--300);
532
- --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--300);
533
- --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--200);
534
- --pf-t--global--border--color--nonstatus--cyan--clicked: var(--pf-t--global--color--nonstatus--cyan--300);
535
- --pf-t--global--border--color--nonstatus--cyan--hover: var(--pf-t--global--color--nonstatus--cyan--300);
536
- --pf-t--global--border--color--nonstatus--cyan--default: var(--pf-t--global--color--nonstatus--cyan--200);
537
- --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--300);
538
- --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--300);
539
- --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--200);
540
- --pf-t--global--border--color--nonstatus--gold--clicked: var(--pf-t--global--color--nonstatus--gold--300);
541
- --pf-t--global--border--color--nonstatus--gold--hover: var(--pf-t--global--color--nonstatus--gold--300);
542
- --pf-t--global--border--color--nonstatus--gold--default: var(--pf-t--global--color--nonstatus--gold--200);
543
- --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--300);
544
- --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--300);
545
- --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--200);
546
- --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--300);
547
- --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--300);
548
- --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--200);
549
- --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--300);
550
- --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--300);
551
- --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--200);
552
- --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--300);
553
- --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
554
- --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
555
- --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
556
- --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
557
- --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
558
- --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
559
- --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
560
- --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--200);
561
- --pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
562
- --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--200);
563
- --pf-t--global--icon--color--regular: var(--pf-t--global--icon--color--100);
564
- --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
565
- --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
566
- --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
567
- --pf-t--global--icon--size--font--4xl: var(--pf-t--global--font--size--4xl);
568
- --pf-t--global--icon--size--font--3xl: var(--pf-t--global--font--size--3xl);
569
- --pf-t--global--icon--size--font--2xl: var(--pf-t--global--font--size--2xl);
570
- --pf-t--global--icon--size--font--xl: var(--pf-t--global--font--size--xl);
571
- --pf-t--global--icon--size--font--lg: var(--pf-t--global--font--size--lg);
572
- --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
573
- --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
574
- --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
575
- --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
576
- --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
577
- --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
578
- --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--regular);
579
- --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--regular);
580
- --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--regular);
581
- --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--regular);
582
- --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular);
583
- --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular);
584
- --pf-t--global--text--color--nonstatus--on-cyan--clicked: var(--pf-t--global--text--color--regular);
585
- --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--text--color--regular);
586
- --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--text--color--regular);
587
- --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--regular);
588
- --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular);
589
- --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular);
590
- --pf-t--global--text--color--nonstatus--on-gold--clicked: var(--pf-t--global--text--color--regular);
591
- --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--text--color--regular);
592
- --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--text--color--regular);
593
- --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--regular);
594
- --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular);
595
- --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular);
596
- --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--regular);
597
- --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--regular);
598
- --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--regular);
599
- --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--regular);
600
- --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--regular);
601
- --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
602
- --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
603
- --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
604
- --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
605
- --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
606
- --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
607
- --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
608
- --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
609
- --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
610
- --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
611
- --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
612
- --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
613
- --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
614
- --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
615
- --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
616
- --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
617
- --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
618
- --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
619
- --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
620
- --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
621
- --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
622
- --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
623
- --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
624
- --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
625
- --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
626
- --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--regular);
627
- --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--regular);
628
- --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--regular);
629
- --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
630
- --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
631
- --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
632
- --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
633
- --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
634
- --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
635
- --pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
636
- --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--hover);
637
- --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--default);
638
- --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
639
- --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
640
- --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
641
- --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
642
- --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
643
- --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
644
- --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
645
- --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
646
- --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
647
- --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
648
- --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default);
649
- --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
650
- --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
651
- --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
652
- --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
653
- --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
654
- --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
655
- --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
656
- --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
657
- --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
658
- --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
659
- --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
660
- --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
661
- --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
662
- --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
663
- --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
664
- --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
665
- --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
666
- --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
667
- --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
668
- --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
669
- --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
670
- --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--regular);
671
- --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
672
- --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
673
- --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--regular);
674
- --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
675
- --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
676
- --pf-t--global--icon--color--nonstatus--on-cyan--clicked: var(--pf-t--global--icon--color--regular);
677
- --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--regular);
678
- --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--regular);
679
- --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--regular);
680
- --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
681
- --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
682
- --pf-t--global--icon--color--nonstatus--on-gold--clicked: var(--pf-t--global--icon--color--regular);
683
- --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--regular);
684
- --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--regular);
685
- --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--regular);
686
- --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
687
- --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
688
- --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--regular);
689
- --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
690
- --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
691
- --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--regular);
692
- --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
693
- --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
694
- --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
695
- --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
696
- --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
697
- --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
698
- --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
699
- --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
700
- --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
701
- --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
702
- --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
703
- --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
704
- --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
705
- --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
706
- --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
707
- --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
708
- --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
709
- --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
710
- --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
711
- --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
712
- --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
713
- --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
714
- --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
715
- --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
716
- --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
717
- --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
718
- --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--regular);
719
- --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--regular);
720
- --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--regular);
721
- --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
722
- --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
723
- --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
724
- --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
725
- --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
726
- --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
727
- --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
728
- --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
729
- --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
730
- --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
731
- --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
732
- --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
733
- --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
734
- --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
735
- --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
736
- --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
737
- --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
738
- --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
739
- --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
740
- --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
741
- --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
742
- --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
743
- --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
744
- --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
745
- --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
21
+ :where(h1,
22
+ h2,
23
+ h3,
24
+ h4,
25
+ h5,
26
+ h6) {
27
+ font-size: 100%;
28
+ font-weight: var(--pf-t--global--font--weight--body);
746
29
  }
747
30
 
748
- :root:where(.pf-v6-theme-dark) {
749
- --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
750
- --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
751
- --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
752
- --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
753
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--dark--box-shadow--color--100);
754
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--dark--box-shadow--color--100);
755
- --pf-t--global--box-shadow--color--sm: var(--pf-t--global--dark--box-shadow--color--100);
756
- --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
757
- --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
758
- --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
759
- --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
760
- --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
761
- --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
762
- --pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30);
763
- --pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10);
764
- --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
765
- --pf-t--global--dark--text--color--400: var(--pf-t--color--red-orange--30);
766
- --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--90);
767
- --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--30);
768
- --pf-t--global--dark--text--color--100: var(--pf-t--color--gray--10);
769
- --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
770
- --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
771
- --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--10);
772
- --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--20);
773
- --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--30);
774
- --pf-t--global--dark--color--nonstatus--purple--300: var(--pf-t--color--purple--10);
775
- --pf-t--global--dark--color--nonstatus--purple--200: var(--pf-t--color--purple--20);
776
- --pf-t--global--dark--color--nonstatus--purple--100: var(--pf-t--color--purple--30);
777
- --pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--10);
778
- --pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--20);
779
- --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
780
- --pf-t--global--dark--color--nonstatus--cyan--300: var(--pf-t--color--teal--10);
781
- --pf-t--global--dark--color--nonstatus--cyan--200: var(--pf-t--color--teal--20);
782
- --pf-t--global--dark--color--nonstatus--cyan--100: var(--pf-t--color--teal--30);
783
- --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
784
- --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
785
- --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
786
- --pf-t--global--dark--color--nonstatus--gold--300: var(--pf-t--color--yellow--10);
787
- --pf-t--global--dark--color--nonstatus--gold--200: var(--pf-t--color--yellow--20);
788
- --pf-t--global--dark--color--nonstatus--gold--100: var(--pf-t--color--yellow--30);
789
- --pf-t--global--dark--color--nonstatus--orange--300: var(--pf-t--color--orange--10);
790
- --pf-t--global--dark--color--nonstatus--orange--200: var(--pf-t--color--orange--20);
791
- --pf-t--global--dark--color--nonstatus--orange--100: var(--pf-t--color--orange--30);
792
- --pf-t--global--dark--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--10);
793
- --pf-t--global--dark--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--20);
794
- --pf-t--global--dark--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--30);
795
- --pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--10);
796
- --pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--20);
797
- --pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--30);
798
- --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
799
- --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
800
- --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
801
- --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
802
- --pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
803
- --pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30);
804
- --pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40);
805
- --pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50);
806
- --pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20);
807
- --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
808
- --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
809
- --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
810
- --pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
811
- --pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
812
- --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
813
- --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
814
- --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
815
- --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
816
- --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
817
- --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
818
- --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
819
- --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
820
- --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
821
- --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
822
- --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
823
- --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
824
- --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--300);
825
- --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
826
- --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
827
- --pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400);
828
- --pf-t--global--text--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
829
- --pf-t--global--text--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
830
- --pf-t--global--text--color--brand--default: var(--pf-t--global--dark--color--brand--200);
831
- --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
832
- --pf-t--global--text--color--disabled: var(--pf-t--global--dark--color--disabled--200);
833
- --pf-t--global--text--color--inverse: var(--pf-t--global--dark--text--color--300);
834
- --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
835
- --pf-t--global--text--color--regular: var(--pf-t--global--dark--text--color--100);
836
- --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--300);
837
- --pf-t--global--text--color--link--hover: var(--pf-t--global--dark--text--color--link--200);
838
- --pf-t--global--text--color--link--default: var(--pf-t--global--dark--text--color--link--100);
839
- --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--200);
840
- --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--200);
841
- --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--100);
842
- --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
843
- --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
844
- --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
845
- --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
846
- --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
847
- --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
848
- --pf-t--global--border--color--nonstatus--cyan--clicked: var(--pf-t--global--dark--color--nonstatus--cyan--200);
849
- --pf-t--global--border--color--nonstatus--cyan--hover: var(--pf-t--global--dark--color--nonstatus--cyan--200);
850
- --pf-t--global--border--color--nonstatus--cyan--default: var(--pf-t--global--dark--color--nonstatus--cyan--100);
851
- --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
852
- --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
853
- --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
854
- --pf-t--global--border--color--nonstatus--gold--clicked: var(--pf-t--global--dark--color--nonstatus--gold--200);
855
- --pf-t--global--border--color--nonstatus--gold--hover: var(--pf-t--global--dark--color--nonstatus--gold--200);
856
- --pf-t--global--border--color--nonstatus--gold--default: var(--pf-t--global--dark--color--nonstatus--gold--100);
857
- --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
858
- --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
859
- --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
860
- --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
861
- --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
862
- --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
863
- --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
864
- --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
865
- --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
866
- --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
867
- --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
868
- --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
869
- --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
870
- --pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
871
- --pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--200);
872
- --pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
873
- --pf-t--global--icon--color--subtle: var(--pf-t--global--dark--icon--color--200);
874
- --pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100);
875
- --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
876
- --pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
877
- --pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200);
878
- --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--200);
879
- --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--200);
880
- --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--100);
881
- --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
882
- --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
883
- --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
884
- --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
885
- --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
886
- --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
887
- --pf-t--global--color--nonstatus--cyan--clicked: var(--pf-t--global--dark--color--nonstatus--cyan--200);
888
- --pf-t--global--color--nonstatus--cyan--hover: var(--pf-t--global--dark--color--nonstatus--cyan--200);
889
- --pf-t--global--color--nonstatus--cyan--default: var(--pf-t--global--dark--color--nonstatus--cyan--100);
890
- --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
891
- --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
892
- --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
893
- --pf-t--global--color--nonstatus--gold--clicked: var(--pf-t--global--dark--color--nonstatus--gold--200);
894
- --pf-t--global--color--nonstatus--gold--hover: var(--pf-t--global--dark--color--nonstatus--gold--200);
895
- --pf-t--global--color--nonstatus--gold--default: var(--pf-t--global--dark--color--nonstatus--gold--100);
896
- --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
897
- --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
898
- --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
899
- --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
900
- --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
901
- --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
902
- --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
903
- --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
904
- --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
905
- --pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--200);
906
- --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--200);
907
- --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--100);
908
- --pf-t--global--color--status--info--clicked: var(--pf-t--global--dark--color--status--info--200);
909
- --pf-t--global--color--status--info--hover: var(--pf-t--global--dark--color--status--info--200);
910
- --pf-t--global--color--status--info--default: var(--pf-t--global--dark--color--status--info--100);
911
- --pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--200);
912
- --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--200);
913
- --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--100);
914
- --pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200);
915
- --pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
916
- --pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
917
- --pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--200);
918
- --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--200);
919
- --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--100);
920
- --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
921
- --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
922
- --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
923
- --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
924
- --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
925
- --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
926
- --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--100);
927
- --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
928
- --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
929
- --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
930
- --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
931
- --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
932
- --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
933
- --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--200);
934
- --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
935
- --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
936
- --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
937
- --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
938
- --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
939
- --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--300);
940
- --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
941
- --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
942
- --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--inverse);
943
- --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--inverse);
944
- --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--inverse);
945
- --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--inverse);
946
- --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--inverse);
947
- --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--inverse);
948
- --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--inverse);
949
- --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse);
950
- --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse);
951
- --pf-t--global--text--color--nonstatus--on-cyan--clicked: var(--pf-t--global--text--color--inverse);
952
- --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--text--color--inverse);
953
- --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--text--color--inverse);
954
- --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--inverse);
955
- --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse);
956
- --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse);
957
- --pf-t--global--text--color--nonstatus--on-gold--clicked: var(--pf-t--global--text--color--inverse);
958
- --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--text--color--inverse);
959
- --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--text--color--inverse);
960
- --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--inverse);
961
- --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--inverse);
962
- --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--inverse);
963
- --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--inverse);
964
- --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--inverse);
965
- --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--inverse);
966
- --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--inverse);
967
- --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--inverse);
968
- --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--inverse);
969
- --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
970
- --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
971
- --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
972
- --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
973
- --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
974
- --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
975
- --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
976
- --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
977
- --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
978
- --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
979
- --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
980
- --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
981
- --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
982
- --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
983
- --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
984
- --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
985
- --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
986
- --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
987
- --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--text--color--inverse);
988
- --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
989
- --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
990
- --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
991
- --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
992
- --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
993
- --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
994
- --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
995
- --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
996
- --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
997
- --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
998
- --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
999
- --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
1000
- --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1001
- --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
1002
- --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
1003
- --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
1004
- --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
1005
- --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
1006
- --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
1007
- --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
1008
- --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
1009
- --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1010
- --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1011
- --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
1012
- --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1013
- --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
1014
- --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
1015
- --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
1016
- --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
1017
- --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
1018
- --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
1019
- --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
1020
- --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
1021
- --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1022
- --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
1023
- --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
1024
- --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
1025
- --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
1026
- --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--inverse);
1027
- --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--inverse);
1028
- --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--inverse);
1029
- --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--inverse);
1030
- --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
1031
- --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
1032
- --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--inverse);
1033
- --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
1034
- --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
1035
- --pf-t--global--icon--color--nonstatus--on-cyan--clicked: var(--pf-t--global--icon--color--inverse);
1036
- --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--inverse);
1037
- --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--inverse);
1038
- --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--inverse);
1039
- --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
1040
- --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
1041
- --pf-t--global--icon--color--nonstatus--on-gold--clicked: var(--pf-t--global--icon--color--inverse);
1042
- --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--inverse);
1043
- --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--inverse);
1044
- --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--inverse);
1045
- --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
1046
- --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
1047
- --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--inverse);
1048
- --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
1049
- --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
1050
- --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--inverse);
1051
- --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
1052
- --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
1053
- --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
1054
- --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
1055
- --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
1056
- --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
1057
- --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
1058
- --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
1059
- --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
1060
- --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
1061
- --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
1062
- --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
1063
- --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1064
- --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1065
- --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
1066
- --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
1067
- --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
1068
- --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
1069
- --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1070
- --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
1071
- --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
1072
- --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
1073
- --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
1074
- --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
1075
- --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
1076
- --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
1077
- --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
1078
- --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
1079
- --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
1080
- --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
1081
- --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
1082
- --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
1083
- --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
1084
- --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
1085
- --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
1086
- --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
1087
- --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1088
- --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
1089
- --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
1090
- --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
1091
- --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
1092
- --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
1093
- --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
1094
- --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
1095
- --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
1096
- --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
1097
- --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
1098
- --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
1099
- --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
1100
- --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
1101
- --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
1102
- --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default);
31
+ :where(ul) {
32
+ list-style: none;
1103
33
  }
1104
34
 
1105
- :where(:root) {
1106
- --pf-v6-global--inverse--multiplier: 1;
35
+ :where(button,
36
+ input,
37
+ optgroup,
38
+ select,
39
+ textarea) {
40
+ margin: 0;
41
+ font-family: inherit;
42
+ font-size: 100%;
43
+ line-height: var(--pf-t--global--font--line-height--body);
44
+ color: var(--pf-t--global--text--color--regular);
1107
45
  }
1108
46
 
1109
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) {
1110
- --pf-v6-global--inverse--multiplier: -1;
47
+ :where(img,
48
+ embed,
49
+ iframe,
50
+ object,
51
+ audio,
52
+ video) {
53
+ max-width: 100%;
54
+ height: auto;
1111
55
  }
1112
56
 
1113
- @font-face {
1114
- font-family: RedHatTextVF;
1115
- font-style: normal;
1116
- font-weight: 400 500;
1117
- src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
1118
- font-display: fallback;
1119
- }
1120
- @font-face {
1121
- font-family: RedHatTextVF;
1122
- font-style: italic;
1123
- font-weight: 400 500;
1124
- src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
1125
- font-display: fallback;
1126
- }
1127
- @font-face {
1128
- font-family: RedHatDisplayVF;
1129
- font-style: normal;
1130
- font-weight: 400 700;
1131
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
1132
- font-display: fallback;
1133
- }
1134
- @font-face {
1135
- font-family: RedHatDisplayVF;
1136
- font-style: italic;
1137
- font-weight: 400 700;
1138
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
1139
- font-display: fallback;
1140
- }
1141
- @font-face {
1142
- font-family: RedHatMonoVF;
1143
- font-style: normal;
1144
- font-weight: 400;
1145
- src: url("./assets/fonts/RedHatMono/RedHatMonoVF.woff2") format("woff2-variations");
1146
- font-display: fallback;
1147
- }
1148
- @font-face {
1149
- font-family: RedHatMonoVF;
1150
- font-style: italic;
1151
- font-weight: 400;
1152
- src: url("./assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
1153
- font-display: fallback;
1154
- }
1155
- .pf-v6-screen-reader {
1156
- position: fixed;
1157
- inset-block-start: 0;
1158
- inset-inline-start: 0;
1159
- overflow: hidden;
1160
- clip: rect(0, 0, 0, 0);
1161
- white-space: nowrap;
57
+ :where(iframe) {
1162
58
  border: 0;
1163
59
  }
1164
- .pf-v6-screen-reader.pf-m-full-size {
1165
- width: 100%;
1166
- height: 100%;
1167
- }
1168
- .pf-v6-screen-reader.pf-m-absolute {
1169
- position: absolute;
60
+
61
+ :where(table) {
62
+ border-spacing: 0;
63
+ border-collapse: collapse;
1170
64
  }
1171
65
 
1172
- .pf-v6-m-tabular-nums {
1173
- font-variant-numeric: tabular-nums;
66
+ :where(td,
67
+ th) {
68
+ padding: 0;
69
+ text-align: start;
1174
70
  }
1175
71
 
1176
- .pf-v6-m-legacy-font {
1177
- --pf-t--global--font--family--body: var(--pf-t--global--font--family--body--legacy);
1178
- --pf-t--global--font--family--heading: var(--pf-t--global--font--family--heading--legacy);
1179
- --pf-t--global--font--family--mono: var(--pf-t--global--font--family--mono--legacy);
1180
- --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--legacy);
1181
- --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--bold--legacy);
1182
- --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--legacy);
1183
- --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--bold--legacy);
72
+ :where(code,
73
+ pre) {
74
+ font-family: var(--pf-t--global--font--family--mono);
1184
75
  }
1185
76
 
1186
- .pf-v6-m-dir-rtl {
1187
- --pf-v6-global--inverse--multiplier: -1;
1188
- direction: rtl;
77
+ :where(a) {
78
+ color: var(--pf-t--global--text--color--link--default);
79
+ text-decoration: var(--pf-t--global--link--text-decoration);
1189
80
  }
1190
81
 
1191
- .pf-v6-m-dir-ltr {
1192
- --pf-v6-global--inverse--multiplier: 1;
1193
- direction: ltr;
82
+ :where(a:hover) {
83
+ color: var(--pf-t--global--text--color--link--hover);
84
+ text-decoration: var(--pf-t--global--link--text-decoration--hover);
1194
85
  }
1195
86
 
1196
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-m-mirror-inline-rtl {
1197
- scale: -1 1;
87
+ :where(a,
88
+ button) {
89
+ cursor: pointer;
1198
90
  }
1199
91
 
1200
92
  :where(html,
@@ -1224,96 +116,93 @@ h6) {
1224
116
  margin: 0;
1225
117
  }
1226
118
 
1227
- *,
1228
- *::before,
1229
- *::after {
1230
- box-sizing: border-box;
119
+ .pf-v6-screen-reader {
120
+ position: fixed;
121
+ inset-block-start: 0;
122
+ inset-inline-start: 0;
123
+ overflow: hidden;
124
+ clip: rect(0, 0, 0, 0);
125
+ white-space: nowrap;
126
+ border: 0;
1231
127
  }
1232
-
1233
- :where(html,
1234
- body) {
128
+ .pf-v6-screen-reader.pf-m-full-size {
129
+ width: 100%;
1235
130
  height: 100%;
1236
131
  }
1237
-
1238
- :where(body) {
1239
- font-family: var(--pf-t--global--font--family--body);
1240
- font-size: var(--pf-t--global--font--size--body--default);
1241
- font-weight: var(--pf-t--global--font--weight--body);
1242
- line-height: var(--pf-t--global--font--line-height--body);
1243
- color: var(--pf-t--global--text--color--regular);
132
+ .pf-v6-screen-reader.pf-m-absolute {
133
+ position: absolute;
1244
134
  }
1245
135
 
1246
- :where(h1,
1247
- h2,
1248
- h3,
1249
- h4,
1250
- h5,
1251
- h6) {
1252
- font-size: 100%;
1253
- font-weight: var(--pf-t--global--font--weight--body);
136
+ .pf-v6-m-tabular-nums {
137
+ font-variant-numeric: tabular-nums;
1254
138
  }
1255
139
 
1256
- :where(ul) {
1257
- list-style: none;
140
+ .pf-v6-m-legacy-font {
141
+ --pf-t--global--font--family--body: var(--pf-t--global--font--family--body--legacy);
142
+ --pf-t--global--font--family--heading: var(--pf-t--global--font--family--heading--legacy);
143
+ --pf-t--global--font--family--mono: var(--pf-t--global--font--family--mono--legacy);
144
+ --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--legacy);
145
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--bold--legacy);
146
+ --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--legacy);
147
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--bold--legacy);
1258
148
  }
1259
149
 
1260
- :where(button,
1261
- input,
1262
- optgroup,
1263
- select,
1264
- textarea) {
1265
- margin: 0;
1266
- font-family: inherit;
1267
- font-size: 100%;
1268
- line-height: var(--pf-t--global--font--line-height--body);
1269
- color: var(--pf-t--global--text--color--regular);
150
+ .pf-v6-m-dir-rtl {
151
+ --pf-v6-global--inverse--multiplier: -1;
152
+ direction: rtl;
1270
153
  }
1271
154
 
1272
- :where(img,
1273
- embed,
1274
- iframe,
1275
- object,
1276
- audio,
1277
- video) {
1278
- max-width: 100%;
1279
- height: auto;
155
+ .pf-v6-m-dir-ltr {
156
+ --pf-v6-global--inverse--multiplier: 1;
157
+ direction: ltr;
1280
158
  }
1281
159
 
1282
- :where(iframe) {
1283
- border: 0;
160
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-m-mirror-inline-rtl {
161
+ scale: -1 1;
1284
162
  }
1285
163
 
1286
- :where(table) {
1287
- border-spacing: 0;
1288
- border-collapse: collapse;
164
+ @font-face {
165
+ font-family: RedHatTextVF;
166
+ font-style: normal;
167
+ font-weight: 400 500;
168
+ src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
169
+ font-display: fallback;
1289
170
  }
1290
-
1291
- :where(td,
1292
- th) {
1293
- padding: 0;
1294
- text-align: start;
171
+ @font-face {
172
+ font-family: RedHatTextVF;
173
+ font-style: italic;
174
+ font-weight: 400 500;
175
+ src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
176
+ font-display: fallback;
1295
177
  }
1296
-
1297
- :where(code,
1298
- pre) {
1299
- font-family: var(--pf-t--global--font--family--mono);
178
+ @font-face {
179
+ font-family: RedHatDisplayVF;
180
+ font-style: normal;
181
+ font-weight: 400 700;
182
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
183
+ font-display: fallback;
1300
184
  }
1301
-
1302
- :where(a) {
1303
- color: var(--pf-t--global--text--color--link--default);
1304
- text-decoration: var(--pf-t--global--link--text-decoration);
185
+ @font-face {
186
+ font-family: RedHatDisplayVF;
187
+ font-style: italic;
188
+ font-weight: 400 700;
189
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
190
+ font-display: fallback;
1305
191
  }
1306
-
1307
- :where(a:hover) {
1308
- color: var(--pf-t--global--text--color--link--hover);
1309
- text-decoration: var(--pf-t--global--link--text-decoration--hover);
192
+ @font-face {
193
+ font-family: RedHatMonoVF;
194
+ font-style: normal;
195
+ font-weight: 400;
196
+ src: url("./assets/fonts/RedHatMono/RedHatMonoVF.woff2") format("woff2-variations");
197
+ font-display: fallback;
1310
198
  }
1311
-
1312
- :where(a,
1313
- button) {
1314
- cursor: pointer;
199
+ @font-face {
200
+ font-family: RedHatMonoVF;
201
+ font-style: italic;
202
+ font-weight: 400;
203
+ src: url("./assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
204
+ font-display: fallback;
1315
205
  }
1316
-
1317
206
  * .fa,
1318
207
  * .fas,
1319
208
  * .far,
@@ -1463,7 +352,7 @@ button) {
1463
352
  line-height: 2em;
1464
353
  position: relative;
1465
354
  vertical-align: middle;
1466
- width: 2.5em;
355
+ width: 0.625em;
1467
356
  }
1468
357
  * .fa-stack-1x,
1469
358
  * .fa-stack-2x {
@@ -6021,29 +4910,1140 @@ button) {
6021
4910
  content: "\e91f";
6022
4911
  }
6023
4912
 
6024
- .pf-v6-pficon-virtual-machine:before {
6025
- content: "\e90f";
4913
+ .pf-v6-pficon-virtual-machine:before {
4914
+ content: "\e90f";
4915
+ }
4916
+
4917
+ .pf-v6-pficon-volume:before {
4918
+ content: "\e910";
4919
+ }
4920
+
4921
+ .pf-v6-pficon-warning-triangle:before {
4922
+ content: "\e975";
4923
+ }
4924
+
4925
+ .pf-v6-pficon-zone:before {
4926
+ content: "\e911";
4927
+ }
4928
+
4929
+ .pf-v6-svg {
4930
+ width: 1em;
4931
+ height: 1em;
4932
+ vertical-align: -0.125em;
4933
+ }
4934
+
4935
+ html .ws-preview {
4936
+ background-color: var(--pf-t--global--background--color--primary--default);
4937
+ }
4938
+
4939
+ :root {
4940
+ --pf-t--global--font--family--100: redhattextvf, redhattext, helvetica, arial, sans-serif;
4941
+ --pf-t--global--font--family--200: redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif;
4942
+ --pf-t--global--font--family--300: redhatmonovf, redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
4943
+ --pf-t--global--font--line-height--100: 1.3;
4944
+ --pf-t--global--font--line-height--200: 1.5;
4945
+ --pf-t--global--font--weight--body--100: 400;
4946
+ --pf-t--global--font--weight--body--200: 500;
4947
+ --pf-t--global--font--weight--heading--100: 700;
4948
+ --pf-t--global--font--weight--heading--200: 700;
4949
+ --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
4950
+ --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
4951
+ --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
4952
+ --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
4953
+ --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
4954
+ --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
4955
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
4956
+ --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
4957
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
4958
+ --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
4959
+ --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
4960
+ --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
4961
+ --pf-t--global--font--size--heading--lg: var(--pf-t--global--font--size--2xl);
4962
+ --pf-t--global--font--size--heading--xl: var(--pf-t--global--font--size--3xl);
4963
+ --pf-t--global--font--size--heading--2xl: var(--pf-t--global--font--size--4xl);
4964
+ --pf-t--global--font--family--body--legacy: redhattext, helvetica, arial, sans-serif;
4965
+ --pf-t--global--font--family--heading--legacy: redhatdisplay, helvetica, arial, sans-serif;
4966
+ --pf-t--global--font--family--mono--legacy: redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
4967
+ --pf-t--global--font--weight--body--legacy: 400;
4968
+ --pf-t--global--font--weight--body--bold--legacy: 700;
4969
+ --pf-t--global--font--weight--heading--legacy: 400;
4970
+ --pf-t--global--font--weight--heading--bold--legacy: 700;
4971
+ --pf-t--global--text-decoration--100: none;
4972
+ --pf-t--global--text-decoration--200: underline;
4973
+ --pf-t--global--link--text-decoration: var(--pf-t--global--text-decoration--100);
4974
+ --pf-t--global--link--text-decoration--hover: var(--pf-t--global--text-decoration--200);
4975
+ --pf-t--global--box-shadow--sm:
4976
+ var(--pf-t--global--box-shadow--X--sm--default)
4977
+ var(--pf-t--global--box-shadow--Y--sm--default)
4978
+ var(--pf-t--global--box-shadow--blur--sm)
4979
+ var(--pf-t--global--box-shadow--spread--sm)
4980
+ var(--pf-t--global--box-shadow--color--sm);
4981
+ --pf-t--global--box-shadow--sm--top:
4982
+ var(--pf-t--global--box-shadow--X--sm--top)
4983
+ var(--pf-t--global--box-shadow--Y--sm--top)
4984
+ var(--pf-t--global--box-shadow--blur--sm)
4985
+ var(--pf-t--global--box-shadow--spread--sm)
4986
+ var(--pf-t--global--box-shadow--color--sm);
4987
+ --pf-t--global--box-shadow--sm--bottom:
4988
+ var(--pf-t--global--box-shadow--X--sm--bottom)
4989
+ var(--pf-t--global--box-shadow--Y--sm--bottom)
4990
+ var(--pf-t--global--box-shadow--blur--sm)
4991
+ var(--pf-t--global--box-shadow--spread--sm)
4992
+ var(--pf-t--global--box-shadow--color--sm);
4993
+ --pf-t--global--box-shadow--sm--left:
4994
+ var(--pf-t--global--box-shadow--X--sm--left)
4995
+ var(--pf-t--global--box-shadow--Y--sm--left)
4996
+ var(--pf-t--global--box-shadow--blur--sm)
4997
+ var(--pf-t--global--box-shadow--spread--sm)
4998
+ var(--pf-t--global--box-shadow--color--sm);
4999
+ --pf-t--global--box-shadow--sm--right:
5000
+ var(--pf-t--global--box-shadow--X--sm--right)
5001
+ var(--pf-t--global--box-shadow--Y--sm--right)
5002
+ var(--pf-t--global--box-shadow--blur--sm)
5003
+ var(--pf-t--global--box-shadow--spread--sm)
5004
+ var(--pf-t--global--box-shadow--color--sm);
5005
+ --pf-t--global--box-shadow--md:
5006
+ var(--pf-t--global--box-shadow--X--md--default)
5007
+ var(--pf-t--global--box-shadow--Y--md--default)
5008
+ var(--pf-t--global--box-shadow--blur--md)
5009
+ var(--pf-t--global--box-shadow--spread--md)
5010
+ var(--pf-t--global--box-shadow--color--md);
5011
+ --pf-t--global--box-shadow--md--top:
5012
+ var(--pf-t--global--box-shadow--X--md--top)
5013
+ var(--pf-t--global--box-shadow--Y--md--top)
5014
+ var(--pf-t--global--box-shadow--blur--md)
5015
+ var(--pf-t--global--box-shadow--spread--md)
5016
+ var(--pf-t--global--box-shadow--color--md);
5017
+ --pf-t--global--box-shadow--md--bottom:
5018
+ var(--pf-t--global--box-shadow--X--md--bottom)
5019
+ var(--pf-t--global--box-shadow--Y--md--bottom)
5020
+ var(--pf-t--global--box-shadow--blur--md)
5021
+ var(--pf-t--global--box-shadow--spread--md)
5022
+ var(--pf-t--global--box-shadow--color--md);
5023
+ --pf-t--global--box-shadow--md--left:
5024
+ var(--pf-t--global--box-shadow--X--md--left)
5025
+ var(--pf-t--global--box-shadow--Y--md--left)
5026
+ var(--pf-t--global--box-shadow--blur--md)
5027
+ var(--pf-t--global--box-shadow--spread--md)
5028
+ var(--pf-t--global--box-shadow--color--md);
5029
+ --pf-t--global--box-shadow--md--right:
5030
+ var(--pf-t--global--box-shadow--X--md--right)
5031
+ var(--pf-t--global--box-shadow--Y--md--right)
5032
+ var(--pf-t--global--box-shadow--blur--md)
5033
+ var(--pf-t--global--box-shadow--spread--md)
5034
+ var(--pf-t--global--box-shadow--color--md);
5035
+ --pf-t--global--box-shadow--lg:
5036
+ var(--pf-t--global--box-shadow--X--lg--default)
5037
+ var(--pf-t--global--box-shadow--Y--lg--default)
5038
+ var(--pf-t--global--box-shadow--blur--lg)
5039
+ var(--pf-t--global--box-shadow--spread--lg)
5040
+ var(--pf-t--global--box-shadow--color--lg);
5041
+ --pf-t--global--box-shadow--lg--top:
5042
+ var(--pf-t--global--box-shadow--X--lg--top)
5043
+ var(--pf-t--global--box-shadow--Y--lg--top)
5044
+ var(--pf-t--global--box-shadow--blur--lg)
5045
+ var(--pf-t--global--box-shadow--spread--lg)
5046
+ var(--pf-t--global--box-shadow--color--lg);
5047
+ --pf-t--global--box-shadow--lg--bottom:
5048
+ var(--pf-t--global--box-shadow--X--lg--bottom)
5049
+ var(--pf-t--global--box-shadow--Y--lg--bottom)
5050
+ var(--pf-t--global--box-shadow--blur--lg)
5051
+ var(--pf-t--global--box-shadow--spread--lg)
5052
+ var(--pf-t--global--box-shadow--color--lg);
5053
+ --pf-t--global--box-shadow--lg--left:
5054
+ var(--pf-t--global--box-shadow--X--lg--left)
5055
+ var(--pf-t--global--box-shadow--Y--lg--left)
5056
+ var(--pf-t--global--box-shadow--blur--lg)
5057
+ var(--pf-t--global--box-shadow--spread--lg)
5058
+ var(--pf-t--global--box-shadow--color--lg);
5059
+ --pf-t--global--box-shadow--lg--right:
5060
+ var(--pf-t--global--box-shadow--X--lg--right)
5061
+ var(--pf-t--global--box-shadow--Y--lg--right)
5062
+ var(--pf-t--global--box-shadow--blur--lg)
5063
+ var(--pf-t--global--box-shadow--spread--lg)
5064
+ var(--pf-t--global--box-shadow--color--lg);
5065
+ --pf-t--global--transition: all 250ms cubic-bezier(.42, 0, .58, 1);
5066
+ --pf-t--global--transition--timing-function: cubic-bezier(.645, .045, .355, 1);
5067
+ --pf-t--global--transition--duration: 250ms;
5068
+ --pf-t--global--list-style: disc outside;
5069
+ }
5070
+
5071
+ :root {
5072
+ --pf-t--color--red--70: #5f0000;
5073
+ --pf-t--color--red--60: #a60000;
5074
+ --pf-t--color--red--50: #e00;
5075
+ --pf-t--color--red--40: #f56e6e;
5076
+ --pf-t--color--red--30: #f9a8a8;
5077
+ --pf-t--color--red--20: #fbc5c5;
5078
+ --pf-t--color--red--10: #fce3e3;
5079
+ --pf-t--color--purple--70: #21134d;
5080
+ --pf-t--color--purple--60: #3d2785;
5081
+ --pf-t--color--purple--50: #5e40be;
5082
+ --pf-t--color--purple--40: #876fd4;
5083
+ --pf-t--color--purple--30: #b6a6e9;
5084
+ --pf-t--color--purple--20: #d0c5f4;
5085
+ --pf-t--color--purple--10: #ece6ff;
5086
+ --pf-t--color--red-orange--70: #731f00;
5087
+ --pf-t--color--red-orange--60: #b1380b;
5088
+ --pf-t--color--red-orange--50: #f0561d;
5089
+ --pf-t--color--red-orange--40: #f4784a;
5090
+ --pf-t--color--red-orange--30: #f89b78;
5091
+ --pf-t--color--red-orange--20: #fbbea8;
5092
+ --pf-t--color--red-orange--10: #ffe3d9;
5093
+ --pf-t--color--orange--70: #732e00;
5094
+ --pf-t--color--orange--60: #9e4a06;
5095
+ --pf-t--color--orange--50: #ca6c0f;
5096
+ --pf-t--color--orange--40: #f5921b;
5097
+ --pf-t--color--orange--30: #f8ae54;
5098
+ --pf-t--color--orange--20: #fccb8f;
5099
+ --pf-t--color--orange--10: #ffe8cc;
5100
+ --pf-t--color--green--70: #204d00;
5101
+ --pf-t--color--green--60: #3d7317;
5102
+ --pf-t--color--green--50: #63993d;
5103
+ --pf-t--color--green--40: #87bb62;
5104
+ --pf-t--color--green--30: #afdc8f;
5105
+ --pf-t--color--green--20: #d1f1bb;
5106
+ --pf-t--color--green--10: #e9f7df;
5107
+ --pf-t--color--yellow--70: #73480b;
5108
+ --pf-t--color--yellow--60: #96640f;
5109
+ --pf-t--color--yellow--50: #b98412;
5110
+ --pf-t--color--yellow--40: #dca614;
5111
+ --pf-t--color--yellow--30: #ffcc17;
5112
+ --pf-t--color--yellow--20: #ffe072;
5113
+ --pf-t--color--yellow--10: #fff4cc;
5114
+ --pf-t--color--teal--70: #004d4d;
5115
+ --pf-t--color--teal--60: #147878;
5116
+ --pf-t--color--teal--50: #37a3a3;
5117
+ --pf-t--color--teal--40: #63bdbd;
5118
+ --pf-t--color--teal--30: #9ad8d8;
5119
+ --pf-t--color--teal--20: #b9e5e5;
5120
+ --pf-t--color--teal--10: #daf2f2;
5121
+ --pf-t--color--blue--70: #036;
5122
+ --pf-t--color--blue--60: #004d99;
5123
+ --pf-t--color--blue--50: #06c;
5124
+ --pf-t--color--blue--40: #4394e5;
5125
+ --pf-t--color--blue--30: #92c5f9;
5126
+ --pf-t--color--blue--20: #b9dafc;
5127
+ --pf-t--color--blue--10: #e0f0ff;
5128
+ --pf-t--color--black: #000;
5129
+ --pf-t--color--gray--95: #151515;
5130
+ --pf-t--color--gray--90: #1f1f1f;
5131
+ --pf-t--color--gray--80: #292929;
5132
+ --pf-t--color--gray--70: #383838;
5133
+ --pf-t--color--gray--60: #4d4d4d;
5134
+ --pf-t--color--gray--50: #707070;
5135
+ --pf-t--color--gray--40: #a3a3a3;
5136
+ --pf-t--color--gray--30: #c7c7c7;
5137
+ --pf-t--color--gray--20: #e0e0e0;
5138
+ --pf-t--color--gray--10: #f2f2f2;
5139
+ --pf-t--color--white: #fff;
6026
5140
  }
6027
5141
 
6028
- .pf-v6-pficon-volume:before {
6029
- content: "\e910";
5142
+ :root {
5143
+ --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
5144
+ --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
5145
+ --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
5146
+ --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
5147
+ --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
5148
+ --pf-t--global--box-shadow--spread--100: 0px;
5149
+ --pf-t--global--box-shadow--blur--300: 24px;
5150
+ --pf-t--global--box-shadow--blur--200: 8px;
5151
+ --pf-t--global--box-shadow--blur--100: 2px;
5152
+ --pf-t--global--box-shadow--Y--700: 8px;
5153
+ --pf-t--global--box-shadow--Y--600: 4px;
5154
+ --pf-t--global--box-shadow--Y--500: 1px;
5155
+ --pf-t--global--box-shadow--Y--400: 0px;
5156
+ --pf-t--global--box-shadow--Y--300: -1px;
5157
+ --pf-t--global--box-shadow--Y--200: -4px;
5158
+ --pf-t--global--box-shadow--Y--100: -8px;
5159
+ --pf-t--global--box-shadow--X--700: 8px;
5160
+ --pf-t--global--box-shadow--X--600: 4px;
5161
+ --pf-t--global--box-shadow--X--500: 1px;
5162
+ --pf-t--global--box-shadow--X--400: 0px;
5163
+ --pf-t--global--box-shadow--X--300: -1px;
5164
+ --pf-t--global--box-shadow--X--200: -4px;
5165
+ --pf-t--global--box-shadow--X--100: -8px;
5166
+ --pf-t--global--z-index--600: 600;
5167
+ --pf-t--global--z-index--500: 500;
5168
+ --pf-t--global--z-index--400: 400;
5169
+ --pf-t--global--z-index--300: 300;
5170
+ --pf-t--global--z-index--200: 200;
5171
+ --pf-t--global--z-index--100: 100;
5172
+ --pf-t--global--font--size--800: 36px;
5173
+ --pf-t--global--font--size--700: 28px;
5174
+ --pf-t--global--font--size--600: 22px;
5175
+ --pf-t--global--font--size--500: 20px;
5176
+ --pf-t--global--font--size--400: 18px;
5177
+ --pf-t--global--font--size--300: 16px;
5178
+ --pf-t--global--font--size--200: 14px;
5179
+ --pf-t--global--font--size--100: 12px;
5180
+ --pf-t--global--border--radius--500: 999px;
5181
+ --pf-t--global--border--radius--400: 24px;
5182
+ --pf-t--global--border--radius--300: 16px;
5183
+ --pf-t--global--border--radius--200: 6px;
5184
+ --pf-t--global--border--radius--100: 4px;
5185
+ --pf-t--global--border--radius--0: 0px;
5186
+ --pf-t--global--border--width--300: 3px;
5187
+ --pf-t--global--border--width--200: 2px;
5188
+ --pf-t--global--border--width--100: 1px;
5189
+ --pf-t--global--icon--size--500: 96px;
5190
+ --pf-t--global--icon--size--400: 56px;
5191
+ --pf-t--global--icon--size--300: 22px;
5192
+ --pf-t--global--icon--size--250: 16px;
5193
+ --pf-t--global--icon--size--200: 14px;
5194
+ --pf-t--global--icon--size--100: 12px;
5195
+ --pf-t--global--spacer--800: 80px;
5196
+ --pf-t--global--spacer--700: 64px;
5197
+ --pf-t--global--spacer--600: 48px;
5198
+ --pf-t--global--spacer--500: 32px;
5199
+ --pf-t--global--spacer--400: 24px;
5200
+ --pf-t--global--spacer--300: 16px;
5201
+ --pf-t--global--spacer--200: 8px;
5202
+ --pf-t--global--spacer--100: 4px;
5203
+ --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
5204
+ --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
5205
+ --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
5206
+ --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
5207
+ --pf-t--global--text--color--300: var(--pf-t--color--white);
5208
+ --pf-t--global--text--color--200: var(--pf-t--color--gray--60);
5209
+ --pf-t--global--text--color--100: var(--pf-t--color--gray--90);
5210
+ --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
5211
+ --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
5212
+ --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
5213
+ --pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40);
5214
+ --pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30);
5215
+ --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20);
5216
+ --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
5217
+ --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
5218
+ --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
5219
+ --pf-t--global--color--nonstatus--cyan--300: var(--pf-t--color--teal--40);
5220
+ --pf-t--global--color--nonstatus--cyan--200: var(--pf-t--color--teal--30);
5221
+ --pf-t--global--color--nonstatus--cyan--100: var(--pf-t--color--teal--20);
5222
+ --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
5223
+ --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
5224
+ --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
5225
+ --pf-t--global--color--nonstatus--gold--300: var(--pf-t--color--yellow--40);
5226
+ --pf-t--global--color--nonstatus--gold--200: var(--pf-t--color--yellow--30);
5227
+ --pf-t--global--color--nonstatus--gold--100: var(--pf-t--color--yellow--20);
5228
+ --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
5229
+ --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
5230
+ --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
5231
+ --pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40);
5232
+ --pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30);
5233
+ --pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20);
5234
+ --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
5235
+ --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
5236
+ --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
5237
+ --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
5238
+ --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
5239
+ --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
5240
+ --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
5241
+ --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
5242
+ --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
5243
+ --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
5244
+ --pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
5245
+ --pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
5246
+ --pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
5247
+ --pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
5248
+ --pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
5249
+ --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
5250
+ --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
5251
+ --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
5252
+ --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
5253
+ --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
5254
+ --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
5255
+ --pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
5256
+ --pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
5257
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
5258
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
5259
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
5260
+ --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
5261
+ --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
5262
+ --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
5263
+ --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
5264
+ --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
5265
+ --pf-t--global--background--color--100: var(--pf-t--color--white);
5266
+ --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
5267
+ --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
5268
+ --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
5269
+ --pf-t--global--box-shadow--spread--lg: var(--pf-t--global--box-shadow--spread--100);
5270
+ --pf-t--global--box-shadow--spread--md: var(--pf-t--global--box-shadow--spread--100);
5271
+ --pf-t--global--box-shadow--spread--sm: var(--pf-t--global--box-shadow--spread--100);
5272
+ --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
5273
+ --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
5274
+ --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
5275
+ --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
5276
+ --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
5277
+ --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--700);
5278
+ --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--100);
5279
+ --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
5280
+ --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
5281
+ --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
5282
+ --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--600);
5283
+ --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--200);
5284
+ --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
5285
+ --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
5286
+ --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
5287
+ --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--500);
5288
+ --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--300);
5289
+ --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
5290
+ --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--700);
5291
+ --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--100);
5292
+ --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
5293
+ --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
5294
+ --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
5295
+ --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--600);
5296
+ --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--200);
5297
+ --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
5298
+ --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
5299
+ --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
5300
+ --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--500);
5301
+ --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--300);
5302
+ --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
5303
+ --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
5304
+ --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
5305
+ --pf-t--global--z-index--2xl: 600;
5306
+ --pf-t--global--z-index--xl: 500;
5307
+ --pf-t--global--z-index--lg: 400;
5308
+ --pf-t--global--z-index--md: 300;
5309
+ --pf-t--global--z-index--sm: 200;
5310
+ --pf-t--global--z-index--xs: 100;
5311
+ --pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);
5312
+ --pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
5313
+ --pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
5314
+ --pf-t--global--font--size--xl: var(--pf-t--global--font--size--500);
5315
+ --pf-t--global--font--size--lg: var(--pf-t--global--font--size--400);
5316
+ --pf-t--global--font--size--md: var(--pf-t--global--font--size--300);
5317
+ --pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
5318
+ --pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
5319
+ --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
5320
+ --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
5321
+ --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
5322
+ --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
5323
+ --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
5324
+ --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
5325
+ --pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200);
5326
+ --pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100);
5327
+ --pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--0);
5328
+ --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
5329
+ --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--100);
5330
+ --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
5331
+ --pf-t--global--border--width--button--clicked: var(--pf-t--global--border--width--200);
5332
+ --pf-t--global--border--width--button--hover: var(--pf-t--global--border--width--200);
5333
+ --pf-t--global--border--width--button--default: var(--pf-t--global--border--width--100);
5334
+ --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
5335
+ --pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
5336
+ --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--200);
5337
+ --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--100);
5338
+ --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
5339
+ --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
5340
+ --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
5341
+ --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
5342
+ --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
5343
+ --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
5344
+ --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
5345
+ --pf-t--global--icon--color--300: var(--pf-t--color--white);
5346
+ --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
5347
+ --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
5348
+ --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
5349
+ --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
5350
+ --pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300);
5351
+ --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
5352
+ --pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200);
5353
+ --pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
5354
+ --pf-t--global--spacer--button--horizontal--plain: var(--pf-t--global--spacer--200);
5355
+ --pf-t--global--spacer--button--horizontal--compact: var(--pf-t--global--spacer--300);
5356
+ --pf-t--global--spacer--button--horizontal--default: var(--pf-t--global--spacer--400);
5357
+ --pf-t--global--spacer--button--vertical--plain: var(--pf-t--global--spacer--200);
5358
+ --pf-t--global--spacer--button--vertical--compact: var(--pf-t--global--spacer--100);
5359
+ --pf-t--global--spacer--button--vertical--default: var(--pf-t--global--spacer--200);
5360
+ --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--200);
5361
+ --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--200);
5362
+ --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--300);
5363
+ --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--200);
5364
+ --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--100);
5365
+ --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--200);
5366
+ --pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
5367
+ --pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
5368
+ --pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
5369
+ --pf-t--global--spacer--xl: var(--pf-t--global--spacer--500);
5370
+ --pf-t--global--spacer--lg: var(--pf-t--global--spacer--400);
5371
+ --pf-t--global--spacer--md: var(--pf-t--global--spacer--300);
5372
+ --pf-t--global--spacer--sm: var(--pf-t--global--spacer--200);
5373
+ --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
5374
+ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
5375
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
5376
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
5377
+ --pf-t--global--text--color--required: var(--pf-t--global--text--color--400);
5378
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300);
5379
+ --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
5380
+ --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
5381
+ --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
5382
+ --pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
5383
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--300);
5384
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--200);
5385
+ --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--100);
5386
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--200);
5387
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--200);
5388
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--100);
5389
+ --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--200);
5390
+ --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--200);
5391
+ --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--100);
5392
+ --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--200);
5393
+ --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--200);
5394
+ --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--100);
5395
+ --pf-t--global--color--nonstatus--cyan--clicked: var(--pf-t--global--color--nonstatus--cyan--200);
5396
+ --pf-t--global--color--nonstatus--cyan--hover: var(--pf-t--global--color--nonstatus--cyan--200);
5397
+ --pf-t--global--color--nonstatus--cyan--default: var(--pf-t--global--color--nonstatus--cyan--100);
5398
+ --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--200);
5399
+ --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--200);
5400
+ --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--100);
5401
+ --pf-t--global--color--nonstatus--gold--clicked: var(--pf-t--global--color--nonstatus--gold--200);
5402
+ --pf-t--global--color--nonstatus--gold--hover: var(--pf-t--global--color--nonstatus--gold--200);
5403
+ --pf-t--global--color--nonstatus--gold--default: var(--pf-t--global--color--nonstatus--gold--100);
5404
+ --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--200);
5405
+ --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--200);
5406
+ --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--100);
5407
+ --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--200);
5408
+ --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--200);
5409
+ --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--100);
5410
+ --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--200);
5411
+ --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--200);
5412
+ --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--100);
5413
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--200);
5414
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--200);
5415
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--100);
5416
+ --pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--200);
5417
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--200);
5418
+ --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--100);
5419
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
5420
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
5421
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
5422
+ --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--200);
5423
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--200);
5424
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--100);
5425
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
5426
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--200);
5427
+ --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--100);
5428
+ --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--200);
5429
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--200);
5430
+ --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--100);
5431
+ --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--300);
5432
+ --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300);
5433
+ --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200);
5434
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
5435
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
5436
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--100);
5437
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100);
5438
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
5439
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
5440
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
5441
+ --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
5442
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
5443
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
5444
+ --pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
5445
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
5446
+ --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
5447
+ --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
5448
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
5449
+ --pf-t--global--font--size--heading--h6: var(--pf-t--global--font--size--md);
5450
+ --pf-t--global--font--size--heading--h5: var(--pf-t--global--font--size--md);
5451
+ --pf-t--global--font--size--heading--h4: var(--pf-t--global--font--size--md);
5452
+ --pf-t--global--font--size--heading--h3: var(--pf-t--global--font--size--lg);
5453
+ --pf-t--global--font--size--heading--h2: var(--pf-t--global--font--size--xl);
5454
+ --pf-t--global--font--size--heading--h1: var(--pf-t--global--font--size--2xl);
5455
+ --pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md);
5456
+ --pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm);
5457
+ --pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs);
5458
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--300);
5459
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--300);
5460
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--200);
5461
+ --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--300);
5462
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--300);
5463
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--200);
5464
+ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--300);
5465
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--300);
5466
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--200);
5467
+ --pf-t--global--border--color--nonstatus--cyan--clicked: var(--pf-t--global--color--nonstatus--cyan--300);
5468
+ --pf-t--global--border--color--nonstatus--cyan--hover: var(--pf-t--global--color--nonstatus--cyan--300);
5469
+ --pf-t--global--border--color--nonstatus--cyan--default: var(--pf-t--global--color--nonstatus--cyan--200);
5470
+ --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--300);
5471
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--300);
5472
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--200);
5473
+ --pf-t--global--border--color--nonstatus--gold--clicked: var(--pf-t--global--color--nonstatus--gold--300);
5474
+ --pf-t--global--border--color--nonstatus--gold--hover: var(--pf-t--global--color--nonstatus--gold--300);
5475
+ --pf-t--global--border--color--nonstatus--gold--default: var(--pf-t--global--color--nonstatus--gold--200);
5476
+ --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--300);
5477
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--300);
5478
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--200);
5479
+ --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--300);
5480
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--300);
5481
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--200);
5482
+ --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--300);
5483
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--300);
5484
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--200);
5485
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--300);
5486
+ --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
5487
+ --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
5488
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
5489
+ --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
5490
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
5491
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
5492
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
5493
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--200);
5494
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
5495
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--200);
5496
+ --pf-t--global--icon--color--regular: var(--pf-t--global--icon--color--100);
5497
+ --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
5498
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
5499
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
5500
+ --pf-t--global--icon--size--font--4xl: var(--pf-t--global--font--size--4xl);
5501
+ --pf-t--global--icon--size--font--3xl: var(--pf-t--global--font--size--3xl);
5502
+ --pf-t--global--icon--size--font--2xl: var(--pf-t--global--font--size--2xl);
5503
+ --pf-t--global--icon--size--font--xl: var(--pf-t--global--font--size--xl);
5504
+ --pf-t--global--icon--size--font--lg: var(--pf-t--global--font--size--lg);
5505
+ --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
5506
+ --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
5507
+ --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
5508
+ --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
5509
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
5510
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
5511
+ --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--regular);
5512
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--regular);
5513
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--regular);
5514
+ --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--regular);
5515
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular);
5516
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular);
5517
+ --pf-t--global--text--color--nonstatus--on-cyan--clicked: var(--pf-t--global--text--color--regular);
5518
+ --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--text--color--regular);
5519
+ --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--text--color--regular);
5520
+ --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--regular);
5521
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular);
5522
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular);
5523
+ --pf-t--global--text--color--nonstatus--on-gold--clicked: var(--pf-t--global--text--color--regular);
5524
+ --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--text--color--regular);
5525
+ --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--text--color--regular);
5526
+ --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--regular);
5527
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular);
5528
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular);
5529
+ --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--regular);
5530
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--regular);
5531
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--regular);
5532
+ --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--regular);
5533
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--regular);
5534
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
5535
+ --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
5536
+ --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
5537
+ --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
5538
+ --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
5539
+ --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
5540
+ --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
5541
+ --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
5542
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
5543
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
5544
+ --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
5545
+ --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
5546
+ --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
5547
+ --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
5548
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
5549
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
5550
+ --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
5551
+ --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
5552
+ --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
5553
+ --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
5554
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
5555
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
5556
+ --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
5557
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
5558
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
5559
+ --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--regular);
5560
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--regular);
5561
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--regular);
5562
+ --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
5563
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
5564
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
5565
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
5566
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
5567
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
5568
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
5569
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--hover);
5570
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--default);
5571
+ --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
5572
+ --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
5573
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
5574
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
5575
+ --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
5576
+ --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
5577
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
5578
+ --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
5579
+ --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
5580
+ --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
5581
+ --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default);
5582
+ --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
5583
+ --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
5584
+ --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
5585
+ --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
5586
+ --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
5587
+ --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
5588
+ --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
5589
+ --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
5590
+ --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
5591
+ --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
5592
+ --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
5593
+ --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
5594
+ --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
5595
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
5596
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
5597
+ --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
5598
+ --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
5599
+ --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
5600
+ --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
5601
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
5602
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
5603
+ --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--regular);
5604
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
5605
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
5606
+ --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--regular);
5607
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
5608
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
5609
+ --pf-t--global--icon--color--nonstatus--on-cyan--clicked: var(--pf-t--global--icon--color--regular);
5610
+ --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--regular);
5611
+ --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--regular);
5612
+ --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--regular);
5613
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
5614
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
5615
+ --pf-t--global--icon--color--nonstatus--on-gold--clicked: var(--pf-t--global--icon--color--regular);
5616
+ --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--regular);
5617
+ --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--regular);
5618
+ --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--regular);
5619
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
5620
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
5621
+ --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--regular);
5622
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
5623
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
5624
+ --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--regular);
5625
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
5626
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
5627
+ --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
5628
+ --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
5629
+ --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
5630
+ --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
5631
+ --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
5632
+ --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
5633
+ --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
5634
+ --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
5635
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
5636
+ --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
5637
+ --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
5638
+ --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
5639
+ --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
5640
+ --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
5641
+ --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
5642
+ --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
5643
+ --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
5644
+ --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
5645
+ --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
5646
+ --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
5647
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
5648
+ --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
5649
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
5650
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
5651
+ --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--regular);
5652
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--regular);
5653
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--regular);
5654
+ --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
5655
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
5656
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
5657
+ --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
5658
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
5659
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
5660
+ --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
5661
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
5662
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
5663
+ --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
5664
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
5665
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
5666
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
5667
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
5668
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
5669
+ --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
5670
+ --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
5671
+ --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
5672
+ --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
5673
+ --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
5674
+ --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
5675
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
5676
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
5677
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
5678
+ --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
6030
5679
  }
6031
5680
 
6032
- .pf-v6-pficon-warning-triangle:before {
6033
- content: "\e975";
5681
+ :root:where(.pf-v6-theme-dark) {
5682
+ --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
5683
+ --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
5684
+ --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
5685
+ --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
5686
+ --pf-t--global--box-shadow--color--lg: var(--pf-t--global--dark--box-shadow--color--100);
5687
+ --pf-t--global--box-shadow--color--md: var(--pf-t--global--dark--box-shadow--color--100);
5688
+ --pf-t--global--box-shadow--color--sm: var(--pf-t--global--dark--box-shadow--color--100);
5689
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
5690
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
5691
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
5692
+ --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
5693
+ --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
5694
+ --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
5695
+ --pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30);
5696
+ --pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10);
5697
+ --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
5698
+ --pf-t--global--dark--text--color--400: var(--pf-t--color--red-orange--30);
5699
+ --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--90);
5700
+ --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--30);
5701
+ --pf-t--global--dark--text--color--100: var(--pf-t--color--gray--10);
5702
+ --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
5703
+ --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
5704
+ --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--10);
5705
+ --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--20);
5706
+ --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--30);
5707
+ --pf-t--global--dark--color--nonstatus--purple--300: var(--pf-t--color--purple--10);
5708
+ --pf-t--global--dark--color--nonstatus--purple--200: var(--pf-t--color--purple--20);
5709
+ --pf-t--global--dark--color--nonstatus--purple--100: var(--pf-t--color--purple--30);
5710
+ --pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--10);
5711
+ --pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--20);
5712
+ --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
5713
+ --pf-t--global--dark--color--nonstatus--cyan--300: var(--pf-t--color--teal--10);
5714
+ --pf-t--global--dark--color--nonstatus--cyan--200: var(--pf-t--color--teal--20);
5715
+ --pf-t--global--dark--color--nonstatus--cyan--100: var(--pf-t--color--teal--30);
5716
+ --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
5717
+ --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
5718
+ --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
5719
+ --pf-t--global--dark--color--nonstatus--gold--300: var(--pf-t--color--yellow--10);
5720
+ --pf-t--global--dark--color--nonstatus--gold--200: var(--pf-t--color--yellow--20);
5721
+ --pf-t--global--dark--color--nonstatus--gold--100: var(--pf-t--color--yellow--30);
5722
+ --pf-t--global--dark--color--nonstatus--orange--300: var(--pf-t--color--orange--10);
5723
+ --pf-t--global--dark--color--nonstatus--orange--200: var(--pf-t--color--orange--20);
5724
+ --pf-t--global--dark--color--nonstatus--orange--100: var(--pf-t--color--orange--30);
5725
+ --pf-t--global--dark--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--10);
5726
+ --pf-t--global--dark--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--20);
5727
+ --pf-t--global--dark--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--30);
5728
+ --pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--10);
5729
+ --pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--20);
5730
+ --pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--30);
5731
+ --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
5732
+ --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
5733
+ --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
5734
+ --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
5735
+ --pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
5736
+ --pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30);
5737
+ --pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40);
5738
+ --pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50);
5739
+ --pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20);
5740
+ --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
5741
+ --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
5742
+ --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
5743
+ --pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
5744
+ --pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
5745
+ --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
5746
+ --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
5747
+ --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
5748
+ --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
5749
+ --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
5750
+ --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
5751
+ --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
5752
+ --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
5753
+ --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
5754
+ --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
5755
+ --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
5756
+ --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
5757
+ --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--300);
5758
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
5759
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
5760
+ --pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400);
5761
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
5762
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
5763
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--dark--color--brand--200);
5764
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
5765
+ --pf-t--global--text--color--disabled: var(--pf-t--global--dark--color--disabled--200);
5766
+ --pf-t--global--text--color--inverse: var(--pf-t--global--dark--text--color--300);
5767
+ --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
5768
+ --pf-t--global--text--color--regular: var(--pf-t--global--dark--text--color--100);
5769
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--300);
5770
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--dark--text--color--link--200);
5771
+ --pf-t--global--text--color--link--default: var(--pf-t--global--dark--text--color--link--100);
5772
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--200);
5773
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--200);
5774
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--100);
5775
+ --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
5776
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
5777
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
5778
+ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
5779
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
5780
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
5781
+ --pf-t--global--border--color--nonstatus--cyan--clicked: var(--pf-t--global--dark--color--nonstatus--cyan--200);
5782
+ --pf-t--global--border--color--nonstatus--cyan--hover: var(--pf-t--global--dark--color--nonstatus--cyan--200);
5783
+ --pf-t--global--border--color--nonstatus--cyan--default: var(--pf-t--global--dark--color--nonstatus--cyan--100);
5784
+ --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
5785
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
5786
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
5787
+ --pf-t--global--border--color--nonstatus--gold--clicked: var(--pf-t--global--dark--color--nonstatus--gold--200);
5788
+ --pf-t--global--border--color--nonstatus--gold--hover: var(--pf-t--global--dark--color--nonstatus--gold--200);
5789
+ --pf-t--global--border--color--nonstatus--gold--default: var(--pf-t--global--dark--color--nonstatus--gold--100);
5790
+ --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
5791
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
5792
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
5793
+ --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
5794
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
5795
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
5796
+ --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
5797
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
5798
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
5799
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
5800
+ --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
5801
+ --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
5802
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
5803
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
5804
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--200);
5805
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
5806
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--dark--icon--color--200);
5807
+ --pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100);
5808
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
5809
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
5810
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200);
5811
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--200);
5812
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--200);
5813
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--100);
5814
+ --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
5815
+ --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
5816
+ --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
5817
+ --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
5818
+ --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
5819
+ --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
5820
+ --pf-t--global--color--nonstatus--cyan--clicked: var(--pf-t--global--dark--color--nonstatus--cyan--200);
5821
+ --pf-t--global--color--nonstatus--cyan--hover: var(--pf-t--global--dark--color--nonstatus--cyan--200);
5822
+ --pf-t--global--color--nonstatus--cyan--default: var(--pf-t--global--dark--color--nonstatus--cyan--100);
5823
+ --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
5824
+ --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
5825
+ --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
5826
+ --pf-t--global--color--nonstatus--gold--clicked: var(--pf-t--global--dark--color--nonstatus--gold--200);
5827
+ --pf-t--global--color--nonstatus--gold--hover: var(--pf-t--global--dark--color--nonstatus--gold--200);
5828
+ --pf-t--global--color--nonstatus--gold--default: var(--pf-t--global--dark--color--nonstatus--gold--100);
5829
+ --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
5830
+ --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
5831
+ --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
5832
+ --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
5833
+ --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
5834
+ --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
5835
+ --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
5836
+ --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
5837
+ --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
5838
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--200);
5839
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--200);
5840
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--100);
5841
+ --pf-t--global--color--status--info--clicked: var(--pf-t--global--dark--color--status--info--200);
5842
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--dark--color--status--info--200);
5843
+ --pf-t--global--color--status--info--default: var(--pf-t--global--dark--color--status--info--100);
5844
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--200);
5845
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--200);
5846
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--100);
5847
+ --pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200);
5848
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
5849
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
5850
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--200);
5851
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--200);
5852
+ --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--100);
5853
+ --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
5854
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
5855
+ --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
5856
+ --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
5857
+ --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
5858
+ --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
5859
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--100);
5860
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
5861
+ --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
5862
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
5863
+ --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
5864
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
5865
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
5866
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--200);
5867
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
5868
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
5869
+ --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
5870
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
5871
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
5872
+ --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--300);
5873
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
5874
+ --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
5875
+ --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--inverse);
5876
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--inverse);
5877
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--inverse);
5878
+ --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--inverse);
5879
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--inverse);
5880
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--inverse);
5881
+ --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--inverse);
5882
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse);
5883
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse);
5884
+ --pf-t--global--text--color--nonstatus--on-cyan--clicked: var(--pf-t--global--text--color--inverse);
5885
+ --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--text--color--inverse);
5886
+ --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--text--color--inverse);
5887
+ --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--inverse);
5888
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse);
5889
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse);
5890
+ --pf-t--global--text--color--nonstatus--on-gold--clicked: var(--pf-t--global--text--color--inverse);
5891
+ --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--text--color--inverse);
5892
+ --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--text--color--inverse);
5893
+ --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--inverse);
5894
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--inverse);
5895
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--inverse);
5896
+ --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--inverse);
5897
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--inverse);
5898
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--inverse);
5899
+ --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--inverse);
5900
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--inverse);
5901
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--inverse);
5902
+ --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
5903
+ --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
5904
+ --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
5905
+ --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
5906
+ --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
5907
+ --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
5908
+ --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
5909
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
5910
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
5911
+ --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
5912
+ --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
5913
+ --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
5914
+ --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
5915
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
5916
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
5917
+ --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
5918
+ --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
5919
+ --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
5920
+ --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--text--color--inverse);
5921
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
5922
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
5923
+ --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
5924
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
5925
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
5926
+ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
5927
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
5928
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
5929
+ --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
5930
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
5931
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
5932
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
5933
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
5934
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
5935
+ --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
5936
+ --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
5937
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
5938
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
5939
+ --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
5940
+ --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
5941
+ --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
5942
+ --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
5943
+ --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
5944
+ --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
5945
+ --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
5946
+ --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
5947
+ --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
5948
+ --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
5949
+ --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
5950
+ --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
5951
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
5952
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
5953
+ --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
5954
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
5955
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
5956
+ --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
5957
+ --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
5958
+ --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
5959
+ --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--inverse);
5960
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--inverse);
5961
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--inverse);
5962
+ --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--inverse);
5963
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
5964
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
5965
+ --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--inverse);
5966
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
5967
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
5968
+ --pf-t--global--icon--color--nonstatus--on-cyan--clicked: var(--pf-t--global--icon--color--inverse);
5969
+ --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--inverse);
5970
+ --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--inverse);
5971
+ --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--inverse);
5972
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
5973
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
5974
+ --pf-t--global--icon--color--nonstatus--on-gold--clicked: var(--pf-t--global--icon--color--inverse);
5975
+ --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--inverse);
5976
+ --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--inverse);
5977
+ --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--inverse);
5978
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
5979
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
5980
+ --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--inverse);
5981
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
5982
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
5983
+ --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--inverse);
5984
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
5985
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
5986
+ --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
5987
+ --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
5988
+ --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
5989
+ --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
5990
+ --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
5991
+ --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
5992
+ --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
5993
+ --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
5994
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
5995
+ --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
5996
+ --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
5997
+ --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
5998
+ --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
5999
+ --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
6000
+ --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
6001
+ --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
6002
+ --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
6003
+ --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
6004
+ --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
6005
+ --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
6006
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
6007
+ --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
6008
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
6009
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
6010
+ --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
6011
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
6012
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
6013
+ --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
6014
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
6015
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
6016
+ --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
6017
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
6018
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
6019
+ --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
6020
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
6021
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
6022
+ --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
6023
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
6024
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
6025
+ --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
6026
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
6027
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
6028
+ --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
6029
+ --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
6030
+ --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
6031
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
6032
+ --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
6033
+ --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
6034
+ --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
6035
+ --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default);
6034
6036
  }
6035
6037
 
6036
- .pf-v6-pficon-zone:before {
6037
- content: "\e911";
6038
+ :where(:root) {
6039
+ --pf-v6-global--inverse--multiplier: 1;
6038
6040
  }
6039
6041
 
6040
- .pf-v6-svg {
6041
- width: 1em;
6042
- height: 1em;
6043
- vertical-align: -0.125em;
6042
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) {
6043
+ --pf-v6-global--inverse--multiplier: -1;
6044
6044
  }
6045
6045
 
6046
- :root {
6046
+ :where(:root, .pf-v6-c-about-modal-box) {
6047
6047
  --pf-v6-c-about-modal-box--BackgroundImage: none;
6048
6048
  --pf-v6-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
6049
6049
  --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
@@ -6090,40 +6090,40 @@ button) {
6090
6090
  --pf-v6-c-about-modal-box__content--sm--MarginBottom: var(--pf-t--global--spacer--2xl);
6091
6091
  --pf-v6-c-about-modal-box__content--sm--MarginLeft: var(--pf-t--global--spacer--3xl);
6092
6092
  }
6093
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) :root {
6093
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) :where(:root, .pf-v6-c-about-modal-box) {
6094
6094
  --pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
6095
6095
  }
6096
6096
 
6097
6097
  @media screen and (min-width: 576px) {
6098
- :root {
6098
+ :where(:root, .pf-v6-c-about-modal-box) {
6099
6099
  --pf-v6-c-about-modal-box__brand--PaddingRight: var(--pf-v6-c-about-modal-box__brand--sm--PaddingRight);
6100
6100
  --pf-v6-c-about-modal-box__brand--PaddingLeft: var(--pf-v6-c-about-modal-box__brand--sm--PaddingLeft);
6101
6101
  --pf-v6-c-about-modal-box__brand--PaddingBottom: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBottom);
6102
6102
  }
6103
6103
  }
6104
6104
  @media only screen and (min-width: 576px) {
6105
- :root {
6105
+ :where(:root, .pf-v6-c-about-modal-box) {
6106
6106
  --pf-v6-c-about-modal-box__close--PaddingBottom: var(--pf-v6-c-about-modal-box__close--sm--PaddingBottom);
6107
6107
  }
6108
6108
  }
6109
6109
  @media only screen and (min-width: 992px) {
6110
- :root {
6110
+ :where(:root, .pf-v6-c-about-modal-box) {
6111
6111
  --pf-v6-c-about-modal-box__close--PaddingRight: var(--pf-v6-c-about-modal-box__close--lg--PaddingRight);
6112
6112
  }
6113
6113
  }
6114
6114
  @media only screen and (min-width: 576px) {
6115
- :root {
6115
+ :where(:root, .pf-v6-c-about-modal-box) {
6116
6116
  --pf-v6-c-about-modal-box__header--PaddingRight: var(--pf-v6-c-about-modal-box__header--sm--PaddingRight);
6117
6117
  --pf-v6-c-about-modal-box__header--PaddingLeft: var(--pf-v6-c-about-modal-box__header--sm--PaddingLeft);
6118
6118
  }
6119
6119
  }
6120
6120
  @media only screen and (min-width: 576px) {
6121
- :root {
6121
+ :where(:root, .pf-v6-c-about-modal-box) {
6122
6122
  --pf-v6-c-about-modal-box__strapline--PaddingTop: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingTop);
6123
6123
  }
6124
6124
  }
6125
6125
  @media only screen and (min-width: 576px) {
6126
- :root {
6126
+ :where(:root, .pf-v6-c-about-modal-box) {
6127
6127
  --pf-v6-c-about-modal-box__content--MarginTop: var(--pf-v6-c-about-modal-box__content--sm--MarginTop);
6128
6128
  --pf-v6-c-about-modal-box__content--MarginRight: var(--pf-v6-c-about-modal-box__content--sm--MarginRight);
6129
6129
  --pf-v6-c-about-modal-box__content--MarginBottom: var(--pf-v6-c-about-modal-box__content--sm--MarginBottom);
@@ -6237,7 +6237,7 @@ button) {
6237
6237
  font-size: var(--pf-v6-c-about-modal-box__close--c-button--FontSize);
6238
6238
  }
6239
6239
 
6240
- :root {
6240
+ :where(:root, .pf-v6-c-accordion) {
6241
6241
  --pf-v6-c-accordion--BackgroundColor: var(--pf-t--global--background--color--primary--default);
6242
6242
  --pf-v6-c-accordion--RowGap: var(--pf-t--global--spacer--xs);
6243
6243
  --pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
@@ -6389,7 +6389,7 @@ button) {
6389
6389
  --pf-v6-c-accordion__expandable-content-body--PaddingTop: var(--pf-v6-c-accordion__expandable-content-body--expandable-content-body--PaddingTop);
6390
6390
  }
6391
6391
 
6392
- :where(:root) {
6392
+ :where(:root, .pf-v6-c-action-list) {
6393
6393
  --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--sm);
6394
6394
  --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--2xl);
6395
6395
  --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--md);
@@ -6419,7 +6419,7 @@ button) {
6419
6419
  column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6420
6420
  }
6421
6421
 
6422
- :root {
6422
+ :where(:root, .pf-v6-c-alert) {
6423
6423
  --pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
6424
6424
  --pf-v6-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
6425
6425
  --pf-v6-c-alert--GridTemplateColumns: max-content 1fr max-content;
@@ -6923,7 +6923,7 @@ button) {
6923
6923
  color: var(--pf-v6-c-app-launcher__group-title--Color);
6924
6924
  }
6925
6925
 
6926
- :root, .pf-v6-c-avatar {
6926
+ :where(:root, .pf-v6-c-avatar) {
6927
6927
  --pf-v6-c-avatar--BorderColor: transparent;
6928
6928
  --pf-v6-c-avatar--BorderWidth: 0;
6929
6929
  --pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -7168,8 +7168,7 @@ button) {
7168
7168
  }
7169
7169
  }
7170
7170
 
7171
- :root,
7172
- .pf-v6-c-backdrop {
7171
+ :where(:root, .pf-v6-c-backdrop) {
7173
7172
  --pf-v6-c-backdrop--Position: fixed;
7174
7173
  --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
7175
7174
  --pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
@@ -7189,8 +7188,7 @@ button) {
7189
7188
  overflow: hidden;
7190
7189
  }
7191
7190
 
7192
- :root,
7193
- .pf-v6-c-background-image {
7191
+ :where(:root, .pf-v6-c-background-image) {
7194
7192
  --pf-v6-c-background-image--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7195
7193
  --pf-v6-c-background-image--BackgroundImage: none;
7196
7194
  --pf-v6-c-background-image--BackgroundSize--min-width: 200px;
@@ -7217,7 +7215,7 @@ button) {
7217
7215
  --pf-v6-c-background-image--BackgroundPosition: bottom left;
7218
7216
  }
7219
7217
 
7220
- :root {
7218
+ :where(:root, .pf-v6-c-back-to-top) {
7221
7219
  --pf-v6-c-back-to-top--Right: var(--pf-t--global--spacer--2xl);
7222
7220
  --pf-v6-c-back-to-top--Bottom: var(--pf-t--global--spacer--lg);
7223
7221
  --pf-v6-c-back-to-top--md--Bottom: var(--pf-t--global--spacer--2xl);
@@ -7229,7 +7227,7 @@ button) {
7229
7227
  --pf-v6-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
7230
7228
  }
7231
7229
  @media (min-width: 768px) {
7232
- :root {
7230
+ :where(:root, .pf-v6-c-back-to-top) {
7233
7231
  --pf-v6-c-back-to-top--Bottom: var(--pf-v6-c-back-to-top--md--Bottom);
7234
7232
  }
7235
7233
  }
@@ -7251,7 +7249,7 @@ button) {
7251
7249
  box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
7252
7250
  }
7253
7251
 
7254
- :root {
7252
+ :where(:root, .pf-v6-c-badge) {
7255
7253
  --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
7256
7254
  --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
7257
7255
  --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
@@ -7298,7 +7296,7 @@ button) {
7298
7296
  color: var(--pf-v6-c-badge__toggle-icon--Color);
7299
7297
  }
7300
7298
 
7301
- :root {
7299
+ :where(:root, .pf-v6-c-banner) {
7302
7300
  --pf-v6-c-banner--PaddingTop: var(--pf-t--global--spacer--xs);
7303
7301
  --pf-v6-c-banner--PaddingRight: var(--pf-t--global--spacer--md);
7304
7302
  --pf-v6-c-banner--md--PaddingRight: var(--pf-t--global--spacer--lg);
@@ -7344,7 +7342,7 @@ button) {
7344
7342
  --pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
7345
7343
  }
7346
7344
  @media (min-width: 768px) {
7347
- :root {
7345
+ :where(:root, .pf-v6-c-banner) {
7348
7346
  --pf-v6-c-banner--PaddingRight: var(--pf-v6-c-banner--md--PaddingRight);
7349
7347
  --pf-v6-c-banner--PaddingLeft: var(--pf-v6-c-banner--md--PaddingLeft);
7350
7348
  }
@@ -7510,8 +7508,7 @@ button) {
7510
7508
  max-width: 100%;
7511
7509
  }
7512
7510
 
7513
- :where(:root),
7514
- :where(.pf-v6-c-breadcrumb) {
7511
+ :where(:root, .pf-v6-c-breadcrumb) {
7515
7512
  --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
7516
7513
  --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
7517
7514
  --pf-v6-c-breadcrumb__item--MarginRight: var(--pf-t--global--spacer--sm);
@@ -7620,8 +7617,7 @@ button.pf-v6-c-breadcrumb__link {
7620
7617
  display: none;
7621
7618
  }
7622
7619
 
7623
- :where(:root),
7624
- :where(.pf-v6-c-button) {
7620
+ :where(:root, .pf-v6-c-button) {
7625
7621
  --pf-v6-c-button--Display: inline-block;
7626
7622
  --pf-v6-c-button--PaddingTop: var(--pf-t--global--spacer--sm);
7627
7623
  --pf-v6-c-button--PaddingRight: var(--pf-t--global--spacer--lg);
@@ -8186,8 +8182,7 @@ button.pf-v6-c-breadcrumb__link {
8186
8182
  margin-inline-start: var(--pf-v6-c-button__count--MarginLeft);
8187
8183
  }
8188
8184
 
8189
- :where(:root),
8190
- :where(.pf-v6-c-calendar-month) {
8185
+ :where(:root, .pf-v6-c-calendar-month) {
8191
8186
  --pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
8192
8187
  --pf-v6-c-calendar-month--PaddingTop: var(--pf-t--global--spacer--lg);
8193
8188
  --pf-v6-c-calendar-month--PaddingRight: var(--pf-t--global--spacer--lg);
@@ -8392,8 +8387,7 @@ button.pf-v6-c-breadcrumb__link {
8392
8387
  pointer-events: none;
8393
8388
  }
8394
8389
 
8395
- :where(:root),
8396
- :where(.pf-v6-c-card) {
8390
+ :where(:root, .pf-v6-c-card) {
8397
8391
  --pf-v6-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
8398
8392
  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
8399
8393
  --pf-v6-c-card--BorderStyle: solid;
@@ -8710,8 +8704,7 @@ button.pf-v6-c-breadcrumb__link {
8710
8704
  color: var(--pf-v6-c-card__footer--Color);
8711
8705
  }
8712
8706
 
8713
- :root,
8714
- .pf-v6-c-check {
8707
+ :where(:root, .pf-v6-c-check) {
8715
8708
  --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
8716
8709
  --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
8717
8710
  --pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
@@ -8975,8 +8968,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
8975
8968
  margin-block-end: var(--pf-v6-c-chip-group__close--MarginBottom);
8976
8969
  }
8977
8970
 
8978
- :where(:root),
8979
- :where(.pf-v6-c-clipboard-copy) {
8971
+ :where(:root, .pf-v6-c-clipboard-copy) {
8980
8972
  --pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
8981
8973
  --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
8982
8974
  --pf-v6-c-clipboard-copy__expandable-content--MarginTop: var(--pf-t--global--spacer--xs);
@@ -9082,7 +9074,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
9082
9074
  --pf-v6-c-button--PaddingLeft: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingLeft);
9083
9075
  }
9084
9076
 
9085
- :root, :where(.pf-v6-c-code-block) {
9077
+ :where(:root, .pf-v6-c-code-block) {
9086
9078
  --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
9087
9079
  --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
9088
9080
  --pf-v6-c-code-block__header--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
@@ -9136,7 +9128,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
9136
9128
  font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
9137
9129
  }
9138
9130
 
9139
- :where(:root), :where(.pf-v6-c-code-editor) {
9131
+ :where(:root, .pf-v6-c-code-editor) {
9140
9132
  --pf-v6-c-code-editor__controls--PaddingInlineStart: var(--pf-t--global--spacer--sm);
9141
9133
  --pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--xs);
9142
9134
  --pf-v6-c-code-editor__header--before--BorderBottomWidth: var(--pf-t--global--border--width--box--default);
@@ -9313,8 +9305,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
9313
9305
  margin-inline-start: var(--pf-v6-c-code-editor__tab-icon--text--MarginLeft);
9314
9306
  }
9315
9307
 
9316
- :where(:root),
9317
- :where(.pf-v6-c-content) {
9308
+ :where(:root, .pf-v6-c-content) {
9318
9309
  --pf-v6-c-content--MarginBottom: var(--pf-t--global--spacer--md);
9319
9310
  --pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
9320
9311
  --pf-v6-c-content--FontSize: var(--pf-t--global--font--size--body--default);
@@ -10309,7 +10300,7 @@ ol) {
10309
10300
  }
10310
10301
  }
10311
10302
 
10312
- :root, .pf-v6-c-data-list {
10303
+ :where(:root, .pf-v6-c-data-list) {
10313
10304
  --pf-v6-c-data-list--FontSize: var( --pf-t--global--font--size--body);
10314
10305
  --pf-v6-c-data-list--LineHeight: var(--pf-t--global--font--line-height--body);
10315
10306
  --pf-v6-c-data-list--BorderTopColor: var(--pf-t--global--border--color--default);
@@ -10421,13 +10412,13 @@ ol) {
10421
10412
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingTop: var(--pf-t--global--spacer--sm);
10422
10413
  }
10423
10414
  @media screen and (min-width: 576px) {
10424
- :root, .pf-v6-c-data-list {
10415
+ :where(:root, .pf-v6-c-data-list) {
10425
10416
  --pf-v6-c-data-list--BorderTopColor: var(--pf-v6-c-data-list--sm--BorderTopColor);
10426
10417
  --pf-v6-c-data-list--BorderTopWidth: var(--pf-v6-c-data-list--sm--BorderTopWidth);
10427
10418
  }
10428
10419
  }
10429
10420
  @media screen and (min-width: 576px) {
10430
- :root, .pf-v6-c-data-list {
10421
+ :where(:root, .pf-v6-c-data-list) {
10431
10422
  --pf-v6-c-data-list__item--BorderBottomWidth: var(--pf-v6-c-data-list__item--sm--BorderBottomWidth);
10432
10423
  --pf-v6-c-data-list__item--BorderBottomColor: var(--pf-v6-c-data-list__item--sm--BorderBottomColor);
10433
10424
  }
@@ -10738,7 +10729,7 @@ ol) {
10738
10729
  padding: 0;
10739
10730
  }
10740
10731
 
10741
- :where(:root), :where(.pf-v6-c-description-list) {
10732
+ :where(:root, .pf-v6-c-description-list) {
10742
10733
  --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--lg);
10743
10734
  --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--lg);
10744
10735
  --pf-v6-c-description-list--GridTemplateColumns--count: 1;
@@ -10785,32 +10776,32 @@ ol) {
10785
10776
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
10786
10777
  }
10787
10778
  @media screen and (min-width: 576px) {
10788
- :where(:root), :where(.pf-v6-c-description-list) {
10779
+ :where(:root, .pf-v6-c-description-list) {
10789
10780
  --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
10790
10781
  }
10791
10782
  }
10792
10783
  @media (min-width: 576px) {
10793
- :where(:root), :where(.pf-v6-c-description-list) {
10784
+ :where(:root, .pf-v6-c-description-list) {
10794
10785
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width));
10795
10786
  }
10796
10787
  }
10797
10788
  @media (min-width: 768px) {
10798
- :where(:root), :where(.pf-v6-c-description-list) {
10789
+ :where(:root, .pf-v6-c-description-list) {
10799
10790
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)));
10800
10791
  }
10801
10792
  }
10802
10793
  @media (min-width: 992px) {
10803
- :where(:root), :where(.pf-v6-c-description-list) {
10794
+ :where(:root, .pf-v6-c-description-list) {
10804
10795
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))));
10805
10796
  }
10806
10797
  }
10807
10798
  @media (min-width: 1200px) {
10808
- :where(:root), :where(.pf-v6-c-description-list) {
10799
+ :where(:root, .pf-v6-c-description-list) {
10809
10800
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)))));
10810
10801
  }
10811
10802
  }
10812
10803
  @media (min-width: 1450px) {
10813
- :where(:root), :where(.pf-v6-c-description-list) {
10804
+ :where(:root, .pf-v6-c-description-list) {
10814
10805
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-2xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))))));
10815
10806
  }
10816
10807
  }
@@ -11063,7 +11054,7 @@ ol) {
11063
11054
  }
11064
11055
  }
11065
11056
 
11066
- :where(:root), :where(.pf-v6-c-draggable) {
11057
+ :where(:root, .pf-v6-c-draggable) {
11067
11058
  --pf-v6-c-draggable--Cursor: auto;
11068
11059
  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
11069
11060
  --pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
@@ -11099,7 +11090,7 @@ ol) {
11099
11090
  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-v6-c-draggable--m-drag-outside--after--BorderColor);
11100
11091
  }
11101
11092
 
11102
- :where(:root), :where(.pf-v6-c-droppable) {
11093
+ :where(:root, .pf-v6-c-droppable) {
11103
11094
  --pf-v6-c-droppable--before--BackgroundColor: transparent;
11104
11095
  --pf-v6-c-droppable--before--Opacity: 0;
11105
11096
  --pf-v6-c-droppable--after--BorderWidth: 0;
@@ -11140,7 +11131,7 @@ ol) {
11140
11131
  --pf-v6-c-droppable--m-dragging--after--BorderColor: var(--pf-v6-c-droppable--m-drag-outside--after--BorderColor);
11141
11132
  }
11142
11133
 
11143
- :where(:root), :where(.pf-v6-c-dual-list-selector) {
11134
+ :where(:root, .pf-v6-c-dual-list-selector) {
11144
11135
  --pf-v6-c-dual-list-selector__header--GridArea: pane-header;
11145
11136
  --pf-v6-c-dual-list-selector__tools--GridArea: pane-tools;
11146
11137
  --pf-v6-c-dual-list-selector__status--GridArea: pane-status;
@@ -11462,8 +11453,7 @@ ol) {
11462
11453
  --pf-v6-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-v6-c-dual-list-selector__item--PaddingLeft);
11463
11454
  }
11464
11455
 
11465
- :where(:root),
11466
- :where(.pf-v6-c-toolbar) {
11456
+ :where(:root, .pf-v6-c-toolbar) {
11467
11457
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--sm);
11468
11458
  --pf-v6-c-toolbar--ColumnGap: var(--pf-t--global--spacer--md);
11469
11459
  --pf-v6-c-toolbar--PaddingBlock: var(--pf-t--global--spacer--md);
@@ -14281,8 +14271,7 @@ ol) {
14281
14271
  display: inline-block;
14282
14272
  }
14283
14273
  }
14284
- :where(:root),
14285
- :where(.pf-v6-c-date-picker) {
14274
+ :where(:root, .pf-v6-c-date-picker) {
14286
14275
  --pf-v6-c-date-picker--m-top__calendar--Top: 0;
14287
14276
  --pf-v6-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-t--global--spacer--xs));
14288
14277
  --pf-v6-c-date-picker__helper-text--MarginTop: var(--pf-t--global--spacer--sm);
@@ -14340,8 +14329,7 @@ ol) {
14340
14329
  min-width: min-content;
14341
14330
  }
14342
14331
 
14343
- :root,
14344
- :where(.pf-v6-c-divider) {
14332
+ :where(:root, .pf-v6-c-divider) {
14345
14333
  --pf-v6-c-divider--Display: flex;
14346
14334
  --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
14347
14335
  --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
@@ -14646,8 +14634,7 @@ ol) {
14646
14634
  }
14647
14635
  }
14648
14636
 
14649
- :where(:root),
14650
- :where(.pf-v6-c-drawer) {
14637
+ :where(:root, .pf-v6-c-drawer) {
14651
14638
  --pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
14652
14639
  --pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
14653
14640
  --pf-v6-c-drawer__content--FlexBasis: 100%;
@@ -14755,12 +14742,10 @@ ol) {
14755
14742
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingTop: var(--pf-v6-c-drawer__panel--after--Width);
14756
14743
  }
14757
14744
  @media screen and (min-width: 1200px) {
14758
- :where(:root),
14759
- :where(.pf-v6-c-drawer) {
14745
+ :where(:root, .pf-v6-c-drawer) {
14760
14746
  --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
14761
14747
  }
14762
- :where(:root).pf-m-panel-bottom,
14763
- :where(.pf-v6-c-drawer).pf-m-panel-bottom {
14748
+ :where(:root, .pf-v6-c-drawer).pf-m-panel-bottom {
14764
14749
  --pf-v6-c-drawer__panel--MinWidth: auto;
14765
14750
  --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
14766
14751
  }
@@ -16152,7 +16137,7 @@ ol) {
16152
16137
  color: var(--pf-v6-c-dropdown__group-title--Color);
16153
16138
  }
16154
16139
 
16155
- :root {
16140
+ :where(:root, .pf-v6-c-empty-state) {
16156
16141
  --pf-v6-c-empty-state--PaddingTop: var(--pf-t--global--spacer--xl);
16157
16142
  --pf-v6-c-empty-state--PaddingRight: var(--pf-t--global--spacer--xl);
16158
16143
  --pf-v6-c-empty-state--PaddingBottom: var(--pf-t--global--spacer--xl);
@@ -16291,7 +16276,7 @@ ol) {
16291
16276
  justify-content: center;
16292
16277
  }
16293
16278
 
16294
- :root {
16279
+ :where(:root, .pf-v6-c-expandable-section) {
16295
16280
  --pf-v6-c-expandable-section__toggle--PaddingTop: var(--pf-t--global--spacer--sm);
16296
16281
  --pf-v6-c-expandable-section__toggle--PaddingRight: var(--pf-t--global--spacer--md);
16297
16282
  --pf-v6-c-expandable-section__toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
@@ -16432,8 +16417,7 @@ ol) {
16432
16417
  padding-inline-end: var(--pf-v6-c-expandable-section__content--PaddingRight);
16433
16418
  }
16434
16419
 
16435
- :where(:root),
16436
- :where(.pf-v6-c-file-upload) {
16420
+ :where(:root, .pf-v6-c-file-upload) {
16437
16421
  --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--sm);
16438
16422
  --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
16439
16423
  --pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -16490,8 +16474,7 @@ ol) {
16490
16474
  transform: translate(-50%, -50%);
16491
16475
  }
16492
16476
 
16493
- :root,
16494
- .pf-v6-c-form {
16477
+ :where(:root, .pf-v6-c-form) {
16495
16478
  --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--lg);
16496
16479
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--sm);
16497
16480
  --pf-v6-c-form__group--m-action--MarginTop: var(--pf-t--global--spacer--xl);
@@ -16953,8 +16936,7 @@ ol) {
16953
16936
  margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBottom);
16954
16937
  }
16955
16938
 
16956
- :root,
16957
- .pf-v6-c-form-control {
16939
+ :where(:root, .pf-v6-c-form-control) {
16958
16940
  --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--sm);
16959
16941
  --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
16960
16942
  --pf-v6-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
@@ -17223,7 +17205,7 @@ select ~ .pf-v6-c-form-control__utilities {
17223
17205
  --pf-v6-c-form-control__utilities--PaddingRight: 0;
17224
17206
  }
17225
17207
 
17226
- :root {
17208
+ :where(:root, .pf-v6-c-hint) {
17227
17209
  --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
17228
17210
  --pf-v6-c-hint--PaddingTop: var(--pf-t--global--spacer--lg);
17229
17211
  --pf-v6-c-hint--PaddingRight: var(--pf-t--global--spacer--lg);
@@ -17299,7 +17281,7 @@ select ~ .pf-v6-c-form-control__utilities {
17299
17281
  margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginRight);
17300
17282
  }
17301
17283
 
17302
- :root {
17284
+ :where(:root, .pf-v6-c-helper-text) {
17303
17285
  --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
17304
17286
  --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
17305
17287
  --pf-v6-c-helper-text__item-icon--Color: var(--pf-t--global--icon--color--regular);
@@ -17371,8 +17353,7 @@ select ~ .pf-v6-c-form-control__utilities {
17371
17353
  color: var(--pf-v6-c-helper-text__item-text--Color);
17372
17354
  }
17373
17355
 
17374
- :root,
17375
- :where(.pf-v6-c-icon) {
17356
+ :where(:root, .pf-v6-c-icon) {
17376
17357
  --pf-v6-c-icon--Width: 1em;
17377
17358
  --pf-v6-c-icon--Height: 1em;
17378
17359
  --pf-v6-c-icon--m-sm--Width: var(--pf-t--global--icon--size--sm);
@@ -17628,8 +17609,7 @@ select ~ .pf-v6-c-form-control__utilities {
17628
17609
  transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
17629
17610
  }
17630
17611
 
17631
- :where(:root),
17632
- :where(.pf-v6-c-inline-edit) {
17612
+ :where(:root, .pf-v6-c-inline-edit) {
17633
17613
  --pf-v6-c-inline-edit__group--item--MarginRight: var(--pf-t--global--spacer--sm);
17634
17614
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
17635
17615
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
@@ -17712,8 +17692,7 @@ select ~ .pf-v6-c-form-control__utilities {
17712
17692
  display: none;
17713
17693
  }
17714
17694
 
17715
- :root,
17716
- .pf-v6-c-input-group {
17695
+ :where(:root, .pf-v6-c-input-group) {
17717
17696
  --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--xs);
17718
17697
  --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
17719
17698
  --pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
@@ -17786,8 +17765,7 @@ label.pf-v6-c-input-group__text {
17786
17765
  cursor: pointer;
17787
17766
  }
17788
17767
 
17789
- :where(:root),
17790
- :where(.pf-v6-c-jump-links) {
17768
+ :where(:root, .pf-v6-c-jump-links) {
17791
17769
  --pf-v6-c-jump-links__list--Display: flex;
17792
17770
  --pf-v6-c-jump-links__list--PaddingTop: 0;
17793
17771
  --pf-v6-c-jump-links__list--PaddingRight: var(--pf-t--global--spacer--md);
@@ -18049,8 +18027,7 @@ label.pf-v6-c-input-group__text {
18049
18027
  color: var(--pf-v6-c-jump-links__toggle-text--Color);
18050
18028
  }
18051
18029
 
18052
- :where(:root),
18053
- :where(.pf-v6-c-label) {
18030
+ :where(:root, .pf-v6-c-label) {
18054
18031
  --pf-v6-c-label--PaddingTop: var(--pf-t--global--spacer--xs);
18055
18032
  --pf-v6-c-label--PaddingRight: var(--pf-t--global--spacer--sm);
18056
18033
  --pf-v6-c-label--PaddingBottom: var(--pf-t--global--spacer--xs);
@@ -18543,8 +18520,7 @@ input.pf-v6-c-label__content {
18543
18520
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
18544
18521
  }
18545
18522
 
18546
- :where(:root),
18547
- :where(.pf-v6-c-label-group) {
18523
+ :where(:root, .pf-v6-c-label-group) {
18548
18524
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
18549
18525
  --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
18550
18526
  --pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
@@ -18928,7 +18904,7 @@ ul.pf-v6-c-list {
18928
18904
  font-weight: var(--pf-v6-c-log-viewer__timestamp--FontWeight);
18929
18905
  }
18930
18906
 
18931
- :root {
18907
+ :where(:root, .pf-v6-c-login) {
18932
18908
  --pf-v6-c-login--PaddingTop: var(--pf-t--global--spacer--lg);
18933
18909
  --pf-v6-c-login--PaddingBottom: var(--pf-t--global--spacer--lg);
18934
18910
  --pf-v6-c-login__container--xl--GridColumnGap: var(--pf-t--global--spacer--3xl);
@@ -18984,48 +18960,48 @@ ul.pf-v6-c-list {
18984
18960
  --pf-v6-c-login__footer--c-list--xl--PaddingTop: var(--pf-t--global--spacer--2xl);
18985
18961
  }
18986
18962
  @media (min-width: 1200px) {
18987
- :root {
18963
+ :where(:root, .pf-v6-c-login) {
18988
18964
  --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
18989
18965
  }
18990
18966
  }
18991
18967
  @media (min-width: 576px) {
18992
- :root {
18968
+ :where(:root, .pf-v6-c-login) {
18993
18969
  --pf-v6-c-login__header--PaddingRight: 0;
18994
18970
  --pf-v6-c-login__header--PaddingLeft: 0;
18995
18971
  }
18996
18972
  }
18997
18973
  @media (min-width: 1200px) {
18998
- :root {
18974
+ :where(:root, .pf-v6-c-login) {
18999
18975
  --pf-v6-c-login__header--MarginBottom: var(--pf-v6-c-login__header--xl--MarginBottom);
19000
18976
  --pf-v6-c-login__header--c-brand--MarginBottom: var(--pf-v6-c-login__header--c-brand--xl--MarginBottom);
19001
18977
  }
19002
18978
  }
19003
18979
  @media (min-width: 1200px) {
19004
- :root {
18980
+ :where(:root, .pf-v6-c-login) {
19005
18981
  --pf-v6-c-login__main--MarginBottom: 0;
19006
18982
  }
19007
18983
  }
19008
18984
  @media (min-width: 768px) {
19009
- :root {
18985
+ :where(:root, .pf-v6-c-login) {
19010
18986
  --pf-v6-c-login__main-header--PaddingRight: var(--pf-v6-c-login__main-header--md--PaddingRight);
19011
18987
  --pf-v6-c-login__main-header--PaddingLeft: var(--pf-v6-c-login__main-header--md--PaddingLeft);
19012
18988
  --pf-v6-c-login__main-header-desc--MarginBottom: var(--pf-v6-c-login__main-header-desc--md--MarginBottom);
19013
18989
  }
19014
18990
  }
19015
18991
  @media (min-width: 768px) {
19016
- :root {
18992
+ :where(:root, .pf-v6-c-login) {
19017
18993
  --pf-v6-c-login__main-body--PaddingRight: var(--pf-v6-c-login__main-body--md--PaddingRight);
19018
18994
  --pf-v6-c-login__main-body--PaddingLeft: var(--pf-v6-c-login__main-body--md--PaddingLeft);
19019
18995
  }
19020
18996
  }
19021
18997
  @media (min-width: 576px) {
19022
- :root {
18998
+ :where(:root, .pf-v6-c-login) {
19023
18999
  --pf-v6-c-login__footer--PaddingRight: 0;
19024
19000
  --pf-v6-c-login__footer--PaddingLeft: 0;
19025
19001
  }
19026
19002
  }
19027
19003
  @media (min-width: 1200px) {
19028
- :root {
19004
+ :where(:root, .pf-v6-c-login) {
19029
19005
  --pf-v6-c-login__footer--c-list--PaddingTop: var(--pf-v6-c-login__footer--c-list--xl--PaddingTop);
19030
19006
  }
19031
19007
  }
@@ -19185,8 +19161,7 @@ ul.pf-v6-c-list {
19185
19161
  padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingTop);
19186
19162
  }
19187
19163
 
19188
- :where(:root),
19189
- :where(.pf-v6-c-masthead) {
19164
+ :where(:root, .pf-v6-c-masthead) {
19190
19165
  --pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
19191
19166
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--md);
19192
19167
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
@@ -19623,8 +19598,7 @@ ul.pf-v6-c-list {
19623
19598
  padding-inline-end: var(--pf-t--global--spacer--2xl);
19624
19599
  }
19625
19600
 
19626
- :where(:root),
19627
- :where(.pf-v6-c-menu) {
19601
+ :where(:root, .pf-v6-c-menu) {
19628
19602
  --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
19629
19603
  --pf-v6-c-menu--Width: auto;
19630
19604
  --pf-v6-c-menu--MinWidth: auto;
@@ -20191,8 +20165,7 @@ ul.pf-v6-c-list {
20191
20165
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
20192
20166
  }
20193
20167
 
20194
- :where(:root),
20195
- :where(.pf-v6-c-menu-toggle) {
20168
+ :where(:root, .pf-v6-c-menu-toggle) {
20196
20169
  --pf-v6-c-menu-toggle--ColumnGap: var(--pf-t--global--spacer--sm);
20197
20170
  --pf-v6-c-menu-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
20198
20171
  --pf-v6-c-menu-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
@@ -20600,7 +20573,7 @@ ul.pf-v6-c-list {
20600
20573
  color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
20601
20574
  }
20602
20575
 
20603
- :root {
20576
+ :where(:root, .pf-v6-c-modal-box) {
20604
20577
  --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
20605
20578
  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
20606
20579
  --pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
@@ -20650,7 +20623,7 @@ ul.pf-v6-c-list {
20650
20623
  --pf-v6-c-modal-box__footer--c-button--sm--MarginRight: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginRight) / 2);
20651
20624
  }
20652
20625
  @media (min-width: 1200px) {
20653
- :root {
20626
+ :where(:root, .pf-v6-c-modal-box) {
20654
20627
  --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
20655
20628
  }
20656
20629
  }
@@ -20799,8 +20772,7 @@ ul.pf-v6-c-list {
20799
20772
  }
20800
20773
  }
20801
20774
 
20802
- :root,
20803
- :where(.pf-v6-c-multiple-file-upload) {
20775
+ :where(:root, .pf-v6-c-multiple-file-upload) {
20804
20776
  --pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
20805
20777
  --pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
20806
20778
  --pf-v6-c-multiple-file-upload__main--TextAlign: center;
@@ -21010,8 +20982,7 @@ ul.pf-v6-c-list {
21010
20982
  color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
21011
20983
  }
21012
20984
 
21013
- :where(:root),
21014
- :where(.pf-v6-c-nav) {
20985
+ :where(:root, .pf-v6-c-nav) {
21015
20986
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
21016
20987
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
21017
20988
  --pf-v6-c-nav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -21297,7 +21268,7 @@ ul.pf-v6-c-list {
21297
21268
  --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
21298
21269
  }
21299
21270
 
21300
- :root {
21271
+ :where(:root, .pf-v6-c-notification-badge) {
21301
21272
  --pf-v6-c-notification-badge--BackgroundColor: transparent;
21302
21273
  --pf-v6-c-notification-badge--MinWidth: 40px;
21303
21274
  --pf-v6-c-notification-badge--Gap: var(--pf-t--global--spacer--xs);
@@ -21385,8 +21356,7 @@ ul.pf-v6-c-list {
21385
21356
  --pf-v6-c-notification-badge--m-attention--BackgroundColor: var(--pf-v6-c-notification-badge--m-attention--m-expanded--BackgroundColor);
21386
21357
  }
21387
21358
 
21388
- :root,
21389
- .pf-v6-c-notification-drawer {
21359
+ :where(:root, .pf-v6-c-notification-drawer) {
21390
21360
  --pf-v6-c-notification-drawer--BackgroundColor: var(--pf-t--global--background--color--floating--default);
21391
21361
  --pf-v6-c-notification-drawer__header--PaddingTop: var(--pf-t--global--spacer--md);
21392
21362
  --pf-v6-c-notification-drawer__header--PaddingRight: var(--pf-t--global--spacer--lg);
@@ -21927,7 +21897,7 @@ ul.pf-v6-c-list {
21927
21897
  color: var(--pf-v6-c-options-menu__group-title--Color);
21928
21898
  }
21929
21899
 
21930
- :root {
21900
+ :where(:root, .pf-v6-c-overflow-menu) {
21931
21901
  --pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
21932
21902
  --pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
21933
21903
  --pf-v6-c-overflow-menu__group--m-button-group--ColumnGap: var(--pf-t--global--spacer--sm);
@@ -21964,7 +21934,7 @@ ul.pf-v6-c-list {
21964
21934
  column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
21965
21935
  }
21966
21936
 
21967
- :root {
21937
+ :where(:root, .pf-v6-c-page) {
21968
21938
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21969
21939
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--md);
21970
21940
  --pf-v6-c-page--xl--inset: var(--pf-t--global--spacer--xl);
@@ -22076,25 +22046,25 @@ ul.pf-v6-c-list {
22076
22046
  --pf-v6-c-page__main-wizard--BorderTopWidth: var(--pf-t--global--border--width--button--default);
22077
22047
  }
22078
22048
  @media (min-width: 1200px) {
22079
- :root {
22049
+ :where(:root, .pf-v6-c-page) {
22080
22050
  --pf-v6-c-page__header-brand--PaddingLeft: var(--pf-v6-c-page__header-brand--xl--PaddingLeft);
22081
22051
  --pf-v6-c-page--inset: var(--pf-v6-c-page--xl--inset);
22082
22052
  }
22083
22053
  }
22084
22054
  @media screen and (min-width: 1200px) {
22085
- :root {
22055
+ :where(:root, .pf-v6-c-page) {
22086
22056
  --pf-v6-c-page__header-nav--BackgroundColor: var(--pf-v6-c-page__header-nav--xl--BackgroundColor);
22087
22057
  --pf-v6-c-page__header-nav--PaddingRight: var(--pf-v6-c-page__header-nav--xl--PaddingRight);
22088
22058
  --pf-v6-c-page__header-nav--PaddingLeft: var(--pf-v6-c-page__header-nav--xl--PaddingLeft);
22089
22059
  }
22090
22060
  }
22091
22061
  @media screen and (min-width: 1200px) {
22092
- :root {
22062
+ :where(:root, .pf-v6-c-page) {
22093
22063
  --pf-v6-c-page__header-tools--MarginRight: var(--pf-v6-c-page__header-tools--xl--MarginRight);
22094
22064
  }
22095
22065
  }
22096
22066
  @media screen and (min-width: 1200px) {
22097
- :root {
22067
+ :where(:root, .pf-v6-c-page) {
22098
22068
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
22099
22069
  }
22100
22070
  }
@@ -22948,8 +22918,7 @@ ul.pf-v6-c-list {
22948
22918
  flex: 1 0 auto;
22949
22919
  }
22950
22920
 
22951
- :where(:root),
22952
- :where(.pf-v6-c-pagination) {
22921
+ :where(:root, .pf-v6-c-pagination) {
22953
22922
  --pf-v6-c-pagination--inset: 0;
22954
22923
  --pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
22955
22924
  --pf-v6-c-pagination--m-page-insets--inset: var(--pf-t--global--spacer--lg);
@@ -22984,8 +22953,7 @@ ul.pf-v6-c-list {
22984
22953
  --pf-v6-c-pagination--m-display-full__page-menu--Display: inline-flex;
22985
22954
  }
22986
22955
  @media screen and (min-width: 768px) {
22987
- :where(:root),
22988
- :where(.pf-v6-c-pagination) {
22956
+ :where(:root, .pf-v6-c-pagination) {
22989
22957
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
22990
22958
  --pf-v6-c-pagination__page-menu--Display: inline-flex;
22991
22959
  --pf-v6-c-pagination__nav--Display: inline-flex;
@@ -22993,8 +22961,7 @@ ul.pf-v6-c-list {
22993
22961
  }
22994
22962
  }
22995
22963
  @media screen and (min-width: 1200px) {
22996
- :where(:root),
22997
- :where(.pf-v6-c-pagination) {
22964
+ :where(:root, .pf-v6-c-pagination) {
22998
22965
  --pf-v6-c-pagination__scroll-button--Width: var(--pf-v6-c-pagination__scroll-button--xl--Width);
22999
22966
  }
23000
22967
  }
@@ -23295,8 +23262,7 @@ ul.pf-v6-c-list {
23295
23262
  }
23296
23263
  }
23297
23264
 
23298
- :root,
23299
- .pf-v6-c-panel {
23265
+ :where(:root, .pf-v6-c-panel) {
23300
23266
  --pf-v6-c-panel--Width: auto;
23301
23267
  --pf-v6-c-panel--MinWidth: auto;
23302
23268
  --pf-v6-c-panel--MaxWidth: none;
@@ -23591,8 +23557,7 @@ ul.pf-v6-c-list {
23591
23557
  margin-block-start: var(--pf-v6-c-popover__footer--MarginTop);
23592
23558
  }
23593
23559
 
23594
- :root,
23595
- .pf-v6-c-progress {
23560
+ :where(:root, .pf-v6-c-progress) {
23596
23561
  --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
23597
23562
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
23598
23563
  --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
@@ -23752,8 +23717,7 @@ ul.pf-v6-c-list {
23752
23717
  margin-block-start: var(--pf-v6-c-progress__helper-text--MarginTop);
23753
23718
  }
23754
23719
 
23755
- :where(:root),
23756
- :where(.pf-v6-c-progress-stepper) {
23720
+ :where(:root, .pf-v6-c-progress-stepper) {
23757
23721
  --pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
23758
23722
  --pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
23759
23723
  --pf-v6-c-progress-stepper--m-vertical__step-connector--before--Top: 0;
@@ -23872,8 +23836,7 @@ ul.pf-v6-c-list {
23872
23836
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
23873
23837
  }
23874
23838
  @media screen and (min-width: 768px) {
23875
- :where(:root),
23876
- :where(.pf-v6-c-progress-stepper) {
23839
+ :where(:root, .pf-v6-c-progress-stepper) {
23877
23840
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
23878
23841
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
23879
23842
  --pf-v6-c-progress-stepper__step-connector--before--Top: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Top);
@@ -24363,8 +24326,7 @@ ul.pf-v6-c-list {
24363
24326
  }
24364
24327
  }
24365
24328
 
24366
- :root,
24367
- .pf-v6-c-radio {
24329
+ :where(:root, .pf-v6-c-radio) {
24368
24330
  --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
24369
24331
  --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
24370
24332
  --pf-v6-c-radio--Height: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
@@ -25016,8 +24978,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25016
24978
  box-shadow: var(--pf-v6-c-select__menu-footer--BoxShadow);
25017
24979
  }
25018
24980
 
25019
- :root,
25020
- :where(.pf-v6-c-sidebar) {
24981
+ :where(:root, .pf-v6-c-sidebar) {
25021
24982
  --pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
25022
24983
  --pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
25023
24984
  --pf-v6-c-sidebar--BorderWidth--base: var(--pf-t--global--border--width--regular);
@@ -25361,7 +25322,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25361
25322
  --pf-v6-c-sidebar__panel--FlexBasis: 100%;
25362
25323
  }
25363
25324
  }
25364
- :root, .pf-v6-c-simple-list {
25325
+ :where(:root, .pf-v6-c-simple-list) {
25365
25326
  --pf-v6-c-simple-list__item-link--PaddingTop: var(--pf-t--global--spacer--xs);
25366
25327
  --pf-v6-c-simple-list__item-link--PaddingRight: var(--pf-t--global--spacer--md);
25367
25328
  --pf-v6-c-simple-list__item-link--PaddingBottom: var(--pf-t--global--spacer--xs);
@@ -25431,8 +25392,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25431
25392
  margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginTop);
25432
25393
  }
25433
25394
 
25434
- :root,
25435
- .pf-v6-c-skeleton {
25395
+ :where(:root, .pf-v6-c-skeleton) {
25436
25396
  --pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
25437
25397
  --pf-v6-c-skeleton--Width: auto;
25438
25398
  --pf-v6-c-skeleton--Height: auto;
@@ -25597,7 +25557,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25597
25557
  transform: translateX(100%);
25598
25558
  }
25599
25559
  }
25600
- :root {
25560
+ :where(:root, .pf-v6-c-skip-to-content) {
25601
25561
  --pf-v6-c-skip-to-content--Top: var(--pf-t--global--spacer--md);
25602
25562
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
25603
25563
  --pf-v6-c-skip-to-content--focus--Left: var(--pf-t--global--spacer--md);
@@ -25613,8 +25573,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25613
25573
  inset-inline-start: var(--pf-v6-c-skip-to-content--focus--Left);
25614
25574
  }
25615
25575
 
25616
- :root,
25617
- .pf-v6-c-slider {
25576
+ :where(:root, .pf-v6-c-slider) {
25618
25577
  --pf-v6-c-slider--value: 0;
25619
25578
  --pf-v6-c-slider__step--Left: 0;
25620
25579
  --pf-v6-c-slider__rail--PaddingTop: var(--pf-t--global--spacer--md);
@@ -25835,8 +25794,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25835
25794
  margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginLeft);
25836
25795
  }
25837
25796
 
25838
- :root,
25839
- .pf-v6-c-spinner {
25797
+ :where(:root, .pf-v6-c-spinner) {
25840
25798
  --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
25841
25799
  --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
25842
25800
  --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
@@ -25912,8 +25870,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25912
25870
  transform: rotate(720deg);
25913
25871
  }
25914
25872
  }
25915
- :root,
25916
- .pf-v6-c-switch {
25873
+ :where(:root, .pf-v6-c-switch) {
25917
25874
  --pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
25918
25875
  --pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
25919
25876
  --pf-v6-c-switch__toggle-icon--FontSize: calc(var(--pf-v6-c-switch--FontSize) * .625);
@@ -26067,8 +26024,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26067
26024
  vertical-align: top;
26068
26025
  }
26069
26026
 
26070
- :root,
26071
- .pf-v6-c-tab-content {
26027
+ :where(:root, .pf-v6-c-tab-content) {
26072
26028
  --pf-v6-c-tab-content__body--PaddingTop: 0;
26073
26029
  --pf-v6-c-tab-content__body--PaddingRight: 0;
26074
26030
  --pf-v6-c-tab-content__body--PaddingBottom: 0;
@@ -27752,8 +27708,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27752
27708
  }
27753
27709
  }
27754
27710
 
27755
- :where(:root),
27756
- :where(.pf-v6-c-table) {
27711
+ :where(:root, .pf-v6-c-table) {
27757
27712
  --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27758
27713
  --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
27759
27714
  --pf-v6-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
@@ -28602,8 +28557,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28602
28557
  --pf-v6-c-table--cell--Width: 100%;
28603
28558
  }
28604
28559
 
28605
- :where(:root),
28606
- :where(.pf-v6-c-table) {
28560
+ :where(:root, .pf-v6-c-table) {
28607
28561
  --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
28608
28562
  --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
28609
28563
  --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
@@ -28667,8 +28621,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28667
28621
  overflow: auto;
28668
28622
  }
28669
28623
 
28670
- :where(:root),
28671
- :where(.pf-v6-c-table) {
28624
+ :where(:root, .pf-v6-c-table) {
28672
28625
  --pf-v6-c-table__tree-view-main--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-table__tree-view-icon--MinWidth));
28673
28626
  --pf-v6-c-table__tree-view-main--nested-indent--base: calc(var(--pf-v6-c-table__tree-view-main--indent--base) - var(--pf-t--global--spacer--md));
28674
28627
  --pf-v6-c-table__tree-view-main--c-button--MarginRight: var(--pf-t--global--spacer--sm);
@@ -29478,8 +29431,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29478
29431
  }
29479
29432
  }
29480
29433
 
29481
- :where(:root),
29482
- :where(.pf-v6-c-tabs) {
29434
+ :where(:root, .pf-v6-c-tabs) {
29483
29435
  --pf-v6-c-tabs--inset: 0;
29484
29436
  --pf-v6-c-tabs--Width: auto;
29485
29437
  --pf-v6-c-tabs--before--BorderColor: var(--pf-t--global--border--color--default);
@@ -30316,8 +30268,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30316
30268
  }
30317
30269
  }
30318
30270
 
30319
- :where(:root),
30320
- :where(.pf-v6-c-text-input-group) {
30271
+ :where(:root, .pf-v6-c-text-input-group) {
30321
30272
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
30322
30273
  --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
30323
30274
  --pf-v6-c-text-input-group--BorderWidth: var(--pf-t--global--border--width--control--default);
@@ -30460,8 +30411,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30460
30411
  display: flex;
30461
30412
  }
30462
30413
 
30463
- :where(:root),
30464
- :where(.pf-v6-c-tile) {
30414
+ :where(:root, .pf-v6-c-tile) {
30465
30415
  --pf-v6-c-tile--PaddingTop: var(--pf-t--global--spacer--lg);
30466
30416
  --pf-v6-c-tile--PaddingRight: var(--pf-t--global--spacer--lg);
30467
30417
  --pf-v6-c-tile--PaddingBottom: var(--pf-t--global--spacer--lg);
@@ -30564,7 +30514,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30564
30514
  color: var(--pf-v6-c-tile__icon--Color);
30565
30515
  }
30566
30516
 
30567
- :root, .pf-v6-c-timestamp {
30517
+ :where(:root, .pf-v6-c-timestamp) {
30568
30518
  --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
30569
30519
  --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
30570
30520
  --pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
@@ -30602,7 +30552,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30602
30552
  --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor);
30603
30553
  }
30604
30554
 
30605
- :root {
30555
+ :where(:root, .pf-v6-c-title) {
30606
30556
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
30607
30557
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
30608
30558
  --pf-v6-c-title--m-4xl--FontSize: var(--pf-t--global--font--size--heading--2xl);
@@ -30707,8 +30657,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30707
30657
  line-height: var(--pf-v6-c-title--m-h6--LineHeight);
30708
30658
  }
30709
30659
 
30710
- :where(:root),
30711
- :where(.pf-v6-c-toggle-group) {
30660
+ :where(:root, .pf-v6-c-toggle-group) {
30712
30661
  --pf-v6-c-toggle-group__button--PaddingTop: var(--pf-t--global--spacer--sm);
30713
30662
  --pf-v6-c-toggle-group__button--PaddingRight: var(--pf-t--global--spacer--md);
30714
30663
  --pf-v6-c-toggle-group__button--PaddingBottom: var(--pf-t--global--spacer--sm);
@@ -30831,7 +30780,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30831
30780
  margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginLeft);
30832
30781
  }
30833
30782
 
30834
- :root {
30783
+ :where(:root, .pf-v6-c-tooltip) {
30835
30784
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
30836
30785
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
30837
30786
  --pf-v6-c-tooltip__content--PaddingTop: var(--pf-t--global--spacer--sm);
@@ -30953,8 +30902,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30953
30902
  transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
30954
30903
  }
30955
30904
 
30956
- :root,
30957
- .pf-v6-c-truncate {
30905
+ :where(:root, .pf-v6-c-truncate) {
30958
30906
  --pf-v6-c-truncate--MinWidth: 12ch;
30959
30907
  --pf-v6-c-truncate__start--MinWidth: 6ch;
30960
30908
  }
@@ -31000,8 +30948,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31000
30948
  direction: rtl;
31001
30949
  }
31002
30950
  }
31003
- :root,
31004
- .pf-v6-c-number-input {
30951
+ :where(:root, .pf-v6-c-number-input) {
31005
30952
  --pf-v6-c-number-input__unit--c-input-group--MarginLeft: var(--pf-t--global--spacer--sm);
31006
30953
  --pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
31007
30954
  --pf-v6-c-number-input--c-form-control--width-base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-t--global--border--width--box--default) * 2);
@@ -31041,8 +30988,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31041
30988
  font-size: var(--pf-v6-c-number-input__icon--FontSize);
31042
30989
  }
31043
30990
 
31044
- :where(:root),
31045
- :where(.pf-v6-c-tree-view) {
30991
+ :where(:root, .pf-v6-c-tree-view) {
31046
30992
  --pf-v6-c-tree-view__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
31047
30993
  --pf-v6-c-tree-view__node--nested-indent--base: calc(var(--pf-v6-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
31048
30994
  --pf-v6-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -31495,8 +31441,7 @@ label.pf-v6-c-tree-view__node-text {
31495
31441
  --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
31496
31442
  }
31497
31443
 
31498
- :where(:root),
31499
- :where(.pf-v6-c-wizard) {
31444
+ :where(:root, .pf-v6-c-wizard) {
31500
31445
  --pf-v6-c-wizard--Height: 100%;
31501
31446
  --pf-v6-c-modal-box--c-wizard--FlexBasis: 47.625rem;
31502
31447
  --pf-v6-c-wizard__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -31602,8 +31547,7 @@ label.pf-v6-c-tree-view__node-text {
31602
31547
  --pf-v6-c-wizard__footer-cancel--MarginLeft: calc(var(--pf-t--global--spacer--2xl) - var(--pf-v6-c-wizard__footer--child--MarginRight));
31603
31548
  }
31604
31549
  @media screen and (min-width: 992px) {
31605
- :where(:root),
31606
- :where(.pf-v6-c-wizard) {
31550
+ :where(:root, .pf-v6-c-wizard) {
31607
31551
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
31608
31552
  --pf-v6-c-wizard__nav--BoxShadow: none;
31609
31553
  }
@@ -31949,8 +31893,7 @@ label.pf-v6-c-tree-view__node-text {
31949
31893
  margin-inline-start: var(--pf-v6-c-wizard__footer-cancel--MarginLeft);
31950
31894
  }
31951
31895
 
31952
- :where(:root),
31953
- :where(.pf-v6-l-bullseye) {
31896
+ :where(:root, .pf-v6-l-bullseye) {
31954
31897
  --pf-v6-l-bullseye--Padding: 0;
31955
31898
  }
31956
31899
 
@@ -31963,8 +31906,7 @@ label.pf-v6-c-tree-view__node-text {
31963
31906
  margin: 0;
31964
31907
  }
31965
31908
 
31966
- :where(:root),
31967
- :where(.pf-v6-l-flex) {
31909
+ :where(:root, .pf-v6-l-flex) {
31968
31910
  --pf-v6-l-flex--Display: flex;
31969
31911
  --pf-v6-l-flex--FlexWrap: wrap;
31970
31912
  --pf-v6-l-flex--AlignItems: baseline;
@@ -34345,8 +34287,7 @@ label.pf-v6-c-tree-view__node-text {
34345
34287
  }
34346
34288
  }
34347
34289
 
34348
- :where(:root),
34349
- :where(.pf-v6-l-gallery) {
34290
+ :where(:root, .pf-v6-l-gallery) {
34350
34291
  --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
34351
34292
  --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
34352
34293
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
@@ -34417,8 +34358,7 @@ label.pf-v6-c-tree-view__node-text {
34417
34358
  }
34418
34359
  }
34419
34360
 
34420
- :where(:root),
34421
- :where(.pf-v6-l-grid) {
34361
+ :where(:root, .pf-v6-l-grid) {
34422
34362
  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
34423
34363
  --pf-v6-l-grid__item--GridColumnStart: auto;
34424
34364
  --pf-v6-l-grid__item--GridColumnEnd: span 12;
@@ -35355,8 +35295,7 @@ label.pf-v6-c-tree-view__node-text {
35355
35295
  grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
35356
35296
  }
35357
35297
 
35358
- :where(:root),
35359
- :where(.pf-v6-l-level) {
35298
+ :where(:root, .pf-v6-l-level) {
35360
35299
  --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--lg);
35361
35300
  }
35362
35301
 
@@ -35370,8 +35309,7 @@ label.pf-v6-c-tree-view__node-text {
35370
35309
  gap: var(--pf-v6-l-level--m-gutter--Gap);
35371
35310
  }
35372
35311
 
35373
- :where(:root),
35374
- :where(.pf-v6-l-split) {
35312
+ :where(:root, .pf-v6-l-split) {
35375
35313
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--lg);
35376
35314
  }
35377
35315
 
@@ -35392,8 +35330,7 @@ label.pf-v6-c-tree-view__node-text {
35392
35330
  gap: var(--pf-v6-l-stack--m-gutter--Gap);
35393
35331
  }
35394
35332
 
35395
- :where(:root),
35396
- :where(.pf-v6-l-stack) {
35333
+ :where(:root, .pf-v6-l-stack) {
35397
35334
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--lg);
35398
35335
  }
35399
35336