@patternfly/patternfly 6.5.0-prerelease.4 → 6.5.0-prerelease.40

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 (336) hide show
  1. package/README.md +1 -1
  2. package/assets/fontawesome/_variables.scss +2 -1
  3. package/assets/images/RHAiExperienceIcon.svg +27 -0
  4. package/assets/images/RHAutomationsLogo.svg +96 -0
  5. package/assets/images/RHServerStackIcon.svg +16 -0
  6. package/assets/images/compass--hero-bg.png +0 -0
  7. package/assets/images/compass--rh-wallpaper-dark.png +0 -0
  8. package/assets/images/compass--rh-wallpaper-light.png +0 -0
  9. package/assets/images/compass--wallpaper-dark.png +0 -0
  10. package/assets/images/compass--wallpaper-light.png +0 -0
  11. package/base/normalize.scss +7 -0
  12. package/base/patternfly-common.css +50 -0
  13. package/base/patternfly-common.scss +59 -0
  14. package/base/patternfly-variables.css +345 -14
  15. package/base/patternfly-variables.scss +40 -0
  16. package/base/tokens/tokens-dark.scss +51 -3
  17. package/base/tokens/tokens-default.scss +67 -13
  18. package/base/tokens/tokens-glass-dark.scss +9 -0
  19. package/base/tokens/tokens-glass.scss +9 -0
  20. package/base/tokens/tokens-local.scss +16 -0
  21. package/base/tokens/tokens-palette.scss +3 -1
  22. package/base/tokens/tokens-redhat-dark.scss +14 -0
  23. package/base/tokens/tokens-redhat-glass-dark.scss +16 -0
  24. package/base/tokens/tokens-redhat-glass.scss +15 -0
  25. package/base/tokens/tokens-redhat-highcontrast-dark.scss +47 -0
  26. package/base/tokens/tokens-redhat-highcontrast.scss +127 -0
  27. package/base/tokens/tokens-redhat.scss +15 -0
  28. package/components/AboutModalBox/about-modal-box.css +36 -26
  29. package/components/Accordion/accordion.css +16 -13
  30. package/components/Accordion/accordion.scss +0 -1
  31. package/components/ActionList/action-list.css +2 -0
  32. package/components/ActionList/action-list.scss +2 -0
  33. package/components/Alert/alert.css +5 -4
  34. package/components/Avatar/avatar.css +12 -4
  35. package/components/BackgroundImage/background-image.css +6 -3
  36. package/components/Banner/banner.css +8 -6
  37. package/components/Brand/brand.css +3 -1
  38. package/components/Breadcrumb/breadcrumb.css +4 -3
  39. package/components/Button/button.css +39 -9
  40. package/components/Button/button.scss +40 -4
  41. package/components/CalendarMonth/calendar-month.css +4 -3
  42. package/components/Card/card.css +19 -6
  43. package/components/Card/card.scss +15 -1
  44. package/components/ClipboardCopy/clipboard-copy.css +4 -3
  45. package/components/CodeEditor/code-editor.css +1 -1
  46. package/components/CodeEditor/code-editor.scss +1 -1
  47. package/components/Compass/compass.css +320 -0
  48. package/components/Compass/compass.scss +349 -0
  49. package/components/DataList/data-list.css +33 -22
  50. package/components/DataList/data-list.scss +6 -1
  51. package/components/DescriptionList/description-list-order.scss +5 -1
  52. package/components/DescriptionList/description-list.css +7 -5
  53. package/components/DescriptionList/description-list.scss +5 -1
  54. package/components/Divider/divider.css +7 -5
  55. package/components/Drawer/drawer.css +110 -56
  56. package/components/Drawer/drawer.scss +69 -9
  57. package/components/DualListSelector/dual-list-selector.css +17 -11
  58. package/components/ExpandableSection/expandable-section.css +19 -14
  59. package/components/ExpandableSection/expandable-section.scss +4 -1
  60. package/components/Form/form.css +1 -1
  61. package/components/Form/form.scss +1 -1
  62. package/components/FormControl/form-control.css +1 -1
  63. package/components/FormControl/form-control.scss +1 -1
  64. package/components/Hero/hero.css +74 -0
  65. package/components/Hero/hero.scss +86 -0
  66. package/components/JumpLinks/jump-links.css +4 -3
  67. package/components/JumpLinks/jump-links.scss +5 -1
  68. package/components/Label/label-group.css +2 -2
  69. package/components/Label/label-group.scss +2 -2
  70. package/components/Label/label.css +4 -3
  71. package/components/Login/login.css +51 -37
  72. package/components/Masthead/masthead.css +70 -16
  73. package/components/Masthead/masthead.scss +54 -1
  74. package/components/Menu/menu.css +23 -14
  75. package/components/MenuToggle/menu-toggle.css +4 -0
  76. package/components/MenuToggle/menu-toggle.scss +5 -0
  77. package/components/ModalBox/modal-box.css +9 -7
  78. package/components/ModalBox/modal-box.scss +2 -2
  79. package/components/Nav/nav.css +72 -9
  80. package/components/Nav/nav.scss +75 -3
  81. package/components/NotificationDrawer/notification-drawer.css +8 -6
  82. package/components/NotificationDrawer/notification-drawer.scss +2 -0
  83. package/components/Page/page.css +55 -29
  84. package/components/Page/page.scss +44 -5
  85. package/components/Pagination/pagination.scss +5 -1
  86. package/components/ProgressStepper/progress-stepper.scss +5 -1
  87. package/components/Sidebar/sidebar.css +1 -1
  88. package/components/Sidebar/sidebar.scss +7 -3
  89. package/components/Skeleton/skeleton.css +16 -15
  90. package/components/Slider/slider.css +32 -18
  91. package/components/Switch/switch.css +3 -1
  92. package/components/Table/table-grid.css +28 -36
  93. package/components/Table/table-grid.scss +4 -4
  94. package/components/Table/table-tree-view.css +4 -2
  95. package/components/Table/table.css +31 -27
  96. package/components/Tabs/tabs.css +33 -16
  97. package/components/Tabs/tabs.scss +33 -5
  98. package/components/Toolbar/toolbar.css +46 -14
  99. package/components/Toolbar/toolbar.scss +33 -5
  100. package/components/TreeView/tree-view.css +44 -13
  101. package/components/TreeView/tree-view.scss +31 -0
  102. package/components/Wizard/wizard.css +20 -16
  103. package/components/Wizard/wizard.scss +3 -3
  104. package/components/_index.css +1460 -633
  105. package/components/_index.scss +3 -1
  106. package/docs/components/Avatar/examples/Avatar.md +4 -4
  107. package/docs/components/Brand/examples/Brand.md +2 -2
  108. package/docs/components/Button/examples/Button.md +116 -0
  109. package/docs/components/Card/examples/Card.md +154 -0
  110. package/docs/components/Compass/examples/Compass.css +17 -0
  111. package/docs/components/Compass/examples/Compass.md +118 -0
  112. package/docs/components/DataList/examples/DataList.md +184 -188
  113. package/docs/components/DescriptionList/examples/DescriptionList.md +2 -2
  114. package/docs/components/Divider/examples/Divider.md +2 -2
  115. package/docs/components/Drawer/examples/Drawer.md +83 -17
  116. package/docs/components/Hero/examples/Hero.md +25 -0
  117. package/docs/components/Icon/examples/Icon.md +1 -1
  118. package/docs/components/InputGroup/examples/InputGroup.md +1 -1
  119. package/docs/components/JumpLinks/examples/JumpLinks.md +2 -2
  120. package/docs/components/Masthead/examples/masthead.md +68 -1
  121. package/docs/components/Menu/examples/Menu.md +2 -2
  122. package/docs/components/MenuToggle/examples/MenuToggle.md +40 -0
  123. package/docs/components/ModalBox/examples/ModalBox.md +1 -1
  124. package/docs/components/Nav/examples/Navigation.md +44 -0
  125. package/docs/components/Page/examples/Page.md +39 -2
  126. package/docs/components/Pagination/examples/Pagination.md +3 -3
  127. package/docs/components/ProgressStepper/examples/ProgressStepper.md +2 -2
  128. package/docs/components/Sidebar/examples/Sidebar.md +1 -1
  129. package/docs/components/Table/examples/Table.md +4 -3
  130. package/docs/components/Tabs/examples/Tabs.md +998 -83
  131. package/docs/components/Toolbar/examples/Toolbar.md +35 -7
  132. package/docs/components/TreeView/examples/TreeView.md +38 -26
  133. package/docs/components/Wizard/examples/Wizard.md +15 -15
  134. package/docs/demos/AboutModal/examples/AboutModal.md +5 -5
  135. package/docs/demos/Alert/examples/Alert.md +15 -15
  136. package/docs/demos/BackToTop/examples/BackToTop.md +5 -5
  137. package/docs/demos/Banner/examples/Banner.md +10 -10
  138. package/docs/demos/Card/examples/Card.md +14 -2
  139. package/docs/demos/CardView/examples/CardView.md +5 -5
  140. package/docs/demos/Compass/examples/Compass.md +6470 -0
  141. package/docs/demos/Dashboard/examples/Dashboard.md +6 -9
  142. package/docs/demos/DataList/examples/DataList.md +20 -23
  143. package/docs/demos/DescriptionList/examples/DescriptionList.md +57 -50
  144. package/docs/demos/Drawer/examples/Drawer.md +67 -60
  145. package/docs/demos/JumpLinks/examples/JumpLinks.md +30 -30
  146. package/docs/demos/Masthead/examples/Masthead.md +55 -58
  147. package/docs/demos/Modal/examples/Modal.md +30 -33
  148. package/docs/demos/Nav/examples/Nav.md +299 -62
  149. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +25 -25
  150. package/docs/demos/Page/examples/Page.md +70 -79
  151. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +178 -200
  152. package/docs/demos/Skeleton/examples/Skeleton.md +5 -5
  153. package/docs/demos/Table/examples/Table.md +1922 -78
  154. package/docs/demos/Tabs/examples/Tabs.md +102 -39
  155. package/docs/demos/Toolbar/examples/Toolbar.md +10 -10
  156. package/docs/demos/Wizard/examples/Wizard.md +76 -82
  157. package/docs/layouts/Bullseye/examples/Bullseye.css +2 -2
  158. package/docs/layouts/Bullseye/examples/Bullseye.md +2 -1
  159. package/docs/layouts/Flex/examples/Flex.css +3 -3
  160. package/docs/layouts/Flex/examples/Flex.md +3 -2
  161. package/docs/layouts/Gallery/examples/Gallery.css +2 -2
  162. package/docs/layouts/Gallery/examples/Gallery.md +4 -3
  163. package/docs/layouts/Grid/examples/Grid.css +1 -1
  164. package/docs/layouts/Grid/examples/Grid.md +6 -5
  165. package/docs/layouts/Level/examples/Level.css +3 -3
  166. package/docs/layouts/Level/examples/Level.md +2 -1
  167. package/docs/layouts/Split/examples/Split.css +1 -1
  168. package/docs/layouts/Split/examples/Split.md +2 -1
  169. package/docs/layouts/Stack/examples/Stack.css +3 -3
  170. package/docs/layouts/Stack/examples/Stack.md +2 -1
  171. package/docs/utilities/Accessibility/examples/Accessibility.md +3 -2
  172. package/docs/utilities/Alignment/examples/Alignment.css +4 -4
  173. package/docs/utilities/Alignment/examples/Alignment.md +3 -2
  174. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +5 -4
  175. package/docs/utilities/BoxShadow/examples/box-shadow.css +2 -2
  176. package/docs/utilities/BoxShadow/examples/box-shadow.md +2 -1
  177. package/docs/utilities/Display/examples/Display.css +1 -1
  178. package/docs/utilities/Display/examples/Display.md +3 -2
  179. package/docs/utilities/Flex/examples/Flex.css +7 -7
  180. package/docs/utilities/Flex/examples/Flex.md +3 -2
  181. package/docs/utilities/Float/examples/Float.css +2 -2
  182. package/docs/utilities/Float/examples/Float.md +3 -2
  183. package/docs/utilities/Sizing/examples/Sizing.md +8 -7
  184. package/docs/utilities/Spacing/examples/Spacing.css +2 -2
  185. package/docs/utilities/Spacing/examples/Spacing.md +3 -2
  186. package/docs/utilities/Text/examples/Text.md +5 -4
  187. package/icons/PfIcons/add-circle-o.svg +4 -0
  188. package/icons/PfIcons/ansible-tower.svg +4 -0
  189. package/icons/PfIcons/applications.svg +4 -0
  190. package/icons/PfIcons/arrow.svg +4 -0
  191. package/icons/PfIcons/asleep.svg +4 -0
  192. package/icons/PfIcons/attention-bell.svg +4 -0
  193. package/icons/PfIcons/automation.svg +4 -0
  194. package/icons/PfIcons/bell.svg +4 -0
  195. package/icons/PfIcons/blueprint.svg +4 -0
  196. package/icons/PfIcons/build.svg +4 -0
  197. package/icons/PfIcons/builder-image.svg +4 -0
  198. package/icons/PfIcons/bundle.svg +4 -0
  199. package/icons/PfIcons/catalog.svg +4 -0
  200. package/icons/PfIcons/chat.svg +4 -0
  201. package/icons/PfIcons/close.svg +4 -0
  202. package/icons/PfIcons/cloud-security.svg +4 -0
  203. package/icons/PfIcons/cloud-tenant.svg +4 -0
  204. package/icons/PfIcons/cluster.svg +4 -0
  205. package/icons/PfIcons/connected.svg +4 -0
  206. package/icons/PfIcons/container-node.svg +4 -0
  207. package/icons/PfIcons/cpu.svg +4 -0
  208. package/icons/PfIcons/critical-risk.svg +4 -0
  209. package/icons/PfIcons/data-processor.svg +4 -0
  210. package/icons/PfIcons/data-sink.svg +4 -0
  211. package/icons/PfIcons/data-source.svg +4 -0
  212. package/icons/PfIcons/degraded.svg +4 -0
  213. package/icons/PfIcons/disconnected.svg +4 -0
  214. package/icons/PfIcons/domain.svg +4 -0
  215. package/icons/PfIcons/edit.svg +4 -0
  216. package/icons/PfIcons/enhancement.svg +4 -0
  217. package/icons/PfIcons/enterprise.svg +4 -0
  218. package/icons/PfIcons/equalizer.svg +4 -0
  219. package/icons/PfIcons/error-circle-o.svg +4 -0
  220. package/icons/PfIcons/export.svg +4 -0
  221. package/icons/PfIcons/filter.svg +4 -0
  222. package/icons/PfIcons/flavor.svg +4 -0
  223. package/icons/PfIcons/folder-close.svg +4 -0
  224. package/icons/PfIcons/folder-open.svg +4 -0
  225. package/icons/PfIcons/globe-route.svg +4 -0
  226. package/icons/PfIcons/help.svg +4 -0
  227. package/icons/PfIcons/history.svg +4 -0
  228. package/icons/PfIcons/home.svg +4 -0
  229. package/icons/PfIcons/import.svg +4 -0
  230. package/icons/PfIcons/in-progress.svg +4 -0
  231. package/icons/PfIcons/info.svg +4 -0
  232. package/icons/PfIcons/infrastructure.svg +4 -0
  233. package/icons/PfIcons/integration.svg +4 -0
  234. package/icons/PfIcons/key.svg +4 -0
  235. package/icons/PfIcons/locked.svg +4 -0
  236. package/icons/PfIcons/maintenance.svg +4 -0
  237. package/icons/PfIcons/memory.svg +4 -0
  238. package/icons/PfIcons/messages.svg +4 -0
  239. package/icons/PfIcons/middleware.svg +4 -0
  240. package/icons/PfIcons/migration.svg +4 -0
  241. package/icons/PfIcons/module.svg +4 -0
  242. package/icons/PfIcons/monitoring.svg +4 -0
  243. package/icons/PfIcons/multicluster.svg +4 -0
  244. package/icons/PfIcons/namespaces.svg +4 -0
  245. package/icons/PfIcons/network.svg +4 -0
  246. package/icons/PfIcons/new-process.svg +4 -0
  247. package/icons/PfIcons/not-started.svg +4 -0
  248. package/icons/PfIcons/off.svg +4 -0
  249. package/icons/PfIcons/ok.svg +4 -0
  250. package/icons/PfIcons/on-running.svg +4 -0
  251. package/icons/PfIcons/on.svg +4 -0
  252. package/icons/PfIcons/open-drawer-right.svg +4 -0
  253. package/icons/PfIcons/openshift.svg +4 -0
  254. package/icons/PfIcons/openstack.svg +4 -0
  255. package/icons/PfIcons/optimize.svg +4 -0
  256. package/icons/PfIcons/orders.svg +4 -0
  257. package/icons/PfIcons/os-image.svg +4 -0
  258. package/icons/PfIcons/package.svg +4 -0
  259. package/icons/PfIcons/panel-close.svg +4 -0
  260. package/icons/PfIcons/panel-open.svg +4 -0
  261. package/icons/PfIcons/paused.svg +4 -0
  262. package/icons/PfIcons/pending.svg +4 -0
  263. package/icons/PfIcons/pficon-dragdrop.svg +4 -0
  264. package/icons/PfIcons/pficon-history.svg +4 -0
  265. package/icons/PfIcons/pficon-network-range.svg +4 -0
  266. package/icons/PfIcons/pficon-satellite.svg +4 -0
  267. package/icons/PfIcons/pficon-sort-common-asc.svg +4 -0
  268. package/icons/PfIcons/pficon-sort-common-desc.svg +4 -0
  269. package/icons/PfIcons/pficon-template.svg +4 -0
  270. package/icons/PfIcons/pficon-vcenter.svg +4 -0
  271. package/icons/PfIcons/plugged.svg +4 -0
  272. package/icons/PfIcons/port.svg +4 -0
  273. package/icons/PfIcons/print.svg +4 -0
  274. package/icons/PfIcons/private.svg +4 -0
  275. package/icons/PfIcons/process-automation.svg +4 -0
  276. package/icons/PfIcons/project.svg +4 -0
  277. package/icons/PfIcons/rebalance.svg +4 -0
  278. package/icons/PfIcons/rebooting.svg +4 -0
  279. package/icons/PfIcons/regions.svg +4 -0
  280. package/icons/PfIcons/registry.svg +4 -0
  281. package/icons/PfIcons/remove2.svg +4 -0
  282. package/icons/PfIcons/replicator.svg +4 -0
  283. package/icons/PfIcons/repository.svg +4 -0
  284. package/icons/PfIcons/resource-pool.svg +4 -0
  285. package/icons/PfIcons/resources-almost-empty.svg +4 -0
  286. package/icons/PfIcons/resources-almost-full.svg +4 -0
  287. package/icons/PfIcons/resources-empty.svg +4 -0
  288. package/icons/PfIcons/resources-full.svg +4 -0
  289. package/icons/PfIcons/running.svg +4 -0
  290. package/icons/PfIcons/save.svg +4 -0
  291. package/icons/PfIcons/screen.svg +4 -0
  292. package/icons/PfIcons/security.svg +4 -0
  293. package/icons/PfIcons/server-group.svg +4 -0
  294. package/icons/PfIcons/server.svg +4 -0
  295. package/icons/PfIcons/service-catalog.svg +4 -0
  296. package/icons/PfIcons/service.svg +4 -0
  297. package/icons/PfIcons/services.svg +4 -0
  298. package/icons/PfIcons/severity-critical.svg +4 -0
  299. package/icons/PfIcons/severity-important.svg +4 -0
  300. package/icons/PfIcons/severity-minor.svg +4 -0
  301. package/icons/PfIcons/severity-moderate.svg +4 -0
  302. package/icons/PfIcons/severity-none.svg +4 -0
  303. package/icons/PfIcons/severity-undefined.svg +4 -0
  304. package/icons/PfIcons/spinner.svg +4 -0
  305. package/icons/PfIcons/spinner2.svg +4 -0
  306. package/icons/PfIcons/storage-domain.svg +4 -0
  307. package/icons/PfIcons/task.svg +4 -0
  308. package/icons/PfIcons/tenant.svg +4 -0
  309. package/icons/PfIcons/thumb-tack.svg +4 -0
  310. package/icons/PfIcons/topology.svg +4 -0
  311. package/icons/PfIcons/treeview.svg +4 -0
  312. package/icons/PfIcons/trend-down.svg +4 -0
  313. package/icons/PfIcons/trend-up.svg +4 -0
  314. package/icons/PfIcons/unknown.svg +4 -0
  315. package/icons/PfIcons/unlocked.svg +4 -0
  316. package/icons/PfIcons/unplugged.svg +4 -0
  317. package/icons/PfIcons/user.svg +4 -0
  318. package/icons/PfIcons/users.svg +4 -0
  319. package/icons/PfIcons/virtual-machine.svg +4 -0
  320. package/icons/PfIcons/volume.svg +4 -0
  321. package/icons/PfIcons/warning-triangle.svg +4 -0
  322. package/icons/PfIcons/zone.svg +4 -0
  323. package/layouts/Flex/flex.scss +83 -19
  324. package/layouts/Gallery/gallery.css +6 -2
  325. package/layouts/_index.css +6 -2
  326. package/package.json +34 -16
  327. package/patternfly-base-no-globals.css +395 -14
  328. package/patternfly-base.css +402 -14
  329. package/patternfly-charts.css +3 -3
  330. package/patternfly-no-globals.css +1785 -573
  331. package/patternfly.css +1792 -573
  332. package/patternfly.min.css +1 -1
  333. package/patternfly.min.css.map +1 -1
  334. package/sass-utilities/functions.scss +32 -25
  335. package/sass-utilities/mixins.scss +36 -20
  336. package/sass-utilities/namespaces-components.scss +6 -0
package/patternfly.css CHANGED
@@ -1,4 +1,3 @@
1
- @charset "UTF-8";
2
1
  :where(html,
3
2
  body,
4
3
  p,
@@ -119,11 +118,18 @@ pre) {
119
118
  :where(a) {
120
119
  color: var(--pf-t--global--text--color--link--default);
121
120
  text-decoration-line: var(--pf-t--global--text-decoration--link--line--default);
121
+ text-decoration-style: var(--pf-t--global--text-decoration--link--style--default);
122
+ text-decoration-color: var(--pf-t--global--text-decoration--color--default);
123
+ text-underline-offset: max(var(--pf-t--global--text-decoration--offset--default), 0.28em);
124
+ transition: ease text-underline-offset 0.3s;
122
125
  }
123
126
 
124
127
  :where(a:hover, a:focus) {
125
128
  color: var(--pf-t--global--text--color--link--hover);
126
129
  text-decoration-line: var(--pf-t--global--text-decoration--link--line--hover);
130
+ text-decoration-style: var(--pf-t--global--text-decoration--link--style--hover);
131
+ text-decoration-color: var(--pf-t--global--text-decoration--color--hover);
132
+ text-underline-offset: max(var(--pf-t--global--text-decoration--offset--hover), 0.33em);
127
133
  }
128
134
 
129
135
  :where(a,
@@ -196,11 +202,61 @@ button) {
196
202
  --pf-t--global--duration--200: 1ms !important;
197
203
  --pf-t--global--duration--100: 1ms !important;
198
204
  --pf-t--global--duration--50: 1ms !important;
205
+ --pf-v6-global--thinking-active--Animation--Duration: 0 !important;
199
206
  }
200
207
 
208
+ .pf-v6-m-ai-indicator {
209
+ position: relative;
210
+ }
211
+ .pf-v6-m-ai-indicator::before {
212
+ position: absolute;
213
+ inset: 0;
214
+ pointer-events: none;
215
+ content: "";
216
+ background: linear-gradient(to right, #f56e6e 0%, #876fd4 65%, #5e40be 100%) border-box;
217
+ border: var(--pf-t--global--border--width--extra-strong) solid transparent;
218
+ border-radius: inherit;
219
+ mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
220
+ mask-composite: exclude;
221
+ }
222
+
223
+ @property --pf-v6-global--thinking--BoxShadow--Spread {
224
+ syntax: "<length>";
225
+ initial-value: 0;
226
+ inherits: false;
227
+ }
228
+ .pf-v6-m-thinking {
229
+ box-shadow: 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-End), 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-End), 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-Start), 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-Start);
230
+ animation: pf-v6-global-thinking var(--pf-v6-global--thinking-active--Animation--Duration) infinite ease-in-out;
231
+ }
232
+ .pf-v6-m-thinking.pf-m-inset {
233
+ box-shadow: inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-End), inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-End), inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-Start), inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-Start);
234
+ }
235
+
236
+ @keyframes pf-v6-global-thinking {
237
+ 50% {
238
+ --pf-v6-global--thinking--BoxShadow--Spread: var(--pf-v6-global--thinking-active--BoxShadow--Spread);
239
+ }
240
+ }
201
241
  :root {
202
242
  --pf-v6-global--danger-jiggle--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
203
243
  --pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
244
+ --pf-v6-global--thinking--BoxShadow--Spread: 0px;
245
+ --pf-v6-global--thinking--BoxShadow--Color--Start-Start: oklch(45.9% 0.187 3.815deg);
246
+ --pf-v6-global--thinking--BoxShadow--Color--Start-End: oklch(50% 0.134 242.749deg);
247
+ --pf-v6-global--thinking--BoxShadow--Color--End-Start: oklch(45.9% 0.187 3.815deg);
248
+ --pf-v6-global--thinking--BoxShadow--Color--End-End: oklch(43.2% 0.232 292.759deg);
249
+ --pf-v6-global--thinking-active--BoxShadow--Spread: 15px;
250
+ --pf-v6-global--thinking-active--Animation--Duration: 0;
251
+ }
252
+ @media screen and (prefers-reduced-motion: no-preference) {
253
+ :root {
254
+ --pf-v6-global--thinking-active--Animation--Duration: 2s;
255
+ }
256
+ }
257
+ :root {
258
+ container-type: inline-size;
259
+ container-name: pf-v6-contain-viewport pf-v6-contain-table;
204
260
  }
205
261
 
206
262
  @property --pf-v6-global--danger-jiggle--TranslateX {
@@ -6409,6 +6465,7 @@ button) {
6409
6465
  --pf-t--color--gray--20: #e0e0e0;
6410
6466
  --pf-t--color--gray--30: #c7c7c7;
6411
6467
  --pf-t--color--gray--40: #a3a3a3;
6468
+ --pf-t--color--gray--45: #8c8c8c;
6412
6469
  --pf-t--color--gray--50: #707070;
6413
6470
  --pf-t--color--gray--60: #4d4d4d;
6414
6471
  --pf-t--color--gray--70: #383838;
@@ -6439,6 +6496,7 @@ button) {
6439
6496
  --pf-t--color--purple--60: #3d2785;
6440
6497
  --pf-t--color--purple--70: #21134d;
6441
6498
  --pf-t--color--purple--80: #1b0d33;
6499
+ --pf-t--color--red--05: #fef0f0;
6442
6500
  --pf-t--color--red--10: #fce3e3;
6443
6501
  --pf-t--color--red--20: #fbc5c5;
6444
6502
  --pf-t--color--red--30: #f9a8a8;
@@ -6472,9 +6530,14 @@ button) {
6472
6530
  --pf-t--color--yellow--60: #96640f;
6473
6531
  --pf-t--color--yellow--70: #73480b;
6474
6532
  --pf-t--color--yellow--80: #54330b;
6475
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
6533
+ --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
6476
6534
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
6535
+ --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
6477
6536
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
6537
+ --pf-t--global--background--filter--glass--blur--floating: blur(0px);
6538
+ --pf-t--global--background--filter--glass--blur--primary: blur(0px);
6539
+ --pf-t--global--background--opacity--glass--floating: 100%;
6540
+ --pf-t--global--background--opacity--glass--primary: 100%;
6478
6541
  --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
6479
6542
  --pf-t--global--border--radius--0: 0px;
6480
6543
  --pf-t--global--border--radius--100: 4px;
@@ -6502,12 +6565,12 @@ button) {
6502
6565
  --pf-t--global--box-shadow--X--700: 10px;
6503
6566
  --pf-t--global--box-shadow--X--800: 20px;
6504
6567
  --pf-t--global--box-shadow--Y--100: -10px;
6505
- --pf-t--global--box-shadow--Y--200: -4px;
6568
+ --pf-t--global--box-shadow--Y--200: -2px;
6506
6569
  --pf-t--global--box-shadow--Y--300: -1px;
6507
6570
  --pf-t--global--box-shadow--Y--400: 0px;
6508
6571
  --pf-t--global--box-shadow--Y--50: -20px;
6509
6572
  --pf-t--global--box-shadow--Y--500: 1px;
6510
- --pf-t--global--box-shadow--Y--600: 4px;
6573
+ --pf-t--global--box-shadow--Y--600: 2px;
6511
6574
  --pf-t--global--box-shadow--Y--700: 10px;
6512
6575
  --pf-t--global--box-shadow--Y--800: 20px;
6513
6576
  --pf-t--global--box-shadow--blur--100: 4px;
@@ -6578,6 +6641,7 @@ button) {
6578
6641
  --pf-t--global--spacer--800: 5rem;
6579
6642
  --pf-t--global--text-decoration--line--100: none;
6580
6643
  --pf-t--global--text-decoration--line--200: underline;
6644
+ --pf-t--global--text-decoration--offset--hover: 5;
6581
6645
  --pf-t--global--text-decoration--style--100: solid;
6582
6646
  --pf-t--global--text-decoration--style--200: dashed;
6583
6647
  --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
@@ -6599,12 +6663,14 @@ button) {
6599
6663
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
6600
6664
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
6601
6665
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
6666
+ --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--background--color--600);
6667
+ --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--background--color--700);
6602
6668
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
6603
6669
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
6604
6670
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
6605
- --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
6671
+ --pf-t--global--border--color--300: var(--pf-t--color--gray--45);
6606
6672
  --pf-t--global--border--color--400: var(--pf-t--color--gray--60);
6607
- --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
6673
+ --pf-t--global--border--color--50: var(--pf-t--color--gray--10);
6608
6674
  --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
6609
6675
  --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
6610
6676
  --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
@@ -6614,9 +6680,9 @@ button) {
6614
6680
  --pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200);
6615
6681
  --pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100);
6616
6682
  --pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200);
6617
- --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--200);
6683
+ --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300);
6618
6684
  --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
6619
- --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--100);
6685
+ --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200);
6620
6686
  --pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
6621
6687
  --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
6622
6688
  --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
@@ -6690,9 +6756,17 @@ button) {
6690
6756
  --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
6691
6757
  --pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
6692
6758
  --pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
6759
+ --pf-t--global--color--brand--accent--100: var(--pf-t--color--red--50);
6760
+ --pf-t--global--color--brand--accent--200: var(--pf-t--color--red--60);
6761
+ --pf-t--global--color--brand--accent--300: var(--pf-t--color--red--70);
6762
+ --pf-t--global--color--brand--accent--400: var(--pf-t--color--black);
6763
+ --pf-t--global--color--brand--subtle--100: var(--pf-t--color--blue--10);
6764
+ --pf-t--global--color--brand--subtle--200: var(--pf-t--color--blue--20);
6765
+ --pf-t--global--color--brand--subtle--300: var(--pf-t--color--blue--40);
6766
+ --pf-t--global--color--brand--subtle--400: var(--pf-t--color--blue--50);
6693
6767
  --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
6694
6768
  --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
6695
- --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
6769
+ --pf-t--global--color--disabled--300: var(--pf-t--color--gray--50);
6696
6770
  --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
6697
6771
  --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
6698
6772
  --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
@@ -6758,7 +6832,7 @@ button) {
6758
6832
  --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
6759
6833
  --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
6760
6834
  --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
6761
- --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
6835
+ --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
6762
6836
  --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
6763
6837
  --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
6764
6838
  --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
@@ -6843,8 +6917,8 @@ button) {
6843
6917
  --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
6844
6918
  --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
6845
6919
  --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
6846
- --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
6847
- --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
6920
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
6921
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
6848
6922
  --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
6849
6923
  --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
6850
6924
  --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
@@ -6869,8 +6943,12 @@ button) {
6869
6943
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
6870
6944
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
6871
6945
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
6946
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--300);
6947
+ --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--200);
6948
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--300);
6872
6949
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
6873
- --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
6950
+ --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--300);
6951
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
6874
6952
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
6875
6953
  --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
6876
6954
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
@@ -6905,9 +6983,17 @@ button) {
6905
6983
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
6906
6984
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
6907
6985
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
6986
+ --pf-t--global--border--color--subtle: var(--pf-t--global--border--color--50);
6987
+ --pf-t--global--border--radius--action--default: var(--pf-t--global--border--radius--pill);
6988
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--small);
6989
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--small);
6990
+ --pf-t--global--border--radius--control--form-element: var(--pf-t--global--border--radius--small);
6908
6991
  --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--300);
6909
6992
  --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200);
6910
6993
  --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300);
6994
+ --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--200);
6995
+ --pf-t--global--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--100);
6996
+ --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--200);
6911
6997
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--200);
6912
6998
  --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--100);
6913
6999
  --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--200);
@@ -7038,7 +7124,10 @@ button) {
7038
7124
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
7039
7125
  --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
7040
7126
  --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
7127
+ --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
7041
7128
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
7129
+ --pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
7130
+ --pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
7042
7131
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
7043
7132
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
7044
7133
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
@@ -7056,6 +7145,9 @@ button) {
7056
7145
  --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
7057
7146
  --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
7058
7147
  --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
7148
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
7149
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
7150
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
7059
7151
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
7060
7152
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
7061
7153
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
@@ -7096,9 +7188,15 @@ button) {
7096
7188
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
7097
7189
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
7098
7190
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
7191
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
7192
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
7193
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
7099
7194
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
7100
7195
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
7101
7196
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
7197
+ --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
7198
+ --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
7199
+ --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
7102
7200
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7103
7201
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7104
7202
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -7171,9 +7269,15 @@ button) {
7171
7269
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
7172
7270
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
7173
7271
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
7272
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
7273
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
7274
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
7174
7275
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
7175
7276
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
7176
7277
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
7278
+ --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
7279
+ --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
7280
+ --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
7177
7281
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
7178
7282
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7179
7283
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -7208,7 +7312,20 @@ button) {
7208
7312
  --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
7209
7313
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
7210
7314
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
7315
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
7316
+ --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
7317
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7318
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7319
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7211
7320
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
7321
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7322
+ --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7323
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7324
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
7325
+ --pf-t--global--text-decoration--color--hover: currentcolor;
7326
+ --pf-t--global--text-decoration--offset--hover: calc(var(--pf-t--global--spacer--xs) + 1px);
7327
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
7328
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
7212
7329
  --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
7213
7330
  --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
7214
7331
  --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
@@ -7314,18 +7431,27 @@ button) {
7314
7431
  var(--pf-t--global--box-shadow--color--lg--directional);
7315
7432
  --pf-t--global--list-style: disc outside;
7316
7433
  --pf-t--temp--dev--tbd: #BC11E0;
7434
+ --pf-t--global--background--color--glass--primary--default: color-mix(in srgb, var(--pf-t--global--background--color--glass--primary) var(--pf-t--global--background--opacity--glass--primary), transparent );
7435
+ --pf-t--global--background--color--glass--floating--default: color-mix(in srgb, var(--pf-t--global--background--color--glass--floating) var(--pf-t--global--background--opacity--glass--floating), transparent );
7317
7436
  }
7318
7437
 
7319
7438
  :root:where(.pf-v6-theme-dark) {
7320
7439
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
7440
+ --pf-t--global--background--filter--glass--blur--floating: blur(0px);
7441
+ --pf-t--global--background--filter--glass--blur--primary: blur(0px);
7442
+ --pf-t--global--background--opacity--glass--floating: 100%;
7443
+ --pf-t--global--background--opacity--glass--primary: 100%;
7321
7444
  --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
7322
7445
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
7323
7446
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
7447
+ --pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
7324
7448
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
7325
7449
  --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
7326
7450
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
7327
7451
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
7328
7452
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
7453
+ --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--dark--background--color--700);
7454
+ --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--dark--background--color--600);
7329
7455
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
7330
7456
  --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
7331
7457
  --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
@@ -7343,10 +7469,18 @@ button) {
7343
7469
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
7344
7470
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
7345
7471
  --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
7346
- --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
7472
+ --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--70);
7347
7473
  --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
7348
7474
  --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
7349
7475
  --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
7476
+ --pf-t--global--dark--color--brand--accent--100: var(--pf-t--color--red--50);
7477
+ --pf-t--global--dark--color--brand--accent--200: var(--pf-t--color--red--40);
7478
+ --pf-t--global--dark--color--brand--accent--300: var(--pf-t--color--red--30);
7479
+ --pf-t--global--dark--color--brand--accent--350: var(--pf-t--color--red--20);
7480
+ --pf-t--global--dark--color--brand--accent--400: var(--pf-t--color--white);
7481
+ --pf-t--global--dark--color--brand--subtle--100: var(--pf-t--color--blue--70);
7482
+ --pf-t--global--dark--color--brand--subtle--200: var(--pf-t--color--blue--60);
7483
+ --pf-t--global--dark--color--brand--subtle--300: var(--pf-t--color--blue--30);
7350
7484
  --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
7351
7485
  --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
7352
7486
  --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
@@ -7434,9 +7568,13 @@ button) {
7434
7568
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
7435
7569
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
7436
7570
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
7571
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--300);
7572
+ --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--200);
7573
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--300);
7437
7574
  --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
7575
+ --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--200);
7438
7576
  --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
7439
- --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
7577
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--100);
7440
7578
  --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200);
7441
7579
  --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
7442
7580
  --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
@@ -7467,9 +7605,13 @@ button) {
7467
7605
  --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
7468
7606
  --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
7469
7607
  --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
7608
+ --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--50);
7470
7609
  --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
7471
7610
  --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
7472
7611
  --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
7612
+ --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--200);
7613
+ --pf-t--global--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--100);
7614
+ --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--200);
7473
7615
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
7474
7616
  --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
7475
7617
  --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
@@ -7546,6 +7688,8 @@ button) {
7546
7688
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
7547
7689
  --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
7548
7690
  --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
7691
+ --pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
7692
+ --pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
7549
7693
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
7550
7694
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
7551
7695
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
@@ -7566,6 +7710,9 @@ button) {
7566
7710
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
7567
7711
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
7568
7712
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
7713
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
7714
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
7715
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
7569
7716
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
7570
7717
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
7571
7718
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
@@ -7604,9 +7751,15 @@ button) {
7604
7751
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
7605
7752
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
7606
7753
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
7754
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
7755
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--regular);
7756
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
7607
7757
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
7608
7758
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
7609
7759
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
7760
+ --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
7761
+ --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
7762
+ --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
7610
7763
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7611
7764
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7612
7765
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -7670,9 +7823,15 @@ button) {
7670
7823
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
7671
7824
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
7672
7825
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
7826
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
7827
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
7828
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
7673
7829
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
7674
7830
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
7675
7831
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
7832
+ --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
7833
+ --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
7834
+ --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
7676
7835
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
7677
7836
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7678
7837
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -7707,6 +7866,14 @@ button) {
7707
7866
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
7708
7867
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
7709
7868
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
7869
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
7870
+ --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
7871
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7872
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7873
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7874
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7875
+ --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7876
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7710
7877
  }
7711
7878
 
7712
7879
  :root:where(.pf-v6-theme-high-contrast) {
@@ -8802,6 +8969,226 @@ button) {
8802
8969
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
8803
8970
  }
8804
8971
 
8972
+ :root:where(.pf-v6-theme-glass) {
8973
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
8974
+ --pf-t--global--background--opacity--glass--primary: 80%;
8975
+ }
8976
+
8977
+ :root:where(.pf-v6-theme-glass.pf-v6-theme-dark) {
8978
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
8979
+ --pf-t--global--background--opacity--glass--primary: 80%;
8980
+ }
8981
+
8982
+ :root:where(.pf-v6-theme-redhat) {
8983
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
8984
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
8985
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
8986
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
8987
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
8988
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
8989
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
8990
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
8991
+ }
8992
+
8993
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-dark) {
8994
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
8995
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
8996
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
8997
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
8998
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
8999
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
9000
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
9001
+ }
9002
+
9003
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast) {
9004
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
9005
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
9006
+ --pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
9007
+ --pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100);
9008
+ --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200);
9009
+ --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
9010
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
9011
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
9012
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
9013
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--400);
9014
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--400);
9015
+ --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
9016
+ --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--400);
9017
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
9018
+ --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
9019
+ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500);
9020
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400);
9021
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500);
9022
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500);
9023
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400);
9024
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500);
9025
+ --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500);
9026
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500);
9027
+ --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500);
9028
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400);
9029
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500);
9030
+ --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500);
9031
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400);
9032
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500);
9033
+ --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500);
9034
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400);
9035
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500);
9036
+ --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500);
9037
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400);
9038
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500);
9039
+ --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500);
9040
+ --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400);
9041
+ --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500);
9042
+ --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500);
9043
+ --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400);
9044
+ --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500);
9045
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400);
9046
+ --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
9047
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200);
9048
+ --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
9049
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
9050
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
9051
+ --pf-t--global--border--color--subtle: var(--pf-t--global--border--color--400);
9052
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
9053
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
9054
+ --pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
9055
+ --pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
9056
+ --pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
9057
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--300);
9058
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--200);
9059
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--300);
9060
+ --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
9061
+ --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
9062
+ --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
9063
+ --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
9064
+ --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
9065
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
9066
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100);
9067
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50);
9068
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100);
9069
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300);
9070
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200);
9071
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300);
9072
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
9073
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
9074
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
9075
+ --pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300);
9076
+ --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200);
9077
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300);
9078
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
9079
+ --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200);
9080
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300);
9081
+ --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
9082
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
9083
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
9084
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200);
9085
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--400);
9086
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--300);
9087
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--400);
9088
+ --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200);
9089
+ --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200);
9090
+ --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200);
9091
+ --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200);
9092
+ --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200);
9093
+ --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
9094
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
9095
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
9096
+ --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
9097
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
9098
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
9099
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150);
9100
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--500);
9101
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--400);
9102
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--500);
9103
+ --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
9104
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250);
9105
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350);
9106
+ --pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
9107
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
9108
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
9109
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--300);
9110
+ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
9111
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
9112
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
9113
+ --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
9114
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
9115
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
9116
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
9117
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
9118
+ --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
9119
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
9120
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
9121
+ --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
9122
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
9123
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
9124
+ }
9125
+
9126
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast.pf-v6-theme-dark) {
9127
+ --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
9128
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
9129
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
9130
+ --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
9131
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
9132
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
9133
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
9134
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
9135
+ --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--200);
9136
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200);
9137
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
9138
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
9139
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
9140
+ --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--300);
9141
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
9142
+ --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
9143
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
9144
+ --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--300);
9145
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--350);
9146
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--300);
9147
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--350);
9148
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100);
9149
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50);
9150
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100);
9151
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300);
9152
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200);
9153
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300);
9154
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250);
9155
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200);
9156
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250);
9157
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300);
9158
+ --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200);
9159
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300);
9160
+ --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200);
9161
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400);
9162
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400);
9163
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
9164
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
9165
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
9166
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
9167
+ }
9168
+
9169
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-glass) {
9170
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
9171
+ --pf-t--global--background--opacity--glass--primary: 80%;
9172
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
9173
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
9174
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
9175
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
9176
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
9177
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
9178
+ }
9179
+
9180
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-glass.pf-v6-theme-dark) {
9181
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
9182
+ --pf-t--global--background--opacity--glass--primary: 80%;
9183
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
9184
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
9185
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
9186
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
9187
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
9188
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
9189
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
9190
+ }
9191
+
8805
9192
  :is(.pf-v6-m-dir-rtl, [dir=rtl]) {
8806
9193
  --pf-v6-global--inverse--multiplier: -1;
8807
9194
  }
@@ -8825,31 +9212,6 @@ button) {
8825
9212
  --pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8826
9213
  --pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
8827
9214
  --pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
8828
- --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
8829
- --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8830
- --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
8831
- --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
8832
- --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
8833
- --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8834
- --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
8835
- --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
8836
- --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
8837
- --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
8838
- --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
8839
- --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8840
- --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
8841
- --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
8842
- --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
8843
- --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
8844
- --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8845
- --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
8846
- --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
8847
- --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
8848
- --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
8849
- --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
8850
- --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
8851
- --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
8852
- --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
8853
9215
  }
8854
9216
  @media screen and (min-width: 36rem) {
8855
9217
  .pf-v6-c-about-modal-box {
@@ -8858,6 +9220,14 @@ button) {
8858
9220
  --pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
8859
9221
  }
8860
9222
  }
9223
+ .pf-v6-c-about-modal-box {
9224
+ --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
9225
+ --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
9226
+ --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
9227
+ --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
9228
+ --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
9229
+ --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
9230
+ }
8861
9231
  @media only screen and (min-width: 36rem) {
8862
9232
  .pf-v6-c-about-modal-box {
8863
9233
  --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
@@ -8868,17 +9238,42 @@ button) {
8868
9238
  --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
8869
9239
  }
8870
9240
  }
9241
+ .pf-v6-c-about-modal-box {
9242
+ --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
9243
+ --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
9244
+ --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
9245
+ --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9246
+ --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
9247
+ --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
9248
+ --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
9249
+ }
8871
9250
  @media only screen and (min-width: 36rem) {
8872
9251
  .pf-v6-c-about-modal-box {
8873
9252
  --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
8874
9253
  --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
8875
9254
  }
8876
9255
  }
9256
+ .pf-v6-c-about-modal-box {
9257
+ --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
9258
+ --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
9259
+ --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
9260
+ --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
9261
+ }
8877
9262
  @media only screen and (min-width: 36rem) {
8878
9263
  .pf-v6-c-about-modal-box {
8879
9264
  --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
8880
9265
  }
8881
9266
  }
9267
+ .pf-v6-c-about-modal-box {
9268
+ --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
9269
+ --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
9270
+ --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
9271
+ --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
9272
+ --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
9273
+ --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
9274
+ --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
9275
+ --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
9276
+ }
8882
9277
  @media only screen and (min-width: 36rem) {
8883
9278
  .pf-v6-c-about-modal-box {
8884
9279
  --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
@@ -8902,7 +9297,6 @@ button) {
8902
9297
  background-repeat: no-repeat;
8903
9298
  background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
8904
9299
  background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
8905
- --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
8906
9300
  }
8907
9301
  @media only screen and (min-width: 36rem) {
8908
9302
  .pf-v6-c-about-modal-box {
@@ -8918,6 +9312,9 @@ button) {
8918
9312
  grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
8919
9313
  }
8920
9314
  }
9315
+ .pf-v6-c-about-modal-box {
9316
+ --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
9317
+ }
8921
9318
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
8922
9319
  --pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
8923
9320
  }
@@ -9058,6 +9455,18 @@ button) {
9058
9455
  --pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
9059
9456
  --pf-v6-c-accordion__expandable-content--TranslateY: 0;
9060
9457
  --pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
9458
+ }
9459
+ @media screen and (prefers-reduced-motion: no-preference) {
9460
+ .pf-v6-c-accordion {
9461
+ --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9462
+ --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9463
+ --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
9464
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9465
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9466
+ --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
9467
+ }
9468
+ }
9469
+ .pf-v6-c-accordion {
9061
9470
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
9062
9471
  --pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
9063
9472
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -9083,16 +9492,6 @@ button) {
9083
9492
  --pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
9084
9493
  --pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
9085
9494
  }
9086
- @media screen and (prefers-reduced-motion: no-preference) {
9087
- .pf-v6-c-accordion {
9088
- --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9089
- --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9090
- --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
9091
- --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9092
- --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9093
- --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
9094
- }
9095
- }
9096
9495
 
9097
9496
  .pf-v6-c-accordion {
9098
9497
  display: flex;
@@ -9203,13 +9602,14 @@ button) {
9203
9602
  color: var(--pf-v6-c-accordion__toggle-text--Color);
9204
9603
  }
9205
9604
 
9605
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
9606
+ scale: -1 1;
9607
+ }
9608
+
9206
9609
  .pf-v6-c-accordion__toggle-icon {
9207
9610
  transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9208
9611
  transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
9209
9612
  }
9210
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
9211
- scale: -1 1;
9212
- }
9213
9613
 
9214
9614
  .pf-v6-c-accordion__expandable-content:where([hidden]) {
9215
9615
  display: revert;
@@ -9254,6 +9654,7 @@ button) {
9254
9654
  --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
9255
9655
  --pf-v6-c-action-list--m-vertical--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
9256
9656
  --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
9657
+ --pf-v6-c-action-list--m-vertical--m-icons--RowGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
9257
9658
  }
9258
9659
 
9259
9660
  .pf-v6-c-action-list,
@@ -9268,6 +9669,7 @@ button) {
9268
9669
  }
9269
9670
  .pf-v6-c-action-list.pf-m-icons {
9270
9671
  --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
9672
+ --pf-v6-c-action-list--m-vertical--RowGap: var(--pf-v6-c-action-list--m-vertical--m-icons--RowGap);
9271
9673
  column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
9272
9674
  }
9273
9675
  .pf-v6-c-action-list.pf-m-vertical, .pf-v6-c-action-list.pf-m-vertical .pf-v6-c-action-list__group {
@@ -9427,14 +9829,15 @@ button) {
9427
9829
  margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
9428
9830
  }
9429
9831
 
9832
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
9833
+ scale: -1 1;
9834
+ }
9835
+
9430
9836
  .pf-v6-c-alert__toggle-icon {
9431
9837
  display: inline-block;
9432
9838
  transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
9433
9839
  transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
9434
9840
  }
9435
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
9436
- scale: -1 1;
9437
- }
9438
9841
 
9439
9842
  .pf-v6-c-alert__icon {
9440
9843
  grid-area: icon;
@@ -9451,9 +9854,9 @@ button) {
9451
9854
  }
9452
9855
  .pf-v6-c-alert__title.pf-m-truncate {
9453
9856
  display: -webkit-box;
9857
+ overflow: hidden;
9454
9858
  -webkit-box-orient: vertical;
9455
9859
  -webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
9456
- overflow: hidden;
9457
9860
  }
9458
9861
 
9459
9862
  .pf-v6-c-alert__description {
@@ -9690,7 +10093,6 @@ button) {
9690
10093
  }
9691
10094
  .pf-v6-c-avatar.pf-m-sm {
9692
10095
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width);
9693
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
9694
10096
  }
9695
10097
  @media (min-width: 36rem) {
9696
10098
  .pf-v6-c-avatar.pf-m-sm {
@@ -9717,6 +10119,9 @@ button) {
9717
10119
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width-on-2xl, var(--pf-v6-c-avatar--m-sm--Width-on-xl, var(--pf-v6-c-avatar--m-sm--Width-on-lg, var(--pf-v6-c-avatar--m-sm--Width-on-md, var(--pf-v6-c-avatar--m-sm--Width-on-sm, var(--pf-v6-c-avatar--m-sm--Width))))));
9718
10120
  }
9719
10121
  }
10122
+ .pf-v6-c-avatar.pf-m-sm {
10123
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
10124
+ }
9720
10125
  @media (min-width: 36rem) {
9721
10126
  .pf-v6-c-avatar.pf-m-sm {
9722
10127
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height-on-sm, var(--pf-v6-c-avatar--m-sm--Height));
@@ -9744,7 +10149,6 @@ button) {
9744
10149
  }
9745
10150
  .pf-v6-c-avatar.pf-m-md {
9746
10151
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width);
9747
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
9748
10152
  }
9749
10153
  @media (min-width: 36rem) {
9750
10154
  .pf-v6-c-avatar.pf-m-md {
@@ -9771,6 +10175,9 @@ button) {
9771
10175
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width-on-2xl, var(--pf-v6-c-avatar--m-md--Width-on-xl, var(--pf-v6-c-avatar--m-md--Width-on-lg, var(--pf-v6-c-avatar--m-md--Width-on-md, var(--pf-v6-c-avatar--m-md--Width-on-sm, var(--pf-v6-c-avatar--m-md--Width))))));
9772
10176
  }
9773
10177
  }
10178
+ .pf-v6-c-avatar.pf-m-md {
10179
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
10180
+ }
9774
10181
  @media (min-width: 36rem) {
9775
10182
  .pf-v6-c-avatar.pf-m-md {
9776
10183
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height));
@@ -9798,7 +10205,6 @@ button) {
9798
10205
  }
9799
10206
  .pf-v6-c-avatar.pf-m-lg {
9800
10207
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width);
9801
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
9802
10208
  }
9803
10209
  @media (min-width: 36rem) {
9804
10210
  .pf-v6-c-avatar.pf-m-lg {
@@ -9825,6 +10231,9 @@ button) {
9825
10231
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-2xl, var(--pf-v6-c-avatar--m-lg--Width-on-xl, var(--pf-v6-c-avatar--m-lg--Width-on-lg, var(--pf-v6-c-avatar--m-lg--Width-on-md, var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width))))));
9826
10232
  }
9827
10233
  }
10234
+ .pf-v6-c-avatar.pf-m-lg {
10235
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
10236
+ }
9828
10237
  @media (min-width: 36rem) {
9829
10238
  .pf-v6-c-avatar.pf-m-lg {
9830
10239
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height));
@@ -9852,7 +10261,6 @@ button) {
9852
10261
  }
9853
10262
  .pf-v6-c-avatar.pf-m-xl {
9854
10263
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width);
9855
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
9856
10264
  }
9857
10265
  @media (min-width: 36rem) {
9858
10266
  .pf-v6-c-avatar.pf-m-xl {
@@ -9879,6 +10287,9 @@ button) {
9879
10287
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-2xl, var(--pf-v6-c-avatar--m-xl--Width-on-xl, var(--pf-v6-c-avatar--m-xl--Width-on-lg, var(--pf-v6-c-avatar--m-xl--Width-on-md, var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width))))));
9880
10288
  }
9881
10289
  }
10290
+ .pf-v6-c-avatar.pf-m-xl {
10291
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
10292
+ }
9882
10293
  @media (min-width: 36rem) {
9883
10294
  .pf-v6-c-avatar.pf-m-xl {
9884
10295
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height));
@@ -9936,6 +10347,12 @@ button) {
9936
10347
 
9937
10348
  .pf-v6-c-background-image {
9938
10349
  --pf-v6-c-background-image--BackgroundPosition: bottom right;
10350
+ }
10351
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
10352
+ --pf-v6-c-background-image--BackgroundPosition: bottom left;
10353
+ }
10354
+
10355
+ .pf-v6-c-background-image {
9939
10356
  position: fixed;
9940
10357
  inset-block-start: 0;
9941
10358
  inset-inline-start: 0;
@@ -9948,9 +10365,6 @@ button) {
9948
10365
  background-position: var(--pf-v6-c-background-image--BackgroundPosition);
9949
10366
  background-size: var(--pf-v6-c-background-image--BackgroundSize);
9950
10367
  }
9951
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
9952
- --pf-v6-c-background-image--BackgroundPosition: bottom left;
9953
- }
9954
10368
 
9955
10369
  .pf-v6-c-back-to-top {
9956
10370
  --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
@@ -10068,6 +10482,14 @@ button) {
10068
10482
  --pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
10069
10483
  --pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
10070
10484
  --pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
10485
+ }
10486
+ @media (min-width: 48rem) {
10487
+ .pf-v6-c-banner {
10488
+ --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
10489
+ --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
10490
+ }
10491
+ }
10492
+ .pf-v6-c-banner {
10071
10493
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
10072
10494
  --pf-v6-c-banner--link--TextDecoration: underline;
10073
10495
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
@@ -10101,12 +10523,6 @@ button) {
10101
10523
  --pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
10102
10524
  --pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
10103
10525
  }
10104
- @media (min-width: 48rem) {
10105
- .pf-v6-c-banner {
10106
- --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
10107
- --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
10108
- }
10109
- }
10110
10526
 
10111
10527
  .pf-v6-c-banner {
10112
10528
  flex-shrink: 0;
@@ -10209,7 +10625,6 @@ button) {
10209
10625
  width: var(--pf-v6-c-brand--Width--base);
10210
10626
  height: var(--pf-v6-c-brand--Height--base);
10211
10627
  --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
10212
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
10213
10628
  }
10214
10629
  @media (min-width: 36rem) {
10215
10630
  .pf-v6-c-brand {
@@ -10236,6 +10651,9 @@ button) {
10236
10651
  --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-2xl, var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))))));
10237
10652
  }
10238
10653
  }
10654
+ .pf-v6-c-brand {
10655
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
10656
+ }
10239
10657
  @media (min-width: 36rem) {
10240
10658
  .pf-v6-c-brand {
10241
10659
  --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
@@ -10316,15 +10734,16 @@ button) {
10316
10734
  margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
10317
10735
  }
10318
10736
 
10737
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
10738
+ scale: -1 1;
10739
+ }
10740
+
10319
10741
  .pf-v6-c-breadcrumb__item-divider {
10320
10742
  margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
10321
10743
  font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
10322
10744
  line-height: 1;
10323
10745
  color: var(--pf-v6-c-breadcrumb__item-divider--Color);
10324
10746
  }
10325
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
10326
- scale: -1 1;
10327
- }
10328
10747
 
10329
10748
  .pf-v6-c-breadcrumb__link {
10330
10749
  padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
@@ -10490,10 +10909,17 @@ button.pf-v6-c-breadcrumb__link {
10490
10909
  --pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
10491
10910
  --pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
10492
10911
  --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
10912
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-t--global--text-decoration--color--default);
10493
10913
  --pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
10494
10914
  --pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
10915
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--default);
10916
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
10495
10917
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
10496
10918
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
10919
+ --pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
10920
+ --pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
10921
+ --pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
10922
+ --pf-v6-c-button--m-link--m-inline--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate), var(--pf-t--global--motion--timing-function--default);
10497
10923
  --pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
10498
10924
  --pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart: calc(var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart) + 1rem + var(--pf-t--global--spacer--sm));
10499
10925
  --pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -10503,10 +10929,8 @@ button.pf-v6-c-breadcrumb__link {
10503
10929
  --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
10504
10930
  --pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--global--text--color--brand--default);
10505
10931
  --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
10506
- --pf-v6-c-button--m-link--m-inline--TextDecorationColor: currentcolor;
10507
10932
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
10508
10933
  --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
10509
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: currentcolor;
10510
10934
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
10511
10935
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
10512
10936
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
@@ -10692,6 +11116,14 @@ button.pf-v6-c-breadcrumb__link {
10692
11116
  --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
10693
11117
  --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
10694
11118
  --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
11119
+ --pf-v6-c-button--m-circle--ScaleX: 1.29;
11120
+ --pf-v6-c-button--m-circle--ScaleY: 1.29;
11121
+ --pf-v6-c-button--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
11122
+ --pf-v6-c-button--m-circle--Padding--base: var(--pf-t--global--spacer--control--vertical--default);
11123
+ --pf-v6-c-button--m-circle--PaddingBlockStart: var(--pf-v6-c-button--m-circle--Padding--base);
11124
+ --pf-v6-c-button--m-circle--PaddingInlineEnd: 0;
11125
+ --pf-v6-c-button--m-circle--PaddingBlockEnd: var(--pf-v6-c-button--m-circle--Padding--base);
11126
+ --pf-v6-c-button--m-circle--PaddingInlineStart: 0;
10695
11127
  }
10696
11128
 
10697
11129
  .pf-v6-c-button {
@@ -10813,6 +11245,12 @@ button.pf-v6-c-breadcrumb__link {
10813
11245
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
10814
11246
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
10815
11247
  }
11248
+ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11249
+ --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
11250
+ --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
11251
+ --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
11252
+ }
11253
+
10816
11254
  .pf-v6-c-button.pf-m-link.pf-m-inline {
10817
11255
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
10818
11256
  --pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
@@ -10823,12 +11261,13 @@ button.pf-v6-c-breadcrumb__link {
10823
11261
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd);
10824
11262
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd);
10825
11263
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
11264
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-link--m-inline--TransitionDuration);
11265
+ --pf-v6-c-button--TransitionTimingFunction: var(--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction);
11266
+ --pf-v6-c-button--TransitionProperty: var(--pf-v6-c-button--m-link--m-inline--TransitionProperty);
10826
11267
  --pf-v6-c-button--BackgroundColor: transparent;
10827
11268
  --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
10828
11269
  --pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
10829
11270
  --pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
10830
- --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
10831
- --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
10832
11271
  --pf-v6-c-button--hover--BackgroundColor: transparent;
10833
11272
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
10834
11273
  --pf-v6-c-button--disabled--BackgroundColor: transparent;
@@ -10837,6 +11276,8 @@ button.pf-v6-c-breadcrumb__link {
10837
11276
  --pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
10838
11277
  --pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
10839
11278
  --pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
11279
+ --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
11280
+ --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
10840
11281
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
10841
11282
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
10842
11283
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
@@ -10844,16 +11285,14 @@ button.pf-v6-c-breadcrumb__link {
10844
11285
  --pf-v6-c-button--hover--BorderWidth: 0;
10845
11286
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
10846
11287
  text-align: start;
11288
+ text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
10847
11289
  white-space: normal;
10848
11290
  background: transparent;
10849
11291
  outline-offset: 0.125rem;
10850
11292
  }
10851
- span.pf-v6-c-button.pf-m-link.pf-m-inline {
10852
- --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
10853
- --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
10854
- --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
11293
+ .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11294
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
10855
11295
  }
10856
-
10857
11296
  .pf-v6-c-button.pf-m-link.pf-m-danger {
10858
11297
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
10859
11298
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
@@ -11059,6 +11498,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11059
11498
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
11060
11499
  --pf-v6-c-button--hover__icon--ScaleX: 1;
11061
11500
  }
11501
+ .pf-v6-c-button.pf-m-circle {
11502
+ --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-circle--BorderRadius);
11503
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-circle--PaddingBlockStart);
11504
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-circle--PaddingInlineEnd);
11505
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-circle--PaddingBlockEnd);
11506
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-circle--PaddingInlineStart);
11507
+ }
11508
+ .pf-v6-c-button.pf-m-circle .pf-v6-c-button__icon {
11509
+ scale: var(--pf-v6-c-button--m-circle--ScaleX) var(--pf-v6-c-button--m-circle--ScaleY);
11510
+ }
11062
11511
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
11063
11512
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
11064
11513
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
@@ -11313,13 +11762,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11313
11762
  margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
11314
11763
  }
11315
11764
 
11765
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
11766
+ scale: -1 1;
11767
+ }
11768
+
11316
11769
  .pf-v6-c-calendar-month__header-nav-control {
11317
11770
  margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
11318
11771
  margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
11319
11772
  }
11320
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
11321
- scale: -1 1;
11322
- }
11323
11773
 
11324
11774
  .pf-v6-c-calendar-month__header-month {
11325
11775
  flex-grow: 1;
@@ -11596,6 +12046,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11596
12046
  .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label), .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-disabled {
11597
12047
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-selectable--m-disabled--BackgroundColor);
11598
12048
  }
12049
+ .pf-v6-c-card__actions:has(> .pf-v6-c-card__selectable-actions input.pf-v6-screen-reader), .pf-v6-c-card.pf-m-clickable:not(.pf-m-selectable) {
12050
+ --pf-v6-c-card__actions--PaddingInlineStart: 0;
12051
+ --pf-v6-c-card__actions--MarginBlockStart: 0;
12052
+ --pf-v6-c-card__actions--MarginBlockEnd: 0;
12053
+ }
12054
+
11599
12055
  .pf-v6-c-card.pf-m-compact {
11600
12056
  --pf-v6-c-card__title-text--FontSize: var(--pf-v6-c-card--m-compact__title-text--FontSize);
11601
12057
  --pf-v6-c-card__body--FontSize: var(--pf-v6-c-card--m-compact__body--FontSize);
@@ -11663,12 +12119,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11663
12119
  flex-wrap: wrap;
11664
12120
  row-gap: var(--pf-v6-c-card__header--m-wrap--RowGap);
11665
12121
  }
11666
- .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
11667
- margin-inline-start: 0;
11668
- }
11669
12122
  .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions + * {
11670
12123
  margin-inline-end: auto;
11671
12124
  }
12125
+ .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
12126
+ margin-inline-start: 0;
12127
+ }
11672
12128
 
11673
12129
  .pf-v6-c-card__header-main {
11674
12130
  flex-grow: 1;
@@ -11682,15 +12138,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11682
12138
  margin-inline-end: var(--pf-v6-c-card__header-toggle--MarginInlineEnd);
11683
12139
  }
11684
12140
 
12141
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
12142
+ scale: -1 1;
12143
+ }
12144
+
11685
12145
  .pf-v6-c-card__header-toggle-icon {
11686
12146
  display: inline-block;
11687
12147
  transition-timing-function: var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
11688
12148
  transition-duration: var(--pf-v6-c-card__header-toggle-icon--TransitionDuration);
11689
12149
  transition-property: transform;
11690
12150
  }
11691
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
11692
- scale: -1 1;
11693
- }
11694
12151
 
11695
12152
  .pf-v6-c-card__title-text {
11696
12153
  font-family: var(--pf-v6-c-card__title-text--FontFamily);
@@ -11701,6 +12158,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11701
12158
  overflow-wrap: var(--pf-v6-c-card__title-text--OverflowWrap);
11702
12159
  }
11703
12160
 
12161
+ .pf-v6-c-card__subtitle {
12162
+ padding-block-start: var(--pf-t--global--spacer--sm);
12163
+ font-size: var(--pf-t--global--font--size--body--sm);
12164
+ color: var(--pf-t--global--text--color--subtle);
12165
+ }
12166
+
11704
12167
  .pf-v6-c-card__actions {
11705
12168
  display: flex;
11706
12169
  gap: var(--pf-v6-c-card__actions--Gap);
@@ -11950,13 +12413,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11950
12413
  gap: var(--pf-v6-c-clipboard-copy__group--Gap);
11951
12414
  }
11952
12415
 
11953
- .pf-v6-c-clipboard-copy__toggle-icon {
11954
- transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
11955
- }
11956
12416
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-clipboard-copy__toggle-icon {
11957
12417
  scale: -1 1;
11958
12418
  }
11959
12419
 
12420
+ .pf-v6-c-clipboard-copy__toggle-icon {
12421
+ transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
12422
+ }
12423
+
11960
12424
  .pf-v6-c-clipboard-copy__expandable-content {
11961
12425
  padding-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart);
11962
12426
  padding-block-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd);
@@ -12127,8 +12591,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12127
12591
 
12128
12592
  .pf-v6-c-code-editor__container {
12129
12593
  display: flex;
12130
- flex-direction: column;
12131
12594
  flex-grow: 1;
12595
+ flex-direction: column;
12132
12596
  }
12133
12597
 
12134
12598
  .pf-v6-c-code-editor__header {
@@ -12270,6 +12734,326 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12270
12734
  margin-inline-start: var(--pf-v6-c-code-editor__tab-icon--text--MarginInlineStart);
12271
12735
  }
12272
12736
 
12737
+ .pf-v6-c-compass {
12738
+ --pf-v6-c-compass--BackgroundImage: var(--pf-v6-c-compass--BackgroundImage--light);
12739
+ --pf-v6-c-compass--BackgroundImage--light: none;
12740
+ --pf-v6-c-compass--BackgroundImage--dark: none;
12741
+ --pf-v6-c-compass--Padding: var(--pf-t--global--spacer--inset--page-chrome);
12742
+ --pf-v6-c-compass--Gap: var(--pf-t--global--spacer--inset--page-chrome);
12743
+ --pf-v6-c-compass__nav--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
12744
+ --pf-v6-c-compass__nav--PaddingBlockStart: 0;
12745
+ --pf-v6-c-compass__nav--PaddingBlockEnd: 0;
12746
+ --pf-v6-c-compass__nav--PaddingInlineStart: var(--pf-t--global--spacer--sm);
12747
+ --pf-v6-c-compass__nav--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12748
+ --pf-v6-c-compass__nav-main--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12749
+ --pf-v6-c-compass__nav-main--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12750
+ --pf-v6-c-compass__sidebar--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12751
+ --pf-v6-c-compass__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12752
+ --pf-v6-c-compass__sidebar--PaddingInlineStart: var(--pf-t--global--spacer--sm);
12753
+ --pf-v6-c-compass__sidebar--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12754
+ --pf-v6-c-compass__main--RowGap: var(--pf-t--global--spacer--md);
12755
+ --pf-v6-c-compass__main-header-content--RowGap: var(--pf-t--global--spacer--sm);
12756
+ --pf-v6-c-compass__main-header-content--ColumnGap: var(--pf-t--global--spacer--md);
12757
+ --pf-v6-c-compass__main-footer--MarginBlockStart: calc(var(--pf-v6-c-compass__main--RowGap) * -1 + var(--pf-v6-c-compass--Gap));
12758
+ --pf-v6-c-compass__panel--m-pill--BorderRadius: var(--pf-t--global--border--radius--pill);
12759
+ --pf-v6-c-compass__panel--PaddingBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
12760
+ --pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-t--global--spacer--inset--page-chrome);
12761
+ --pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
12762
+ --pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
12763
+ --pf-v6-c-compass__panel--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
12764
+ --pf-v6-c-compass__panel--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
12765
+ --pf-v6-c-compass__panel--BorderColor: var(--pf-t--global--border--color--alt);
12766
+ --pf-v6-c-compass__panel--BorderRadius: var(--pf-t--global--border--radius--large);
12767
+ --pf-v6-c-compass__panel--BorderWidth: var(--pf-t--global--border--width--regular);
12768
+ --pf-v6-c-compass__panel--BoxShadow: var(--pf-t--global--box-shadow--md);
12769
+ --pf-v6-c-compass__message-bar--Width: 450px;
12770
+ --pf-v6-c-compass__message-bar--MinWidth: 300px;
12771
+ --pf-v6-c-compass__message-bar--MaxWidth: 600px;
12772
+ --pf-v6-c-compass--section--slide--length--header: 100%;
12773
+ --pf-v6-c-compass--section--slide--length--sidebar: 100%;
12774
+ --pf-v6-c-compass--section--slide--length--main-footer: 100%;
12775
+ --pf-v6-c-compass--section--slide--length--footer: 100%;
12776
+ --pf-v6-c-compass--section--duration: var(--pf-t--global--motion--duration--fade--short);
12777
+ --pf-v6-c-compass--section--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12778
+ --pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s, 0s, 0s;
12779
+ --pf-v6-c-compass--section--TransitionProperty: opacity, visibility, translate, height, width, margin;
12780
+ --pf-v6-c-compass--section--TransitionDelay: 0s, var(--pf-v6-c-compass--section--duration), var(--pf-v6-c-compass--section--duration), var(--pf-v6-c-compass--section--duration), var(--pf-v6-c-compass--section--duration), var(--pf-v6-c-compass--section--duration);
12781
+ --pf-v6-c-compass--section--m-expanded--duration: var(--pf-t--global--motion--duration--fade--default);
12782
+ --pf-v6-c-compass--section--m-expanded--TransitionDuration: var(--pf-v6-c-compass--section--m-expanded--duration), 0s, 0s, 0s, 0s, 0s;
12783
+ --pf-v6-c-compass--section--m-expanded--TransitionDelay: 0s;
12784
+ }
12785
+ @media screen and (prefers-reduced-motion: no-preference) {
12786
+ .pf-v6-c-compass {
12787
+ --pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--duration), 0s, var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s;
12788
+ --pf-v6-c-compass--section--TransitionDelay: 0s, var(--pf-v6-c-compass--section--duration), 0s, var(--pf-v6-c-compass--section--duration), var(--pf-v6-c-compass--section--duration), var(--pf-v6-c-compass--section--duration);
12789
+ --pf-v6-c-compass--section--m-expanded--TransitionDuration: var(--pf-v6-c-compass--section--m-expanded--duration), 0s, var(--pf-v6-c-compass--section--m-expanded--duration), 0s, 0s, 0s;
12790
+ }
12791
+ .pf-v6-c-compass.pf-m-animate-smoothly {
12792
+ --pf-v6-c-compass--section--TransitionProperty: opacity, visibility, translate, height, width, margin;
12793
+ --pf-v6-c-compass--section--slide--length--header: 10rem;
12794
+ --pf-v6-c-compass--section--slide--length--sidebar: var(--pf-t--global--spacer--4xl);
12795
+ --pf-v6-c-compass--section--slide--length--main-footer: 6rem;
12796
+ --pf-v6-c-compass--section--slide--length--footer: 6rem;
12797
+ --pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--duration), 0s, var(--pf-v6-c-compass--section--duration), var(--pf-v6-c-compass--section--duration), var(--pf-v6-c-compass--section--duration);
12798
+ --pf-v6-c-compass--section--TransitionDelay: 0s, var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s;
12799
+ --pf-v6-c-compass--section--m-expanded--TransitionDuration: var(--pf-v6-c-compass--section--m-expanded--duration), 0s, var(--pf-v6-c-compass--section--m-expanded--duration), var(--pf-v6-c-compass--section--m-expanded--duration), var(--pf-v6-c-compass--section--m-expanded--duration);
12800
+ }
12801
+ }
12802
+
12803
+ .pf-v6-c-compass {
12804
+ interpolate-size: allow-keywords;
12805
+ display: grid;
12806
+ grid-template-areas: "header header header" "sidebar-start main sidebar-end";
12807
+ grid-template-rows: auto 1fr;
12808
+ grid-template-columns: auto 1fr auto;
12809
+ grid-auto-rows: auto;
12810
+ align-items: center;
12811
+ justify-content: center;
12812
+ height: 100dvh;
12813
+ padding: var(--pf-v6-c-compass--Padding);
12814
+ overflow: hidden;
12815
+ background-image: var(--pf-v6-c-compass--BackgroundImage);
12816
+ background-size: cover;
12817
+ }
12818
+ .pf-v6-c-compass.pf-m-dock {
12819
+ grid-template-areas: "dock main";
12820
+ grid-template-rows: auto;
12821
+ grid-template-columns: auto 1fr;
12822
+ align-items: stretch;
12823
+ padding: 0;
12824
+ }
12825
+ .pf-v6-c-compass.pf-m-dock .pf-v6-c-compass__main {
12826
+ padding: var(--pf-v6-c-compass--Padding);
12827
+ }
12828
+ :root:where(.pf-v6-theme-dark) .pf-v6-c-compass {
12829
+ --pf-v6-c-compass--BackgroundImage: var(--pf-v6-c-compass--BackgroundImage--dark);
12830
+ }
12831
+ .pf-v6-c-compass__panel.pf-m-no-glass, .pf-v6-c-compass.pf-m-no-glass {
12832
+ --pf-v6-c-compass__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12833
+ }
12834
+
12835
+ .pf-v6-c-compass__header,
12836
+ .pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
12837
+ .pf-v6-c-compass__main-footer,
12838
+ .pf-v6-c-compass__footer {
12839
+ margin: 0;
12840
+ visibility: hidden;
12841
+ opacity: 0;
12842
+ transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
12843
+ transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
12844
+ transition-duration: var(--pf-v6-c-compass--section--TransitionDuration);
12845
+ transition-property: var(--pf-v6-c-compass--section--TransitionProperty);
12846
+ }
12847
+ .pf-v6-c-compass__header.pf-m-expanded,
12848
+ .pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end).pf-m-expanded,
12849
+ .pf-v6-c-compass__main-footer.pf-m-expanded,
12850
+ .pf-v6-c-compass__footer.pf-m-expanded {
12851
+ --pf-v6-c-compass--section--TransitionDelay: var(--pf-v6-c-compass--section--m-expanded--TransitionDelay);
12852
+ --pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--m-expanded--TransitionDuration);
12853
+ visibility: visible;
12854
+ opacity: 1;
12855
+ translate: 0;
12856
+ }
12857
+
12858
+ .pf-v6-c-compass__header,
12859
+ .pf-v6-c-compass__main-footer,
12860
+ .pf-v6-c-compass__footer {
12861
+ height: 0;
12862
+ }
12863
+ .pf-v6-c-compass__header.pf-m-expanded,
12864
+ .pf-v6-c-compass__main-footer.pf-m-expanded,
12865
+ .pf-v6-c-compass__footer.pf-m-expanded {
12866
+ height: auto;
12867
+ }
12868
+
12869
+ .pf-v6-c-compass__header {
12870
+ display: grid;
12871
+ grid-area: header;
12872
+ grid-template-columns: 1fr auto 1fr;
12873
+ align-items: start;
12874
+ translate: 0 calc(var(--pf-v6-c-compass--section--slide--length--header) * -1);
12875
+ }
12876
+ .pf-v6-c-compass__header.pf-m-expanded {
12877
+ margin-block-end: var(--pf-v6-c-compass--Gap);
12878
+ }
12879
+
12880
+ .pf-v6-c-compass__profile {
12881
+ justify-self: end;
12882
+ }
12883
+ .pf-v6-c-compass__profile .pf-v6-c-menu-toggle.pf-m-plain {
12884
+ margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
12885
+ }
12886
+
12887
+ .pf-v6-c-compass__nav {
12888
+ --pf-v6-c-compass__panel--PaddingBlockStart: var(--pf-v6-c-compass__nav--PaddingBlockStart);
12889
+ --pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-v6-c-compass__nav--PaddingBlockEnd);
12890
+ --pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-v6-c-compass__nav--PaddingInlineStart);
12891
+ --pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-v6-c-compass__nav--PaddingInlineEnd);
12892
+ display: flex;
12893
+ flex-direction: column;
12894
+ gap: var(--pf-v6-c-compass__nav--RowGap);
12895
+ align-items: center;
12896
+ justify-self: stretch;
12897
+ }
12898
+
12899
+ .pf-v6-c-compass__nav-content {
12900
+ display: flex;
12901
+ align-items: center;
12902
+ }
12903
+
12904
+ .pf-v6-c-compass__nav-main {
12905
+ padding-inline-start: var(--pf-v6-c-compass__nav-main--PaddingInlineStart);
12906
+ padding-inline-end: var(--pf-v6-c-compass__nav-main--PaddingInlineEnd);
12907
+ }
12908
+
12909
+ .pf-v6-c-compass__sidebar {
12910
+ --pf-v6-c-compass__panel--PaddingBlockStart: var(--pf-v6-c-compass__sidebar--PaddingBlockStart);
12911
+ --pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-v6-c-compass__sidebar--PaddingBlockEnd);
12912
+ --pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-v6-c-compass__sidebar--PaddingInlineStart);
12913
+ --pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-v6-c-compass__sidebar--PaddingInlineEnd);
12914
+ display: flex;
12915
+ width: 0;
12916
+ }
12917
+ .pf-v6-c-compass__sidebar.pf-m-expanded {
12918
+ width: auto;
12919
+ }
12920
+ .pf-v6-c-compass__sidebar.pf-m-start {
12921
+ translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
12922
+ }
12923
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-start {
12924
+ translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
12925
+ }
12926
+
12927
+ .pf-v6-c-compass__sidebar.pf-m-start {
12928
+ grid-area: sidebar-start;
12929
+ }
12930
+ .pf-v6-c-compass__sidebar.pf-m-start.pf-m-expanded {
12931
+ margin-inline-end: var(--pf-v6-c-compass--Gap);
12932
+ }
12933
+ .pf-v6-c-compass__sidebar.pf-m-end {
12934
+ translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
12935
+ }
12936
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-end {
12937
+ translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
12938
+ }
12939
+
12940
+ .pf-v6-c-compass__sidebar.pf-m-end {
12941
+ grid-area: sidebar-end;
12942
+ }
12943
+ .pf-v6-c-compass__sidebar.pf-m-end.pf-m-expanded {
12944
+ margin-inline-start: var(--pf-v6-c-compass--Gap);
12945
+ }
12946
+
12947
+ .pf-v6-c-compass__main {
12948
+ display: flex;
12949
+ flex-direction: column;
12950
+ grid-area: main;
12951
+ gap: var(--pf-v6-c-compass__main--RowGap);
12952
+ align-self: stretch;
12953
+ min-height: 0;
12954
+ }
12955
+
12956
+ .pf-v6-c-compass__main-header-content {
12957
+ display: flex;
12958
+ gap: var(--pf-v6-c-compass__main-header-content--RowGap) var(--pf-v6-c-compass__main-header-content--ColumnGap);
12959
+ }
12960
+
12961
+ .pf-v6-c-compass__main-header-title {
12962
+ flex-grow: 1;
12963
+ }
12964
+
12965
+ .pf-v6-c-compass__content {
12966
+ display: flex;
12967
+ flex: 1 0 0;
12968
+ flex-direction: column;
12969
+ min-height: 0;
12970
+ overflow: auto;
12971
+ }
12972
+ .pf-v6-c-compass__content > *:last-child {
12973
+ flex-grow: 1;
12974
+ max-height: 100%;
12975
+ }
12976
+
12977
+ .pf-v6-c-compass__main-footer {
12978
+ display: flex;
12979
+ justify-content: center;
12980
+ min-height: 0;
12981
+ translate: 0 var(--pf-v6-c-compass--section--slide--length--main-footer);
12982
+ }
12983
+ .pf-v6-c-compass__main-footer.pf-m-expanded {
12984
+ margin-block-start: var(--pf-v6-c-compass__main-footer--MarginBlockStart);
12985
+ }
12986
+
12987
+ .pf-v6-c-compass__footer {
12988
+ display: flex;
12989
+ grid-column: 1/-1;
12990
+ justify-content: center;
12991
+ translate: 0 var(--pf-v6-c-compass--section--slide--length--main-footer);
12992
+ }
12993
+ .pf-v6-c-compass__footer.pf-m-expanded {
12994
+ margin-block-start: var(--pf-v6-c-compass--Gap);
12995
+ }
12996
+
12997
+ .pf-v6-c-compass__message-bar {
12998
+ width: var(--pf-v6-c-compass__message-bar--Width);
12999
+ min-width: var(--pf-v6-c-compass__message-bar--MinWidth);
13000
+ max-width: var(--pf-v6-c-compass__message-bar--MaxWidth);
13001
+ }
13002
+
13003
+ .pf-v6-c-compass__panel {
13004
+ padding-block-start: var(--pf-v6-c-compass__panel--PaddingBlockStart);
13005
+ padding-block-end: var(--pf-v6-c-compass__panel--PaddingBlockEnd);
13006
+ padding-inline-start: var(--pf-v6-c-compass__panel--PaddingInlineStart);
13007
+ padding-inline-end: var(--pf-v6-c-compass__panel--PaddingInlineEnd);
13008
+ background-color: var(--pf-v6-c-compass__panel--BackgroundColor);
13009
+ backdrop-filter: var(--pf-v6-c-compass__panel--BackdropFilter);
13010
+ border: var(--pf-v6-c-compass__panel--BorderWidth) solid var(--pf-v6-c-compass__panel--BorderColor);
13011
+ border-radius: var(--pf-v6-c-compass__panel--BorderRadius);
13012
+ box-shadow: var(--pf-v6-c-compass__panel--BoxShadow);
13013
+ }
13014
+ .pf-v6-c-compass__panel.pf-m-no-border {
13015
+ border-width: 0;
13016
+ }
13017
+ .pf-v6-c-compass__panel.pf-m-no-padding {
13018
+ padding: 0;
13019
+ }
13020
+ .pf-v6-c-compass__panel.pf-m-full-height {
13021
+ height: 100%;
13022
+ }
13023
+ .pf-v6-c-compass__panel.pf-m-pill {
13024
+ border-radius: var(--pf-v6-c-compass__panel--m-pill--BorderRadius);
13025
+ }
13026
+ .pf-v6-c-compass__panel.pf-m-scrollable {
13027
+ overflow: auto;
13028
+ }
13029
+
13030
+ /* stylelint-disable */
13031
+ @media (max-width: 1200px) {
13032
+ .pf-v6-c-compass * {
13033
+ display: none;
13034
+ }
13035
+ .pf-v6-c-compass {
13036
+ position: relative;
13037
+ display: grid;
13038
+ grid-template-columns: auto;
13039
+ grid-template-rows: auto;
13040
+ place-content: center;
13041
+ gap: 0;
13042
+ }
13043
+ .pf-v6-c-compass::after {
13044
+ padding: 1em;
13045
+ border-radius: var(--pf-t--global--border--radius--large);
13046
+ background: var(--pf-t--global--background--color--primary--default);
13047
+ content: "This page is optimized for wide screens.\a\aPlease view on a larger display and/or make your browser window wider.";
13048
+ width: 80%;
13049
+ width: 300px;
13050
+ border: 1px solid var(--pf-t--global--border--color--default);
13051
+ box-shadow: var(--pf-t--global--box-shadow--md);
13052
+ white-space: pre-wrap;
13053
+ text-align: center;
13054
+ }
13055
+ }
13056
+ /* stylelint-enable */
12273
13057
  :root {
12274
13058
  --pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
12275
13059
  --pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -12964,7 +13748,16 @@ ul) {
12964
13748
  --pf-v6-c-data-list--sm--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
12965
13749
  --pf-v6-c-data-list--sm--BorderBlockStartColor: var(--pf-t--global--border--color--default);
12966
13750
  --pf-v6-c-data-list--MarginInlineStart: var(--pf-t--global--spacer--md);
12967
- --pf-v6-c-data-list__item--BackgroundColor: var( --pf-t--global--background--color--primary--default);
13751
+ }
13752
+ @media screen and (min-width: 36rem) {
13753
+ .pf-v6-c-data-list {
13754
+ --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
13755
+ --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
13756
+ }
13757
+ }
13758
+ .pf-v6-c-data-list {
13759
+ --pf-v6-c-data-list__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
13760
+ --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
12968
13761
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
12969
13762
  --pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
12970
13763
  --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
@@ -12972,6 +13765,14 @@ ul) {
12972
13765
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
12973
13766
  --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
12974
13767
  --pf-v6-c-data-list__item--sm--BorderBlockEndColor: var(--pf-t--global--border--color--default);
13768
+ }
13769
+ @media screen and (min-width: 36rem) {
13770
+ .pf-v6-c-data-list {
13771
+ --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
13772
+ --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
13773
+ }
13774
+ }
13775
+ .pf-v6-c-data-list {
12975
13776
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-t--global--spacer--md);
12976
13777
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-t--global--spacer--md);
12977
13778
  --pf-v6-c-data-list__item-row--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -13067,18 +13868,6 @@ ul) {
13067
13868
  --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
13068
13869
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
13069
13870
  }
13070
- @media screen and (min-width: 36rem) {
13071
- .pf-v6-c-data-list {
13072
- --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
13073
- --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
13074
- }
13075
- }
13076
- @media screen and (min-width: 36rem) {
13077
- .pf-v6-c-data-list {
13078
- --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
13079
- --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
13080
- }
13081
- }
13082
13871
 
13083
13872
  .pf-v6-c-data-list {
13084
13873
  font-size: var(--pf-v6-c-data-list--FontSize);
@@ -13119,6 +13908,9 @@ ul) {
13119
13908
  .pf-v6-c-data-list.pf-m-drag-over {
13120
13909
  overflow-anchor: none;
13121
13910
  }
13911
+ .pf-v6-c-data-list.pf-m-plain {
13912
+ --pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
13913
+ }
13122
13914
 
13123
13915
  .pf-v6-c-data-list.pf-m-truncate,
13124
13916
  .pf-v6-c-data-list__item-row.pf-m-truncate,
@@ -13238,12 +14030,6 @@ ul) {
13238
14030
  --pf-v6-hidden-visible--hidden--Display: none;
13239
14031
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
13240
14032
  display: var(--pf-v6-hidden-visible--Display);
13241
- gap: var(--pf-v6-c-data-list__item-action--Gap);
13242
- align-content: flex-start;
13243
- align-items: flex-start;
13244
- padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
13245
- padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
13246
- margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
13247
14033
  }
13248
14034
  .pf-v6-c-data-list__item-action.pf-m-hidden {
13249
14035
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -13288,6 +14074,14 @@ ul) {
13288
14074
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
13289
14075
  }
13290
14076
  }
14077
+ .pf-v6-c-data-list__item-action {
14078
+ gap: var(--pf-v6-c-data-list__item-action--Gap);
14079
+ align-content: flex-start;
14080
+ align-items: flex-start;
14081
+ padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
14082
+ padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
14083
+ margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
14084
+ }
13291
14085
 
13292
14086
  .pf-v6-c-data-list__toggle {
13293
14087
  margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
@@ -13295,15 +14089,16 @@ ul) {
13295
14089
  margin-inline-start: var(--pf-v6-c-data-list__toggle--MarginInlineStart);
13296
14090
  }
13297
14091
 
14092
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
14093
+ scale: -1 1;
14094
+ }
14095
+
13298
14096
  .pf-v6-c-data-list__toggle-icon {
13299
14097
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
13300
14098
  pointer-events: none;
13301
14099
  transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
13302
14100
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
13303
14101
  }
13304
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
13305
- scale: -1 1;
13306
- }
13307
14102
 
13308
14103
  .pf-v6-c-data-list__item-content {
13309
14104
  display: grid;
@@ -13398,6 +14193,13 @@ ul) {
13398
14193
  --pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
13399
14194
  --pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
13400
14195
  --pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
14196
+ }
14197
+ @media screen and (min-width: 36rem) {
14198
+ .pf-v6-c-description-list {
14199
+ --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
14200
+ }
14201
+ }
14202
+ .pf-v6-c-description-list {
13401
14203
  --pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
13402
14204
  --pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
13403
14205
  --pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
@@ -13426,11 +14228,6 @@ ul) {
13426
14228
  --pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
13427
14229
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
13428
14230
  }
13429
- @media screen and (min-width: 36rem) {
13430
- .pf-v6-c-description-list {
13431
- --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
13432
- }
13433
- }
13434
14231
  @media (min-width: 36rem) {
13435
14232
  .pf-v6-c-description-list {
13436
14233
  --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));
@@ -13812,6 +14609,15 @@ ul) {
13812
14609
  --pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
13813
14610
  --pf-v6-c-dual-list-selector__list--TranslateY: 0;
13814
14611
  --pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
14612
+ }
14613
+ @media screen and (prefers-reduced-motion: no-preference) {
14614
+ .pf-v6-c-dual-list-selector {
14615
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
14616
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
14617
+ --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
14618
+ }
14619
+ }
14620
+ .pf-v6-c-dual-list-selector {
13815
14621
  --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
13816
14622
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
13817
14623
  --pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
@@ -13853,13 +14659,6 @@ ul) {
13853
14659
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
13854
14660
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
13855
14661
  }
13856
- @media screen and (prefers-reduced-motion: no-preference) {
13857
- .pf-v6-c-dual-list-selector {
13858
- --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
13859
- --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
13860
- --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
13861
- }
13862
- }
13863
14662
 
13864
14663
  .pf-v6-c-dual-list-selector {
13865
14664
  display: grid;
@@ -13930,8 +14729,6 @@ ul) {
13930
14729
 
13931
14730
  .pf-v6-c-dual-list-selector__list {
13932
14731
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
13933
- display: flex;
13934
- flex-direction: column;
13935
14732
  }
13936
14733
  .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list {
13937
14734
  --pf-v6-c-dual-list-selector__item-toggle--MarginBlockStart: 0;
@@ -13939,16 +14736,22 @@ ul) {
13939
14736
  }
13940
14737
  .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
13941
14738
  transform: translateX(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX));
13942
- position: absolute;
13943
- inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
13944
14739
  }
13945
14740
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
13946
14741
  transform: translateX(calc(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
13947
14742
  }
13948
14743
 
14744
+ .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
14745
+ position: absolute;
14746
+ inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
14747
+ }
13949
14748
  .pf-v6-c-dual-list-selector__list.pf-m-drag-over {
13950
14749
  overflow-anchor: none;
13951
14750
  }
14751
+ .pf-v6-c-dual-list-selector__list {
14752
+ display: flex;
14753
+ flex-direction: column;
14754
+ }
13952
14755
 
13953
14756
  .pf-v6-c-dual-list-selector__list-item:focus-visible {
13954
14757
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
@@ -14233,11 +15036,6 @@ ul) {
14233
15036
  --pf-v6-hidden-visible--hidden--Display: none;
14234
15037
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
14235
15038
  display: var(--pf-v6-hidden-visible--Display);
14236
- flex-shrink: 0;
14237
- align-items: stretch;
14238
- align-self: stretch;
14239
- justify-content: center;
14240
- border: 0;
14241
15039
  }
14242
15040
  .pf-v6-c-divider.pf-m-hidden {
14243
15041
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -14282,6 +15080,13 @@ ul) {
14282
15080
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
14283
15081
  }
14284
15082
  }
15083
+ .pf-v6-c-divider {
15084
+ flex-shrink: 0;
15085
+ align-items: stretch;
15086
+ align-self: stretch;
15087
+ justify-content: center;
15088
+ border: 0;
15089
+ }
14285
15090
  .pf-v6-c-divider::before {
14286
15091
  flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
14287
15092
  content: "";
@@ -14526,6 +15331,7 @@ ul) {
14526
15331
  }
14527
15332
 
14528
15333
  .pf-v6-c-drawer {
15334
+ --pf-v6-c-drawer--m-pill--m-inline__main--Gap: var(--pf-t--global--spacer--inset--page-chrome);
14529
15335
  --pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
14530
15336
  --pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
14531
15337
  --pf-v6-c-drawer__content--FlexBasis: 100%;
@@ -14556,6 +15362,7 @@ ul) {
14556
15362
  --pf-v6-c-drawer__panel--TransitionProperty: opacity, visibility, transform;
14557
15363
  --pf-v6-c-drawer__panel--Opacity: 0;
14558
15364
  --pf-v6-c-drawer--m-expanded__panel--Opacity: 1;
15365
+ --pf-v6-c-drawer--m-expanded__panel--inset: 0px;
14559
15366
  --pf-v6-c-drawer__panel--FlexBasis: 100%;
14560
15367
  --pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
14561
15368
  --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
@@ -14571,6 +15378,29 @@ ul) {
14571
15378
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection: column;
14572
15379
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min: 1.5rem;
14573
15380
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight: 1.5rem;
15381
+ --pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth: var(--pf-t--global--border--width--regular);
15382
+ --pf-v6-c-drawer--m-pill__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
15383
+ --pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth: var(--pf-t--global--border--width--regular);
15384
+ --pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
15385
+ --pf-v6-c-drawer--m-pill__panel--BorderColor: var(--pf-t--global--border--color--default);
15386
+ --pf-v6-c-drawer--m-pill__panel--BorderRadius: var(--pf-t--global--border--radius--large);
15387
+ --pf-v6-c-drawer--m-pill--m-expanded__panel--inset: var(--pf-t--global--spacer--inset--page-chrome);
15388
+ --pf-v6-c-drawer__panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
15389
+ --pf-v6-c-drawer__panel--m-glass--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
15390
+ --pf-v6-c-drawer__panel--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
15391
+ }
15392
+ @media screen and (prefers-reduced-motion: no-preference) {
15393
+ .pf-v6-c-drawer {
15394
+ --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
15395
+ --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
15396
+ --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
15397
+ --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
15398
+ --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
15399
+ --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
15400
+ --pf-v6-c-drawer__panel--Opacity: 1;
15401
+ }
15402
+ }
15403
+ .pf-v6-c-drawer {
14574
15404
  --pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
14575
15405
  --pf-v6-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
14576
15406
  --pf-v6-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -14633,6 +15463,17 @@ ul) {
14633
15463
  --pf-v6-c-drawer__splitter-handle--after--Height: 0.25rem;
14634
15464
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
14635
15465
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
15466
+ }
15467
+ @media screen and (min-width: 75rem) {
15468
+ .pf-v6-c-drawer {
15469
+ --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
15470
+ }
15471
+ .pf-v6-c-drawer.pf-m-panel-bottom {
15472
+ --pf-v6-c-drawer__panel--MinWidth: auto;
15473
+ --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
15474
+ }
15475
+ }
15476
+ .pf-v6-c-drawer {
14636
15477
  --pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
14637
15478
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
14638
15479
  --pf-v6-c-drawer__panel--BoxShadow: none;
@@ -14647,46 +15488,32 @@ ul) {
14647
15488
  --pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
14648
15489
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
14649
15490
  }
14650
- @media screen and (prefers-reduced-motion: no-preference) {
14651
- .pf-v6-c-drawer {
14652
- --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
14653
- --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
14654
- --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
14655
- --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
14656
- --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
14657
- --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
14658
- --pf-v6-c-drawer__panel--Opacity: 1;
14659
- }
14660
- }
14661
- @media screen and (min-width: 75rem) {
14662
- .pf-v6-c-drawer {
14663
- --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
14664
- }
14665
- .pf-v6-c-drawer.pf-m-panel-bottom {
14666
- --pf-v6-c-drawer__panel--MinWidth: auto;
14667
- --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
14668
- }
14669
- }
14670
15491
 
14671
15492
  .pf-v6-c-drawer {
14672
15493
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
14673
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
14674
- display: flex;
14675
- flex-direction: column;
14676
- height: 100%;
14677
- overflow-x: hidden;
14678
15494
  }
14679
15495
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
14680
15496
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
14681
15497
  }
14682
15498
 
15499
+ .pf-v6-c-drawer {
15500
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
15501
+ }
14683
15502
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
14684
15503
  --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
14685
15504
  }
14686
15505
 
15506
+ .pf-v6-c-drawer {
15507
+ display: flex;
15508
+ flex-direction: column;
15509
+ height: 100%;
15510
+ overflow-x: hidden;
15511
+ }
14687
15512
  .pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
14688
15513
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
14689
15514
  --pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
15515
+ --pf-v6-c-drawer--m-pill__main--Gap: var(--pf-v6-c-drawer--m-pill--m-inline__main--Gap);
15516
+ --pf-v6-c-drawer--m-pill--m-expanded__panel--inset: 0px;
14690
15517
  }
14691
15518
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
14692
15519
  padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
@@ -14710,19 +15537,21 @@ ul) {
14710
15537
  --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
14711
15538
  }
14712
15539
  .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14713
- transform: translateX(-100%);
14714
- --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
14715
- visibility: visible;
15540
+ transform: translateX(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14716
15541
  }
14717
15542
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14718
- transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
15543
+ transform: translateX(calc(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)) * var(--pf-v6-global--inverse--multiplier)));
14719
15544
  }
14720
15545
 
15546
+ .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
15547
+ --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
15548
+ visibility: visible;
15549
+ }
14721
15550
  .pf-v6-c-drawer.pf-m-expanded.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14722
15551
  transform: translateX(0);
14723
15552
  }
14724
15553
  .pf-v6-c-drawer.pf-m-expanded.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14725
- transform: translate(0, -100%);
15554
+ transform: translate(0, calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14726
15555
  }
14727
15556
  .pf-v6-c-drawer.pf-m-resizing {
14728
15557
  --pf-v6-c-drawer__panel--TransitionProperty: none;
@@ -14731,6 +15560,26 @@ ul) {
14731
15560
  .pf-v6-c-drawer.pf-m-resizing .pf-v6-c-drawer__splitter {
14732
15561
  pointer-events: auto;
14733
15562
  }
15563
+ @media screen and (min-width: 48rem) {
15564
+ .pf-v6-c-drawer.pf-m-pill {
15565
+ --pf-v6-c-drawer__main--Gap: var(--pf-v6-c-drawer--m-pill__main--Gap, revert);
15566
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-pill__panel--BorderColor);
15567
+ --pf-v6-c-drawer__panel--BorderRadius: var(--pf-v6-c-drawer--m-pill__panel--BorderRadius);
15568
+ --pf-v6-c-drawer--m-expanded__panel--inset: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
15569
+ --pf-v6-c-drawer__panel--MarginBlock: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
15570
+ }
15571
+ .pf-v6-c-drawer.pf-m-pill > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
15572
+ border-block-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth);
15573
+ border-block-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderBlockEndWidth);
15574
+ border-inline-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth);
15575
+ border-inline-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth);
15576
+ }
15577
+ .pf-v6-c-drawer.pf-m-pill > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-glass) {
15578
+ --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor);
15579
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--m-glass--BorderColor);
15580
+ backdrop-filter: var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter);
15581
+ }
15582
+ }
14734
15583
 
14735
15584
  .pf-v6-c-drawer__section {
14736
15585
  flex-grow: 0;
@@ -14746,6 +15595,7 @@ ul) {
14746
15595
  .pf-v6-c-drawer__main {
14747
15596
  display: flex;
14748
15597
  flex: 1;
15598
+ gap: var(--pf-v6-c-drawer__main--Gap, 0);
14749
15599
  overflow: hidden;
14750
15600
  }
14751
15601
 
@@ -14753,8 +15603,8 @@ ul) {
14753
15603
  .pf-v6-c-drawer__panel,
14754
15604
  .pf-v6-c-drawer__panel-main {
14755
15605
  display: flex;
14756
- flex-direction: column;
14757
15606
  flex-shrink: 0;
15607
+ flex-direction: column;
14758
15608
  overflow: auto;
14759
15609
  }
14760
15610
 
@@ -14784,6 +15634,8 @@ ul) {
14784
15634
  row-gap: var(--pf-v6-c-drawer__panel--RowGap);
14785
15635
  order: 1;
14786
15636
  max-height: var(--pf-v6-c-drawer__panel--MaxHeight);
15637
+ margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
15638
+ margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
14787
15639
  overflow: auto;
14788
15640
  visibility: hidden;
14789
15641
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
@@ -14792,6 +15644,7 @@ ul) {
14792
15644
  border-block-end-width: var(--pf-v6-c-drawer__panel--BorderBlockEndWidth);
14793
15645
  border-inline-start-width: var(--pf-v6-c-drawer__panel--BorderInlineStartWidth);
14794
15646
  border-inline-end-width: var(--pf-v6-c-drawer__panel--BorderInlineEndWidth);
15647
+ border-radius: var(--pf-v6-c-drawer__panel--BorderRadius, revert);
14795
15648
  box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
14796
15649
  opacity: var(--pf-v6-c-drawer__panel--Opacity);
14797
15650
  transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
@@ -14979,7 +15832,7 @@ ul) {
14979
15832
  padding-inline-end: var(--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd);
14980
15833
  }
14981
15834
  .pf-v6-c-drawer.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14982
- transform: translateX(0);
15835
+ transform: translateX(var(--pf-v6-c-drawer--m-expanded__panel--inset));
14983
15836
  }
14984
15837
  .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
14985
15838
  --pf-v6-c-drawer__splitter-handle--InsetInlineStart: var(--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart);
@@ -14991,6 +15844,8 @@ ul) {
14991
15844
  --pf-v6-c-drawer__panel--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--FlexBasis--min);
14992
15845
  --pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
14993
15846
  --pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
15847
+ --pf-v6-c-drawer__panel--MarginBlock: initial;
15848
+ --pf-v6-c-drawer__panel--MarginInline: var(--pf-v6-c-drawer--m-expanded__panel--inset);
14994
15849
  min-width: auto;
14995
15850
  min-height: var(--pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight);
14996
15851
  }
@@ -15038,82 +15893,86 @@ ul) {
15038
15893
  }
15039
15894
  @media (min-width: 48rem) {
15040
15895
  .pf-v6-c-drawer__panel.pf-m-width-25 {
15041
- --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
15896
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15042
15897
  }
15043
15898
  .pf-v6-c-drawer__panel.pf-m-width-33 {
15044
- --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
15899
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15045
15900
  }
15046
15901
  .pf-v6-c-drawer__panel.pf-m-width-50 {
15047
- --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
15902
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15048
15903
  }
15049
15904
  .pf-v6-c-drawer__panel.pf-m-width-66 {
15050
- --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
15905
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15051
15906
  }
15052
15907
  .pf-v6-c-drawer__panel.pf-m-width-75 {
15053
- --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
15908
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15054
15909
  }
15055
15910
  .pf-v6-c-drawer__panel.pf-m-width-100 {
15056
- --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
15911
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15912
+ --pf-v6-c-drawer__main--Gap: 0;
15057
15913
  }
15058
15914
  }
15059
15915
  @media (min-width: 62rem) {
15060
15916
  .pf-v6-c-drawer__panel.pf-m-width-25-on-lg {
15061
- --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
15917
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15062
15918
  }
15063
15919
  .pf-v6-c-drawer__panel.pf-m-width-33-on-lg {
15064
- --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
15920
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15065
15921
  }
15066
15922
  .pf-v6-c-drawer__panel.pf-m-width-50-on-lg {
15067
- --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
15923
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15068
15924
  }
15069
15925
  .pf-v6-c-drawer__panel.pf-m-width-66-on-lg {
15070
- --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
15926
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15071
15927
  }
15072
15928
  .pf-v6-c-drawer__panel.pf-m-width-75-on-lg {
15073
- --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
15929
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15074
15930
  }
15075
15931
  .pf-v6-c-drawer__panel.pf-m-width-100-on-lg {
15076
- --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
15932
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15933
+ --pf-v6-c-drawer__main--Gap: 0;
15077
15934
  }
15078
15935
  }
15079
15936
  @media (min-width: 75rem) {
15080
15937
  .pf-v6-c-drawer__panel.pf-m-width-25-on-xl {
15081
- --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
15938
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15082
15939
  }
15083
15940
  .pf-v6-c-drawer__panel.pf-m-width-33-on-xl {
15084
- --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
15941
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15085
15942
  }
15086
15943
  .pf-v6-c-drawer__panel.pf-m-width-50-on-xl {
15087
- --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
15944
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15088
15945
  }
15089
15946
  .pf-v6-c-drawer__panel.pf-m-width-66-on-xl {
15090
- --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
15947
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15091
15948
  }
15092
15949
  .pf-v6-c-drawer__panel.pf-m-width-75-on-xl {
15093
- --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
15950
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15094
15951
  }
15095
15952
  .pf-v6-c-drawer__panel.pf-m-width-100-on-xl {
15096
- --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
15953
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15954
+ --pf-v6-c-drawer__main--Gap: 0;
15097
15955
  }
15098
15956
  }
15099
15957
  @media (min-width: 90.625rem) {
15100
15958
  .pf-v6-c-drawer__panel.pf-m-width-25-on-2xl {
15101
- --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
15959
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15102
15960
  }
15103
15961
  .pf-v6-c-drawer__panel.pf-m-width-33-on-2xl {
15104
- --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
15962
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15105
15963
  }
15106
15964
  .pf-v6-c-drawer__panel.pf-m-width-50-on-2xl {
15107
- --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
15965
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15108
15966
  }
15109
15967
  .pf-v6-c-drawer__panel.pf-m-width-66-on-2xl {
15110
- --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
15968
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15111
15969
  }
15112
15970
  .pf-v6-c-drawer__panel.pf-m-width-75-on-2xl {
15113
- --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
15971
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15114
15972
  }
15115
15973
  .pf-v6-c-drawer__panel.pf-m-width-100-on-2xl {
15116
- --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
15974
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15975
+ --pf-v6-c-drawer__main--Gap: 0;
15117
15976
  }
15118
15977
  }
15119
15978
  @media (min-width: 48rem) {
@@ -15545,10 +16404,24 @@ ul) {
15545
16404
  --pf-v6-c-expandable-section__content--Opacity: 0;
15546
16405
  --pf-v6-c-expandable-section__content--TranslateY: 0;
15547
16406
  --pf-v6-c-expandable-section__content--PaddingInlineStart: 0;
16407
+ --pf-v6-c-expandable-section__content--MaxHeight: 0px;
16408
+ --pf-v6-c-expandable-section__content--Visibility: hidden;
16409
+ --pf-v6-c-expandable-section__content--Opacity: 0;
15548
16410
  --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: 0;
15549
16411
  --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
15550
16412
  --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
15551
16413
  --pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
16414
+ }
16415
+ @media screen and (prefers-reduced-motion: no-preference) {
16416
+ .pf-v6-c-expandable-section {
16417
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
16418
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
16419
+ --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
16420
+ --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
16421
+ --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
16422
+ }
16423
+ }
16424
+ .pf-v6-c-expandable-section {
15552
16425
  --pf-v6-c-expandable-section__content--MaxWidth: auto;
15553
16426
  --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
15554
16427
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -15565,15 +16438,6 @@ ul) {
15565
16438
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
15566
16439
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
15567
16440
  }
15568
- @media screen and (prefers-reduced-motion: no-preference) {
15569
- .pf-v6-c-expandable-section {
15570
- --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
15571
- --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
15572
- --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
15573
- --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
15574
- --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
15575
- }
15576
- }
15577
16441
 
15578
16442
  .pf-v6-c-expandable-section {
15579
16443
  display: flex;
@@ -15632,9 +16496,13 @@ ul) {
15632
16496
  }
15633
16497
  .pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
15634
16498
  display: -webkit-box;
16499
+ overflow: hidden;
15635
16500
  -webkit-box-orient: vertical;
15636
16501
  -webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
15637
- overflow: hidden;
16502
+ }
16503
+
16504
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
16505
+ scale: -1 1;
15638
16506
  }
15639
16507
 
15640
16508
  .pf-v6-c-expandable-section__toggle-icon {
@@ -15644,10 +16512,6 @@ ul) {
15644
16512
  transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
15645
16513
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
15646
16514
  }
15647
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
15648
- scale: -1 1;
15649
- }
15650
-
15651
16515
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
15652
16516
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
15653
16517
  }
@@ -16230,8 +17094,8 @@ ul) {
16230
17094
 
16231
17095
  .pf-v6-c-form__field-group-header-main {
16232
17096
  display: flex;
16233
- flex-direction: column;
16234
17097
  flex-grow: 1;
17098
+ flex-direction: column;
16235
17099
  }
16236
17100
 
16237
17101
  .pf-v6-c-form__field-group-header-title {
@@ -16472,8 +17336,8 @@ ul) {
16472
17336
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
16473
17337
  }
16474
17338
  .pf-v6-c-form-control.pf-m-textarea > textarea {
16475
- outline-offset: 0;
16476
17339
  scrollbar-gutter: stable;
17340
+ outline-offset: 0;
16477
17341
  }
16478
17342
  .pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
16479
17343
  padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
@@ -16653,81 +17517,6 @@ ul) {
16653
17517
  pointer-events: none;
16654
17518
  }
16655
17519
 
16656
- .pf-v6-c-hint {
16657
- --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
16658
- --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
16659
- --pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
16660
- --pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
16661
- --pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
16662
- --pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
16663
- --pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
16664
- --pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
16665
- --pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
16666
- --pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
16667
- --pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
16668
- --pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
16669
- --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
16670
- --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
16671
- --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
16672
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
16673
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
16674
- }
16675
-
16676
- .pf-v6-c-hint {
16677
- display: grid;
16678
- grid-template-columns: 1fr auto;
16679
- grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
16680
- padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
16681
- padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
16682
- padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
16683
- padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
16684
- color: var(--pf-v6-c-hint--Color);
16685
- background-color: var(--pf-v6-c-hint--BackgroundColor);
16686
- border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
16687
- border-radius: var(--pf-v6-c-hint--BorderRadius);
16688
- }
16689
- .pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
16690
- text-align: start;
16691
- white-space: normal;
16692
- }
16693
-
16694
- .pf-v6-c-hint__actions {
16695
- display: inline-grid;
16696
- grid-row: 1;
16697
- grid-column: 2;
16698
- grid-auto-flow: column;
16699
- align-self: start;
16700
- margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
16701
- margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
16702
- margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
16703
- text-align: end;
16704
- }
16705
- .pf-v6-c-hint__actions.pf-m-no-offset {
16706
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
16707
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
16708
- }
16709
- .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
16710
- grid-column: 1;
16711
- }
16712
-
16713
- .pf-v6-c-hint__title {
16714
- align-self: center;
16715
- font-weight: var(--pf-v6-c-hint__title--FontWeight);
16716
- }
16717
-
16718
- .pf-v6-c-hint__body {
16719
- grid-column: 1/-1;
16720
- font-size: var(--pf-v6-c-hint__body--FontSize);
16721
- }
16722
-
16723
- .pf-v6-c-hint__footer {
16724
- grid-column: 1/-1;
16725
- margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
16726
- }
16727
- .pf-v6-c-hint__footer > :not(:last-child) {
16728
- margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
16729
- }
16730
-
16731
17520
  .pf-v6-c-helper-text {
16732
17521
  --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
16733
17522
  --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -16813,6 +17602,156 @@ ul) {
16813
17602
  color: var(--pf-v6-c-helper-text__item-text--Color);
16814
17603
  }
16815
17604
 
17605
+ .pf-v6-c-hero {
17606
+ --pf-v6-c-hero--PaddingBlockStart: var(--pf-t--global--spacer--xl);
17607
+ --pf-v6-c-hero--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
17608
+ --pf-v6-c-hero--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
17609
+ --pf-v6-c-hero--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
17610
+ --pf-v6-c-hero--gradient--angle: 109deg;
17611
+ --pf-v6-c-hero--gradient--stop-1--light: transparent;
17612
+ --pf-v6-c-hero--gradient--stop-2--light: transparent;
17613
+ --pf-v6-c-hero--gradient--stop-3--light: transparent;
17614
+ --pf-v6-c-hero--gradient--stop-1--dark: transparent;
17615
+ --pf-v6-c-hero--gradient--stop-2--dark: transparent;
17616
+ --pf-v6-c-hero--gradient--stop-3--dark: transparent;
17617
+ --pf-v6-c-hero--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
17618
+ --pf-v6-c-hero--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
17619
+ --pf-v6-c-hero--BackgroundImage--light: none;
17620
+ --pf-v6-c-hero--BackgroundImage--dark: none;
17621
+ --pf-v6-c-hero--BackgroundRepeat: no-repeat;
17622
+ --pf-v6-c-hero--BackgroundPosition: right center;
17623
+ --pf-v6-c-hero--BackgroundSize: contain;
17624
+ --pf-v6-c-hero--BorderStyle: solid;
17625
+ --pf-v6-c-hero--BorderBlockStartWidth: var(--pf-t--global--border--width--regular);
17626
+ --pf-v6-c-hero--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
17627
+ --pf-v6-c-hero--BorderInlineStartWidth: var(--pf-t--global--border--width--regular);
17628
+ --pf-v6-c-hero--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
17629
+ --pf-v6-c-hero--BorderColor: var(--pf-t--global--border--color--default);
17630
+ --pf-v6-c-hero--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
17631
+ --pf-v6-c-hero--m-glass--BoxShadow: var(--pf-t--global--box-shadow--md);
17632
+ --pf-v6-c-hero--BorderStartStartRadius: 24px;
17633
+ --pf-v6-c-hero--BorderStartEndRadius: 72px;
17634
+ --pf-v6-c-hero--BorderEndEndRadius: 24px;
17635
+ --pf-v6-c-hero--BorderEndStartRadius: 72px;
17636
+ --pf-v6-c-hero__body--Width: 800px;
17637
+ --pf-v6-c-hero__body--MaxWidth: 80%;
17638
+ }
17639
+
17640
+ .pf-v6-c-hero {
17641
+ display: flex;
17642
+ padding-block-start: var(--pf-v6-c-hero--PaddingBlockStart);
17643
+ padding-block-end: var(--pf-v6-c-hero--PaddingBlockEnd);
17644
+ padding-inline-start: var(--pf-v6-c-hero--PaddingInlineStart);
17645
+ padding-inline-end: var(--pf-v6-c-hero--PaddingInlineEnd);
17646
+ background-image: var(--pf-v6-c-hero--BackgroundImage, var(--pf-v6-c-hero--BackgroundImage--light)), linear-gradient(var(--pf-v6-c-hero--gradient--angle), var(--pf-v6-c-hero--gradient--stop-1, var(--pf-v6-c-hero--gradient--stop-1--light)) 0%, var(--pf-v6-c-hero--gradient--stop-2, var(--pf-v6-c-hero--gradient--stop-2--light)) 50%, var(--pf-v6-c-hero--gradient--stop-3, var(--pf-v6-c-hero--gradient--stop-3--light)) 100%);
17647
+ background-repeat: var(--pf-v6-c-hero--BackgroundRepeat);
17648
+ background-position: var(--pf-v6-c-hero--BackgroundPosition);
17649
+ background-size: var(--pf-v6-c-hero--BackgroundSize);
17650
+ border-color: var(--pf-v6-c-hero--BorderColor);
17651
+ border-style: var(--pf-v6-c-hero--BorderStyle);
17652
+ border-block-start-width: var(--pf-v6-c-hero--BorderBlockStartWidth);
17653
+ border-block-end-width: var(--pf-v6-c-hero--BorderBlockEndWidth);
17654
+ border-inline-start-width: var(--pf-v6-c-hero--BorderInlineStartWidth);
17655
+ border-inline-end-width: var(--pf-v6-c-hero--BorderInlineEndWidth);
17656
+ border-start-start-radius: var(--pf-v6-c-hero--BorderStartStartRadius);
17657
+ border-start-end-radius: var(--pf-v6-c-hero--BorderStartEndRadius);
17658
+ border-end-start-radius: var(--pf-v6-c-hero--BorderEndStartRadius);
17659
+ border-end-end-radius: var(--pf-v6-c-hero--BorderEndEndRadius);
17660
+ }
17661
+ :root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
17662
+ --pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
17663
+ --pf-v6-c-hero--gradient--stop-1: var(--pf-v6-c-hero--gradient--stop-1--dark);
17664
+ --pf-v6-c-hero--gradient--stop-2: var(--pf-v6-c-hero--gradient--stop-2--dark);
17665
+ --pf-v6-c-hero--gradient--stop-3: var(--pf-v6-c-hero--gradient--stop-3--dark);
17666
+ }
17667
+ :root:where(.pf-v6-theme-glass) .pf-v6-c-hero {
17668
+ --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
17669
+ box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
17670
+ }
17671
+ .pf-v6-c-hero:not(.pf-m-no-glass) {
17672
+ background-color: var(--pf-v6-c-hero--BackgroundColor);
17673
+ backdrop-filter: var(--pf-v6-c-hero--BackdropFilter);
17674
+ }
17675
+
17676
+ .pf-v6-c-hero__body {
17677
+ width: min(var(--pf-v6-c-hero__body--Width), var(--pf-v6-c-hero__body--MaxWidth));
17678
+ }
17679
+
17680
+ .pf-v6-c-hint {
17681
+ --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
17682
+ --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
17683
+ --pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
17684
+ --pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
17685
+ --pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
17686
+ --pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17687
+ --pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
17688
+ --pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
17689
+ --pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
17690
+ --pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
17691
+ --pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
17692
+ --pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
17693
+ --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
17694
+ --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
17695
+ --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
17696
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
17697
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
17698
+ }
17699
+
17700
+ .pf-v6-c-hint {
17701
+ display: grid;
17702
+ grid-template-columns: 1fr auto;
17703
+ grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
17704
+ padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
17705
+ padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
17706
+ padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
17707
+ padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
17708
+ color: var(--pf-v6-c-hint--Color);
17709
+ background-color: var(--pf-v6-c-hint--BackgroundColor);
17710
+ border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
17711
+ border-radius: var(--pf-v6-c-hint--BorderRadius);
17712
+ }
17713
+ .pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
17714
+ text-align: start;
17715
+ white-space: normal;
17716
+ }
17717
+
17718
+ .pf-v6-c-hint__actions {
17719
+ display: inline-grid;
17720
+ grid-row: 1;
17721
+ grid-column: 2;
17722
+ grid-auto-flow: column;
17723
+ align-self: start;
17724
+ margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
17725
+ margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
17726
+ margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
17727
+ text-align: end;
17728
+ }
17729
+ .pf-v6-c-hint__actions.pf-m-no-offset {
17730
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
17731
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
17732
+ }
17733
+ .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
17734
+ grid-column: 1;
17735
+ }
17736
+
17737
+ .pf-v6-c-hint__title {
17738
+ align-self: center;
17739
+ font-weight: var(--pf-v6-c-hint__title--FontWeight);
17740
+ }
17741
+
17742
+ .pf-v6-c-hint__body {
17743
+ grid-column: 1/-1;
17744
+ font-size: var(--pf-v6-c-hint__body--FontSize);
17745
+ }
17746
+
17747
+ .pf-v6-c-hint__footer {
17748
+ grid-column: 1/-1;
17749
+ margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
17750
+ }
17751
+ .pf-v6-c-hint__footer > :not(:last-child) {
17752
+ margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
17753
+ }
17754
+
16816
17755
  .pf-v6-c-icon {
16817
17756
  --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
16818
17757
  --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
@@ -17541,6 +18480,10 @@ label.pf-v6-c-input-group__text {
17541
18480
  margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
17542
18481
  }
17543
18482
 
18483
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
18484
+ scale: -1 1;
18485
+ }
18486
+
17544
18487
  .pf-v6-c-jump-links__toggle-icon {
17545
18488
  display: inline-block;
17546
18489
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
@@ -17549,9 +18492,6 @@ label.pf-v6-c-input-group__text {
17549
18492
  transition-property: transform;
17550
18493
  transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
17551
18494
  }
17552
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
17553
- scale: -1 1;
17554
- }
17555
18495
 
17556
18496
  .pf-v6-c-label {
17557
18497
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -18048,6 +18988,10 @@ input.pf-v6-c-label__content {
18048
18988
  .pf-v6-c-label__actions {
18049
18989
  margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
18050
18990
  }
18991
+ .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
18992
+ --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
18993
+ }
18994
+
18051
18995
  .pf-v6-c-label__actions .pf-v6-c-button {
18052
18996
  --pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
18053
18997
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
@@ -18058,9 +19002,6 @@ input.pf-v6-c-label__content {
18058
19002
  margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
18059
19003
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
18060
19004
  }
18061
- .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
18062
- --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
18063
- }
18064
19005
 
18065
19006
  .pf-v6-c-label-group {
18066
19007
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
@@ -18201,9 +19142,9 @@ input.pf-v6-c-label__content {
18201
19142
  padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
18202
19143
  white-space: nowrap;
18203
19144
  resize: none;
18204
- border: 0;
18205
- -ms-overflow-style: none;
18206
19145
  scrollbar-width: none;
19146
+ -ms-overflow-style: none;
19147
+ border: 0;
18207
19148
  }
18208
19149
  .pf-v6-c-label-group__textarea::-webkit-scrollbar {
18209
19150
  display: none;
@@ -18289,18 +19230,48 @@ ul.pf-v6-c-list {
18289
19230
  --pf-v6-c-login__container--PaddingInlineStart: 6.125rem;
18290
19231
  --pf-v6-c-login__container--PaddingInlineEnd: 6.125rem;
18291
19232
  --pf-v6-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
19233
+ }
19234
+ @media (min-width: 75rem) {
19235
+ .pf-v6-c-login {
19236
+ --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
19237
+ }
19238
+ }
19239
+ .pf-v6-c-login {
18292
19240
  --pf-v6-c-login__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
18293
19241
  --pf-v6-c-login__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
18294
19242
  --pf-v6-c-login__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
19243
+ }
19244
+ @media (min-width: 36rem) {
19245
+ .pf-v6-c-login {
19246
+ --pf-v6-c-login__header--PaddingInlineEnd: 0;
19247
+ --pf-v6-c-login__header--PaddingInlineStart: 0;
19248
+ }
19249
+ }
19250
+ .pf-v6-c-login {
18295
19251
  --pf-v6-c-login__header--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
18296
19252
  --pf-v6-c-login__header--xl--MarginBlockStart: var(--pf-t--global--spacer--3xl);
18297
19253
  --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-t--global--spacer--lg);
18298
19254
  --pf-v6-c-login__header--c-brand--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
19255
+ }
19256
+ @media (min-width: 75rem) {
19257
+ .pf-v6-c-login {
19258
+ --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
19259
+ --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
19260
+ }
19261
+ }
19262
+ .pf-v6-c-login {
18299
19263
  --pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18300
19264
  --pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
18301
19265
  --pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
18302
19266
  --pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
18303
19267
  --pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
19268
+ }
19269
+ @media (min-width: 75rem) {
19270
+ .pf-v6-c-login {
19271
+ --pf-v6-c-login__main--MarginBlockEnd: 0;
19272
+ }
19273
+ }
19274
+ .pf-v6-c-login {
18304
19275
  --pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
18305
19276
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
18306
19277
  --pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -18312,11 +19283,28 @@ ul.pf-v6-c-list {
18312
19283
  --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-t--global--spacer--sm);
18313
19284
  --pf-v6-c-login__main-header-desc--md--MarginBlockEnd: 0;
18314
19285
  --pf-v6-c-login__main-header-desc--FontSize: var(--pf-t--global--font--size--body--default);
19286
+ }
19287
+ @media (min-width: 48rem) {
19288
+ .pf-v6-c-login {
19289
+ --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
19290
+ --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
19291
+ --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
19292
+ }
19293
+ }
19294
+ .pf-v6-c-login {
18315
19295
  --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
18316
19296
  --pf-v6-c-login__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
18317
19297
  --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-t--global--spacer--xl);
18318
19298
  --pf-v6-c-login__main-body--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
18319
19299
  --pf-v6-c-login__main-body--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
19300
+ }
19301
+ @media (min-width: 48rem) {
19302
+ .pf-v6-c-login {
19303
+ --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
19304
+ --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
19305
+ }
19306
+ }
19307
+ .pf-v6-c-login {
18320
19308
  --pf-v6-c-login__main-footer--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
18321
19309
  --pf-v6-c-login__main-footer--c-title--MarginBlockEnd: var(--pf-t--global--spacer--md);
18322
19310
  --pf-v6-c-login__main-footer-links--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -18334,43 +19322,6 @@ ul.pf-v6-c-list {
18334
19322
  --pf-v6-c-login__main-footer-band-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
18335
19323
  --pf-v6-c-login__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
18336
19324
  --pf-v6-c-login__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
18337
- --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
18338
- --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
18339
- }
18340
- @media (min-width: 75rem) {
18341
- .pf-v6-c-login {
18342
- --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
18343
- }
18344
- }
18345
- @media (min-width: 36rem) {
18346
- .pf-v6-c-login {
18347
- --pf-v6-c-login__header--PaddingInlineEnd: 0;
18348
- --pf-v6-c-login__header--PaddingInlineStart: 0;
18349
- }
18350
- }
18351
- @media (min-width: 75rem) {
18352
- .pf-v6-c-login {
18353
- --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
18354
- --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
18355
- }
18356
- }
18357
- @media (min-width: 75rem) {
18358
- .pf-v6-c-login {
18359
- --pf-v6-c-login__main--MarginBlockEnd: 0;
18360
- }
18361
- }
18362
- @media (min-width: 48rem) {
18363
- .pf-v6-c-login {
18364
- --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
18365
- --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
18366
- --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
18367
- }
18368
- }
18369
- @media (min-width: 48rem) {
18370
- .pf-v6-c-login {
18371
- --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
18372
- --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
18373
- }
18374
19325
  }
18375
19326
  @media (min-width: 36rem) {
18376
19327
  .pf-v6-c-login {
@@ -18378,6 +19329,10 @@ ul.pf-v6-c-list {
18378
19329
  --pf-v6-c-login__footer--PaddingInlineStart: 0;
18379
19330
  }
18380
19331
  }
19332
+ .pf-v6-c-login {
19333
+ --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
19334
+ --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
19335
+ }
18381
19336
  @media (min-width: 75rem) {
18382
19337
  .pf-v6-c-login {
18383
19338
  --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
@@ -18573,12 +19528,26 @@ ul.pf-v6-c-list {
18573
19528
  --pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn: 2;
18574
19529
  --pf-v6-c-masthead--m-display-inline__main--Display: flex;
18575
19530
  --pf-v6-c-masthead--m-display-inline__main--ColumnGap: var(--pf-t--global--spacer--md);
19531
+ --pf-v6-c-masthead--m-docked--GridTemplateRows: min-content 1fr;
19532
+ --pf-v6-c-masthead--m-docked--RowGap: var(--pf-t--global--spacer--gutter--default);
19533
+ --pf-v6-c-masthead--m-docked--PaddingBlockStart: var(--pf-t--global--spacer--lg);
19534
+ --pf-v6-c-masthead--m-docked--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
19535
+ --pf-v6-c-masthead--m-docked--PaddingInlineStart: var(--pf-t--global--spacer--sm);
19536
+ --pf-v6-c-masthead--m-docked--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
19537
+ --pf-v6-c-masthead--m-docked--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
19538
+ --pf-v6-c-masthead--m-docked--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
19539
+ --pf-v6-c-masthead--m-docked--c-toolbar--Height: 100%;
18576
19540
  --pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
18577
19541
  --pf-v6-c-masthead__expandable-content--BorderBlockStart: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
18578
19542
  --pf-v6-c-masthead--c-toolbar--Width: 100%;
18579
19543
  --pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
18580
19544
  }
18581
19545
 
19546
+ .pf-v6-c-masthead .pf-v6-c-toolbar {
19547
+ --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
19548
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
19549
+ --pf-v6-c-toolbar__content--MinWidth: 0;
19550
+ }
18582
19551
  .pf-v6-c-masthead {
18583
19552
  --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
18584
19553
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
@@ -18592,22 +19561,6 @@ ul.pf-v6-c-list {
18592
19561
  --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
18593
19562
  --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
18594
19563
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
18595
- display: grid;
18596
- grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
18597
- row-gap: var(--pf-v6-c-masthead--RowGap);
18598
- column-gap: var(--pf-v6-c-masthead--ColumnGap);
18599
- align-items: start;
18600
- min-width: 0;
18601
- padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
18602
- padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
18603
- padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
18604
- padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
18605
- background-color: var(--pf-v6-c-masthead--BackgroundColor);
18606
- }
18607
- .pf-v6-c-masthead .pf-v6-c-toolbar {
18608
- --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
18609
- --pf-v6-c-toolbar--PaddingBlockEnd: 0;
18610
- --pf-v6-c-toolbar__content--MinWidth: 0;
18611
19564
  }
18612
19565
  @media screen and (min-width: 48rem) {
18613
19566
  :where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
@@ -18625,6 +19578,62 @@ ul.pf-v6-c-list {
18625
19578
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
18626
19579
  }
18627
19580
  }
19581
+ .pf-v6-c-masthead {
19582
+ display: grid;
19583
+ grid-template-rows: var(--pf-v6-c-masthead--GridTemplateRows);
19584
+ grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
19585
+ row-gap: var(--pf-v6-c-masthead--RowGap);
19586
+ column-gap: var(--pf-v6-c-masthead--ColumnGap);
19587
+ align-items: start;
19588
+ min-width: 0;
19589
+ padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
19590
+ padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
19591
+ padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
19592
+ padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
19593
+ background-color: var(--pf-v6-c-masthead--BackgroundColor);
19594
+ }
19595
+ .pf-v6-c-masthead.pf-m-docked {
19596
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
19597
+ --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
19598
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
19599
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
19600
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
19601
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
19602
+ --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
19603
+ --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
19604
+ --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
19605
+ --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
19606
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
19607
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
19608
+ --pf-v6-c-masthead--BackgroundColor: var(--pf-v6-c-masthead--m-docked--BackgroundColor);
19609
+ --pf-v6-c-masthead--GridTemplateRows: var(--pf-v6-c-masthead--m-docked--GridTemplateRows);
19610
+ --pf-v6-c-masthead--PaddingBlockStart: var(--pf-v6-c-masthead--m-docked--PaddingBlockStart);
19611
+ --pf-v6-c-masthead--PaddingBlockEnd: var(--pf-v6-c-masthead--m-docked--PaddingBlockEnd);
19612
+ --pf-v6-c-masthead--PaddingInlineStart: var(--pf-v6-c-masthead--m-docked--PaddingInlineStart);
19613
+ --pf-v6-c-masthead--PaddingInlineEnd: var(--pf-v6-c-masthead--m-docked--PaddingInlineEnd);
19614
+ --pf-v6-c-masthead--GridTemplateColumns: auto;
19615
+ --pf-v6-c-masthead--RowGap: var(--pf-v6-c-masthead--m-docked--RowGap);
19616
+ --pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns: auto;
19617
+ --pf-v6-c-masthead__main--GridColumn: auto;
19618
+ --pf-v6-c-masthead__content--GridColumn: auto;
19619
+ --pf-v6-c-masthead__logo--Width: auto;
19620
+ --pf-v6-c-masthead__main--MarginInlineEnd: 0;
19621
+ display: flex;
19622
+ flex-direction: column;
19623
+ align-items: center;
19624
+ width: fit-content;
19625
+ height: 100%;
19626
+ backdrop-filter: var(--pf-v6-c-masthead--m-docked--BackdropFilter);
19627
+ }
19628
+ .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__content {
19629
+ flex-grow: 1;
19630
+ flex-direction: column;
19631
+ align-self: revert;
19632
+ }
19633
+ .pf-v6-c-masthead.pf-m-docked .pf-v6-c-toolbar {
19634
+ --pf-v6-c-masthead--c-toolbar--Width: fit-content;
19635
+ height: var(--pf-v6-c-masthead--m-docked--c-toolbar--Height);
19636
+ }
18628
19637
  .pf-v6-c-masthead .pf-v6-c-toolbar__content-section {
18629
19638
  flex-wrap: nowrap;
18630
19639
  min-width: 0;
@@ -19088,6 +20097,13 @@ ul.pf-v6-c-list {
19088
20097
  --pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
19089
20098
  --pf-v6-c-menu--TransitionDuration: 0s;
19090
20099
  --pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
20100
+ }
20101
+ @media (prefers-reduced-motion: no-preference) {
20102
+ .pf-v6-c-menu {
20103
+ --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
20104
+ }
20105
+ }
20106
+ .pf-v6-c-menu {
19091
20107
  --pf-v6-c-menu--m-plain--BoxShadow: none;
19092
20108
  --pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
19093
20109
  --pf-v6-c-menu__content--Height: auto;
@@ -19167,33 +20183,34 @@ ul.pf-v6-c-list {
19167
20183
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
19168
20184
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19169
20185
  --pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
19170
- --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
19171
- --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
19172
- --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
19173
- --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
19174
- --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
19175
- --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
19176
- }
19177
- @media (prefers-reduced-motion: no-preference) {
19178
- .pf-v6-c-menu {
19179
- --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
19180
- }
19181
20186
  }
19182
20187
  @media (prefers-reduced-motion: no-preference) {
19183
20188
  .pf-v6-c-menu {
19184
20189
  --pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
19185
20190
  }
19186
20191
  }
20192
+ .pf-v6-c-menu {
20193
+ --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
20194
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
20195
+ --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
20196
+ }
19187
20197
  @media (prefers-reduced-motion: no-preference) {
19188
20198
  .pf-v6-c-menu {
19189
20199
  --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19190
20200
  }
19191
20201
  }
20202
+ .pf-v6-c-menu {
20203
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
20204
+ --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
20205
+ }
19192
20206
  @media (prefers-reduced-motion: no-preference) {
19193
20207
  .pf-v6-c-menu {
19194
20208
  --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19195
20209
  }
19196
20210
  }
20211
+ .pf-v6-c-menu {
20212
+ --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
20213
+ }
19197
20214
 
19198
20215
  .pf-v6-c-menu__content,
19199
20216
  .pf-v6-c-menu__list-item,
@@ -19651,13 +20668,14 @@ ul.pf-v6-c-list {
19651
20668
  --pf-v6-c-check__input--TranslateY: none;
19652
20669
  }
19653
20670
 
19654
- .pf-v6-c-menu__item-toggle-icon {
19655
- color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
19656
- }
19657
20671
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
19658
20672
  scale: -1 1;
19659
20673
  }
19660
20674
 
20675
+ .pf-v6-c-menu__item-toggle-icon {
20676
+ color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
20677
+ }
20678
+
19661
20679
  .pf-v6-c-menu__item-icon {
19662
20680
  color: var(--pf-v6-c-menu__item--icon--Color, inherit);
19663
20681
  }
@@ -19826,6 +20844,7 @@ ul.pf-v6-c-list {
19826
20844
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
19827
20845
  --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
19828
20846
  --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
20847
+ --pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
19829
20848
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
19830
20849
  --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
19831
20850
  --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
@@ -19954,6 +20973,9 @@ ul.pf-v6-c-list {
19954
20973
  --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
19955
20974
  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
19956
20975
  }
20976
+ .pf-v6-c-menu-toggle.pf-m-plain.pf-m-circle {
20977
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius);
20978
+ }
19957
20979
  .pf-v6-c-menu-toggle.pf-m-plain::before {
19958
20980
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
19959
20981
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
@@ -20244,6 +21266,13 @@ ul.pf-v6-c-list {
20244
21266
  --pf-v6-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
20245
21267
  --pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
20246
21268
  --pf-v6-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
21269
+ }
21270
+ @media (min-width: 75rem) {
21271
+ .pf-v6-c-modal-box {
21272
+ --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
21273
+ }
21274
+ }
21275
+ .pf-v6-c-modal-box {
20247
21276
  --pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
20248
21277
  --pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20249
21278
  --pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -20275,11 +21304,6 @@ ul.pf-v6-c-list {
20275
21304
  --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
20276
21305
  --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
20277
21306
  }
20278
- @media (min-width: 75rem) {
20279
- .pf-v6-c-modal-box {
20280
- --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
20281
- }
20282
- }
20283
21307
 
20284
21308
  .pf-v6-c-modal-box {
20285
21309
  position: relative;
@@ -20341,8 +21365,8 @@ ul.pf-v6-c-list {
20341
21365
 
20342
21366
  .pf-v6-c-modal-box__header {
20343
21367
  display: flex;
20344
- flex-direction: column;
20345
21368
  flex-shrink: 0;
21369
+ flex-direction: column;
20346
21370
  gap: var(--pf-v6-c-modal-box__header--Gap);
20347
21371
  padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
20348
21372
  padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
@@ -20359,8 +21383,8 @@ ul.pf-v6-c-list {
20359
21383
 
20360
21384
  .pf-v6-c-modal-box__header-main {
20361
21385
  display: flex;
20362
- flex-direction: column;
20363
21386
  flex-grow: 1;
21387
+ flex-direction: column;
20364
21388
  gap: var(--pf-v6-c-modal-box__header-main--Gap);
20365
21389
  min-width: 0;
20366
21390
  padding-block-start: var(--pf-v6-c-modal-box__header-main--PaddingBlockStart);
@@ -20669,6 +21693,15 @@ ul.pf-v6-c-list {
20669
21693
  --pf-v6-c-nav__section-title--PaddingInlineStart: var(--pf-v6-c-nav__link--PaddingInlineStart);
20670
21694
  --pf-v6-c-nav__section-title--PaddingInlineEnd: var(--pf-v6-c-nav__link--PaddingInlineEnd);
20671
21695
  --pf-v6-c-nav__item--RowGap: var(--pf-v6-c-nav__list--RowGap);
21696
+ --pf-v6-c-nav__item--accent--size: var(--pf-t--global--border--width--extra-strong);
21697
+ --pf-v6-c-nav__item--accent--color: var(--pf-t--global--border--color--clicked);
21698
+ --pf-v6-c-nav__item--accent--offset: calc(var(--pf-t--global--spacer--sm) * -1);
21699
+ --pf-v6-c-nav__item--accent--BorderRadius: var(--pf-t--global--border--radius--small);
21700
+ --pf-v6-c-nav__item--accent--ScaleY: 0;
21701
+ --pf-v6-c-nav__item--current--accent--ScaleY: 1;
21702
+ --pf-v6-c-nav__item--accent--TransitionDuration: 0;
21703
+ --pf-v6-c-nav__item--current--accent--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
21704
+ --pf-v6-c-nav__item--accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
20672
21705
  --pf-v6-c-nav__item__toggle-icon--Rotate: 0;
20673
21706
  --pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
20674
21707
  --pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform: var(--pf-t--global--motion--duration--icon--default);
@@ -20693,6 +21726,7 @@ ul.pf-v6-c-list {
20693
21726
  --pf-v6-c-nav__link--m-current--TransitionTimingFunction--color: var(--pf-t--global--motion--timing-function--default);
20694
21727
  --pf-v6-c-nav__link-icon--Color: var(--pf-t--global--icon--color--subtle);
20695
21728
  --pf-v6-c-nav__link--m-current__link-icon--Color: var(--pf-t--global--icon--color--regular);
21729
+ --pf-v6-c-nav__link-text--FontSize: initial;
20696
21730
  --pf-v6-c-nav__subnav--RowGap: var(--pf-t--global--border--width--extra-strong);
20697
21731
  --pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
20698
21732
  --pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
@@ -20704,6 +21738,15 @@ ul.pf-v6-c-list {
20704
21738
  --pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
20705
21739
  --pf-v6-c-nav__subnav--TranslateY: 0;
20706
21740
  --pf-v6-c-nav__subnav--hidden--TranslateY: 0;
21741
+ }
21742
+ @media screen and (prefers-reduced-motion: no-preference) {
21743
+ .pf-v6-c-nav {
21744
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
21745
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
21746
+ --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
21747
+ }
21748
+ }
21749
+ .pf-v6-c-nav {
20707
21750
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
20708
21751
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
20709
21752
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -20733,13 +21776,11 @@ ul.pf-v6-c-list {
20733
21776
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
20734
21777
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
20735
21778
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20736
- }
20737
- @media screen and (prefers-reduced-motion: no-preference) {
20738
- .pf-v6-c-nav {
20739
- --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
20740
- --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
20741
- --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
20742
- }
21779
+ --pf-v6-c-nav--m-docked__list--RowGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
21780
+ --pf-v6-c-nav--m-docked__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
21781
+ --pf-v6-c-nav--m-docked__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
21782
+ --pf-v6-c-nav--m-docked__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
21783
+ --pf-v6-c-nav--m-docked__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
20743
21784
  }
20744
21785
 
20745
21786
  .pf-v6-c-nav,
@@ -20774,6 +21815,25 @@ ul.pf-v6-c-list {
20774
21815
  .pf-v6-c-nav.pf-m-fill {
20775
21816
  flex-grow: 1;
20776
21817
  }
21818
+ .pf-v6-c-nav.pf-m-docked {
21819
+ --pf-v6-c-nav--PaddingBlockStart: 0;
21820
+ --pf-v6-c-nav--PaddingBlockEnd: 0;
21821
+ --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav--m-docked__list--RowGap);
21822
+ --pf-v6-c-nav__link--PaddingInlineStart: var(--pf-v6-c-nav--m-docked__link--PaddingInlineStart);
21823
+ --pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-v6-c-nav--m-docked__link--PaddingInlineEnd);
21824
+ --pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-v6-c-nav--m-docked__link--hover--BackgroundColor);
21825
+ --pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor);
21826
+ width: fit-content;
21827
+ }
21828
+ .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-icon {
21829
+ position: relative;
21830
+ align-self: center;
21831
+ min-width: 1lh;
21832
+ text-align: center;
21833
+ }
21834
+ .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-text {
21835
+ display: none;
21836
+ }
20777
21837
  .pf-v6-c-nav .pf-v6-c-menu {
20778
21838
  --pf-v6-c-menu--MinWidth: 100%;
20779
21839
  }
@@ -20837,14 +21897,34 @@ ul.pf-v6-c-list {
20837
21897
  }
20838
21898
 
20839
21899
  .pf-v6-c-nav__item {
21900
+ position: relative;
20840
21901
  scroll-snap-align: var(--pf-v6-c-nav__item--ScrollSnapAlign);
20841
21902
  }
21903
+ .pf-v6-c-nav__item::before {
21904
+ position: absolute;
21905
+ inset-block-start: 0;
21906
+ inset-block-end: 0;
21907
+ inset-inline-start: var(--pf-v6-c-nav__item--accent--offset);
21908
+ width: var(--pf-v6-c-nav__item--accent--size);
21909
+ pointer-events: none;
21910
+ content: var(--pf-v6-c-nav__item--accent--content, "");
21911
+ background-color: var(--pf-v6-c-nav__item--accent--color);
21912
+ border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
21913
+ transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
21914
+ transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
21915
+ transition-property: scale;
21916
+ scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
21917
+ }
20842
21918
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
20843
21919
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
20844
21920
  }
20845
21921
  .pf-v6-c-nav__item.pf-m-expanded:last-child > .pf-v6-c-nav__subnav {
20846
21922
  margin-block-end: calc(var(--pf-v6-c-nav__subnav--PaddingBlockEnd) * -1);
20847
21923
  }
21924
+ .pf-v6-c-nav__item:has(> .pf-v6-c-nav__link.pf-m-current) {
21925
+ --pf-v6-c-nav__item--accent--ScaleY: var(--pf-v6-c-nav__item--current--accent--ScaleY);
21926
+ --pf-v6-c-nav__item--accent--TransitionDuration: var(--pf-v6-c-nav__item--current--accent--TransitionDuration);
21927
+ }
20848
21928
 
20849
21929
  .pf-v6-c-nav__section {
20850
21930
  row-gap: var(--pf-v6-c-nav__section--RowGap, var(--pf-v6-c-nav__list--RowGap));
@@ -20906,6 +21986,10 @@ ul.pf-v6-c-list {
20906
21986
  color: var(--pf-v6-c-nav__link-icon--Color);
20907
21987
  }
20908
21988
 
21989
+ .pf-v6-c-nav__link-text {
21990
+ font-size: var(--pf-v6-c-nav__link-text--FontSize, inherit);
21991
+ }
21992
+
20909
21993
  .pf-v6-c-nav__toggle {
20910
21994
  flex: none;
20911
21995
  align-self: start;
@@ -20961,6 +22045,7 @@ ul.pf-v6-c-list {
20961
22045
  }
20962
22046
 
20963
22047
  .pf-v6-c-nav:where(.pf-m-horizontal) {
22048
+ --pf-v6-c-nav__item--accent--content: none;
20964
22049
  padding: 0;
20965
22050
  overflow: hidden;
20966
22051
  }
@@ -20981,12 +22066,14 @@ ul.pf-v6-c-list {
20981
22066
  scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
20982
22067
  scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
20983
22068
  -webkit-overflow-scrolling: touch;
20984
- scrollbar-width: none;
20985
- -ms-overflow-style: -ms-autohiding-scrollbar;
20986
22069
  }
20987
22070
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
20988
22071
  display: none;
20989
22072
  }
22073
+ .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
22074
+ scrollbar-width: none;
22075
+ -ms-overflow-style: -ms-autohiding-scrollbar;
22076
+ }
20990
22077
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
20991
22078
  outline-offset: var(--pf-v6-c-nav--OutlineOffset);
20992
22079
  }
@@ -21024,6 +22111,7 @@ ul.pf-v6-c-list {
21024
22111
  --pf-v6-c-notification-drawer__header-status--FontWeight: var(--pf-t--global--font--weight--body--bold);
21025
22112
  --pf-v6-c-notification-drawer__header-status--FontSize: var(--pf-t--global--font--size--body--default);
21026
22113
  --pf-v6-c-notification-drawer__header-status--Color: var(--pf-t--global--text--color--subtle);
22114
+ --pf-v6-c-notification-drawer__header-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
21027
22115
  --pf-v6-c-notification-drawer__body--ZIndex: var(--pf-t--global--z-index--xs);
21028
22116
  --pf-v6-c-notification-drawer__body--PaddingBlockStart: 0;
21029
22117
  --pf-v6-c-notification-drawer__body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -21118,6 +22206,7 @@ ul.pf-v6-c-list {
21118
22206
 
21119
22207
  .pf-v6-c-notification-drawer__header-action {
21120
22208
  display: flex;
22209
+ gap: var(--pf-v6-c-notification-drawer__header-action--Gap);
21121
22210
  align-items: center;
21122
22211
  margin-inline-start: auto;
21123
22212
  }
@@ -21201,9 +22290,9 @@ ul.pf-v6-c-list {
21201
22290
  }
21202
22291
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
21203
22292
  display: -webkit-box;
22293
+ overflow: hidden;
21204
22294
  -webkit-box-orient: vertical;
21205
22295
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__list-item-header-title--max-lines);
21206
- overflow: hidden;
21207
22296
  }
21208
22297
 
21209
22298
  .pf-v6-c-notification-drawer__list-item-action {
@@ -21257,9 +22346,9 @@ ul.pf-v6-c-list {
21257
22346
 
21258
22347
  .pf-v6-c-notification-drawer__group-toggle-title {
21259
22348
  display: -webkit-box;
22349
+ overflow: hidden;
21260
22350
  -webkit-box-orient: vertical;
21261
22351
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__group-toggle-title--max-lines);
21262
- overflow: hidden;
21263
22352
  flex: 1;
21264
22353
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
21265
22354
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
@@ -21272,15 +22361,15 @@ ul.pf-v6-c-list {
21272
22361
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd);
21273
22362
  }
21274
22363
 
22364
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
22365
+ scale: -1 1;
22366
+ }
22367
+
21275
22368
  .pf-v6-c-notification-drawer__group-toggle-icon {
21276
22369
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd);
21277
22370
  color: var(--pf-v6-c-notification-drawer__group-toggle-icon--Color);
21278
22371
  transition: var(--pf-v6-c-notification-drawer__group-toggle-icon--Transition);
21279
22372
  }
21280
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
21281
- scale: -1 1;
21282
- }
21283
-
21284
22373
  .pf-v6-c-notification-drawer__group.pf-m-expanded .pf-v6-c-notification-drawer__group-toggle-icon {
21285
22374
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
21286
22375
  }
@@ -21326,6 +22415,7 @@ ul.pf-v6-c-list {
21326
22415
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21327
22416
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
21328
22417
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
22418
+ --pf-v6-c-page__dock--ZIndex: var(--pf-t--global--z-index--md);
21329
22419
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
21330
22420
  --pf-v6-c-page__sidebar--Width--base: 18.125rem;
21331
22421
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
@@ -21348,6 +22438,15 @@ ul.pf-v6-c-list {
21348
22438
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
21349
22439
  --pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
21350
22440
  --pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
22441
+ }
22442
+ @media screen and (prefers-reduced-motion: no-preference) {
22443
+ .pf-v6-c-page {
22444
+ --pf-v6-c-page__sidebar--Opacity: 1;
22445
+ --pf-v6-c-page__sidebar--TransitionProperty: transform;
22446
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
22447
+ }
22448
+ }
22449
+ .pf-v6-c-page {
21351
22450
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
21352
22451
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
21353
22452
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -21363,6 +22462,15 @@ ul.pf-v6-c-list {
21363
22462
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
21364
22463
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
21365
22464
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
22465
+ }
22466
+ @media screen and (min-width: 75rem) {
22467
+ .pf-v6-c-page {
22468
+ --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
22469
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
22470
+ --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
22471
+ }
22472
+ }
22473
+ .pf-v6-c-page {
21366
22474
  --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
21367
22475
  --pf-v6-c-page__main-container--GridArea: main;
21368
22476
  --pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
@@ -21385,6 +22493,17 @@ ul.pf-v6-c-list {
21385
22493
  --pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
21386
22494
  --pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
21387
22495
  --pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
22496
+ }
22497
+ @media screen and (max-width: calc(48rem - 1px)) {
22498
+ .pf-v6-c-page {
22499
+ --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
22500
+ --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
22501
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
22502
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
22503
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
22504
+ }
22505
+ }
22506
+ .pf-v6-c-page {
21388
22507
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
21389
22508
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
21390
22509
  --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -21433,29 +22552,9 @@ ul.pf-v6-c-list {
21433
22552
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
21434
22553
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
21435
22554
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
21436
- }
21437
- @media screen and (prefers-reduced-motion: no-preference) {
21438
- .pf-v6-c-page {
21439
- --pf-v6-c-page__sidebar--Opacity: 1;
21440
- --pf-v6-c-page__sidebar--TransitionProperty: transform;
21441
- --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
21442
- }
21443
- }
21444
- @media screen and (min-width: 75rem) {
21445
- .pf-v6-c-page {
21446
- --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
21447
- --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
21448
- --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
21449
- }
21450
- }
21451
- @media screen and (max-width: calc(48rem - 1px)) {
21452
- .pf-v6-c-page {
21453
- --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
21454
- --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
21455
- --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
21456
- --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
21457
- --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
21458
- }
22555
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
22556
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
22557
+ --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
21459
22558
  }
21460
22559
 
21461
22560
  .pf-v6-c-page {
@@ -21475,6 +22574,16 @@ ul.pf-v6-c-list {
21475
22574
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
21476
22575
  }
21477
22576
  }
22577
+ .pf-v6-c-page.pf-m-dock {
22578
+ --pf-v6-c-page--masthead--main-container--GridArea: main;
22579
+ --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight);
22580
+ --pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart);
22581
+ --pf-v6-c-page__main-container--MarginInlineStart: 0;
22582
+ grid-template-areas: "dock main";
22583
+ grid-template-rows: auto;
22584
+ grid-template-columns: auto 1fr;
22585
+ column-gap: var(--pf-v6-c-page--m-dock--ColumnGap);
22586
+ }
21478
22587
  .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
21479
22588
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
21480
22589
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
@@ -21521,15 +22630,20 @@ ul.pf-v6-c-list {
21521
22630
  }
21522
22631
  }
21523
22632
 
21524
- .pf-v6-c-page > .pf-v6-c-masthead {
21525
- z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
21526
- grid-area: header;
21527
- }
21528
22633
  @media (min-width: 75rem) {
21529
22634
  .pf-v6-c-page > .pf-v6-c-masthead {
21530
22635
  --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
21531
22636
  }
21532
22637
  }
22638
+ .pf-v6-c-page > .pf-v6-c-masthead {
22639
+ z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
22640
+ grid-area: header;
22641
+ }
22642
+
22643
+ .pf-v6-c-page__dock {
22644
+ z-index: var(--pf-v6-c-page__dock--ZIndex);
22645
+ grid-area: dock;
22646
+ }
21533
22647
 
21534
22648
  .pf-v6-c-page__sidebar {
21535
22649
  z-index: var(--pf-v6-c-page__sidebar--ZIndex);
@@ -21641,8 +22755,8 @@ ul.pf-v6-c-list {
21641
22755
  .pf-v6-c-page__main-group,
21642
22756
  .pf-v6-c-page__main-subnav {
21643
22757
  display: flex;
21644
- flex-direction: column;
21645
22758
  flex-shrink: 0;
22759
+ flex-direction: column;
21646
22760
  }
21647
22761
  .pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
21648
22762
  .pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
@@ -21834,6 +22948,7 @@ ul.pf-v6-c-list {
21834
22948
  flex-direction: column;
21835
22949
  align-self: var(--pf-v6-c-page__main-container--AlignSelf);
21836
22950
  max-height: var(--pf-v6-c-page__main-container--MaxHeight);
22951
+ margin-block-start: var(--pf-v6-c-page__main-container--MarginBlockStart, 0);
21837
22952
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
21838
22953
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
21839
22954
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
@@ -21885,8 +23000,8 @@ ul.pf-v6-c-list {
21885
23000
  .pf-v6-c-page__main-drawer,
21886
23001
  .pf-v6-c-page__main-group {
21887
23002
  display: flex;
21888
- flex-direction: column;
21889
23003
  flex-grow: 1;
23004
+ flex-direction: column;
21890
23005
  }
21891
23006
 
21892
23007
  .pf-v6-c-page__main {
@@ -23800,8 +24915,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23800
24915
  position: var(--pf-v6-c-sidebar__panel--Position);
23801
24916
  inset-block-start: var(--pf-v6-c-sidebar__panel--InsetBlockStart);
23802
24917
  z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
23803
- flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
23804
24918
  flex-shrink: 0;
24919
+ flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
23805
24920
  order: var(--pf-v6-c-sidebar__panel--Order);
23806
24921
  padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
23807
24922
  padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
@@ -24098,7 +25213,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24098
25213
  --pf-v6-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
24099
25214
  --pf-v6-c-skeleton--before--PaddingBlockEnd: 0;
24100
25215
  --pf-v6-c-skeleton--before--Height: auto;
24101
- --pf-v6-c-skeleton--before--Content: " ";
25216
+ --pf-v6-c-skeleton--before--Content: "\00a0";
24102
25217
  --pf-v6-c-skeleton--after--LinearGradientAngle: 90deg;
24103
25218
  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
24104
25219
  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
@@ -24109,6 +25224,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24109
25224
  --pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
24110
25225
  --pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
24111
25226
  --pf-v6-c-skeleton--after--AnimationDelay: .5s;
25227
+ }
25228
+ @media screen and (prefers-reduced-motion: no-preference) {
25229
+ .pf-v6-c-skeleton {
25230
+ --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
25231
+ --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
25232
+ --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
25233
+ --pf-v6-c-skeleton--after--TranslateX: -100%;
25234
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
25235
+ }
25236
+ }
25237
+ .pf-v6-c-skeleton {
24112
25238
  --pf-v6-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
24113
25239
  --pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd: 100%;
24114
25240
  --pf-v6-c-skeleton--m-text-4xl--Height: calc(var(--pf-t--global--font--size--4xl) * var(--pf-t--global--font--line-height--heading));
@@ -24136,15 +25262,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24136
25262
  --pf-v6-c-skeleton--m-height-75--Height: 75%;
24137
25263
  --pf-v6-c-skeleton--m-height-100--Height: 100%;
24138
25264
  }
24139
- @media screen and (prefers-reduced-motion: no-preference) {
24140
- .pf-v6-c-skeleton {
24141
- --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
24142
- --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
24143
- --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
24144
- --pf-v6-c-skeleton--after--TranslateX: -100%;
24145
- --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
24146
- }
24147
- }
24148
25265
 
24149
25266
  .pf-v6-c-skeleton {
24150
25267
  position: relative;
@@ -24161,6 +25278,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24161
25278
  padding-block-end: var(--pf-v6-c-skeleton--before--PaddingBlockEnd);
24162
25279
  content: var(--pf-v6-c-skeleton--before--Content);
24163
25280
  }
25281
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
25282
+ scale: -1 1;
25283
+ }
25284
+
24164
25285
  .pf-v6-c-skeleton::after {
24165
25286
  position: absolute;
24166
25287
  inset: 0;
@@ -24170,10 +25291,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24170
25291
  transform: translate3d(var(--pf-v6-c-skeleton--after--TranslateX), 0, 0);
24171
25292
  animation: var(--pf-v6-c-skeleton--after--AnimationName) var(--pf-v6-c-skeleton--after--AnimationDuration) var(--pf-v6-c-skeleton--after--AnimationTimingFunction) var(--pf-v6-c-skeleton--after--AnimationDelay) var(--pf-v6-c-skeleton--after--AnimationIterationCount);
24172
25293
  }
24173
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
24174
- scale: -1 1;
24175
- }
24176
-
24177
25294
  .pf-v6-c-skeleton.pf-m-circle {
24178
25295
  --pf-v6-c-skeleton--BorderRadius: var(--pf-v6-c-skeleton--m-circle--BorderRadius);
24179
25296
  }
@@ -24361,12 +25478,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24361
25478
 
24362
25479
  .pf-v6-c-slider {
24363
25480
  --pf-v6-c-slider__rail-track--before--fill--direction: right;
24364
- display: flex;
24365
25481
  }
24366
25482
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider {
24367
25483
  --pf-v6-c-slider__rail-track--before--fill--direction: left;
24368
25484
  }
24369
25485
 
25486
+ .pf-v6-c-slider {
25487
+ display: flex;
25488
+ }
24370
25489
  .pf-v6-c-slider.pf-m-disabled {
24371
25490
  --pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor);
24372
25491
  --pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-v6-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor);
@@ -24429,6 +25548,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24429
25548
 
24430
25549
  .pf-v6-c-slider__step-tick {
24431
25550
  transform: translateX(var(--pf-v6-c-slider__step-tick--TranslateX));
25551
+ }
25552
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
25553
+ transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
25554
+ }
25555
+
25556
+ .pf-v6-c-slider__step-tick {
24432
25557
  position: absolute;
24433
25558
  inset-block-start: var(--pf-v6-c-slider__step-tick--InsetBlockStart);
24434
25559
  inset-inline-start: 0;
@@ -24438,22 +25563,28 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24438
25563
  border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
24439
25564
  border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
24440
25565
  }
24441
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
24442
- transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
24443
- }
24444
25566
 
24445
25567
  .pf-v6-c-slider__step-label {
24446
25568
  transform: translateX(var(--pf-v6-c-slider__step-label--TranslateX));
24447
- position: absolute;
24448
- inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
24449
- word-break: normal;
24450
25569
  }
24451
25570
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-label {
24452
25571
  transform: translateX(calc(var(--pf-v6-c-slider__step-label--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
24453
25572
  }
24454
25573
 
25574
+ .pf-v6-c-slider__step-label {
25575
+ position: absolute;
25576
+ inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
25577
+ word-break: normal;
25578
+ }
25579
+
24455
25580
  .pf-v6-c-slider__thumb {
24456
25581
  transform: translate(var(--pf-v6-c-slider__thumb--TranslateX), var(--pf-v6-c-slider__thumb--TranslateY));
25582
+ }
25583
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
25584
+ transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
25585
+ }
25586
+
25587
+ .pf-v6-c-slider__thumb {
24457
25588
  position: absolute;
24458
25589
  inset-block-start: var(--pf-v6-c-slider__thumb--InsetBlockStart);
24459
25590
  inset-inline-start: var(--pf-v6-c-slider__thumb--InsetInlineStart);
@@ -24465,12 +25596,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24465
25596
  border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
24466
25597
  box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
24467
25598
  }
24468
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
24469
- transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
25599
+ .pf-v6-c-slider__thumb::before {
25600
+ transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
25601
+ }
25602
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
25603
+ transform: translate(calc(var(--pf-v6-c-slider__thumb--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--before--TranslateY));
24470
25604
  }
24471
25605
 
24472
25606
  .pf-v6-c-slider__thumb::before {
24473
- transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
24474
25607
  position: absolute;
24475
25608
  inset-block-start: 50%;
24476
25609
  inset-inline-start: 50%;
@@ -24479,10 +25612,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24479
25612
  content: "";
24480
25613
  border-radius: var(--pf-v6-c-slider__thumb--before--BorderRadius);
24481
25614
  }
24482
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
24483
- transform: translate(calc(var(--pf-v6-c-slider__thumb--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--before--TranslateY));
24484
- }
24485
-
24486
25615
  .pf-v6-c-slider__thumb:hover {
24487
25616
  --pf-v6-c-slider__thumb--BoxShadow: var(--pf-v6-c-slider__thumb--hover--BoxShadow);
24488
25617
  }
@@ -24499,16 +25628,18 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24499
25628
  }
24500
25629
  .pf-v6-c-slider__value.pf-m-floating {
24501
25630
  transform: translate(var(--pf-v6-c-slider__value--m-floating--TranslateX), var(--pf-v6-c-slider__value--m-floating--TranslateY));
25631
+ }
25632
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
25633
+ transform: translate(calc(var(--pf-v6-c-slider__value--m-floating--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__value--m-floating--TranslateY));
25634
+ }
25635
+
25636
+ .pf-v6-c-slider__value.pf-m-floating {
24502
25637
  --pf-v6-c-slider__value--MarginInlineStart: 0;
24503
25638
  position: absolute;
24504
25639
  inset-block-start: 0;
24505
25640
  inset-inline-start: var(--pf-v6-c-slider__value--m-floating--InsetInlineStart);
24506
25641
  z-index: var(--pf-v6-c-slider__value--m-floating--ZIndex);
24507
25642
  }
24508
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
24509
- transform: translate(calc(var(--pf-v6-c-slider__value--m-floating--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__value--m-floating--TranslateY));
24510
- }
24511
-
24512
25643
  .pf-v6-c-slider__value .pf-v6-c-form-control {
24513
25644
  width: var(--pf-v6-c-slider__value--c-form-control--Width);
24514
25645
  }
@@ -24686,12 +25817,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24686
25817
  }
24687
25818
  .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
24688
25819
  transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
24689
- background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
24690
25820
  }
24691
25821
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
24692
25822
  transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
24693
25823
  }
24694
25824
 
25825
+ .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
25826
+ background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
25827
+ }
24695
25828
  .pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
24696
25829
  color: var(--pf-v6-c-switch__input--not-checked__label--Color);
24697
25830
  }
@@ -25176,7 +26309,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25176
26309
  --pf-v6-c-table--cell--Width: auto;
25177
26310
  }
25178
26311
 
25179
- @media screen and (max-width: calc(48rem - 1px)) {
26312
+ @container pf-v6-contain-table (max-width: 48rem) {
25180
26313
  .pf-m-grid-md.pf-v6-c-table {
25181
26314
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
25182
26315
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -25454,15 +26587,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25454
26587
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
25455
26588
  text-align: end;
25456
26589
  }
25457
- }
25458
- @media screen and (max-width: calc(48rem - 1px)) and (max-width: 36rem) {
25459
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
25460
- grid-row-start: 1;
25461
- grid-column-start: 2;
25462
- margin-inline-start: 0;
26590
+ @media screen and (max-width: 36rem) {
26591
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
26592
+ grid-row-start: 1;
26593
+ grid-column-start: 2;
26594
+ margin-inline-start: 0;
26595
+ }
25463
26596
  }
25464
- }
25465
- @media screen and (max-width: calc(48rem - 1px)) {
25466
26597
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
25467
26598
  grid-column: 2;
25468
26599
  grid-row: 2;
@@ -25488,7 +26619,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25488
26619
  }
25489
26620
  }
25490
26621
 
25491
- @media screen and (max-width: calc(62rem - 1px)) {
26622
+ @container pf-v6-contain-table (max-width: 62rem) {
25492
26623
  .pf-m-grid-lg.pf-v6-c-table {
25493
26624
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
25494
26625
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -25766,15 +26897,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25766
26897
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
25767
26898
  text-align: end;
25768
26899
  }
25769
- }
25770
- @media screen and (max-width: calc(62rem - 1px)) and (max-width: 36rem) {
25771
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
25772
- grid-row-start: 1;
25773
- grid-column-start: 2;
25774
- margin-inline-start: 0;
26900
+ @media screen and (max-width: 36rem) {
26901
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
26902
+ grid-row-start: 1;
26903
+ grid-column-start: 2;
26904
+ margin-inline-start: 0;
26905
+ }
25775
26906
  }
25776
- }
25777
- @media screen and (max-width: calc(62rem - 1px)) {
25778
26907
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
25779
26908
  grid-column: 2;
25780
26909
  grid-row: 2;
@@ -25800,7 +26929,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25800
26929
  }
25801
26930
  }
25802
26931
 
25803
- @media screen and (max-width: calc(75rem - 1px)) {
26932
+ @container pf-v6-contain-table (max-width: 75rem) {
25804
26933
  .pf-m-grid-xl.pf-v6-c-table {
25805
26934
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
25806
26935
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -26078,15 +27207,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26078
27207
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
26079
27208
  text-align: end;
26080
27209
  }
26081
- }
26082
- @media screen and (max-width: calc(75rem - 1px)) and (max-width: 36rem) {
26083
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
26084
- grid-row-start: 1;
26085
- grid-column-start: 2;
26086
- margin-inline-start: 0;
27210
+ @media screen and (max-width: 36rem) {
27211
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
27212
+ grid-row-start: 1;
27213
+ grid-column-start: 2;
27214
+ margin-inline-start: 0;
27215
+ }
26087
27216
  }
26088
- }
26089
- @media screen and (max-width: calc(75rem - 1px)) {
26090
27217
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
26091
27218
  grid-column: 2;
26092
27219
  grid-row: 2;
@@ -26112,7 +27239,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26112
27239
  }
26113
27240
  }
26114
27241
 
26115
- @media screen and (max-width: calc(90.625rem - 1px)) {
27242
+ @container pf-v6-contain-table (max-width: 90.625rem) {
26116
27243
  .pf-m-grid-2xl.pf-v6-c-table {
26117
27244
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
26118
27245
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -26390,15 +27517,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26390
27517
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
26391
27518
  text-align: end;
26392
27519
  }
26393
- }
26394
- @media screen and (max-width: calc(90.625rem - 1px)) and (max-width: 36rem) {
26395
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
26396
- grid-row-start: 1;
26397
- grid-column-start: 2;
26398
- margin-inline-start: 0;
27520
+ @media screen and (max-width: 36rem) {
27521
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
27522
+ grid-row-start: 1;
27523
+ grid-column-start: 2;
27524
+ margin-inline-start: 0;
27525
+ }
26399
27526
  }
26400
- }
26401
- @media screen and (max-width: calc(90.625rem - 1px)) {
26402
27527
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
26403
27528
  grid-column: 2;
26404
27529
  grid-row: 2;
@@ -26513,6 +27638,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26513
27638
  --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
26514
27639
  --pf-v6-c-table__expandable-row--TranslateY: 0;
26515
27640
  --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
27641
+ }
27642
+ @media screen and (prefers-reduced-motion: no-preference) {
27643
+ .pf-v6-c-table {
27644
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
27645
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
27646
+ --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
27647
+ }
27648
+ }
27649
+ .pf-v6-c-table {
26516
27650
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
26517
27651
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
26518
27652
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -26581,13 +27715,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26581
27715
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
26582
27716
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
26583
27717
  }
26584
- @media screen and (prefers-reduced-motion: no-preference) {
26585
- .pf-v6-c-table {
26586
- --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
26587
- --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
26588
- --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
26589
- }
26590
- }
26591
27718
 
26592
27719
  .pf-v6-c-table {
26593
27720
  width: 100%;
@@ -26652,22 +27779,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26652
27779
  --pf-v6-hidden-visible--hidden--Display: none;
26653
27780
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
26654
27781
  display: var(--pf-v6-hidden-visible--Display);
26655
- position: relative;
26656
- width: var(--pf-v6-c-table--cell--Width);
26657
- min-width: var(--pf-v6-c-table--cell--MinWidth);
26658
- max-width: var(--pf-v6-c-table--cell--MaxWidth);
26659
- padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
26660
- padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
26661
- padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
26662
- padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
26663
- overflow: var(--pf-v6-c-table--cell--Overflow);
26664
- font-size: var(--pf-v6-c-table--cell--FontSize);
26665
- font-weight: var(--pf-v6-c-table--cell--FontWeight);
26666
- line-height: var(--pf-v6-c-table--cell--LineHeight);
26667
- color: var(--pf-v6-c-table--cell--Color);
26668
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
26669
- word-break: var(--pf-v6-c-table--cell--WordBreak);
26670
- white-space: var(--pf-v6-c-table--cell--WhiteSpace);
26671
27782
  }
26672
27783
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
26673
27784
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -26712,6 +27823,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26712
27823
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
26713
27824
  }
26714
27825
  }
27826
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
27827
+ position: relative;
27828
+ width: var(--pf-v6-c-table--cell--Width);
27829
+ min-width: var(--pf-v6-c-table--cell--MinWidth);
27830
+ max-width: var(--pf-v6-c-table--cell--MaxWidth);
27831
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
27832
+ padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
27833
+ padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
27834
+ padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
27835
+ overflow: var(--pf-v6-c-table--cell--Overflow);
27836
+ font-size: var(--pf-v6-c-table--cell--FontSize);
27837
+ font-weight: var(--pf-v6-c-table--cell--FontWeight);
27838
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
27839
+ color: var(--pf-v6-c-table--cell--Color);
27840
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
27841
+ word-break: var(--pf-v6-c-table--cell--WordBreak);
27842
+ white-space: var(--pf-v6-c-table--cell--WhiteSpace);
27843
+ }
26715
27844
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
26716
27845
  padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
26717
27846
  }
@@ -27068,16 +28197,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27068
28197
  .pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
27069
28198
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
27070
28199
  }
28200
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
28201
+ scale: -1 1;
28202
+ }
28203
+
27071
28204
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
27072
28205
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
27073
28206
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
27074
28207
  transition-property: transform;
27075
28208
  transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
27076
28209
  }
27077
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
27078
- scale: -1 1;
27079
- }
27080
-
27081
28210
  .pf-v6-c-table__toggle svg {
27082
28211
  pointer-events: none;
27083
28212
  }
@@ -27554,13 +28683,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27554
28683
  }
27555
28684
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
27556
28685
  transform: translateX(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX));
27557
- position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
27558
- inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
27559
28686
  }
27560
28687
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
27561
28688
  transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
27562
28689
  }
27563
28690
 
28691
+ .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
28692
+ position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
28693
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
28694
+ }
27564
28695
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
27565
28696
  min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
27566
28697
  }
@@ -28473,6 +29604,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28473
29604
  --pf-v6-c-tabs__add--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
28474
29605
  --pf-v6-c-tabs__add--PaddingInlineStart: var(--pf-t--global--spacer--sm);
28475
29606
  --pf-v6-c-tabs__add--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
29607
+ --pf-v6-c-tabs--m-nav__link--BorderRadius: var(--pf-t--global--border--radius--pill);
29608
+ --pf-v6-c-tabs--m-nav__link--disabled--Color: var(--pf-t--global--text--color--disabled);
29609
+ --pf-v6-c-tabs--m-nav--m-subtab__scroll-button--button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
28476
29610
  --pf-v6-c-tabs__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
28477
29611
  --pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
28478
29612
  --pf-v6-c-tabs__link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -28607,8 +29741,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28607
29741
  }
28608
29742
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list {
28609
29743
  position: relative;
28610
- flex-direction: column;
28611
29744
  flex-grow: 1;
29745
+ flex-direction: column;
28612
29746
  max-width: var(--pf-v6-c-tabs--m-vertical--MaxWidth);
28613
29747
  }
28614
29748
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list::before {
@@ -28750,6 +29884,18 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28750
29884
  .pf-v6-c-tabs.pf-m-overflow .pf-v6-c-tabs__list {
28751
29885
  overflow: visible;
28752
29886
  }
29887
+ .pf-v6-c-tabs.pf-m-nav {
29888
+ --pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
29889
+ --pf-v6-c-tabs__link--disabled--Color: var(--pf-v6-c-tabs--m-nav__link--disabled--Color);
29890
+ --pf-v6-c-tabs__link--BorderRadius: var(--pf-v6-c-tabs--m-nav__link--BorderRadius);
29891
+ }
29892
+ .pf-v6-c-tabs.pf-m-nav::before,
29893
+ .pf-v6-c-tabs.pf-m-nav .pf-v6-c-tabs__link::before {
29894
+ border: 0;
29895
+ }
29896
+ .pf-v6-c-tabs.pf-m-nav.pf-m-subtab .pf-v6-c-tabs__scroll-button .pf-v6-c-button {
29897
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-tabs--m-nav--m-subtab__scroll-button--button--FontSize);
29898
+ }
28753
29899
 
28754
29900
  .pf-v6-c-tabs__toggle {
28755
29901
  display: var(--pf-v6-c-tabs__toggle--Display);
@@ -28761,15 +29907,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28761
29907
  white-space: normal;
28762
29908
  }
28763
29909
 
29910
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
29911
+ scale: -1 1;
29912
+ }
29913
+
28764
29914
  .pf-v6-c-tabs__toggle-icon {
28765
29915
  display: inline-block;
28766
29916
  transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
28767
29917
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
28768
29918
  }
28769
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
28770
- scale: -1 1;
28771
- }
28772
29919
 
29920
+ .pf-v6-c-tabs__list::-webkit-scrollbar {
29921
+ display: none;
29922
+ }
28773
29923
  .pf-v6-c-tabs__list {
28774
29924
  scrollbar-width: none;
28775
29925
  -ms-overflow-style: -ms-autohiding-scrollbar;
@@ -28781,25 +29931,22 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28781
29931
  scroll-snap-type: var(--pf-v6-c-tabs__list--ScrollSnapType);
28782
29932
  -webkit-overflow-scrolling: touch;
28783
29933
  }
28784
- .pf-v6-c-tabs__list::-webkit-scrollbar {
28785
- display: none;
28786
- }
28787
29934
 
28788
29935
  .pf-v6-c-tabs__item {
28789
29936
  position: relative;
28790
29937
  display: flex;
28791
29938
  flex: none;
28792
29939
  column-gap: var(--pf-v6-c-tabs__item--ColumnGap);
28793
- scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
28794
29940
  padding-block-start: var(--pf-v6-c-tabs__item--PaddingBlockStart);
28795
29941
  padding-block-end: var(--pf-v6-c-tabs__item--PaddingBlockEnd);
28796
29942
  padding-inline-start: var(--pf-v6-c-tabs__item--PaddingInlineStart);
28797
29943
  padding-inline-end: var(--pf-v6-c-tabs__item--PaddingInlineEnd);
29944
+ scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
28798
29945
  background-color: var(--pf-v6-c-tabs__item--BackgroundColor);
28799
29946
  }
28800
29947
  .pf-v6-c-tabs__item.pf-m-current {
28801
29948
  --pf-v6-c-tabs__link--Color: var(--pf-v6-c-tabs__item--m-current__link--Color);
28802
- --pf-v6-c-tabs__link--after--BorderColor: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
29949
+ --pf-v6-c-tabs__link--after--BorderColor: var(--pf-v6-c-tabs--link-accent--color);
28803
29950
  --pf-v6-c-tabs__link--after--BorderWidth: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
28804
29951
  --pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs__item--m-current--BackgroundColor);
28805
29952
  }
@@ -28847,6 +29994,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28847
29994
  border: 0;
28848
29995
  }
28849
29996
 
29997
+ .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
29998
+ --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
29999
+ }
30000
+
28850
30001
  .pf-v6-c-tabs__link {
28851
30002
  display: flex;
28852
30003
  flex: 1;
@@ -28864,10 +30015,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28864
30015
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
28865
30016
  transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
28866
30017
  }
28867
- .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
28868
- --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
28869
- }
28870
-
28871
30018
  .pf-v6-c-tabs__item.pf-m-action::before, .pf-v6-c-tabs__link::before {
28872
30019
  pointer-events: none;
28873
30020
  border-block-start-color: var(--pf-v6-c-tabs__link--before--BorderBlockStartColor);
@@ -28922,6 +30069,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28922
30069
  --pf-v6-c-tabs__link-toggle-icon--Rotate: var(--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate);
28923
30070
  }
28924
30071
 
30072
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
30073
+ scale: -1 1;
30074
+ }
30075
+
28925
30076
  .pf-v6-c-tabs__link-toggle-icon {
28926
30077
  align-self: end;
28927
30078
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
@@ -28929,9 +30080,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28929
30080
  transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
28930
30081
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
28931
30082
  }
28932
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
28933
- scale: -1 1;
28934
- }
28935
30083
 
28936
30084
  .pf-v6-c-tabs__item-action {
28937
30085
  display: flex;
@@ -29852,6 +31000,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29852
31000
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29853
31001
  --pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
29854
31002
  --pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
31003
+ --pf-v6-c-toolbar--m-vertical--Width: fit-content;
29855
31004
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
29856
31005
  --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
29857
31006
  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -29948,9 +31097,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29948
31097
  --pf-v6-hidden-visible--hidden--Display: none;
29949
31098
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
29950
31099
  display: var(--pf-v6-hidden-visible--Display);
29951
- row-gap: var(--pf-v6-c-toolbar__content--RowGap);
29952
- padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
29953
- padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
29954
31100
  }
29955
31101
  .pf-v6-c-toolbar__content.pf-m-hidden {
29956
31102
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -29995,6 +31141,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29995
31141
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
29996
31142
  }
29997
31143
  }
31144
+ .pf-v6-c-toolbar__content {
31145
+ row-gap: var(--pf-v6-c-toolbar__content--RowGap);
31146
+ padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
31147
+ padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
31148
+ }
29998
31149
 
29999
31150
  .pf-v6-c-toolbar__content-section {
30000
31151
  flex-wrap: wrap;
@@ -30055,14 +31206,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30055
31206
  .pf-v6-c-toolbar.pf-m-no-background {
30056
31207
  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-no-background--BackgroundColor);
30057
31208
  }
31209
+ .pf-v6-c-toolbar.pf-m-vertical {
31210
+ --pf-v6-c-toolbar--child--m-align-end--MarginBlockStart: auto;
31211
+ --pf-v6-c-toolbar--child--m-align-end--MarginInlineStart: 0;
31212
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
31213
+ --pf-v6-c-toolbar--Width: var(--pf-v6-c-toolbar--m-vertical--Width);
31214
+ }
31215
+ .pf-v6-c-toolbar.pf-m-vertical :is(.pf-v6-c-toolbar__group, .pf-v6-c-toolbar__item, .pf-v6-c-toolbar__content-section) {
31216
+ flex-direction: column;
31217
+ align-items: center;
31218
+ }
30058
31219
 
30059
31220
  .pf-v6-c-toolbar__item {
30060
31221
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
30061
- --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
30062
- row-gap: var(--pf-v6-c-toolbar__item--RowGap);
30063
- column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
30064
- width: var(--pf-v6-c-toolbar__item--Width--base);
30065
- min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
30066
31222
  }
30067
31223
  @media (min-width: 36rem) {
30068
31224
  .pf-v6-c-toolbar__item {
@@ -30089,6 +31245,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30089
31245
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-2xl, var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))))));
30090
31246
  }
30091
31247
  }
31248
+ .pf-v6-c-toolbar__item {
31249
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
31250
+ }
30092
31251
  @media (min-width: 36rem) {
30093
31252
  .pf-v6-c-toolbar__item {
30094
31253
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
@@ -30114,6 +31273,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30114
31273
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-2xl, var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))))));
30115
31274
  }
30116
31275
  }
31276
+ .pf-v6-c-toolbar__item {
31277
+ row-gap: var(--pf-v6-c-toolbar__item--RowGap);
31278
+ column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
31279
+ width: var(--pf-v6-c-toolbar__item--Width--base);
31280
+ min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
31281
+ }
30117
31282
  .pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
30118
31283
  --pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
30119
31284
  }
@@ -30134,6 +31299,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30134
31299
  row-gap: var(--pf-v6-c-toolbar__group--RowGap);
30135
31300
  column-gap: var(--pf-v6-c-toolbar__group--ColumnGap);
30136
31301
  }
31302
+ .pf-v6-c-toolbar.pf-m-vertical .pf-v6-c-toolbar__group {
31303
+ row-gap: var(--pf-v6-c-toolbar__group--ColumnGap);
31304
+ }
30137
31305
  .pf-v6-c-toolbar__group.pf-m-filter-group {
30138
31306
  column-gap: var(--pf-v6-c-toolbar__group--m-filter-group--ColumnGap);
30139
31307
  }
@@ -30145,9 +31313,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30145
31313
  .pf-v6-c-toolbar__group.pf-m-action-group {
30146
31314
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group--ColumnGap);
30147
31315
  }
31316
+ .pf-v6-c-toolbar.pf-m-vertical .pf-v6-c-toolbar__group.pf-m-action-group {
31317
+ row-gap: var(--pf-v6-c-toolbar__group--m-action-group--ColumnGap);
31318
+ }
30148
31319
  .pf-v6-c-toolbar__group.pf-m-action-group-plain {
30149
31320
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
30150
31321
  }
31322
+ .pf-v6-c-toolbar.pf-m-vertical .pf-v6-c-toolbar__group.pf-m-action-group-plain {
31323
+ row-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
31324
+ }
30151
31325
  .pf-v6-c-toolbar__group.pf-m-action-group-inline {
30152
31326
  flex-wrap: wrap;
30153
31327
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group-inline--ColumnGap);
@@ -30224,7 +31398,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30224
31398
  }
30225
31399
  .pf-v6-c-toolbar__group.pf-m-align-end,
30226
31400
  .pf-v6-c-toolbar__item.pf-m-align-end {
30227
- margin-inline-start: auto;
31401
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
31402
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
30228
31403
  }
30229
31404
  .pf-v6-c-toolbar__group.pf-m-flex-grow,
30230
31405
  .pf-v6-c-toolbar__item.pf-m-flex-grow {
@@ -30479,7 +31654,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30479
31654
  }
30480
31655
  .pf-v6-c-toolbar__group.pf-m-align-end-on-sm,
30481
31656
  .pf-v6-c-toolbar__item.pf-m-align-end-on-sm {
30482
- margin-inline-start: auto;
31657
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
31658
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
30483
31659
  }
30484
31660
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-sm,
30485
31661
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-sm {
@@ -30731,7 +31907,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30731
31907
  }
30732
31908
  .pf-v6-c-toolbar__group.pf-m-align-end-on-md,
30733
31909
  .pf-v6-c-toolbar__item.pf-m-align-end-on-md {
30734
- margin-inline-start: auto;
31910
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
31911
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
30735
31912
  }
30736
31913
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-md,
30737
31914
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-md {
@@ -30983,7 +32160,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30983
32160
  }
30984
32161
  .pf-v6-c-toolbar__group.pf-m-align-end-on-lg,
30985
32162
  .pf-v6-c-toolbar__item.pf-m-align-end-on-lg {
30986
- margin-inline-start: auto;
32163
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
32164
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
30987
32165
  }
30988
32166
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-lg,
30989
32167
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-lg {
@@ -31235,7 +32413,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31235
32413
  }
31236
32414
  .pf-v6-c-toolbar__group.pf-m-align-end-on-xl,
31237
32415
  .pf-v6-c-toolbar__item.pf-m-align-end-on-xl {
31238
- margin-inline-start: auto;
32416
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
32417
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
31239
32418
  }
31240
32419
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-xl,
31241
32420
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-xl {
@@ -31487,7 +32666,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31487
32666
  }
31488
32667
  .pf-v6-c-toolbar__group.pf-m-align-end-on-2xl,
31489
32668
  .pf-v6-c-toolbar__item.pf-m-align-end-on-2xl {
31490
- margin-inline-start: auto;
32669
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
32670
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
31491
32671
  }
31492
32672
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-2xl,
31493
32673
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-2xl {
@@ -31972,6 +33152,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31972
33152
  --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
31973
33153
  --pf-v6-c-tree-view__list--TranslateY: 0;
31974
33154
  --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
33155
+ }
33156
+ @media screen and (prefers-reduced-motion: no-preference) {
33157
+ .pf-v6-c-tree-view {
33158
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
33159
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
33160
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
33161
+ }
33162
+ }
33163
+ .pf-v6-c-tree-view {
31975
33164
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
31976
33165
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
31977
33166
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -32000,6 +33189,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32000
33189
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
32001
33190
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
32002
33191
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
33192
+ --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
33193
+ --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
33194
+ --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
32003
33195
  --pf-v6-c-tree-view__node-text--max-lines: 1;
32004
33196
  --pf-v6-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
32005
33197
  --pf-v6-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
@@ -32055,6 +33247,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32055
33247
  --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart: var(--pf-t--global--spacer--lg);
32056
33248
  --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
32057
33249
  --pf-v6-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBlockEnd: 0;
33250
+ --pf-v6-c-tree-view--m-compact__node-container--nested--Color: initial;
33251
+ --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: var(--pf-t--global--text--color--on-disabled);
33252
+ --pf-v6-c-tree-view--m-compact__node-icon--nested--Color: initial;
33253
+ --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
33254
+ --pf-v6-c-tree-view--m-compact__node-toggle--nested--Color: initial;
33255
+ --pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
32058
33256
  --pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
32059
33257
  --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset: var(--pf-t--global--spacer--sm);
32060
33258
  --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
@@ -32064,13 +33262,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32064
33262
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
32065
33263
  --pf-v6-c-tree-view--m-compact--m-no-background__node--before--InsetBlockStart: calc(var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockStart) + var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart) + 0.25rem);
32066
33264
  }
32067
- @media screen and (prefers-reduced-motion: no-preference) {
32068
- .pf-v6-c-tree-view {
32069
- --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
32070
- --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
32071
- --pf-v6-c-tree-view__list--TranslateY: -.5rem;
32072
- }
32073
- }
32074
33265
 
32075
33266
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item, .pf-v6-c-tree-view.pf-m-guides .pf-v6-c-tree-view__list-item {
32076
33267
  position: relative;
@@ -32151,11 +33342,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32151
33342
  padding-block-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockEnd);
32152
33343
  padding-inline-start: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart);
32153
33344
  padding-inline-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineEnd);
33345
+ color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--Color, inherit);
32154
33346
  background-color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor);
32155
33347
  }
32156
33348
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node-toggle {
32157
33349
  margin-inline-start: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineStart);
32158
33350
  margin-inline-end: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineEnd);
33351
+ color: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color, inherit);
33352
+ }
33353
+ .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node-icon {
33354
+ color: var(--pf-v6-c-tree-view--m-compact__node-icon--nested--Color, inherit);
32159
33355
  }
32160
33356
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__node-container {
32161
33357
  padding-block-start: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart);
@@ -32180,6 +33376,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32180
33376
  }
32181
33377
  .pf-v6-c-tree-view.pf-m-no-background {
32182
33378
  --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor);
33379
+ --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: initial;
33380
+ --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: initial;
33381
+ --pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: initial;
33382
+ }
33383
+
33384
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
33385
+ scale: -1 1;
32183
33386
  }
32184
33387
 
32185
33388
  .pf-v6-c-tree-view__node-toggle-icon {
@@ -32189,9 +33392,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32189
33392
  transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
32190
33393
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
32191
33394
  }
32192
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
32193
- scale: -1 1;
32194
- }
32195
33395
 
32196
33396
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
32197
33397
  max-height: 0;
@@ -32255,6 +33455,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32255
33455
  .pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
32256
33456
  margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
32257
33457
  }
33458
+ .pf-v6-c-tree-view__node.pf-m-disabled {
33459
+ --pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-disabled--Color);
33460
+ --pf-v6-c-tree-view__node-icon--Color: var(--pf-v6-c-tree-view__node-icon--m-disabled--Color);
33461
+ --pf-v6-c-tree-view--m-compact__node-container--nested--Color: var(--pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color);
33462
+ --pf-v6-c-tree-view--m-compact__node-icon--nested--Color: var(--pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color);
33463
+ }
32258
33464
 
32259
33465
  .pf-v6-c-tree-view__node-container {
32260
33466
  display: var(--pf-v6-c-tree-view__node-container--Display);
@@ -32297,6 +33503,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32297
33503
  transform: translateX(calc(var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
32298
33504
  }
32299
33505
 
33506
+ .pf-v6-c-tree-view__node-toggle.pf-m-disabled {
33507
+ --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--m-disabled--Color);
33508
+ }
33509
+
32300
33510
  .pf-v6-c-tree-view__node-title.pf-m-truncate,
32301
33511
  .pf-v6-c-tree-view__node-text.pf-m-truncate {
32302
33512
  --pf-v6-c-tree-view__node-content--Overflow: hidden;
@@ -32312,6 +33522,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32312
33522
  white-space: nowrap;
32313
33523
  }
32314
33524
 
33525
+ label.pf-v6-c-tree-view__node-text {
33526
+ cursor: pointer;
33527
+ }
33528
+
32315
33529
  .pf-v6-c-tree-view__node-text {
32316
33530
  font-weight: inherit;
32317
33531
  color: inherit;
@@ -32319,9 +33533,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32319
33533
  background-color: transparent;
32320
33534
  border: 0;
32321
33535
  }
32322
- label.pf-v6-c-tree-view__node-text {
32323
- cursor: pointer;
32324
- }
32325
33536
 
32326
33537
  .pf-v6-c-tree-view__node-title {
32327
33538
  font-weight: var(--pf-v6-c-tree-view__node-title--FontWeight);
@@ -32550,6 +33761,15 @@ label.pf-v6-c-tree-view__node-text {
32550
33761
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
32551
33762
  --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
32552
33763
  --pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
33764
+ }
33765
+ @media screen and (min-width: 62rem) {
33766
+ .pf-v6-c-wizard {
33767
+ --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
33768
+ --pf-v6-c-wizard__nav--BoxShadow: none;
33769
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
33770
+ }
33771
+ }
33772
+ .pf-v6-c-wizard {
32553
33773
  --pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
32554
33774
  --pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
32555
33775
  --pf-v6-c-wizard__nav-list--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -32574,13 +33794,6 @@ label.pf-v6-c-tree-view__node-text {
32574
33794
  --pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
32575
33795
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
32576
33796
  }
32577
- @media screen and (min-width: 62rem) {
32578
- .pf-v6-c-wizard {
32579
- --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
32580
- --pf-v6-c-wizard__nav--BoxShadow: none;
32581
- --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
32582
- }
32583
- }
32584
33797
 
32585
33798
  .pf-v6-c-wizard {
32586
33799
  position: relative;
@@ -32716,13 +33929,14 @@ label.pf-v6-c-tree-view__node-text {
32716
33929
  color: var(--pf-v6-c-wizard__toggle-status-icon--Color);
32717
33930
  }
32718
33931
 
32719
- .pf-v6-c-wizard__toggle-separator {
32720
- color: var(--pf-v6-c-wizard__toggle-separator--Color);
32721
- }
32722
33932
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__toggle-separator {
32723
33933
  scale: -1 1;
32724
33934
  }
32725
33935
 
33936
+ .pf-v6-c-wizard__toggle-separator {
33937
+ color: var(--pf-v6-c-wizard__toggle-separator--Color);
33938
+ }
33939
+
32726
33940
  .pf-v6-c-wizard__toggle-icon {
32727
33941
  line-height: var(--pf-v6-c-wizard__toggle-icon--LineHeight);
32728
33942
  }
@@ -32730,8 +33944,8 @@ label.pf-v6-c-tree-view__node-text {
32730
33944
  .pf-v6-c-wizard__outer-wrap {
32731
33945
  position: relative;
32732
33946
  display: flex;
32733
- flex-direction: column;
32734
33947
  flex-grow: 1;
33948
+ flex-direction: column;
32735
33949
  min-height: var(--pf-v6-c-wizard__outer-wrap--MinHeight);
32736
33950
  background-color: var(--pf-v6-c-wizard__outer-wrap--BackgroundColor);
32737
33951
  }
@@ -32744,8 +33958,8 @@ label.pf-v6-c-tree-view__node-text {
32744
33958
  .pf-v6-c-wizard__inner-wrap {
32745
33959
  position: relative;
32746
33960
  display: flex;
32747
- flex-direction: column;
32748
33961
  flex-grow: 1;
33962
+ flex-direction: column;
32749
33963
  min-height: 0;
32750
33964
  }
32751
33965
  @media screen and (min-width: 62rem) {
@@ -32923,6 +34137,10 @@ label.pf-v6-c-tree-view__node-text {
32923
34137
  color: var(--pf-v6-c-wizard__nav-link-toggle--Color);
32924
34138
  }
32925
34139
 
34140
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
34141
+ scale: -1 1;
34142
+ }
34143
+
32926
34144
  .pf-v6-c-wizard__nav-link-toggle-icon {
32927
34145
  display: inline-block;
32928
34146
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
@@ -32930,15 +34148,12 @@ label.pf-v6-c-tree-view__node-text {
32930
34148
  transition-property: transform;
32931
34149
  transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
32932
34150
  }
32933
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
32934
- scale: -1 1;
32935
- }
32936
34151
 
32937
34152
  .pf-v6-c-wizard__main {
32938
34153
  z-index: var(--pf-v6-c-wizard__main--ZIndex);
32939
34154
  display: flex;
32940
- flex-direction: column;
32941
34155
  flex-grow: 1;
34156
+ flex-direction: column;
32942
34157
  overflow-x: hidden;
32943
34158
  overflow-y: auto;
32944
34159
  word-break: break-word;
@@ -35376,12 +36591,13 @@ label.pf-v6-c-tree-view__node-text {
35376
36591
  display: grid;
35377
36592
  grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
35378
36593
  grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
35379
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
35380
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
35381
36594
  }
35382
36595
  .pf-v6-l-gallery.pf-m-gutter {
35383
36596
  grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
35384
36597
  }
36598
+ .pf-v6-l-gallery {
36599
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
36600
+ }
35385
36601
  @media (min-width: 36rem) {
35386
36602
  .pf-v6-l-gallery {
35387
36603
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
@@ -35407,6 +36623,9 @@ label.pf-v6-c-tree-view__node-text {
35407
36623
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))))));
35408
36624
  }
35409
36625
  }
36626
+ .pf-v6-l-gallery {
36627
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
36628
+ }
35410
36629
  @media (min-width: 36rem) {
35411
36630
  .pf-v6-l-gallery {
35412
36631
  --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));