@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-no-globals.css CHANGED
@@ -1,1113 +1,47 @@
1
1
  @charset "UTF-8";
2
- html .ws-preview {
3
- background-color: var(--pf-t--global--background--color--primary--default);
2
+ .pf-v6-screen-reader {
3
+ position: fixed;
4
+ inset-block-start: 0;
5
+ inset-inline-start: 0;
6
+ overflow: hidden;
7
+ clip: rect(0, 0, 0, 0);
8
+ white-space: nowrap;
9
+ border: 0;
10
+ }
11
+ .pf-v6-screen-reader.pf-m-full-size {
12
+ width: 100%;
13
+ height: 100%;
14
+ }
15
+ .pf-v6-screen-reader.pf-m-absolute {
16
+ position: absolute;
4
17
  }
5
18
 
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;
19
+ .pf-v6-m-tabular-nums {
20
+ font-variant-numeric: tabular-nums;
136
21
  }
137
22
 
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;
23
+ .pf-v6-m-legacy-font {
24
+ --pf-t--global--font--family--body: var(--pf-t--global--font--family--body--legacy);
25
+ --pf-t--global--font--family--heading: var(--pf-t--global--font--family--heading--legacy);
26
+ --pf-t--global--font--family--mono: var(--pf-t--global--font--family--mono--legacy);
27
+ --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--legacy);
28
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--bold--legacy);
29
+ --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--legacy);
30
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--bold--legacy);
207
31
  }
208
32
 
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);
746
- }
747
-
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);
33
+ .pf-v6-m-dir-rtl {
34
+ --pf-v6-global--inverse--multiplier: -1;
35
+ direction: rtl;
1103
36
  }
1104
37
 
1105
- :where(:root) {
38
+ .pf-v6-m-dir-ltr {
1106
39
  --pf-v6-global--inverse--multiplier: 1;
40
+ direction: ltr;
1107
41
  }
1108
42
 
1109
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) {
1110
- --pf-v6-global--inverse--multiplier: -1;
43
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-m-mirror-inline-rtl {
44
+ scale: -1 1;
1111
45
  }
1112
46
 
1113
47
  @font-face {
@@ -1152,51 +86,6 @@ html .ws-preview {
1152
86
  src: url("./assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
1153
87
  font-display: fallback;
1154
88
  }
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;
1162
- border: 0;
1163
- }
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;
1170
- }
1171
-
1172
- .pf-v6-m-tabular-nums {
1173
- font-variant-numeric: tabular-nums;
1174
- }
1175
-
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);
1184
- }
1185
-
1186
- .pf-v6-m-dir-rtl {
1187
- --pf-v6-global--inverse--multiplier: -1;
1188
- direction: rtl;
1189
- }
1190
-
1191
- .pf-v6-m-dir-ltr {
1192
- --pf-v6-global--inverse--multiplier: 1;
1193
- direction: ltr;
1194
- }
1195
-
1196
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-m-mirror-inline-rtl {
1197
- scale: -1 1;
1198
- }
1199
-
1200
89
  * .fa,
1201
90
  * .fas,
1202
91
  * .far,
@@ -1346,7 +235,7 @@ html .ws-preview {
1346
235
  line-height: 2em;
1347
236
  position: relative;
1348
237
  vertical-align: middle;
1349
- width: 2.5em;
238
+ width: 0.625em;
1350
239
  }
1351
240
  * .fa-stack-1x,
1352
241
  * .fa-stack-2x {
@@ -5904,29 +4793,1140 @@ html .ws-preview {
5904
4793
  content: "\e91f";
5905
4794
  }
5906
4795
 
5907
- .pf-v6-pficon-virtual-machine:before {
5908
- content: "\e90f";
4796
+ .pf-v6-pficon-virtual-machine:before {
4797
+ content: "\e90f";
4798
+ }
4799
+
4800
+ .pf-v6-pficon-volume:before {
4801
+ content: "\e910";
4802
+ }
4803
+
4804
+ .pf-v6-pficon-warning-triangle:before {
4805
+ content: "\e975";
4806
+ }
4807
+
4808
+ .pf-v6-pficon-zone:before {
4809
+ content: "\e911";
4810
+ }
4811
+
4812
+ .pf-v6-svg {
4813
+ width: 1em;
4814
+ height: 1em;
4815
+ vertical-align: -0.125em;
4816
+ }
4817
+
4818
+ html .ws-preview {
4819
+ background-color: var(--pf-t--global--background--color--primary--default);
4820
+ }
4821
+
4822
+ :root {
4823
+ --pf-t--global--font--family--100: redhattextvf, redhattext, helvetica, arial, sans-serif;
4824
+ --pf-t--global--font--family--200: redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif;
4825
+ --pf-t--global--font--family--300: redhatmonovf, redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
4826
+ --pf-t--global--font--line-height--100: 1.3;
4827
+ --pf-t--global--font--line-height--200: 1.5;
4828
+ --pf-t--global--font--weight--body--100: 400;
4829
+ --pf-t--global--font--weight--body--200: 500;
4830
+ --pf-t--global--font--weight--heading--100: 700;
4831
+ --pf-t--global--font--weight--heading--200: 700;
4832
+ --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
4833
+ --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
4834
+ --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
4835
+ --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
4836
+ --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
4837
+ --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
4838
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
4839
+ --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
4840
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
4841
+ --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
4842
+ --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
4843
+ --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
4844
+ --pf-t--global--font--size--heading--lg: var(--pf-t--global--font--size--2xl);
4845
+ --pf-t--global--font--size--heading--xl: var(--pf-t--global--font--size--3xl);
4846
+ --pf-t--global--font--size--heading--2xl: var(--pf-t--global--font--size--4xl);
4847
+ --pf-t--global--font--family--body--legacy: redhattext, helvetica, arial, sans-serif;
4848
+ --pf-t--global--font--family--heading--legacy: redhatdisplay, helvetica, arial, sans-serif;
4849
+ --pf-t--global--font--family--mono--legacy: redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
4850
+ --pf-t--global--font--weight--body--legacy: 400;
4851
+ --pf-t--global--font--weight--body--bold--legacy: 700;
4852
+ --pf-t--global--font--weight--heading--legacy: 400;
4853
+ --pf-t--global--font--weight--heading--bold--legacy: 700;
4854
+ --pf-t--global--text-decoration--100: none;
4855
+ --pf-t--global--text-decoration--200: underline;
4856
+ --pf-t--global--link--text-decoration: var(--pf-t--global--text-decoration--100);
4857
+ --pf-t--global--link--text-decoration--hover: var(--pf-t--global--text-decoration--200);
4858
+ --pf-t--global--box-shadow--sm:
4859
+ var(--pf-t--global--box-shadow--X--sm--default)
4860
+ var(--pf-t--global--box-shadow--Y--sm--default)
4861
+ var(--pf-t--global--box-shadow--blur--sm)
4862
+ var(--pf-t--global--box-shadow--spread--sm)
4863
+ var(--pf-t--global--box-shadow--color--sm);
4864
+ --pf-t--global--box-shadow--sm--top:
4865
+ var(--pf-t--global--box-shadow--X--sm--top)
4866
+ var(--pf-t--global--box-shadow--Y--sm--top)
4867
+ var(--pf-t--global--box-shadow--blur--sm)
4868
+ var(--pf-t--global--box-shadow--spread--sm)
4869
+ var(--pf-t--global--box-shadow--color--sm);
4870
+ --pf-t--global--box-shadow--sm--bottom:
4871
+ var(--pf-t--global--box-shadow--X--sm--bottom)
4872
+ var(--pf-t--global--box-shadow--Y--sm--bottom)
4873
+ var(--pf-t--global--box-shadow--blur--sm)
4874
+ var(--pf-t--global--box-shadow--spread--sm)
4875
+ var(--pf-t--global--box-shadow--color--sm);
4876
+ --pf-t--global--box-shadow--sm--left:
4877
+ var(--pf-t--global--box-shadow--X--sm--left)
4878
+ var(--pf-t--global--box-shadow--Y--sm--left)
4879
+ var(--pf-t--global--box-shadow--blur--sm)
4880
+ var(--pf-t--global--box-shadow--spread--sm)
4881
+ var(--pf-t--global--box-shadow--color--sm);
4882
+ --pf-t--global--box-shadow--sm--right:
4883
+ var(--pf-t--global--box-shadow--X--sm--right)
4884
+ var(--pf-t--global--box-shadow--Y--sm--right)
4885
+ var(--pf-t--global--box-shadow--blur--sm)
4886
+ var(--pf-t--global--box-shadow--spread--sm)
4887
+ var(--pf-t--global--box-shadow--color--sm);
4888
+ --pf-t--global--box-shadow--md:
4889
+ var(--pf-t--global--box-shadow--X--md--default)
4890
+ var(--pf-t--global--box-shadow--Y--md--default)
4891
+ var(--pf-t--global--box-shadow--blur--md)
4892
+ var(--pf-t--global--box-shadow--spread--md)
4893
+ var(--pf-t--global--box-shadow--color--md);
4894
+ --pf-t--global--box-shadow--md--top:
4895
+ var(--pf-t--global--box-shadow--X--md--top)
4896
+ var(--pf-t--global--box-shadow--Y--md--top)
4897
+ var(--pf-t--global--box-shadow--blur--md)
4898
+ var(--pf-t--global--box-shadow--spread--md)
4899
+ var(--pf-t--global--box-shadow--color--md);
4900
+ --pf-t--global--box-shadow--md--bottom:
4901
+ var(--pf-t--global--box-shadow--X--md--bottom)
4902
+ var(--pf-t--global--box-shadow--Y--md--bottom)
4903
+ var(--pf-t--global--box-shadow--blur--md)
4904
+ var(--pf-t--global--box-shadow--spread--md)
4905
+ var(--pf-t--global--box-shadow--color--md);
4906
+ --pf-t--global--box-shadow--md--left:
4907
+ var(--pf-t--global--box-shadow--X--md--left)
4908
+ var(--pf-t--global--box-shadow--Y--md--left)
4909
+ var(--pf-t--global--box-shadow--blur--md)
4910
+ var(--pf-t--global--box-shadow--spread--md)
4911
+ var(--pf-t--global--box-shadow--color--md);
4912
+ --pf-t--global--box-shadow--md--right:
4913
+ var(--pf-t--global--box-shadow--X--md--right)
4914
+ var(--pf-t--global--box-shadow--Y--md--right)
4915
+ var(--pf-t--global--box-shadow--blur--md)
4916
+ var(--pf-t--global--box-shadow--spread--md)
4917
+ var(--pf-t--global--box-shadow--color--md);
4918
+ --pf-t--global--box-shadow--lg:
4919
+ var(--pf-t--global--box-shadow--X--lg--default)
4920
+ var(--pf-t--global--box-shadow--Y--lg--default)
4921
+ var(--pf-t--global--box-shadow--blur--lg)
4922
+ var(--pf-t--global--box-shadow--spread--lg)
4923
+ var(--pf-t--global--box-shadow--color--lg);
4924
+ --pf-t--global--box-shadow--lg--top:
4925
+ var(--pf-t--global--box-shadow--X--lg--top)
4926
+ var(--pf-t--global--box-shadow--Y--lg--top)
4927
+ var(--pf-t--global--box-shadow--blur--lg)
4928
+ var(--pf-t--global--box-shadow--spread--lg)
4929
+ var(--pf-t--global--box-shadow--color--lg);
4930
+ --pf-t--global--box-shadow--lg--bottom:
4931
+ var(--pf-t--global--box-shadow--X--lg--bottom)
4932
+ var(--pf-t--global--box-shadow--Y--lg--bottom)
4933
+ var(--pf-t--global--box-shadow--blur--lg)
4934
+ var(--pf-t--global--box-shadow--spread--lg)
4935
+ var(--pf-t--global--box-shadow--color--lg);
4936
+ --pf-t--global--box-shadow--lg--left:
4937
+ var(--pf-t--global--box-shadow--X--lg--left)
4938
+ var(--pf-t--global--box-shadow--Y--lg--left)
4939
+ var(--pf-t--global--box-shadow--blur--lg)
4940
+ var(--pf-t--global--box-shadow--spread--lg)
4941
+ var(--pf-t--global--box-shadow--color--lg);
4942
+ --pf-t--global--box-shadow--lg--right:
4943
+ var(--pf-t--global--box-shadow--X--lg--right)
4944
+ var(--pf-t--global--box-shadow--Y--lg--right)
4945
+ var(--pf-t--global--box-shadow--blur--lg)
4946
+ var(--pf-t--global--box-shadow--spread--lg)
4947
+ var(--pf-t--global--box-shadow--color--lg);
4948
+ --pf-t--global--transition: all 250ms cubic-bezier(.42, 0, .58, 1);
4949
+ --pf-t--global--transition--timing-function: cubic-bezier(.645, .045, .355, 1);
4950
+ --pf-t--global--transition--duration: 250ms;
4951
+ --pf-t--global--list-style: disc outside;
4952
+ }
4953
+
4954
+ :root {
4955
+ --pf-t--color--red--70: #5f0000;
4956
+ --pf-t--color--red--60: #a60000;
4957
+ --pf-t--color--red--50: #e00;
4958
+ --pf-t--color--red--40: #f56e6e;
4959
+ --pf-t--color--red--30: #f9a8a8;
4960
+ --pf-t--color--red--20: #fbc5c5;
4961
+ --pf-t--color--red--10: #fce3e3;
4962
+ --pf-t--color--purple--70: #21134d;
4963
+ --pf-t--color--purple--60: #3d2785;
4964
+ --pf-t--color--purple--50: #5e40be;
4965
+ --pf-t--color--purple--40: #876fd4;
4966
+ --pf-t--color--purple--30: #b6a6e9;
4967
+ --pf-t--color--purple--20: #d0c5f4;
4968
+ --pf-t--color--purple--10: #ece6ff;
4969
+ --pf-t--color--red-orange--70: #731f00;
4970
+ --pf-t--color--red-orange--60: #b1380b;
4971
+ --pf-t--color--red-orange--50: #f0561d;
4972
+ --pf-t--color--red-orange--40: #f4784a;
4973
+ --pf-t--color--red-orange--30: #f89b78;
4974
+ --pf-t--color--red-orange--20: #fbbea8;
4975
+ --pf-t--color--red-orange--10: #ffe3d9;
4976
+ --pf-t--color--orange--70: #732e00;
4977
+ --pf-t--color--orange--60: #9e4a06;
4978
+ --pf-t--color--orange--50: #ca6c0f;
4979
+ --pf-t--color--orange--40: #f5921b;
4980
+ --pf-t--color--orange--30: #f8ae54;
4981
+ --pf-t--color--orange--20: #fccb8f;
4982
+ --pf-t--color--orange--10: #ffe8cc;
4983
+ --pf-t--color--green--70: #204d00;
4984
+ --pf-t--color--green--60: #3d7317;
4985
+ --pf-t--color--green--50: #63993d;
4986
+ --pf-t--color--green--40: #87bb62;
4987
+ --pf-t--color--green--30: #afdc8f;
4988
+ --pf-t--color--green--20: #d1f1bb;
4989
+ --pf-t--color--green--10: #e9f7df;
4990
+ --pf-t--color--yellow--70: #73480b;
4991
+ --pf-t--color--yellow--60: #96640f;
4992
+ --pf-t--color--yellow--50: #b98412;
4993
+ --pf-t--color--yellow--40: #dca614;
4994
+ --pf-t--color--yellow--30: #ffcc17;
4995
+ --pf-t--color--yellow--20: #ffe072;
4996
+ --pf-t--color--yellow--10: #fff4cc;
4997
+ --pf-t--color--teal--70: #004d4d;
4998
+ --pf-t--color--teal--60: #147878;
4999
+ --pf-t--color--teal--50: #37a3a3;
5000
+ --pf-t--color--teal--40: #63bdbd;
5001
+ --pf-t--color--teal--30: #9ad8d8;
5002
+ --pf-t--color--teal--20: #b9e5e5;
5003
+ --pf-t--color--teal--10: #daf2f2;
5004
+ --pf-t--color--blue--70: #036;
5005
+ --pf-t--color--blue--60: #004d99;
5006
+ --pf-t--color--blue--50: #06c;
5007
+ --pf-t--color--blue--40: #4394e5;
5008
+ --pf-t--color--blue--30: #92c5f9;
5009
+ --pf-t--color--blue--20: #b9dafc;
5010
+ --pf-t--color--blue--10: #e0f0ff;
5011
+ --pf-t--color--black: #000;
5012
+ --pf-t--color--gray--95: #151515;
5013
+ --pf-t--color--gray--90: #1f1f1f;
5014
+ --pf-t--color--gray--80: #292929;
5015
+ --pf-t--color--gray--70: #383838;
5016
+ --pf-t--color--gray--60: #4d4d4d;
5017
+ --pf-t--color--gray--50: #707070;
5018
+ --pf-t--color--gray--40: #a3a3a3;
5019
+ --pf-t--color--gray--30: #c7c7c7;
5020
+ --pf-t--color--gray--20: #e0e0e0;
5021
+ --pf-t--color--gray--10: #f2f2f2;
5022
+ --pf-t--color--white: #fff;
5909
5023
  }
5910
5024
 
5911
- .pf-v6-pficon-volume:before {
5912
- content: "\e910";
5025
+ :root {
5026
+ --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
5027
+ --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
5028
+ --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
5029
+ --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
5030
+ --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
5031
+ --pf-t--global--box-shadow--spread--100: 0px;
5032
+ --pf-t--global--box-shadow--blur--300: 24px;
5033
+ --pf-t--global--box-shadow--blur--200: 8px;
5034
+ --pf-t--global--box-shadow--blur--100: 2px;
5035
+ --pf-t--global--box-shadow--Y--700: 8px;
5036
+ --pf-t--global--box-shadow--Y--600: 4px;
5037
+ --pf-t--global--box-shadow--Y--500: 1px;
5038
+ --pf-t--global--box-shadow--Y--400: 0px;
5039
+ --pf-t--global--box-shadow--Y--300: -1px;
5040
+ --pf-t--global--box-shadow--Y--200: -4px;
5041
+ --pf-t--global--box-shadow--Y--100: -8px;
5042
+ --pf-t--global--box-shadow--X--700: 8px;
5043
+ --pf-t--global--box-shadow--X--600: 4px;
5044
+ --pf-t--global--box-shadow--X--500: 1px;
5045
+ --pf-t--global--box-shadow--X--400: 0px;
5046
+ --pf-t--global--box-shadow--X--300: -1px;
5047
+ --pf-t--global--box-shadow--X--200: -4px;
5048
+ --pf-t--global--box-shadow--X--100: -8px;
5049
+ --pf-t--global--z-index--600: 600;
5050
+ --pf-t--global--z-index--500: 500;
5051
+ --pf-t--global--z-index--400: 400;
5052
+ --pf-t--global--z-index--300: 300;
5053
+ --pf-t--global--z-index--200: 200;
5054
+ --pf-t--global--z-index--100: 100;
5055
+ --pf-t--global--font--size--800: 36px;
5056
+ --pf-t--global--font--size--700: 28px;
5057
+ --pf-t--global--font--size--600: 22px;
5058
+ --pf-t--global--font--size--500: 20px;
5059
+ --pf-t--global--font--size--400: 18px;
5060
+ --pf-t--global--font--size--300: 16px;
5061
+ --pf-t--global--font--size--200: 14px;
5062
+ --pf-t--global--font--size--100: 12px;
5063
+ --pf-t--global--border--radius--500: 999px;
5064
+ --pf-t--global--border--radius--400: 24px;
5065
+ --pf-t--global--border--radius--300: 16px;
5066
+ --pf-t--global--border--radius--200: 6px;
5067
+ --pf-t--global--border--radius--100: 4px;
5068
+ --pf-t--global--border--radius--0: 0px;
5069
+ --pf-t--global--border--width--300: 3px;
5070
+ --pf-t--global--border--width--200: 2px;
5071
+ --pf-t--global--border--width--100: 1px;
5072
+ --pf-t--global--icon--size--500: 96px;
5073
+ --pf-t--global--icon--size--400: 56px;
5074
+ --pf-t--global--icon--size--300: 22px;
5075
+ --pf-t--global--icon--size--250: 16px;
5076
+ --pf-t--global--icon--size--200: 14px;
5077
+ --pf-t--global--icon--size--100: 12px;
5078
+ --pf-t--global--spacer--800: 80px;
5079
+ --pf-t--global--spacer--700: 64px;
5080
+ --pf-t--global--spacer--600: 48px;
5081
+ --pf-t--global--spacer--500: 32px;
5082
+ --pf-t--global--spacer--400: 24px;
5083
+ --pf-t--global--spacer--300: 16px;
5084
+ --pf-t--global--spacer--200: 8px;
5085
+ --pf-t--global--spacer--100: 4px;
5086
+ --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
5087
+ --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
5088
+ --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
5089
+ --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
5090
+ --pf-t--global--text--color--300: var(--pf-t--color--white);
5091
+ --pf-t--global--text--color--200: var(--pf-t--color--gray--60);
5092
+ --pf-t--global--text--color--100: var(--pf-t--color--gray--90);
5093
+ --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
5094
+ --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
5095
+ --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
5096
+ --pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40);
5097
+ --pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30);
5098
+ --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20);
5099
+ --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
5100
+ --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
5101
+ --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
5102
+ --pf-t--global--color--nonstatus--cyan--300: var(--pf-t--color--teal--40);
5103
+ --pf-t--global--color--nonstatus--cyan--200: var(--pf-t--color--teal--30);
5104
+ --pf-t--global--color--nonstatus--cyan--100: var(--pf-t--color--teal--20);
5105
+ --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
5106
+ --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
5107
+ --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
5108
+ --pf-t--global--color--nonstatus--gold--300: var(--pf-t--color--yellow--40);
5109
+ --pf-t--global--color--nonstatus--gold--200: var(--pf-t--color--yellow--30);
5110
+ --pf-t--global--color--nonstatus--gold--100: var(--pf-t--color--yellow--20);
5111
+ --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
5112
+ --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
5113
+ --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
5114
+ --pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40);
5115
+ --pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30);
5116
+ --pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20);
5117
+ --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
5118
+ --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
5119
+ --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
5120
+ --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
5121
+ --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
5122
+ --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
5123
+ --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
5124
+ --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
5125
+ --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
5126
+ --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
5127
+ --pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
5128
+ --pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
5129
+ --pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
5130
+ --pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
5131
+ --pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
5132
+ --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
5133
+ --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
5134
+ --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
5135
+ --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
5136
+ --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
5137
+ --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
5138
+ --pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
5139
+ --pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
5140
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
5141
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
5142
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
5143
+ --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
5144
+ --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
5145
+ --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
5146
+ --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
5147
+ --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
5148
+ --pf-t--global--background--color--100: var(--pf-t--color--white);
5149
+ --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
5150
+ --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
5151
+ --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
5152
+ --pf-t--global--box-shadow--spread--lg: var(--pf-t--global--box-shadow--spread--100);
5153
+ --pf-t--global--box-shadow--spread--md: var(--pf-t--global--box-shadow--spread--100);
5154
+ --pf-t--global--box-shadow--spread--sm: var(--pf-t--global--box-shadow--spread--100);
5155
+ --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
5156
+ --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
5157
+ --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
5158
+ --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
5159
+ --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
5160
+ --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--700);
5161
+ --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--100);
5162
+ --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
5163
+ --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
5164
+ --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
5165
+ --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--600);
5166
+ --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--200);
5167
+ --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
5168
+ --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
5169
+ --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
5170
+ --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--500);
5171
+ --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--300);
5172
+ --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
5173
+ --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--700);
5174
+ --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--100);
5175
+ --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
5176
+ --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
5177
+ --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
5178
+ --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--600);
5179
+ --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--200);
5180
+ --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
5181
+ --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
5182
+ --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
5183
+ --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--500);
5184
+ --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--300);
5185
+ --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
5186
+ --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
5187
+ --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
5188
+ --pf-t--global--z-index--2xl: 600;
5189
+ --pf-t--global--z-index--xl: 500;
5190
+ --pf-t--global--z-index--lg: 400;
5191
+ --pf-t--global--z-index--md: 300;
5192
+ --pf-t--global--z-index--sm: 200;
5193
+ --pf-t--global--z-index--xs: 100;
5194
+ --pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);
5195
+ --pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
5196
+ --pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
5197
+ --pf-t--global--font--size--xl: var(--pf-t--global--font--size--500);
5198
+ --pf-t--global--font--size--lg: var(--pf-t--global--font--size--400);
5199
+ --pf-t--global--font--size--md: var(--pf-t--global--font--size--300);
5200
+ --pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
5201
+ --pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
5202
+ --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
5203
+ --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
5204
+ --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
5205
+ --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
5206
+ --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
5207
+ --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
5208
+ --pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200);
5209
+ --pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100);
5210
+ --pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--0);
5211
+ --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
5212
+ --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--100);
5213
+ --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
5214
+ --pf-t--global--border--width--button--clicked: var(--pf-t--global--border--width--200);
5215
+ --pf-t--global--border--width--button--hover: var(--pf-t--global--border--width--200);
5216
+ --pf-t--global--border--width--button--default: var(--pf-t--global--border--width--100);
5217
+ --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
5218
+ --pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
5219
+ --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--200);
5220
+ --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--100);
5221
+ --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
5222
+ --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
5223
+ --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
5224
+ --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
5225
+ --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
5226
+ --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
5227
+ --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
5228
+ --pf-t--global--icon--color--300: var(--pf-t--color--white);
5229
+ --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
5230
+ --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
5231
+ --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
5232
+ --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
5233
+ --pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300);
5234
+ --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
5235
+ --pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200);
5236
+ --pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
5237
+ --pf-t--global--spacer--button--horizontal--plain: var(--pf-t--global--spacer--200);
5238
+ --pf-t--global--spacer--button--horizontal--compact: var(--pf-t--global--spacer--300);
5239
+ --pf-t--global--spacer--button--horizontal--default: var(--pf-t--global--spacer--400);
5240
+ --pf-t--global--spacer--button--vertical--plain: var(--pf-t--global--spacer--200);
5241
+ --pf-t--global--spacer--button--vertical--compact: var(--pf-t--global--spacer--100);
5242
+ --pf-t--global--spacer--button--vertical--default: var(--pf-t--global--spacer--200);
5243
+ --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--200);
5244
+ --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--200);
5245
+ --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--300);
5246
+ --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--200);
5247
+ --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--100);
5248
+ --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--200);
5249
+ --pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
5250
+ --pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
5251
+ --pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
5252
+ --pf-t--global--spacer--xl: var(--pf-t--global--spacer--500);
5253
+ --pf-t--global--spacer--lg: var(--pf-t--global--spacer--400);
5254
+ --pf-t--global--spacer--md: var(--pf-t--global--spacer--300);
5255
+ --pf-t--global--spacer--sm: var(--pf-t--global--spacer--200);
5256
+ --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
5257
+ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
5258
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
5259
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
5260
+ --pf-t--global--text--color--required: var(--pf-t--global--text--color--400);
5261
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300);
5262
+ --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
5263
+ --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
5264
+ --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
5265
+ --pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
5266
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--300);
5267
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--200);
5268
+ --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--100);
5269
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--200);
5270
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--200);
5271
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--100);
5272
+ --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--200);
5273
+ --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--200);
5274
+ --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--100);
5275
+ --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--200);
5276
+ --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--200);
5277
+ --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--100);
5278
+ --pf-t--global--color--nonstatus--cyan--clicked: var(--pf-t--global--color--nonstatus--cyan--200);
5279
+ --pf-t--global--color--nonstatus--cyan--hover: var(--pf-t--global--color--nonstatus--cyan--200);
5280
+ --pf-t--global--color--nonstatus--cyan--default: var(--pf-t--global--color--nonstatus--cyan--100);
5281
+ --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--200);
5282
+ --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--200);
5283
+ --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--100);
5284
+ --pf-t--global--color--nonstatus--gold--clicked: var(--pf-t--global--color--nonstatus--gold--200);
5285
+ --pf-t--global--color--nonstatus--gold--hover: var(--pf-t--global--color--nonstatus--gold--200);
5286
+ --pf-t--global--color--nonstatus--gold--default: var(--pf-t--global--color--nonstatus--gold--100);
5287
+ --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--200);
5288
+ --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--200);
5289
+ --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--100);
5290
+ --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--200);
5291
+ --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--200);
5292
+ --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--100);
5293
+ --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--200);
5294
+ --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--200);
5295
+ --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--100);
5296
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--200);
5297
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--200);
5298
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--100);
5299
+ --pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--200);
5300
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--200);
5301
+ --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--100);
5302
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
5303
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
5304
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
5305
+ --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--200);
5306
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--200);
5307
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--100);
5308
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
5309
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--200);
5310
+ --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--100);
5311
+ --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--200);
5312
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--200);
5313
+ --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--100);
5314
+ --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--300);
5315
+ --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300);
5316
+ --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200);
5317
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
5318
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
5319
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--100);
5320
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100);
5321
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
5322
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
5323
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
5324
+ --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
5325
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
5326
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
5327
+ --pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
5328
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
5329
+ --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
5330
+ --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
5331
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
5332
+ --pf-t--global--font--size--heading--h6: var(--pf-t--global--font--size--md);
5333
+ --pf-t--global--font--size--heading--h5: var(--pf-t--global--font--size--md);
5334
+ --pf-t--global--font--size--heading--h4: var(--pf-t--global--font--size--md);
5335
+ --pf-t--global--font--size--heading--h3: var(--pf-t--global--font--size--lg);
5336
+ --pf-t--global--font--size--heading--h2: var(--pf-t--global--font--size--xl);
5337
+ --pf-t--global--font--size--heading--h1: var(--pf-t--global--font--size--2xl);
5338
+ --pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md);
5339
+ --pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm);
5340
+ --pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs);
5341
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--300);
5342
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--300);
5343
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--200);
5344
+ --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--300);
5345
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--300);
5346
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--200);
5347
+ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--300);
5348
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--300);
5349
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--200);
5350
+ --pf-t--global--border--color--nonstatus--cyan--clicked: var(--pf-t--global--color--nonstatus--cyan--300);
5351
+ --pf-t--global--border--color--nonstatus--cyan--hover: var(--pf-t--global--color--nonstatus--cyan--300);
5352
+ --pf-t--global--border--color--nonstatus--cyan--default: var(--pf-t--global--color--nonstatus--cyan--200);
5353
+ --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--300);
5354
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--300);
5355
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--200);
5356
+ --pf-t--global--border--color--nonstatus--gold--clicked: var(--pf-t--global--color--nonstatus--gold--300);
5357
+ --pf-t--global--border--color--nonstatus--gold--hover: var(--pf-t--global--color--nonstatus--gold--300);
5358
+ --pf-t--global--border--color--nonstatus--gold--default: var(--pf-t--global--color--nonstatus--gold--200);
5359
+ --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--300);
5360
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--300);
5361
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--200);
5362
+ --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--300);
5363
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--300);
5364
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--200);
5365
+ --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--300);
5366
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--300);
5367
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--200);
5368
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--300);
5369
+ --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
5370
+ --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
5371
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
5372
+ --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
5373
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
5374
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
5375
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
5376
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--200);
5377
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
5378
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--200);
5379
+ --pf-t--global--icon--color--regular: var(--pf-t--global--icon--color--100);
5380
+ --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
5381
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
5382
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
5383
+ --pf-t--global--icon--size--font--4xl: var(--pf-t--global--font--size--4xl);
5384
+ --pf-t--global--icon--size--font--3xl: var(--pf-t--global--font--size--3xl);
5385
+ --pf-t--global--icon--size--font--2xl: var(--pf-t--global--font--size--2xl);
5386
+ --pf-t--global--icon--size--font--xl: var(--pf-t--global--font--size--xl);
5387
+ --pf-t--global--icon--size--font--lg: var(--pf-t--global--font--size--lg);
5388
+ --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
5389
+ --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
5390
+ --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
5391
+ --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
5392
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
5393
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
5394
+ --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--regular);
5395
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--regular);
5396
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--regular);
5397
+ --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--regular);
5398
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular);
5399
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular);
5400
+ --pf-t--global--text--color--nonstatus--on-cyan--clicked: var(--pf-t--global--text--color--regular);
5401
+ --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--text--color--regular);
5402
+ --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--text--color--regular);
5403
+ --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--regular);
5404
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular);
5405
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular);
5406
+ --pf-t--global--text--color--nonstatus--on-gold--clicked: var(--pf-t--global--text--color--regular);
5407
+ --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--text--color--regular);
5408
+ --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--text--color--regular);
5409
+ --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--regular);
5410
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular);
5411
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular);
5412
+ --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--regular);
5413
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--regular);
5414
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--regular);
5415
+ --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--regular);
5416
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--regular);
5417
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
5418
+ --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
5419
+ --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
5420
+ --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
5421
+ --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
5422
+ --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
5423
+ --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
5424
+ --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
5425
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
5426
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
5427
+ --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
5428
+ --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
5429
+ --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
5430
+ --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
5431
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
5432
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
5433
+ --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
5434
+ --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
5435
+ --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
5436
+ --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
5437
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
5438
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
5439
+ --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
5440
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
5441
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
5442
+ --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--regular);
5443
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--regular);
5444
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--regular);
5445
+ --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
5446
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
5447
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
5448
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
5449
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
5450
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
5451
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
5452
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--hover);
5453
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--default);
5454
+ --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
5455
+ --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
5456
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
5457
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
5458
+ --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
5459
+ --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
5460
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
5461
+ --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
5462
+ --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
5463
+ --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
5464
+ --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default);
5465
+ --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
5466
+ --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
5467
+ --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
5468
+ --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
5469
+ --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
5470
+ --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
5471
+ --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
5472
+ --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
5473
+ --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
5474
+ --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
5475
+ --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
5476
+ --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
5477
+ --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
5478
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
5479
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
5480
+ --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
5481
+ --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
5482
+ --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
5483
+ --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
5484
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
5485
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
5486
+ --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--regular);
5487
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
5488
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
5489
+ --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--regular);
5490
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
5491
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
5492
+ --pf-t--global--icon--color--nonstatus--on-cyan--clicked: var(--pf-t--global--icon--color--regular);
5493
+ --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--regular);
5494
+ --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--regular);
5495
+ --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--regular);
5496
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
5497
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
5498
+ --pf-t--global--icon--color--nonstatus--on-gold--clicked: var(--pf-t--global--icon--color--regular);
5499
+ --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--regular);
5500
+ --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--regular);
5501
+ --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--regular);
5502
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
5503
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
5504
+ --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--regular);
5505
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
5506
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
5507
+ --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--regular);
5508
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
5509
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
5510
+ --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
5511
+ --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
5512
+ --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
5513
+ --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
5514
+ --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
5515
+ --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
5516
+ --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
5517
+ --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
5518
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
5519
+ --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
5520
+ --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
5521
+ --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
5522
+ --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
5523
+ --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
5524
+ --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
5525
+ --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
5526
+ --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
5527
+ --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
5528
+ --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
5529
+ --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
5530
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
5531
+ --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
5532
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
5533
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
5534
+ --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--regular);
5535
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--regular);
5536
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--regular);
5537
+ --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
5538
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
5539
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
5540
+ --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
5541
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
5542
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
5543
+ --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
5544
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
5545
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
5546
+ --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
5547
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
5548
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
5549
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
5550
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
5551
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
5552
+ --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
5553
+ --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
5554
+ --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
5555
+ --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
5556
+ --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
5557
+ --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
5558
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
5559
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
5560
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
5561
+ --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
5913
5562
  }
5914
5563
 
5915
- .pf-v6-pficon-warning-triangle:before {
5916
- content: "\e975";
5564
+ :root:where(.pf-v6-theme-dark) {
5565
+ --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
5566
+ --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
5567
+ --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
5568
+ --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
5569
+ --pf-t--global--box-shadow--color--lg: var(--pf-t--global--dark--box-shadow--color--100);
5570
+ --pf-t--global--box-shadow--color--md: var(--pf-t--global--dark--box-shadow--color--100);
5571
+ --pf-t--global--box-shadow--color--sm: var(--pf-t--global--dark--box-shadow--color--100);
5572
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
5573
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
5574
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
5575
+ --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
5576
+ --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
5577
+ --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
5578
+ --pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30);
5579
+ --pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10);
5580
+ --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
5581
+ --pf-t--global--dark--text--color--400: var(--pf-t--color--red-orange--30);
5582
+ --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--90);
5583
+ --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--30);
5584
+ --pf-t--global--dark--text--color--100: var(--pf-t--color--gray--10);
5585
+ --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
5586
+ --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
5587
+ --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--10);
5588
+ --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--20);
5589
+ --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--30);
5590
+ --pf-t--global--dark--color--nonstatus--purple--300: var(--pf-t--color--purple--10);
5591
+ --pf-t--global--dark--color--nonstatus--purple--200: var(--pf-t--color--purple--20);
5592
+ --pf-t--global--dark--color--nonstatus--purple--100: var(--pf-t--color--purple--30);
5593
+ --pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--10);
5594
+ --pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--20);
5595
+ --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
5596
+ --pf-t--global--dark--color--nonstatus--cyan--300: var(--pf-t--color--teal--10);
5597
+ --pf-t--global--dark--color--nonstatus--cyan--200: var(--pf-t--color--teal--20);
5598
+ --pf-t--global--dark--color--nonstatus--cyan--100: var(--pf-t--color--teal--30);
5599
+ --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
5600
+ --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
5601
+ --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
5602
+ --pf-t--global--dark--color--nonstatus--gold--300: var(--pf-t--color--yellow--10);
5603
+ --pf-t--global--dark--color--nonstatus--gold--200: var(--pf-t--color--yellow--20);
5604
+ --pf-t--global--dark--color--nonstatus--gold--100: var(--pf-t--color--yellow--30);
5605
+ --pf-t--global--dark--color--nonstatus--orange--300: var(--pf-t--color--orange--10);
5606
+ --pf-t--global--dark--color--nonstatus--orange--200: var(--pf-t--color--orange--20);
5607
+ --pf-t--global--dark--color--nonstatus--orange--100: var(--pf-t--color--orange--30);
5608
+ --pf-t--global--dark--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--10);
5609
+ --pf-t--global--dark--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--20);
5610
+ --pf-t--global--dark--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--30);
5611
+ --pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--10);
5612
+ --pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--20);
5613
+ --pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--30);
5614
+ --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
5615
+ --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
5616
+ --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
5617
+ --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
5618
+ --pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
5619
+ --pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30);
5620
+ --pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40);
5621
+ --pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50);
5622
+ --pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20);
5623
+ --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
5624
+ --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
5625
+ --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
5626
+ --pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
5627
+ --pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
5628
+ --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
5629
+ --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
5630
+ --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
5631
+ --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
5632
+ --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
5633
+ --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
5634
+ --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
5635
+ --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
5636
+ --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
5637
+ --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
5638
+ --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
5639
+ --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
5640
+ --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--300);
5641
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
5642
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
5643
+ --pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400);
5644
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
5645
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
5646
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--dark--color--brand--200);
5647
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
5648
+ --pf-t--global--text--color--disabled: var(--pf-t--global--dark--color--disabled--200);
5649
+ --pf-t--global--text--color--inverse: var(--pf-t--global--dark--text--color--300);
5650
+ --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
5651
+ --pf-t--global--text--color--regular: var(--pf-t--global--dark--text--color--100);
5652
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--300);
5653
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--dark--text--color--link--200);
5654
+ --pf-t--global--text--color--link--default: var(--pf-t--global--dark--text--color--link--100);
5655
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--200);
5656
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--200);
5657
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--100);
5658
+ --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
5659
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
5660
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
5661
+ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
5662
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
5663
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
5664
+ --pf-t--global--border--color--nonstatus--cyan--clicked: var(--pf-t--global--dark--color--nonstatus--cyan--200);
5665
+ --pf-t--global--border--color--nonstatus--cyan--hover: var(--pf-t--global--dark--color--nonstatus--cyan--200);
5666
+ --pf-t--global--border--color--nonstatus--cyan--default: var(--pf-t--global--dark--color--nonstatus--cyan--100);
5667
+ --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
5668
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
5669
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
5670
+ --pf-t--global--border--color--nonstatus--gold--clicked: var(--pf-t--global--dark--color--nonstatus--gold--200);
5671
+ --pf-t--global--border--color--nonstatus--gold--hover: var(--pf-t--global--dark--color--nonstatus--gold--200);
5672
+ --pf-t--global--border--color--nonstatus--gold--default: var(--pf-t--global--dark--color--nonstatus--gold--100);
5673
+ --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
5674
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
5675
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
5676
+ --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
5677
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
5678
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
5679
+ --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
5680
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
5681
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
5682
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
5683
+ --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
5684
+ --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
5685
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
5686
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
5687
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--200);
5688
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
5689
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--dark--icon--color--200);
5690
+ --pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100);
5691
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
5692
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
5693
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200);
5694
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--200);
5695
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--200);
5696
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--100);
5697
+ --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
5698
+ --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
5699
+ --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
5700
+ --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
5701
+ --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
5702
+ --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
5703
+ --pf-t--global--color--nonstatus--cyan--clicked: var(--pf-t--global--dark--color--nonstatus--cyan--200);
5704
+ --pf-t--global--color--nonstatus--cyan--hover: var(--pf-t--global--dark--color--nonstatus--cyan--200);
5705
+ --pf-t--global--color--nonstatus--cyan--default: var(--pf-t--global--dark--color--nonstatus--cyan--100);
5706
+ --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
5707
+ --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
5708
+ --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
5709
+ --pf-t--global--color--nonstatus--gold--clicked: var(--pf-t--global--dark--color--nonstatus--gold--200);
5710
+ --pf-t--global--color--nonstatus--gold--hover: var(--pf-t--global--dark--color--nonstatus--gold--200);
5711
+ --pf-t--global--color--nonstatus--gold--default: var(--pf-t--global--dark--color--nonstatus--gold--100);
5712
+ --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
5713
+ --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
5714
+ --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
5715
+ --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
5716
+ --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
5717
+ --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
5718
+ --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
5719
+ --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
5720
+ --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
5721
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--200);
5722
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--200);
5723
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--100);
5724
+ --pf-t--global--color--status--info--clicked: var(--pf-t--global--dark--color--status--info--200);
5725
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--dark--color--status--info--200);
5726
+ --pf-t--global--color--status--info--default: var(--pf-t--global--dark--color--status--info--100);
5727
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--200);
5728
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--200);
5729
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--100);
5730
+ --pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200);
5731
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
5732
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
5733
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--200);
5734
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--200);
5735
+ --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--100);
5736
+ --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
5737
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
5738
+ --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
5739
+ --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
5740
+ --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
5741
+ --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
5742
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--100);
5743
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
5744
+ --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
5745
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
5746
+ --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
5747
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
5748
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
5749
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--200);
5750
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
5751
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
5752
+ --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
5753
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
5754
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
5755
+ --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--300);
5756
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
5757
+ --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
5758
+ --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--inverse);
5759
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--inverse);
5760
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--inverse);
5761
+ --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--inverse);
5762
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--inverse);
5763
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--inverse);
5764
+ --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--inverse);
5765
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse);
5766
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse);
5767
+ --pf-t--global--text--color--nonstatus--on-cyan--clicked: var(--pf-t--global--text--color--inverse);
5768
+ --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--text--color--inverse);
5769
+ --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--text--color--inverse);
5770
+ --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--inverse);
5771
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse);
5772
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse);
5773
+ --pf-t--global--text--color--nonstatus--on-gold--clicked: var(--pf-t--global--text--color--inverse);
5774
+ --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--text--color--inverse);
5775
+ --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--text--color--inverse);
5776
+ --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--inverse);
5777
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--inverse);
5778
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--inverse);
5779
+ --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--inverse);
5780
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--inverse);
5781
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--inverse);
5782
+ --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--inverse);
5783
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--inverse);
5784
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--inverse);
5785
+ --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
5786
+ --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
5787
+ --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
5788
+ --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
5789
+ --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
5790
+ --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
5791
+ --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
5792
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
5793
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
5794
+ --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
5795
+ --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
5796
+ --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
5797
+ --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
5798
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
5799
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
5800
+ --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
5801
+ --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
5802
+ --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
5803
+ --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--text--color--inverse);
5804
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
5805
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
5806
+ --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
5807
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
5808
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
5809
+ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
5810
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
5811
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
5812
+ --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
5813
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
5814
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
5815
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
5816
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
5817
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
5818
+ --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
5819
+ --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
5820
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
5821
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
5822
+ --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
5823
+ --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
5824
+ --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
5825
+ --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
5826
+ --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
5827
+ --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
5828
+ --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
5829
+ --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
5830
+ --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
5831
+ --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
5832
+ --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
5833
+ --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
5834
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
5835
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
5836
+ --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
5837
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
5838
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
5839
+ --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
5840
+ --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
5841
+ --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
5842
+ --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--inverse);
5843
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--inverse);
5844
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--inverse);
5845
+ --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--inverse);
5846
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
5847
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
5848
+ --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--inverse);
5849
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
5850
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
5851
+ --pf-t--global--icon--color--nonstatus--on-cyan--clicked: var(--pf-t--global--icon--color--inverse);
5852
+ --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--inverse);
5853
+ --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--inverse);
5854
+ --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--inverse);
5855
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
5856
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
5857
+ --pf-t--global--icon--color--nonstatus--on-gold--clicked: var(--pf-t--global--icon--color--inverse);
5858
+ --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--inverse);
5859
+ --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--inverse);
5860
+ --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--inverse);
5861
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
5862
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
5863
+ --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--inverse);
5864
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
5865
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
5866
+ --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--inverse);
5867
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
5868
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
5869
+ --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
5870
+ --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
5871
+ --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
5872
+ --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
5873
+ --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
5874
+ --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
5875
+ --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
5876
+ --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
5877
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
5878
+ --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
5879
+ --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
5880
+ --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
5881
+ --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
5882
+ --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
5883
+ --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
5884
+ --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
5885
+ --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
5886
+ --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
5887
+ --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
5888
+ --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
5889
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
5890
+ --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
5891
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
5892
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
5893
+ --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
5894
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
5895
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
5896
+ --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
5897
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
5898
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
5899
+ --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
5900
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
5901
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
5902
+ --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
5903
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
5904
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
5905
+ --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
5906
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
5907
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
5908
+ --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
5909
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
5910
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
5911
+ --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
5912
+ --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
5913
+ --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
5914
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
5915
+ --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
5916
+ --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
5917
+ --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
5918
+ --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default);
5917
5919
  }
5918
5920
 
5919
- .pf-v6-pficon-zone:before {
5920
- content: "\e911";
5921
+ :where(:root) {
5922
+ --pf-v6-global--inverse--multiplier: 1;
5921
5923
  }
5922
5924
 
5923
- .pf-v6-svg {
5924
- width: 1em;
5925
- height: 1em;
5926
- vertical-align: -0.125em;
5925
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) {
5926
+ --pf-v6-global--inverse--multiplier: -1;
5927
5927
  }
5928
5928
 
5929
- :root {
5929
+ :where(:root, .pf-v6-c-about-modal-box) {
5930
5930
  --pf-v6-c-about-modal-box--BackgroundImage: none;
5931
5931
  --pf-v6-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5932
5932
  --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
@@ -5973,40 +5973,40 @@ html .ws-preview {
5973
5973
  --pf-v6-c-about-modal-box__content--sm--MarginBottom: var(--pf-t--global--spacer--2xl);
5974
5974
  --pf-v6-c-about-modal-box__content--sm--MarginLeft: var(--pf-t--global--spacer--3xl);
5975
5975
  }
5976
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) :root {
5976
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) :where(:root, .pf-v6-c-about-modal-box) {
5977
5977
  --pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
5978
5978
  }
5979
5979
 
5980
5980
  @media screen and (min-width: 576px) {
5981
- :root {
5981
+ :where(:root, .pf-v6-c-about-modal-box) {
5982
5982
  --pf-v6-c-about-modal-box__brand--PaddingRight: var(--pf-v6-c-about-modal-box__brand--sm--PaddingRight);
5983
5983
  --pf-v6-c-about-modal-box__brand--PaddingLeft: var(--pf-v6-c-about-modal-box__brand--sm--PaddingLeft);
5984
5984
  --pf-v6-c-about-modal-box__brand--PaddingBottom: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBottom);
5985
5985
  }
5986
5986
  }
5987
5987
  @media only screen and (min-width: 576px) {
5988
- :root {
5988
+ :where(:root, .pf-v6-c-about-modal-box) {
5989
5989
  --pf-v6-c-about-modal-box__close--PaddingBottom: var(--pf-v6-c-about-modal-box__close--sm--PaddingBottom);
5990
5990
  }
5991
5991
  }
5992
5992
  @media only screen and (min-width: 992px) {
5993
- :root {
5993
+ :where(:root, .pf-v6-c-about-modal-box) {
5994
5994
  --pf-v6-c-about-modal-box__close--PaddingRight: var(--pf-v6-c-about-modal-box__close--lg--PaddingRight);
5995
5995
  }
5996
5996
  }
5997
5997
  @media only screen and (min-width: 576px) {
5998
- :root {
5998
+ :where(:root, .pf-v6-c-about-modal-box) {
5999
5999
  --pf-v6-c-about-modal-box__header--PaddingRight: var(--pf-v6-c-about-modal-box__header--sm--PaddingRight);
6000
6000
  --pf-v6-c-about-modal-box__header--PaddingLeft: var(--pf-v6-c-about-modal-box__header--sm--PaddingLeft);
6001
6001
  }
6002
6002
  }
6003
6003
  @media only screen and (min-width: 576px) {
6004
- :root {
6004
+ :where(:root, .pf-v6-c-about-modal-box) {
6005
6005
  --pf-v6-c-about-modal-box__strapline--PaddingTop: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingTop);
6006
6006
  }
6007
6007
  }
6008
6008
  @media only screen and (min-width: 576px) {
6009
- :root {
6009
+ :where(:root, .pf-v6-c-about-modal-box) {
6010
6010
  --pf-v6-c-about-modal-box__content--MarginTop: var(--pf-v6-c-about-modal-box__content--sm--MarginTop);
6011
6011
  --pf-v6-c-about-modal-box__content--MarginRight: var(--pf-v6-c-about-modal-box__content--sm--MarginRight);
6012
6012
  --pf-v6-c-about-modal-box__content--MarginBottom: var(--pf-v6-c-about-modal-box__content--sm--MarginBottom);
@@ -6120,7 +6120,7 @@ html .ws-preview {
6120
6120
  font-size: var(--pf-v6-c-about-modal-box__close--c-button--FontSize);
6121
6121
  }
6122
6122
 
6123
- :root {
6123
+ :where(:root, .pf-v6-c-accordion) {
6124
6124
  --pf-v6-c-accordion--BackgroundColor: var(--pf-t--global--background--color--primary--default);
6125
6125
  --pf-v6-c-accordion--RowGap: var(--pf-t--global--spacer--xs);
6126
6126
  --pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
@@ -6272,7 +6272,7 @@ html .ws-preview {
6272
6272
  --pf-v6-c-accordion__expandable-content-body--PaddingTop: var(--pf-v6-c-accordion__expandable-content-body--expandable-content-body--PaddingTop);
6273
6273
  }
6274
6274
 
6275
- :where(:root) {
6275
+ :where(:root, .pf-v6-c-action-list) {
6276
6276
  --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--sm);
6277
6277
  --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--2xl);
6278
6278
  --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--md);
@@ -6302,7 +6302,7 @@ html .ws-preview {
6302
6302
  column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6303
6303
  }
6304
6304
 
6305
- :root {
6305
+ :where(:root, .pf-v6-c-alert) {
6306
6306
  --pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
6307
6307
  --pf-v6-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
6308
6308
  --pf-v6-c-alert--GridTemplateColumns: max-content 1fr max-content;
@@ -6806,7 +6806,7 @@ html .ws-preview {
6806
6806
  color: var(--pf-v6-c-app-launcher__group-title--Color);
6807
6807
  }
6808
6808
 
6809
- :root, .pf-v6-c-avatar {
6809
+ :where(:root, .pf-v6-c-avatar) {
6810
6810
  --pf-v6-c-avatar--BorderColor: transparent;
6811
6811
  --pf-v6-c-avatar--BorderWidth: 0;
6812
6812
  --pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -7051,8 +7051,7 @@ html .ws-preview {
7051
7051
  }
7052
7052
  }
7053
7053
 
7054
- :root,
7055
- .pf-v6-c-backdrop {
7054
+ :where(:root, .pf-v6-c-backdrop) {
7056
7055
  --pf-v6-c-backdrop--Position: fixed;
7057
7056
  --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
7058
7057
  --pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
@@ -7072,8 +7071,7 @@ html .ws-preview {
7072
7071
  overflow: hidden;
7073
7072
  }
7074
7073
 
7075
- :root,
7076
- .pf-v6-c-background-image {
7074
+ :where(:root, .pf-v6-c-background-image) {
7077
7075
  --pf-v6-c-background-image--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7078
7076
  --pf-v6-c-background-image--BackgroundImage: none;
7079
7077
  --pf-v6-c-background-image--BackgroundSize--min-width: 200px;
@@ -7100,7 +7098,7 @@ html .ws-preview {
7100
7098
  --pf-v6-c-background-image--BackgroundPosition: bottom left;
7101
7099
  }
7102
7100
 
7103
- :root {
7101
+ :where(:root, .pf-v6-c-back-to-top) {
7104
7102
  --pf-v6-c-back-to-top--Right: var(--pf-t--global--spacer--2xl);
7105
7103
  --pf-v6-c-back-to-top--Bottom: var(--pf-t--global--spacer--lg);
7106
7104
  --pf-v6-c-back-to-top--md--Bottom: var(--pf-t--global--spacer--2xl);
@@ -7112,7 +7110,7 @@ html .ws-preview {
7112
7110
  --pf-v6-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
7113
7111
  }
7114
7112
  @media (min-width: 768px) {
7115
- :root {
7113
+ :where(:root, .pf-v6-c-back-to-top) {
7116
7114
  --pf-v6-c-back-to-top--Bottom: var(--pf-v6-c-back-to-top--md--Bottom);
7117
7115
  }
7118
7116
  }
@@ -7134,7 +7132,7 @@ html .ws-preview {
7134
7132
  box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
7135
7133
  }
7136
7134
 
7137
- :root {
7135
+ :where(:root, .pf-v6-c-badge) {
7138
7136
  --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
7139
7137
  --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
7140
7138
  --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
@@ -7181,7 +7179,7 @@ html .ws-preview {
7181
7179
  color: var(--pf-v6-c-badge__toggle-icon--Color);
7182
7180
  }
7183
7181
 
7184
- :root {
7182
+ :where(:root, .pf-v6-c-banner) {
7185
7183
  --pf-v6-c-banner--PaddingTop: var(--pf-t--global--spacer--xs);
7186
7184
  --pf-v6-c-banner--PaddingRight: var(--pf-t--global--spacer--md);
7187
7185
  --pf-v6-c-banner--md--PaddingRight: var(--pf-t--global--spacer--lg);
@@ -7227,7 +7225,7 @@ html .ws-preview {
7227
7225
  --pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
7228
7226
  }
7229
7227
  @media (min-width: 768px) {
7230
- :root {
7228
+ :where(:root, .pf-v6-c-banner) {
7231
7229
  --pf-v6-c-banner--PaddingRight: var(--pf-v6-c-banner--md--PaddingRight);
7232
7230
  --pf-v6-c-banner--PaddingLeft: var(--pf-v6-c-banner--md--PaddingLeft);
7233
7231
  }
@@ -7393,8 +7391,7 @@ html .ws-preview {
7393
7391
  max-width: 100%;
7394
7392
  }
7395
7393
 
7396
- :where(:root),
7397
- :where(.pf-v6-c-breadcrumb) {
7394
+ :where(:root, .pf-v6-c-breadcrumb) {
7398
7395
  --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
7399
7396
  --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
7400
7397
  --pf-v6-c-breadcrumb__item--MarginRight: var(--pf-t--global--spacer--sm);
@@ -7503,8 +7500,7 @@ button.pf-v6-c-breadcrumb__link {
7503
7500
  display: none;
7504
7501
  }
7505
7502
 
7506
- :where(:root),
7507
- :where(.pf-v6-c-button) {
7503
+ :where(:root, .pf-v6-c-button) {
7508
7504
  --pf-v6-c-button--Display: inline-block;
7509
7505
  --pf-v6-c-button--PaddingTop: var(--pf-t--global--spacer--sm);
7510
7506
  --pf-v6-c-button--PaddingRight: var(--pf-t--global--spacer--lg);
@@ -8069,8 +8065,7 @@ button.pf-v6-c-breadcrumb__link {
8069
8065
  margin-inline-start: var(--pf-v6-c-button__count--MarginLeft);
8070
8066
  }
8071
8067
 
8072
- :where(:root),
8073
- :where(.pf-v6-c-calendar-month) {
8068
+ :where(:root, .pf-v6-c-calendar-month) {
8074
8069
  --pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
8075
8070
  --pf-v6-c-calendar-month--PaddingTop: var(--pf-t--global--spacer--lg);
8076
8071
  --pf-v6-c-calendar-month--PaddingRight: var(--pf-t--global--spacer--lg);
@@ -8275,8 +8270,7 @@ button.pf-v6-c-breadcrumb__link {
8275
8270
  pointer-events: none;
8276
8271
  }
8277
8272
 
8278
- :where(:root),
8279
- :where(.pf-v6-c-card) {
8273
+ :where(:root, .pf-v6-c-card) {
8280
8274
  --pf-v6-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
8281
8275
  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
8282
8276
  --pf-v6-c-card--BorderStyle: solid;
@@ -8593,8 +8587,7 @@ button.pf-v6-c-breadcrumb__link {
8593
8587
  color: var(--pf-v6-c-card__footer--Color);
8594
8588
  }
8595
8589
 
8596
- :root,
8597
- .pf-v6-c-check {
8590
+ :where(:root, .pf-v6-c-check) {
8598
8591
  --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
8599
8592
  --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
8600
8593
  --pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
@@ -8858,8 +8851,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
8858
8851
  margin-block-end: var(--pf-v6-c-chip-group__close--MarginBottom);
8859
8852
  }
8860
8853
 
8861
- :where(:root),
8862
- :where(.pf-v6-c-clipboard-copy) {
8854
+ :where(:root, .pf-v6-c-clipboard-copy) {
8863
8855
  --pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
8864
8856
  --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
8865
8857
  --pf-v6-c-clipboard-copy__expandable-content--MarginTop: var(--pf-t--global--spacer--xs);
@@ -8965,7 +8957,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
8965
8957
  --pf-v6-c-button--PaddingLeft: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingLeft);
8966
8958
  }
8967
8959
 
8968
- :root, :where(.pf-v6-c-code-block) {
8960
+ :where(:root, .pf-v6-c-code-block) {
8969
8961
  --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
8970
8962
  --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
8971
8963
  --pf-v6-c-code-block__header--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
@@ -9019,7 +9011,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
9019
9011
  font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
9020
9012
  }
9021
9013
 
9022
- :where(:root), :where(.pf-v6-c-code-editor) {
9014
+ :where(:root, .pf-v6-c-code-editor) {
9023
9015
  --pf-v6-c-code-editor__controls--PaddingInlineStart: var(--pf-t--global--spacer--sm);
9024
9016
  --pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--xs);
9025
9017
  --pf-v6-c-code-editor__header--before--BorderBottomWidth: var(--pf-t--global--border--width--box--default);
@@ -9196,8 +9188,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
9196
9188
  margin-inline-start: var(--pf-v6-c-code-editor__tab-icon--text--MarginLeft);
9197
9189
  }
9198
9190
 
9199
- :where(:root),
9200
- :where(.pf-v6-c-content) {
9191
+ :where(:root, .pf-v6-c-content) {
9201
9192
  --pf-v6-c-content--MarginBottom: var(--pf-t--global--spacer--md);
9202
9193
  --pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
9203
9194
  --pf-v6-c-content--FontSize: var(--pf-t--global--font--size--body--default);
@@ -10192,7 +10183,7 @@ ol) {
10192
10183
  }
10193
10184
  }
10194
10185
 
10195
- :root, .pf-v6-c-data-list {
10186
+ :where(:root, .pf-v6-c-data-list) {
10196
10187
  --pf-v6-c-data-list--FontSize: var( --pf-t--global--font--size--body);
10197
10188
  --pf-v6-c-data-list--LineHeight: var(--pf-t--global--font--line-height--body);
10198
10189
  --pf-v6-c-data-list--BorderTopColor: var(--pf-t--global--border--color--default);
@@ -10304,13 +10295,13 @@ ol) {
10304
10295
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingTop: var(--pf-t--global--spacer--sm);
10305
10296
  }
10306
10297
  @media screen and (min-width: 576px) {
10307
- :root, .pf-v6-c-data-list {
10298
+ :where(:root, .pf-v6-c-data-list) {
10308
10299
  --pf-v6-c-data-list--BorderTopColor: var(--pf-v6-c-data-list--sm--BorderTopColor);
10309
10300
  --pf-v6-c-data-list--BorderTopWidth: var(--pf-v6-c-data-list--sm--BorderTopWidth);
10310
10301
  }
10311
10302
  }
10312
10303
  @media screen and (min-width: 576px) {
10313
- :root, .pf-v6-c-data-list {
10304
+ :where(:root, .pf-v6-c-data-list) {
10314
10305
  --pf-v6-c-data-list__item--BorderBottomWidth: var(--pf-v6-c-data-list__item--sm--BorderBottomWidth);
10315
10306
  --pf-v6-c-data-list__item--BorderBottomColor: var(--pf-v6-c-data-list__item--sm--BorderBottomColor);
10316
10307
  }
@@ -10621,7 +10612,7 @@ ol) {
10621
10612
  padding: 0;
10622
10613
  }
10623
10614
 
10624
- :where(:root), :where(.pf-v6-c-description-list) {
10615
+ :where(:root, .pf-v6-c-description-list) {
10625
10616
  --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--lg);
10626
10617
  --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--lg);
10627
10618
  --pf-v6-c-description-list--GridTemplateColumns--count: 1;
@@ -10668,32 +10659,32 @@ ol) {
10668
10659
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
10669
10660
  }
10670
10661
  @media screen and (min-width: 576px) {
10671
- :where(:root), :where(.pf-v6-c-description-list) {
10662
+ :where(:root, .pf-v6-c-description-list) {
10672
10663
  --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
10673
10664
  }
10674
10665
  }
10675
10666
  @media (min-width: 576px) {
10676
- :where(:root), :where(.pf-v6-c-description-list) {
10667
+ :where(:root, .pf-v6-c-description-list) {
10677
10668
  --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));
10678
10669
  }
10679
10670
  }
10680
10671
  @media (min-width: 768px) {
10681
- :where(:root), :where(.pf-v6-c-description-list) {
10672
+ :where(:root, .pf-v6-c-description-list) {
10682
10673
  --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)));
10683
10674
  }
10684
10675
  }
10685
10676
  @media (min-width: 992px) {
10686
- :where(:root), :where(.pf-v6-c-description-list) {
10677
+ :where(:root, .pf-v6-c-description-list) {
10687
10678
  --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))));
10688
10679
  }
10689
10680
  }
10690
10681
  @media (min-width: 1200px) {
10691
- :where(:root), :where(.pf-v6-c-description-list) {
10682
+ :where(:root, .pf-v6-c-description-list) {
10692
10683
  --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)))));
10693
10684
  }
10694
10685
  }
10695
10686
  @media (min-width: 1450px) {
10696
- :where(:root), :where(.pf-v6-c-description-list) {
10687
+ :where(:root, .pf-v6-c-description-list) {
10697
10688
  --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))))));
10698
10689
  }
10699
10690
  }
@@ -10946,7 +10937,7 @@ ol) {
10946
10937
  }
10947
10938
  }
10948
10939
 
10949
- :where(:root), :where(.pf-v6-c-draggable) {
10940
+ :where(:root, .pf-v6-c-draggable) {
10950
10941
  --pf-v6-c-draggable--Cursor: auto;
10951
10942
  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
10952
10943
  --pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
@@ -10982,7 +10973,7 @@ ol) {
10982
10973
  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-v6-c-draggable--m-drag-outside--after--BorderColor);
10983
10974
  }
10984
10975
 
10985
- :where(:root), :where(.pf-v6-c-droppable) {
10976
+ :where(:root, .pf-v6-c-droppable) {
10986
10977
  --pf-v6-c-droppable--before--BackgroundColor: transparent;
10987
10978
  --pf-v6-c-droppable--before--Opacity: 0;
10988
10979
  --pf-v6-c-droppable--after--BorderWidth: 0;
@@ -11023,7 +11014,7 @@ ol) {
11023
11014
  --pf-v6-c-droppable--m-dragging--after--BorderColor: var(--pf-v6-c-droppable--m-drag-outside--after--BorderColor);
11024
11015
  }
11025
11016
 
11026
- :where(:root), :where(.pf-v6-c-dual-list-selector) {
11017
+ :where(:root, .pf-v6-c-dual-list-selector) {
11027
11018
  --pf-v6-c-dual-list-selector__header--GridArea: pane-header;
11028
11019
  --pf-v6-c-dual-list-selector__tools--GridArea: pane-tools;
11029
11020
  --pf-v6-c-dual-list-selector__status--GridArea: pane-status;
@@ -11345,8 +11336,7 @@ ol) {
11345
11336
  --pf-v6-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-v6-c-dual-list-selector__item--PaddingLeft);
11346
11337
  }
11347
11338
 
11348
- :where(:root),
11349
- :where(.pf-v6-c-toolbar) {
11339
+ :where(:root, .pf-v6-c-toolbar) {
11350
11340
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--sm);
11351
11341
  --pf-v6-c-toolbar--ColumnGap: var(--pf-t--global--spacer--md);
11352
11342
  --pf-v6-c-toolbar--PaddingBlock: var(--pf-t--global--spacer--md);
@@ -14164,8 +14154,7 @@ ol) {
14164
14154
  display: inline-block;
14165
14155
  }
14166
14156
  }
14167
- :where(:root),
14168
- :where(.pf-v6-c-date-picker) {
14157
+ :where(:root, .pf-v6-c-date-picker) {
14169
14158
  --pf-v6-c-date-picker--m-top__calendar--Top: 0;
14170
14159
  --pf-v6-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-t--global--spacer--xs));
14171
14160
  --pf-v6-c-date-picker__helper-text--MarginTop: var(--pf-t--global--spacer--sm);
@@ -14223,8 +14212,7 @@ ol) {
14223
14212
  min-width: min-content;
14224
14213
  }
14225
14214
 
14226
- :root,
14227
- :where(.pf-v6-c-divider) {
14215
+ :where(:root, .pf-v6-c-divider) {
14228
14216
  --pf-v6-c-divider--Display: flex;
14229
14217
  --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
14230
14218
  --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
@@ -14529,8 +14517,7 @@ ol) {
14529
14517
  }
14530
14518
  }
14531
14519
 
14532
- :where(:root),
14533
- :where(.pf-v6-c-drawer) {
14520
+ :where(:root, .pf-v6-c-drawer) {
14534
14521
  --pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
14535
14522
  --pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
14536
14523
  --pf-v6-c-drawer__content--FlexBasis: 100%;
@@ -14638,12 +14625,10 @@ ol) {
14638
14625
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingTop: var(--pf-v6-c-drawer__panel--after--Width);
14639
14626
  }
14640
14627
  @media screen and (min-width: 1200px) {
14641
- :where(:root),
14642
- :where(.pf-v6-c-drawer) {
14628
+ :where(:root, .pf-v6-c-drawer) {
14643
14629
  --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
14644
14630
  }
14645
- :where(:root).pf-m-panel-bottom,
14646
- :where(.pf-v6-c-drawer).pf-m-panel-bottom {
14631
+ :where(:root, .pf-v6-c-drawer).pf-m-panel-bottom {
14647
14632
  --pf-v6-c-drawer__panel--MinWidth: auto;
14648
14633
  --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
14649
14634
  }
@@ -16035,7 +16020,7 @@ ol) {
16035
16020
  color: var(--pf-v6-c-dropdown__group-title--Color);
16036
16021
  }
16037
16022
 
16038
- :root {
16023
+ :where(:root, .pf-v6-c-empty-state) {
16039
16024
  --pf-v6-c-empty-state--PaddingTop: var(--pf-t--global--spacer--xl);
16040
16025
  --pf-v6-c-empty-state--PaddingRight: var(--pf-t--global--spacer--xl);
16041
16026
  --pf-v6-c-empty-state--PaddingBottom: var(--pf-t--global--spacer--xl);
@@ -16174,7 +16159,7 @@ ol) {
16174
16159
  justify-content: center;
16175
16160
  }
16176
16161
 
16177
- :root {
16162
+ :where(:root, .pf-v6-c-expandable-section) {
16178
16163
  --pf-v6-c-expandable-section__toggle--PaddingTop: var(--pf-t--global--spacer--sm);
16179
16164
  --pf-v6-c-expandable-section__toggle--PaddingRight: var(--pf-t--global--spacer--md);
16180
16165
  --pf-v6-c-expandable-section__toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
@@ -16315,8 +16300,7 @@ ol) {
16315
16300
  padding-inline-end: var(--pf-v6-c-expandable-section__content--PaddingRight);
16316
16301
  }
16317
16302
 
16318
- :where(:root),
16319
- :where(.pf-v6-c-file-upload) {
16303
+ :where(:root, .pf-v6-c-file-upload) {
16320
16304
  --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--sm);
16321
16305
  --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
16322
16306
  --pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -16373,8 +16357,7 @@ ol) {
16373
16357
  transform: translate(-50%, -50%);
16374
16358
  }
16375
16359
 
16376
- :root,
16377
- .pf-v6-c-form {
16360
+ :where(:root, .pf-v6-c-form) {
16378
16361
  --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--lg);
16379
16362
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--sm);
16380
16363
  --pf-v6-c-form__group--m-action--MarginTop: var(--pf-t--global--spacer--xl);
@@ -16836,8 +16819,7 @@ ol) {
16836
16819
  margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBottom);
16837
16820
  }
16838
16821
 
16839
- :root,
16840
- .pf-v6-c-form-control {
16822
+ :where(:root, .pf-v6-c-form-control) {
16841
16823
  --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--sm);
16842
16824
  --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
16843
16825
  --pf-v6-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
@@ -17106,7 +17088,7 @@ select ~ .pf-v6-c-form-control__utilities {
17106
17088
  --pf-v6-c-form-control__utilities--PaddingRight: 0;
17107
17089
  }
17108
17090
 
17109
- :root {
17091
+ :where(:root, .pf-v6-c-hint) {
17110
17092
  --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
17111
17093
  --pf-v6-c-hint--PaddingTop: var(--pf-t--global--spacer--lg);
17112
17094
  --pf-v6-c-hint--PaddingRight: var(--pf-t--global--spacer--lg);
@@ -17182,7 +17164,7 @@ select ~ .pf-v6-c-form-control__utilities {
17182
17164
  margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginRight);
17183
17165
  }
17184
17166
 
17185
- :root {
17167
+ :where(:root, .pf-v6-c-helper-text) {
17186
17168
  --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
17187
17169
  --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
17188
17170
  --pf-v6-c-helper-text__item-icon--Color: var(--pf-t--global--icon--color--regular);
@@ -17254,8 +17236,7 @@ select ~ .pf-v6-c-form-control__utilities {
17254
17236
  color: var(--pf-v6-c-helper-text__item-text--Color);
17255
17237
  }
17256
17238
 
17257
- :root,
17258
- :where(.pf-v6-c-icon) {
17239
+ :where(:root, .pf-v6-c-icon) {
17259
17240
  --pf-v6-c-icon--Width: 1em;
17260
17241
  --pf-v6-c-icon--Height: 1em;
17261
17242
  --pf-v6-c-icon--m-sm--Width: var(--pf-t--global--icon--size--sm);
@@ -17511,8 +17492,7 @@ select ~ .pf-v6-c-form-control__utilities {
17511
17492
  transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
17512
17493
  }
17513
17494
 
17514
- :where(:root),
17515
- :where(.pf-v6-c-inline-edit) {
17495
+ :where(:root, .pf-v6-c-inline-edit) {
17516
17496
  --pf-v6-c-inline-edit__group--item--MarginRight: var(--pf-t--global--spacer--sm);
17517
17497
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
17518
17498
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
@@ -17595,8 +17575,7 @@ select ~ .pf-v6-c-form-control__utilities {
17595
17575
  display: none;
17596
17576
  }
17597
17577
 
17598
- :root,
17599
- .pf-v6-c-input-group {
17578
+ :where(:root, .pf-v6-c-input-group) {
17600
17579
  --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--xs);
17601
17580
  --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
17602
17581
  --pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
@@ -17669,8 +17648,7 @@ label.pf-v6-c-input-group__text {
17669
17648
  cursor: pointer;
17670
17649
  }
17671
17650
 
17672
- :where(:root),
17673
- :where(.pf-v6-c-jump-links) {
17651
+ :where(:root, .pf-v6-c-jump-links) {
17674
17652
  --pf-v6-c-jump-links__list--Display: flex;
17675
17653
  --pf-v6-c-jump-links__list--PaddingTop: 0;
17676
17654
  --pf-v6-c-jump-links__list--PaddingRight: var(--pf-t--global--spacer--md);
@@ -17932,8 +17910,7 @@ label.pf-v6-c-input-group__text {
17932
17910
  color: var(--pf-v6-c-jump-links__toggle-text--Color);
17933
17911
  }
17934
17912
 
17935
- :where(:root),
17936
- :where(.pf-v6-c-label) {
17913
+ :where(:root, .pf-v6-c-label) {
17937
17914
  --pf-v6-c-label--PaddingTop: var(--pf-t--global--spacer--xs);
17938
17915
  --pf-v6-c-label--PaddingRight: var(--pf-t--global--spacer--sm);
17939
17916
  --pf-v6-c-label--PaddingBottom: var(--pf-t--global--spacer--xs);
@@ -18426,8 +18403,7 @@ input.pf-v6-c-label__content {
18426
18403
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
18427
18404
  }
18428
18405
 
18429
- :where(:root),
18430
- :where(.pf-v6-c-label-group) {
18406
+ :where(:root, .pf-v6-c-label-group) {
18431
18407
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
18432
18408
  --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
18433
18409
  --pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
@@ -18811,7 +18787,7 @@ ul.pf-v6-c-list {
18811
18787
  font-weight: var(--pf-v6-c-log-viewer__timestamp--FontWeight);
18812
18788
  }
18813
18789
 
18814
- :root {
18790
+ :where(:root, .pf-v6-c-login) {
18815
18791
  --pf-v6-c-login--PaddingTop: var(--pf-t--global--spacer--lg);
18816
18792
  --pf-v6-c-login--PaddingBottom: var(--pf-t--global--spacer--lg);
18817
18793
  --pf-v6-c-login__container--xl--GridColumnGap: var(--pf-t--global--spacer--3xl);
@@ -18867,48 +18843,48 @@ ul.pf-v6-c-list {
18867
18843
  --pf-v6-c-login__footer--c-list--xl--PaddingTop: var(--pf-t--global--spacer--2xl);
18868
18844
  }
18869
18845
  @media (min-width: 1200px) {
18870
- :root {
18846
+ :where(:root, .pf-v6-c-login) {
18871
18847
  --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
18872
18848
  }
18873
18849
  }
18874
18850
  @media (min-width: 576px) {
18875
- :root {
18851
+ :where(:root, .pf-v6-c-login) {
18876
18852
  --pf-v6-c-login__header--PaddingRight: 0;
18877
18853
  --pf-v6-c-login__header--PaddingLeft: 0;
18878
18854
  }
18879
18855
  }
18880
18856
  @media (min-width: 1200px) {
18881
- :root {
18857
+ :where(:root, .pf-v6-c-login) {
18882
18858
  --pf-v6-c-login__header--MarginBottom: var(--pf-v6-c-login__header--xl--MarginBottom);
18883
18859
  --pf-v6-c-login__header--c-brand--MarginBottom: var(--pf-v6-c-login__header--c-brand--xl--MarginBottom);
18884
18860
  }
18885
18861
  }
18886
18862
  @media (min-width: 1200px) {
18887
- :root {
18863
+ :where(:root, .pf-v6-c-login) {
18888
18864
  --pf-v6-c-login__main--MarginBottom: 0;
18889
18865
  }
18890
18866
  }
18891
18867
  @media (min-width: 768px) {
18892
- :root {
18868
+ :where(:root, .pf-v6-c-login) {
18893
18869
  --pf-v6-c-login__main-header--PaddingRight: var(--pf-v6-c-login__main-header--md--PaddingRight);
18894
18870
  --pf-v6-c-login__main-header--PaddingLeft: var(--pf-v6-c-login__main-header--md--PaddingLeft);
18895
18871
  --pf-v6-c-login__main-header-desc--MarginBottom: var(--pf-v6-c-login__main-header-desc--md--MarginBottom);
18896
18872
  }
18897
18873
  }
18898
18874
  @media (min-width: 768px) {
18899
- :root {
18875
+ :where(:root, .pf-v6-c-login) {
18900
18876
  --pf-v6-c-login__main-body--PaddingRight: var(--pf-v6-c-login__main-body--md--PaddingRight);
18901
18877
  --pf-v6-c-login__main-body--PaddingLeft: var(--pf-v6-c-login__main-body--md--PaddingLeft);
18902
18878
  }
18903
18879
  }
18904
18880
  @media (min-width: 576px) {
18905
- :root {
18881
+ :where(:root, .pf-v6-c-login) {
18906
18882
  --pf-v6-c-login__footer--PaddingRight: 0;
18907
18883
  --pf-v6-c-login__footer--PaddingLeft: 0;
18908
18884
  }
18909
18885
  }
18910
18886
  @media (min-width: 1200px) {
18911
- :root {
18887
+ :where(:root, .pf-v6-c-login) {
18912
18888
  --pf-v6-c-login__footer--c-list--PaddingTop: var(--pf-v6-c-login__footer--c-list--xl--PaddingTop);
18913
18889
  }
18914
18890
  }
@@ -19068,8 +19044,7 @@ ul.pf-v6-c-list {
19068
19044
  padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingTop);
19069
19045
  }
19070
19046
 
19071
- :where(:root),
19072
- :where(.pf-v6-c-masthead) {
19047
+ :where(:root, .pf-v6-c-masthead) {
19073
19048
  --pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
19074
19049
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--md);
19075
19050
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
@@ -19506,8 +19481,7 @@ ul.pf-v6-c-list {
19506
19481
  padding-inline-end: var(--pf-t--global--spacer--2xl);
19507
19482
  }
19508
19483
 
19509
- :where(:root),
19510
- :where(.pf-v6-c-menu) {
19484
+ :where(:root, .pf-v6-c-menu) {
19511
19485
  --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
19512
19486
  --pf-v6-c-menu--Width: auto;
19513
19487
  --pf-v6-c-menu--MinWidth: auto;
@@ -20074,8 +20048,7 @@ ul.pf-v6-c-list {
20074
20048
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
20075
20049
  }
20076
20050
 
20077
- :where(:root),
20078
- :where(.pf-v6-c-menu-toggle) {
20051
+ :where(:root, .pf-v6-c-menu-toggle) {
20079
20052
  --pf-v6-c-menu-toggle--ColumnGap: var(--pf-t--global--spacer--sm);
20080
20053
  --pf-v6-c-menu-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
20081
20054
  --pf-v6-c-menu-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
@@ -20483,7 +20456,7 @@ ul.pf-v6-c-list {
20483
20456
  color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
20484
20457
  }
20485
20458
 
20486
- :root {
20459
+ :where(:root, .pf-v6-c-modal-box) {
20487
20460
  --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
20488
20461
  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
20489
20462
  --pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
@@ -20533,7 +20506,7 @@ ul.pf-v6-c-list {
20533
20506
  --pf-v6-c-modal-box__footer--c-button--sm--MarginRight: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginRight) / 2);
20534
20507
  }
20535
20508
  @media (min-width: 1200px) {
20536
- :root {
20509
+ :where(:root, .pf-v6-c-modal-box) {
20537
20510
  --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
20538
20511
  }
20539
20512
  }
@@ -20682,8 +20655,7 @@ ul.pf-v6-c-list {
20682
20655
  }
20683
20656
  }
20684
20657
 
20685
- :root,
20686
- :where(.pf-v6-c-multiple-file-upload) {
20658
+ :where(:root, .pf-v6-c-multiple-file-upload) {
20687
20659
  --pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
20688
20660
  --pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
20689
20661
  --pf-v6-c-multiple-file-upload__main--TextAlign: center;
@@ -20893,8 +20865,7 @@ ul.pf-v6-c-list {
20893
20865
  color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
20894
20866
  }
20895
20867
 
20896
- :where(:root),
20897
- :where(.pf-v6-c-nav) {
20868
+ :where(:root, .pf-v6-c-nav) {
20898
20869
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
20899
20870
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20900
20871
  --pf-v6-c-nav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -21180,7 +21151,7 @@ ul.pf-v6-c-list {
21180
21151
  --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
21181
21152
  }
21182
21153
 
21183
- :root {
21154
+ :where(:root, .pf-v6-c-notification-badge) {
21184
21155
  --pf-v6-c-notification-badge--BackgroundColor: transparent;
21185
21156
  --pf-v6-c-notification-badge--MinWidth: 40px;
21186
21157
  --pf-v6-c-notification-badge--Gap: var(--pf-t--global--spacer--xs);
@@ -21268,8 +21239,7 @@ ul.pf-v6-c-list {
21268
21239
  --pf-v6-c-notification-badge--m-attention--BackgroundColor: var(--pf-v6-c-notification-badge--m-attention--m-expanded--BackgroundColor);
21269
21240
  }
21270
21241
 
21271
- :root,
21272
- .pf-v6-c-notification-drawer {
21242
+ :where(:root, .pf-v6-c-notification-drawer) {
21273
21243
  --pf-v6-c-notification-drawer--BackgroundColor: var(--pf-t--global--background--color--floating--default);
21274
21244
  --pf-v6-c-notification-drawer__header--PaddingTop: var(--pf-t--global--spacer--md);
21275
21245
  --pf-v6-c-notification-drawer__header--PaddingRight: var(--pf-t--global--spacer--lg);
@@ -21810,7 +21780,7 @@ ul.pf-v6-c-list {
21810
21780
  color: var(--pf-v6-c-options-menu__group-title--Color);
21811
21781
  }
21812
21782
 
21813
- :root {
21783
+ :where(:root, .pf-v6-c-overflow-menu) {
21814
21784
  --pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
21815
21785
  --pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
21816
21786
  --pf-v6-c-overflow-menu__group--m-button-group--ColumnGap: var(--pf-t--global--spacer--sm);
@@ -21847,7 +21817,7 @@ ul.pf-v6-c-list {
21847
21817
  column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
21848
21818
  }
21849
21819
 
21850
- :root {
21820
+ :where(:root, .pf-v6-c-page) {
21851
21821
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21852
21822
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--md);
21853
21823
  --pf-v6-c-page--xl--inset: var(--pf-t--global--spacer--xl);
@@ -21959,25 +21929,25 @@ ul.pf-v6-c-list {
21959
21929
  --pf-v6-c-page__main-wizard--BorderTopWidth: var(--pf-t--global--border--width--button--default);
21960
21930
  }
21961
21931
  @media (min-width: 1200px) {
21962
- :root {
21932
+ :where(:root, .pf-v6-c-page) {
21963
21933
  --pf-v6-c-page__header-brand--PaddingLeft: var(--pf-v6-c-page__header-brand--xl--PaddingLeft);
21964
21934
  --pf-v6-c-page--inset: var(--pf-v6-c-page--xl--inset);
21965
21935
  }
21966
21936
  }
21967
21937
  @media screen and (min-width: 1200px) {
21968
- :root {
21938
+ :where(:root, .pf-v6-c-page) {
21969
21939
  --pf-v6-c-page__header-nav--BackgroundColor: var(--pf-v6-c-page__header-nav--xl--BackgroundColor);
21970
21940
  --pf-v6-c-page__header-nav--PaddingRight: var(--pf-v6-c-page__header-nav--xl--PaddingRight);
21971
21941
  --pf-v6-c-page__header-nav--PaddingLeft: var(--pf-v6-c-page__header-nav--xl--PaddingLeft);
21972
21942
  }
21973
21943
  }
21974
21944
  @media screen and (min-width: 1200px) {
21975
- :root {
21945
+ :where(:root, .pf-v6-c-page) {
21976
21946
  --pf-v6-c-page__header-tools--MarginRight: var(--pf-v6-c-page__header-tools--xl--MarginRight);
21977
21947
  }
21978
21948
  }
21979
21949
  @media screen and (min-width: 1200px) {
21980
- :root {
21950
+ :where(:root, .pf-v6-c-page) {
21981
21951
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
21982
21952
  }
21983
21953
  }
@@ -22831,8 +22801,7 @@ ul.pf-v6-c-list {
22831
22801
  flex: 1 0 auto;
22832
22802
  }
22833
22803
 
22834
- :where(:root),
22835
- :where(.pf-v6-c-pagination) {
22804
+ :where(:root, .pf-v6-c-pagination) {
22836
22805
  --pf-v6-c-pagination--inset: 0;
22837
22806
  --pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
22838
22807
  --pf-v6-c-pagination--m-page-insets--inset: var(--pf-t--global--spacer--lg);
@@ -22867,8 +22836,7 @@ ul.pf-v6-c-list {
22867
22836
  --pf-v6-c-pagination--m-display-full__page-menu--Display: inline-flex;
22868
22837
  }
22869
22838
  @media screen and (min-width: 768px) {
22870
- :where(:root),
22871
- :where(.pf-v6-c-pagination) {
22839
+ :where(:root, .pf-v6-c-pagination) {
22872
22840
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
22873
22841
  --pf-v6-c-pagination__page-menu--Display: inline-flex;
22874
22842
  --pf-v6-c-pagination__nav--Display: inline-flex;
@@ -22876,8 +22844,7 @@ ul.pf-v6-c-list {
22876
22844
  }
22877
22845
  }
22878
22846
  @media screen and (min-width: 1200px) {
22879
- :where(:root),
22880
- :where(.pf-v6-c-pagination) {
22847
+ :where(:root, .pf-v6-c-pagination) {
22881
22848
  --pf-v6-c-pagination__scroll-button--Width: var(--pf-v6-c-pagination__scroll-button--xl--Width);
22882
22849
  }
22883
22850
  }
@@ -23178,8 +23145,7 @@ ul.pf-v6-c-list {
23178
23145
  }
23179
23146
  }
23180
23147
 
23181
- :root,
23182
- .pf-v6-c-panel {
23148
+ :where(:root, .pf-v6-c-panel) {
23183
23149
  --pf-v6-c-panel--Width: auto;
23184
23150
  --pf-v6-c-panel--MinWidth: auto;
23185
23151
  --pf-v6-c-panel--MaxWidth: none;
@@ -23474,8 +23440,7 @@ ul.pf-v6-c-list {
23474
23440
  margin-block-start: var(--pf-v6-c-popover__footer--MarginTop);
23475
23441
  }
23476
23442
 
23477
- :root,
23478
- .pf-v6-c-progress {
23443
+ :where(:root, .pf-v6-c-progress) {
23479
23444
  --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
23480
23445
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
23481
23446
  --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
@@ -23635,8 +23600,7 @@ ul.pf-v6-c-list {
23635
23600
  margin-block-start: var(--pf-v6-c-progress__helper-text--MarginTop);
23636
23601
  }
23637
23602
 
23638
- :where(:root),
23639
- :where(.pf-v6-c-progress-stepper) {
23603
+ :where(:root, .pf-v6-c-progress-stepper) {
23640
23604
  --pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
23641
23605
  --pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
23642
23606
  --pf-v6-c-progress-stepper--m-vertical__step-connector--before--Top: 0;
@@ -23755,8 +23719,7 @@ ul.pf-v6-c-list {
23755
23719
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
23756
23720
  }
23757
23721
  @media screen and (min-width: 768px) {
23758
- :where(:root),
23759
- :where(.pf-v6-c-progress-stepper) {
23722
+ :where(:root, .pf-v6-c-progress-stepper) {
23760
23723
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
23761
23724
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
23762
23725
  --pf-v6-c-progress-stepper__step-connector--before--Top: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Top);
@@ -24246,8 +24209,7 @@ ul.pf-v6-c-list {
24246
24209
  }
24247
24210
  }
24248
24211
 
24249
- :root,
24250
- .pf-v6-c-radio {
24212
+ :where(:root, .pf-v6-c-radio) {
24251
24213
  --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
24252
24214
  --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
24253
24215
  --pf-v6-c-radio--Height: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
@@ -24899,8 +24861,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24899
24861
  box-shadow: var(--pf-v6-c-select__menu-footer--BoxShadow);
24900
24862
  }
24901
24863
 
24902
- :root,
24903
- :where(.pf-v6-c-sidebar) {
24864
+ :where(:root, .pf-v6-c-sidebar) {
24904
24865
  --pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
24905
24866
  --pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
24906
24867
  --pf-v6-c-sidebar--BorderWidth--base: var(--pf-t--global--border--width--regular);
@@ -25244,7 +25205,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25244
25205
  --pf-v6-c-sidebar__panel--FlexBasis: 100%;
25245
25206
  }
25246
25207
  }
25247
- :root, .pf-v6-c-simple-list {
25208
+ :where(:root, .pf-v6-c-simple-list) {
25248
25209
  --pf-v6-c-simple-list__item-link--PaddingTop: var(--pf-t--global--spacer--xs);
25249
25210
  --pf-v6-c-simple-list__item-link--PaddingRight: var(--pf-t--global--spacer--md);
25250
25211
  --pf-v6-c-simple-list__item-link--PaddingBottom: var(--pf-t--global--spacer--xs);
@@ -25314,8 +25275,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25314
25275
  margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginTop);
25315
25276
  }
25316
25277
 
25317
- :root,
25318
- .pf-v6-c-skeleton {
25278
+ :where(:root, .pf-v6-c-skeleton) {
25319
25279
  --pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
25320
25280
  --pf-v6-c-skeleton--Width: auto;
25321
25281
  --pf-v6-c-skeleton--Height: auto;
@@ -25480,7 +25440,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25480
25440
  transform: translateX(100%);
25481
25441
  }
25482
25442
  }
25483
- :root {
25443
+ :where(:root, .pf-v6-c-skip-to-content) {
25484
25444
  --pf-v6-c-skip-to-content--Top: var(--pf-t--global--spacer--md);
25485
25445
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
25486
25446
  --pf-v6-c-skip-to-content--focus--Left: var(--pf-t--global--spacer--md);
@@ -25496,8 +25456,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25496
25456
  inset-inline-start: var(--pf-v6-c-skip-to-content--focus--Left);
25497
25457
  }
25498
25458
 
25499
- :root,
25500
- .pf-v6-c-slider {
25459
+ :where(:root, .pf-v6-c-slider) {
25501
25460
  --pf-v6-c-slider--value: 0;
25502
25461
  --pf-v6-c-slider__step--Left: 0;
25503
25462
  --pf-v6-c-slider__rail--PaddingTop: var(--pf-t--global--spacer--md);
@@ -25718,8 +25677,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25718
25677
  margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginLeft);
25719
25678
  }
25720
25679
 
25721
- :root,
25722
- .pf-v6-c-spinner {
25680
+ :where(:root, .pf-v6-c-spinner) {
25723
25681
  --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
25724
25682
  --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
25725
25683
  --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
@@ -25795,8 +25753,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25795
25753
  transform: rotate(720deg);
25796
25754
  }
25797
25755
  }
25798
- :root,
25799
- .pf-v6-c-switch {
25756
+ :where(:root, .pf-v6-c-switch) {
25800
25757
  --pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
25801
25758
  --pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
25802
25759
  --pf-v6-c-switch__toggle-icon--FontSize: calc(var(--pf-v6-c-switch--FontSize) * .625);
@@ -25950,8 +25907,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25950
25907
  vertical-align: top;
25951
25908
  }
25952
25909
 
25953
- :root,
25954
- .pf-v6-c-tab-content {
25910
+ :where(:root, .pf-v6-c-tab-content) {
25955
25911
  --pf-v6-c-tab-content__body--PaddingTop: 0;
25956
25912
  --pf-v6-c-tab-content__body--PaddingRight: 0;
25957
25913
  --pf-v6-c-tab-content__body--PaddingBottom: 0;
@@ -27635,8 +27591,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27635
27591
  }
27636
27592
  }
27637
27593
 
27638
- :where(:root),
27639
- :where(.pf-v6-c-table) {
27594
+ :where(:root, .pf-v6-c-table) {
27640
27595
  --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27641
27596
  --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
27642
27597
  --pf-v6-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
@@ -28485,8 +28440,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28485
28440
  --pf-v6-c-table--cell--Width: 100%;
28486
28441
  }
28487
28442
 
28488
- :where(:root),
28489
- :where(.pf-v6-c-table) {
28443
+ :where(:root, .pf-v6-c-table) {
28490
28444
  --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
28491
28445
  --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
28492
28446
  --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
@@ -28550,8 +28504,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28550
28504
  overflow: auto;
28551
28505
  }
28552
28506
 
28553
- :where(:root),
28554
- :where(.pf-v6-c-table) {
28507
+ :where(:root, .pf-v6-c-table) {
28555
28508
  --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));
28556
28509
  --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));
28557
28510
  --pf-v6-c-table__tree-view-main--c-button--MarginRight: var(--pf-t--global--spacer--sm);
@@ -29361,8 +29314,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29361
29314
  }
29362
29315
  }
29363
29316
 
29364
- :where(:root),
29365
- :where(.pf-v6-c-tabs) {
29317
+ :where(:root, .pf-v6-c-tabs) {
29366
29318
  --pf-v6-c-tabs--inset: 0;
29367
29319
  --pf-v6-c-tabs--Width: auto;
29368
29320
  --pf-v6-c-tabs--before--BorderColor: var(--pf-t--global--border--color--default);
@@ -30199,8 +30151,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30199
30151
  }
30200
30152
  }
30201
30153
 
30202
- :where(:root),
30203
- :where(.pf-v6-c-text-input-group) {
30154
+ :where(:root, .pf-v6-c-text-input-group) {
30204
30155
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
30205
30156
  --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
30206
30157
  --pf-v6-c-text-input-group--BorderWidth: var(--pf-t--global--border--width--control--default);
@@ -30343,8 +30294,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30343
30294
  display: flex;
30344
30295
  }
30345
30296
 
30346
- :where(:root),
30347
- :where(.pf-v6-c-tile) {
30297
+ :where(:root, .pf-v6-c-tile) {
30348
30298
  --pf-v6-c-tile--PaddingTop: var(--pf-t--global--spacer--lg);
30349
30299
  --pf-v6-c-tile--PaddingRight: var(--pf-t--global--spacer--lg);
30350
30300
  --pf-v6-c-tile--PaddingBottom: var(--pf-t--global--spacer--lg);
@@ -30447,7 +30397,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30447
30397
  color: var(--pf-v6-c-tile__icon--Color);
30448
30398
  }
30449
30399
 
30450
- :root, .pf-v6-c-timestamp {
30400
+ :where(:root, .pf-v6-c-timestamp) {
30451
30401
  --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
30452
30402
  --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
30453
30403
  --pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
@@ -30485,7 +30435,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30485
30435
  --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor);
30486
30436
  }
30487
30437
 
30488
- :root {
30438
+ :where(:root, .pf-v6-c-title) {
30489
30439
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
30490
30440
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
30491
30441
  --pf-v6-c-title--m-4xl--FontSize: var(--pf-t--global--font--size--heading--2xl);
@@ -30590,8 +30540,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30590
30540
  line-height: var(--pf-v6-c-title--m-h6--LineHeight);
30591
30541
  }
30592
30542
 
30593
- :where(:root),
30594
- :where(.pf-v6-c-toggle-group) {
30543
+ :where(:root, .pf-v6-c-toggle-group) {
30595
30544
  --pf-v6-c-toggle-group__button--PaddingTop: var(--pf-t--global--spacer--sm);
30596
30545
  --pf-v6-c-toggle-group__button--PaddingRight: var(--pf-t--global--spacer--md);
30597
30546
  --pf-v6-c-toggle-group__button--PaddingBottom: var(--pf-t--global--spacer--sm);
@@ -30714,7 +30663,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30714
30663
  margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginLeft);
30715
30664
  }
30716
30665
 
30717
- :root {
30666
+ :where(:root, .pf-v6-c-tooltip) {
30718
30667
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
30719
30668
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
30720
30669
  --pf-v6-c-tooltip__content--PaddingTop: var(--pf-t--global--spacer--sm);
@@ -30836,8 +30785,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30836
30785
  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));
30837
30786
  }
30838
30787
 
30839
- :root,
30840
- .pf-v6-c-truncate {
30788
+ :where(:root, .pf-v6-c-truncate) {
30841
30789
  --pf-v6-c-truncate--MinWidth: 12ch;
30842
30790
  --pf-v6-c-truncate__start--MinWidth: 6ch;
30843
30791
  }
@@ -30883,8 +30831,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30883
30831
  direction: rtl;
30884
30832
  }
30885
30833
  }
30886
- :root,
30887
- .pf-v6-c-number-input {
30834
+ :where(:root, .pf-v6-c-number-input) {
30888
30835
  --pf-v6-c-number-input__unit--c-input-group--MarginLeft: var(--pf-t--global--spacer--sm);
30889
30836
  --pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
30890
30837
  --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);
@@ -30924,8 +30871,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30924
30871
  font-size: var(--pf-v6-c-number-input__icon--FontSize);
30925
30872
  }
30926
30873
 
30927
- :where(:root),
30928
- :where(.pf-v6-c-tree-view) {
30874
+ :where(:root, .pf-v6-c-tree-view) {
30929
30875
  --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));
30930
30876
  --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));
30931
30877
  --pf-v6-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -31378,8 +31324,7 @@ label.pf-v6-c-tree-view__node-text {
31378
31324
  --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));
31379
31325
  }
31380
31326
 
31381
- :where(:root),
31382
- :where(.pf-v6-c-wizard) {
31327
+ :where(:root, .pf-v6-c-wizard) {
31383
31328
  --pf-v6-c-wizard--Height: 100%;
31384
31329
  --pf-v6-c-modal-box--c-wizard--FlexBasis: 47.625rem;
31385
31330
  --pf-v6-c-wizard__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -31485,8 +31430,7 @@ label.pf-v6-c-tree-view__node-text {
31485
31430
  --pf-v6-c-wizard__footer-cancel--MarginLeft: calc(var(--pf-t--global--spacer--2xl) - var(--pf-v6-c-wizard__footer--child--MarginRight));
31486
31431
  }
31487
31432
  @media screen and (min-width: 992px) {
31488
- :where(:root),
31489
- :where(.pf-v6-c-wizard) {
31433
+ :where(:root, .pf-v6-c-wizard) {
31490
31434
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
31491
31435
  --pf-v6-c-wizard__nav--BoxShadow: none;
31492
31436
  }
@@ -31832,8 +31776,7 @@ label.pf-v6-c-tree-view__node-text {
31832
31776
  margin-inline-start: var(--pf-v6-c-wizard__footer-cancel--MarginLeft);
31833
31777
  }
31834
31778
 
31835
- :where(:root),
31836
- :where(.pf-v6-l-bullseye) {
31779
+ :where(:root, .pf-v6-l-bullseye) {
31837
31780
  --pf-v6-l-bullseye--Padding: 0;
31838
31781
  }
31839
31782
 
@@ -31846,8 +31789,7 @@ label.pf-v6-c-tree-view__node-text {
31846
31789
  margin: 0;
31847
31790
  }
31848
31791
 
31849
- :where(:root),
31850
- :where(.pf-v6-l-flex) {
31792
+ :where(:root, .pf-v6-l-flex) {
31851
31793
  --pf-v6-l-flex--Display: flex;
31852
31794
  --pf-v6-l-flex--FlexWrap: wrap;
31853
31795
  --pf-v6-l-flex--AlignItems: baseline;
@@ -34228,8 +34170,7 @@ label.pf-v6-c-tree-view__node-text {
34228
34170
  }
34229
34171
  }
34230
34172
 
34231
- :where(:root),
34232
- :where(.pf-v6-l-gallery) {
34173
+ :where(:root, .pf-v6-l-gallery) {
34233
34174
  --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
34234
34175
  --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
34235
34176
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
@@ -34300,8 +34241,7 @@ label.pf-v6-c-tree-view__node-text {
34300
34241
  }
34301
34242
  }
34302
34243
 
34303
- :where(:root),
34304
- :where(.pf-v6-l-grid) {
34244
+ :where(:root, .pf-v6-l-grid) {
34305
34245
  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
34306
34246
  --pf-v6-l-grid__item--GridColumnStart: auto;
34307
34247
  --pf-v6-l-grid__item--GridColumnEnd: span 12;
@@ -35238,8 +35178,7 @@ label.pf-v6-c-tree-view__node-text {
35238
35178
  grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
35239
35179
  }
35240
35180
 
35241
- :where(:root),
35242
- :where(.pf-v6-l-level) {
35181
+ :where(:root, .pf-v6-l-level) {
35243
35182
  --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--lg);
35244
35183
  }
35245
35184
 
@@ -35253,8 +35192,7 @@ label.pf-v6-c-tree-view__node-text {
35253
35192
  gap: var(--pf-v6-l-level--m-gutter--Gap);
35254
35193
  }
35255
35194
 
35256
- :where(:root),
35257
- :where(.pf-v6-l-split) {
35195
+ :where(:root, .pf-v6-l-split) {
35258
35196
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--lg);
35259
35197
  }
35260
35198
 
@@ -35275,8 +35213,7 @@ label.pf-v6-c-tree-view__node-text {
35275
35213
  gap: var(--pf-v6-l-stack--m-gutter--Gap);
35276
35214
  }
35277
35215
 
35278
- :where(:root),
35279
- :where(.pf-v6-l-stack) {
35216
+ :where(:root, .pf-v6-l-stack) {
35280
35217
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--lg);
35281
35218
  }
35282
35219