@patternfly/react-styles 6.0.0-alpha.9 → 6.0.0-prerelease.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (692) hide show
  1. package/CHANGELOG.md +216 -0
  2. package/css/assets/images/img_avatar-dark.svg +22 -16
  3. package/css/assets/images/img_avatar-light.svg +25 -18
  4. package/css/assets/images/pf-background.svg +21 -21
  5. package/css/assets/images/pf_logo.svg +11 -11
  6. package/css/assets/images/pf_logo_white.svg +16 -17
  7. package/css/components/AboutModalBox/about-modal-box.css +120 -120
  8. package/css/components/AboutModalBox/about-modal-box.d.ts +9 -9
  9. package/css/components/AboutModalBox/about-modal-box.js +9 -9
  10. package/css/components/AboutModalBox/about-modal-box.mjs +9 -9
  11. package/css/components/Accordion/accordion.css +119 -119
  12. package/css/components/Accordion/accordion.d.ts +8 -8
  13. package/css/components/Accordion/accordion.js +8 -8
  14. package/css/components/Accordion/accordion.mjs +8 -8
  15. package/css/components/ActionList/action-list.css +18 -17
  16. package/css/components/ActionList/action-list.d.ts +2 -2
  17. package/css/components/ActionList/action-list.js +2 -2
  18. package/css/components/ActionList/action-list.mjs +2 -2
  19. package/css/components/Alert/alert-group.css +107 -55
  20. package/css/components/Alert/alert-group.d.ts +7 -3
  21. package/css/components/Alert/alert-group.js +7 -3
  22. package/css/components/Alert/alert-group.mjs +7 -3
  23. package/css/components/Alert/alert.css +154 -161
  24. package/css/components/Alert/alert.d.ts +10 -10
  25. package/css/components/Alert/alert.js +10 -10
  26. package/css/components/Alert/alert.mjs +10 -10
  27. package/css/components/Avatar/avatar.css +156 -156
  28. package/css/components/Avatar/avatar.d.ts +1 -1
  29. package/css/components/Avatar/avatar.js +1 -1
  30. package/css/components/Avatar/avatar.mjs +1 -1
  31. package/css/components/BackToTop/back-to-top.css +24 -24
  32. package/css/components/BackToTop/back-to-top.d.ts +2 -2
  33. package/css/components/BackToTop/back-to-top.js +2 -2
  34. package/css/components/BackToTop/back-to-top.mjs +2 -2
  35. package/css/components/Backdrop/backdrop.css +9 -10
  36. package/css/components/Backdrop/backdrop.d.ts +2 -2
  37. package/css/components/Backdrop/backdrop.js +2 -2
  38. package/css/components/Backdrop/backdrop.mjs +2 -2
  39. package/css/components/BackgroundImage/background-image.css +15 -16
  40. package/css/components/BackgroundImage/background-image.d.ts +2 -2
  41. package/css/components/BackgroundImage/background-image.js +2 -2
  42. package/css/components/BackgroundImage/background-image.mjs +2 -2
  43. package/css/components/Badge/badge.css +57 -36
  44. package/css/components/Badge/badge.d.ts +4 -3
  45. package/css/components/Badge/badge.js +4 -3
  46. package/css/components/Badge/badge.mjs +4 -3
  47. package/css/components/Banner/banner.css +110 -119
  48. package/css/components/Banner/banner.d.ts +4 -4
  49. package/css/components/Banner/banner.js +4 -4
  50. package/css/components/Banner/banner.mjs +4 -4
  51. package/css/components/Brand/brand.css +41 -38
  52. package/css/components/Brand/brand.d.ts +1 -1
  53. package/css/components/Brand/brand.js +1 -1
  54. package/css/components/Brand/brand.mjs +1 -1
  55. package/css/components/Breadcrumb/breadcrumb.css +63 -57
  56. package/css/components/Breadcrumb/breadcrumb.d.ts +8 -9
  57. package/css/components/Breadcrumb/breadcrumb.js +8 -9
  58. package/css/components/Breadcrumb/breadcrumb.mjs +8 -9
  59. package/css/components/Button/button.css +542 -523
  60. package/css/components/Button/button.d.ts +6 -6
  61. package/css/components/Button/button.js +6 -6
  62. package/css/components/Button/button.mjs +6 -6
  63. package/css/components/CalendarMonth/calendar-month.css +146 -178
  64. package/css/components/CalendarMonth/calendar-month.d.ts +14 -16
  65. package/css/components/CalendarMonth/calendar-month.js +14 -16
  66. package/css/components/CalendarMonth/calendar-month.mjs +14 -16
  67. package/css/components/Card/card.css +248 -232
  68. package/css/components/Card/card.d.ts +23 -21
  69. package/css/components/Card/card.js +23 -21
  70. package/css/components/Card/card.mjs +23 -21
  71. package/css/components/Check/check.css +50 -44
  72. package/css/components/Check/check.d.ts +6 -6
  73. package/css/components/Check/check.js +6 -6
  74. package/css/components/Check/check.mjs +6 -6
  75. package/css/components/ClipboardCopy/clipboard-copy.css +64 -73
  76. package/css/components/ClipboardCopy/clipboard-copy.d.ts +11 -10
  77. package/css/components/ClipboardCopy/clipboard-copy.js +11 -10
  78. package/css/components/ClipboardCopy/clipboard-copy.mjs +11 -10
  79. package/css/components/CodeBlock/code-block.css +35 -31
  80. package/css/components/CodeBlock/code-block.d.ts +6 -6
  81. package/css/components/CodeBlock/code-block.js +6 -6
  82. package/css/components/CodeBlock/code-block.mjs +6 -6
  83. package/css/components/CodeEditor/code-editor.css +133 -111
  84. package/css/components/CodeEditor/code-editor.d.ts +14 -14
  85. package/css/components/CodeEditor/code-editor.js +14 -14
  86. package/css/components/CodeEditor/code-editor.mjs +14 -14
  87. package/css/components/Content/content.css +242 -229
  88. package/css/components/Content/content.d.ts +21 -1
  89. package/css/components/Content/content.js +21 -1
  90. package/css/components/Content/content.mjs +21 -1
  91. package/css/components/DataList/data-list-grid.css +201 -201
  92. package/css/components/DataList/data-list-grid.d.ts +4 -4
  93. package/css/components/DataList/data-list-grid.js +4 -4
  94. package/css/components/DataList/data-list-grid.mjs +4 -4
  95. package/css/components/DataList/data-list.css +546 -553
  96. package/css/components/DataList/data-list.d.ts +28 -28
  97. package/css/components/DataList/data-list.js +28 -28
  98. package/css/components/DataList/data-list.mjs +28 -28
  99. package/css/components/DatePicker/date-picker.css +37 -39
  100. package/css/components/DatePicker/date-picker.d.ts +6 -7
  101. package/css/components/DatePicker/date-picker.js +6 -7
  102. package/css/components/DatePicker/date-picker.mjs +6 -7
  103. package/css/components/DescriptionList/description-list-order.css +95 -95
  104. package/css/components/DescriptionList/description-list-order.d.ts +1 -1
  105. package/css/components/DescriptionList/description-list-order.js +1 -1
  106. package/css/components/DescriptionList/description-list-order.mjs +1 -1
  107. package/css/components/DescriptionList/description-list.css +224 -229
  108. package/css/components/DescriptionList/description-list.d.ts +7 -7
  109. package/css/components/DescriptionList/description-list.js +7 -7
  110. package/css/components/DescriptionList/description-list.mjs +7 -7
  111. package/css/components/Divider/divider.css +191 -193
  112. package/css/components/Divider/divider.d.ts +1 -1
  113. package/css/components/Divider/divider.js +1 -1
  114. package/css/components/Divider/divider.mjs +1 -1
  115. package/css/components/DragDrop/drag-drop.css +47 -46
  116. package/css/components/DragDrop/drag-drop.d.ts +2 -2
  117. package/css/components/DragDrop/drag-drop.js +2 -2
  118. package/css/components/DragDrop/drag-drop.mjs +2 -2
  119. package/css/components/Drawer/drawer.css +489 -491
  120. package/css/components/Drawer/drawer.d.ts +16 -15
  121. package/css/components/Drawer/drawer.js +16 -15
  122. package/css/components/Drawer/drawer.mjs +16 -15
  123. package/css/components/DualListSelector/dual-list-selector.css +207 -203
  124. package/css/components/DualListSelector/dual-list-selector.d.ts +28 -29
  125. package/css/components/DualListSelector/dual-list-selector.js +28 -29
  126. package/css/components/DualListSelector/dual-list-selector.mjs +28 -29
  127. package/css/components/EmptyState/empty-state.css +105 -105
  128. package/css/components/EmptyState/empty-state.d.ts +7 -7
  129. package/css/components/EmptyState/empty-state.js +7 -7
  130. package/css/components/EmptyState/empty-state.mjs +7 -7
  131. package/css/components/ExpandableSection/expandable-section.css +61 -121
  132. package/css/components/ExpandableSection/expandable-section.d.ts +4 -6
  133. package/css/components/ExpandableSection/expandable-section.js +4 -6
  134. package/css/components/ExpandableSection/expandable-section.mjs +4 -6
  135. package/css/components/FileUpload/file-upload.css +32 -33
  136. package/css/components/FileUpload/file-upload.d.ts +6 -6
  137. package/css/components/FileUpload/file-upload.js +6 -6
  138. package/css/components/FileUpload/file-upload.mjs +6 -6
  139. package/css/components/Form/form.css +344 -292
  140. package/css/components/Form/form.d.ts +29 -29
  141. package/css/components/Form/form.js +29 -29
  142. package/css/components/Form/form.mjs +29 -29
  143. package/css/components/FormControl/form-control.css +205 -206
  144. package/css/components/FormControl/form-control.d.ts +4 -4
  145. package/css/components/FormControl/form-control.js +4 -4
  146. package/css/components/FormControl/form-control.mjs +4 -4
  147. package/css/components/HelperText/helper-text.css +52 -52
  148. package/css/components/HelperText/helper-text.d.ts +4 -4
  149. package/css/components/HelperText/helper-text.js +4 -4
  150. package/css/components/HelperText/helper-text.mjs +4 -4
  151. package/css/components/Hint/hint.css +46 -47
  152. package/css/components/Hint/hint.d.ts +7 -9
  153. package/css/components/Hint/hint.js +7 -9
  154. package/css/components/Hint/hint.mjs +7 -9
  155. package/css/components/Icon/icon.css +218 -219
  156. package/css/components/Icon/icon.d.ts +4 -4
  157. package/css/components/Icon/icon.js +4 -4
  158. package/css/components/Icon/icon.mjs +4 -4
  159. package/css/components/InlineEdit/inline-edit.css +43 -44
  160. package/css/components/InlineEdit/inline-edit.d.ts +8 -8
  161. package/css/components/InlineEdit/inline-edit.js +8 -8
  162. package/css/components/InlineEdit/inline-edit.mjs +8 -8
  163. package/css/components/InputGroup/input-group.css +52 -53
  164. package/css/components/InputGroup/input-group.d.ts +3 -3
  165. package/css/components/InputGroup/input-group.js +3 -3
  166. package/css/components/InputGroup/input-group.mjs +3 -3
  167. package/css/components/JumpLinks/jump-links.css +180 -198
  168. package/css/components/JumpLinks/jump-links.d.ts +10 -12
  169. package/css/components/JumpLinks/jump-links.js +10 -12
  170. package/css/components/JumpLinks/jump-links.mjs +10 -12
  171. package/css/components/Label/label-group.css +86 -87
  172. package/css/components/Label/label-group.d.ts +8 -8
  173. package/css/components/Label/label-group.js +8 -8
  174. package/css/components/Label/label-group.mjs +8 -8
  175. package/css/components/Label/label.css +451 -317
  176. package/css/components/Label/label.d.ts +17 -10
  177. package/css/components/Label/label.js +17 -10
  178. package/css/components/Label/label.mjs +17 -10
  179. package/css/components/List/list.css +56 -60
  180. package/css/components/List/list.d.ts +3 -3
  181. package/css/components/List/list.js +3 -3
  182. package/css/components/List/list.mjs +3 -3
  183. package/css/components/Login/login.css +161 -183
  184. package/css/components/Login/login.d.ts +18 -18
  185. package/css/components/Login/login.js +18 -18
  186. package/css/components/Login/login.mjs +18 -18
  187. package/css/components/Masthead/masthead.css +461 -356
  188. package/css/components/Masthead/masthead.d.ts +10 -8
  189. package/css/components/Masthead/masthead.js +10 -8
  190. package/css/components/Masthead/masthead.mjs +10 -8
  191. package/css/components/Menu/menu.css +449 -521
  192. package/css/components/Menu/menu.d.ts +30 -32
  193. package/css/components/Menu/menu.js +30 -32
  194. package/css/components/Menu/menu.mjs +30 -32
  195. package/css/components/MenuToggle/menu-toggle.css +333 -352
  196. package/css/components/MenuToggle/menu-toggle.d.ts +22 -17
  197. package/css/components/MenuToggle/menu-toggle.js +22 -17
  198. package/css/components/MenuToggle/menu-toggle.mjs +22 -17
  199. package/css/components/ModalBox/modal-box.css +136 -126
  200. package/css/components/ModalBox/modal-box.d.ts +11 -11
  201. package/css/components/ModalBox/modal-box.js +11 -11
  202. package/css/components/ModalBox/modal-box.mjs +11 -11
  203. package/css/components/MultipleFileUpload/multiple-file-upload.css +163 -164
  204. package/css/components/MultipleFileUpload/multiple-file-upload.d.ts +17 -17
  205. package/css/components/MultipleFileUpload/multiple-file-upload.js +17 -17
  206. package/css/components/MultipleFileUpload/multiple-file-upload.mjs +17 -17
  207. package/css/components/Nav/nav.css +227 -250
  208. package/css/components/Nav/nav.d.ts +21 -16
  209. package/css/components/Nav/nav.js +21 -16
  210. package/css/components/Nav/nav.mjs +21 -16
  211. package/css/components/NotificationDrawer/notification-drawer.css +178 -180
  212. package/css/components/NotificationDrawer/notification-drawer.d.ts +22 -21
  213. package/css/components/NotificationDrawer/notification-drawer.js +22 -21
  214. package/css/components/NotificationDrawer/notification-drawer.mjs +22 -21
  215. package/css/components/NumberInput/number-input.css +23 -28
  216. package/css/components/NumberInput/number-input.d.ts +5 -5
  217. package/css/components/NumberInput/number-input.js +5 -5
  218. package/css/components/NumberInput/number-input.mjs +5 -5
  219. package/css/components/OverflowMenu/overflow-menu.css +20 -20
  220. package/css/components/OverflowMenu/overflow-menu.d.ts +5 -5
  221. package/css/components/OverflowMenu/overflow-menu.js +5 -5
  222. package/css/components/OverflowMenu/overflow-menu.mjs +5 -5
  223. package/css/components/Page/page.css +425 -780
  224. package/css/components/Page/page.d.ts +20 -45
  225. package/css/components/Page/page.js +20 -45
  226. package/css/components/Page/page.mjs +20 -45
  227. package/css/components/Pagination/pagination.css +241 -251
  228. package/css/components/Pagination/pagination.d.ts +8 -8
  229. package/css/components/Pagination/pagination.js +8 -8
  230. package/css/components/Pagination/pagination.mjs +8 -8
  231. package/css/components/Panel/panel.css +75 -73
  232. package/css/components/Panel/panel.d.ts +5 -5
  233. package/css/components/Panel/panel.js +5 -5
  234. package/css/components/Panel/panel.mjs +5 -5
  235. package/css/components/Popover/popover.css +149 -148
  236. package/css/components/Popover/popover.d.ts +10 -10
  237. package/css/components/Popover/popover.js +10 -10
  238. package/css/components/Popover/popover.mjs +10 -10
  239. package/css/components/Popper/Popper.css +1 -1
  240. package/css/components/Popper/Popper.d.ts +1 -1
  241. package/css/components/Popper/Popper.js +1 -1
  242. package/css/components/Popper/Popper.mjs +1 -1
  243. package/css/components/Progress/progress.css +86 -83
  244. package/css/components/Progress/progress.d.ts +8 -8
  245. package/css/components/Progress/progress.js +8 -8
  246. package/css/components/Progress/progress.mjs +8 -8
  247. package/css/components/ProgressStepper/progress-stepper.css +530 -528
  248. package/css/components/ProgressStepper/progress-stepper.d.ts +9 -8
  249. package/css/components/ProgressStepper/progress-stepper.js +9 -8
  250. package/css/components/ProgressStepper/progress-stepper.mjs +9 -8
  251. package/css/components/Radio/radio.css +51 -45
  252. package/css/components/Radio/radio.d.ts +5 -5
  253. package/css/components/Radio/radio.js +5 -5
  254. package/css/components/Radio/radio.mjs +5 -5
  255. package/css/components/Sidebar/sidebar.css +264 -265
  256. package/css/components/Sidebar/sidebar.d.ts +4 -4
  257. package/css/components/Sidebar/sidebar.js +4 -4
  258. package/css/components/Sidebar/sidebar.mjs +4 -4
  259. package/css/components/SimpleList/simple-list.css +53 -56
  260. package/css/components/SimpleList/simple-list.d.ts +4 -4
  261. package/css/components/SimpleList/simple-list.js +4 -4
  262. package/css/components/SimpleList/simple-list.mjs +4 -4
  263. package/css/components/Skeleton/skeleton.css +112 -113
  264. package/css/components/Skeleton/skeleton.d.ts +2 -2
  265. package/css/components/Skeleton/skeleton.js +2 -2
  266. package/css/components/Skeleton/skeleton.mjs +2 -2
  267. package/css/components/SkipToContent/skip-to-content.css +9 -9
  268. package/css/components/SkipToContent/skip-to-content.d.ts +1 -1
  269. package/css/components/SkipToContent/skip-to-content.js +1 -1
  270. package/css/components/SkipToContent/skip-to-content.mjs +1 -1
  271. package/css/components/Slider/slider.css +144 -145
  272. package/css/components/Slider/slider.d.ts +13 -13
  273. package/css/components/Slider/slider.js +13 -13
  274. package/css/components/Slider/slider.mjs +13 -13
  275. package/css/components/Spinner/spinner.css +36 -37
  276. package/css/components/Spinner/spinner.d.ts +2 -2
  277. package/css/components/Spinner/spinner.js +2 -2
  278. package/css/components/Spinner/spinner.mjs +2 -2
  279. package/css/components/Switch/switch.css +87 -94
  280. package/css/components/Switch/switch.d.ts +7 -9
  281. package/css/components/Switch/switch.js +7 -9
  282. package/css/components/Switch/switch.mjs +7 -9
  283. package/css/components/TabContent/tab-content.css +35 -36
  284. package/css/components/TabContent/tab-content.d.ts +2 -2
  285. package/css/components/TabContent/tab-content.js +2 -2
  286. package/css/components/TabContent/tab-content.mjs +2 -2
  287. package/css/components/Table/inline-edit.css +31 -31
  288. package/css/components/Table/inline-edit.d.ts +2 -2
  289. package/css/components/Table/inline-edit.js +2 -2
  290. package/css/components/Table/inline-edit.mjs +2 -2
  291. package/css/components/Table/table-grid.css +884 -980
  292. package/css/components/Table/table-grid.d.ts +21 -20
  293. package/css/components/Table/table-grid.js +21 -20
  294. package/css/components/Table/table-grid.mjs +21 -20
  295. package/css/components/Table/table-scrollable.css +43 -39
  296. package/css/components/Table/table-scrollable.d.ts +4 -4
  297. package/css/components/Table/table-scrollable.js +4 -4
  298. package/css/components/Table/table-scrollable.mjs +4 -4
  299. package/css/components/Table/table-tree-view.css +527 -513
  300. package/css/components/Table/table-tree-view.d.ts +18 -18
  301. package/css/components/Table/table-tree-view.js +18 -18
  302. package/css/components/Table/table-tree-view.mjs +18 -18
  303. package/css/components/Table/table.css +641 -869
  304. package/css/components/Table/table.d.ts +42 -42
  305. package/css/components/Table/table.js +42 -42
  306. package/css/components/Table/table.mjs +42 -42
  307. package/css/components/Tabs/tabs.css +635 -694
  308. package/css/components/Tabs/tabs.d.ts +17 -21
  309. package/css/components/Tabs/tabs.js +17 -21
  310. package/css/components/Tabs/tabs.mjs +17 -21
  311. package/css/components/TextInputGroup/text-input-group.css +153 -110
  312. package/css/components/TextInputGroup/text-input-group.d.ts +12 -10
  313. package/css/components/TextInputGroup/text-input-group.js +12 -10
  314. package/css/components/TextInputGroup/text-input-group.mjs +12 -10
  315. package/css/components/Tile/tile.css +68 -69
  316. package/css/components/Tile/tile.d.ts +5 -5
  317. package/css/components/Tile/tile.js +5 -5
  318. package/css/components/Tile/tile.mjs +5 -5
  319. package/css/components/Timestamp/timestamp.css +23 -30
  320. package/css/components/Timestamp/timestamp.d.ts +1 -1
  321. package/css/components/Timestamp/timestamp.js +1 -1
  322. package/css/components/Timestamp/timestamp.mjs +1 -1
  323. package/css/components/Title/title.css +88 -88
  324. package/css/components/Title/title.d.ts +1 -1
  325. package/css/components/Title/title.js +1 -1
  326. package/css/components/Title/title.mjs +1 -1
  327. package/css/components/ToggleGroup/toggle-group.css +93 -75
  328. package/css/components/ToggleGroup/toggle-group.d.ts +5 -5
  329. package/css/components/ToggleGroup/toggle-group.js +5 -5
  330. package/css/components/ToggleGroup/toggle-group.mjs +5 -5
  331. package/css/components/Toolbar/toolbar.css +1569 -2391
  332. package/css/components/Toolbar/toolbar.d.ts +19 -124
  333. package/css/components/Toolbar/toolbar.js +19 -124
  334. package/css/components/Toolbar/toolbar.mjs +19 -124
  335. package/css/components/Tooltip/tooltip.css +86 -86
  336. package/css/components/Tooltip/tooltip.d.ts +3 -3
  337. package/css/components/Tooltip/tooltip.js +3 -3
  338. package/css/components/Tooltip/tooltip.mjs +3 -3
  339. package/css/components/TreeView/tree-view.css +365 -387
  340. package/css/components/TreeView/tree-view.d.ts +16 -20
  341. package/css/components/TreeView/tree-view.js +16 -20
  342. package/css/components/TreeView/tree-view.mjs +16 -20
  343. package/css/components/Truncate/truncate.css +16 -17
  344. package/css/components/Truncate/truncate.d.ts +4 -4
  345. package/css/components/Truncate/truncate.js +4 -4
  346. package/css/components/Truncate/truncate.mjs +4 -4
  347. package/css/components/Wizard/wizard.css +334 -384
  348. package/css/components/Wizard/wizard.d.ts +32 -31
  349. package/css/components/Wizard/wizard.js +32 -31
  350. package/css/components/Wizard/wizard.mjs +32 -31
  351. package/css/components/_index.css +22256 -0
  352. package/css/components/_index.d.ts +1374 -0
  353. package/css/components/_index.js +1375 -0
  354. package/css/components/_index.mjs +1373 -0
  355. package/css/docs/components/Brand/examples/Brand.css +3 -3
  356. package/css/docs/components/Brand/examples/Brand.d.ts +1 -1
  357. package/css/docs/components/Brand/examples/Brand.js +1 -1
  358. package/css/docs/components/Brand/examples/Brand.mjs +1 -1
  359. package/css/docs/components/Button/examples/Button.css +2 -2
  360. package/css/docs/components/Button/examples/Button.d.ts +1 -1
  361. package/css/docs/components/Button/examples/Button.js +1 -1
  362. package/css/docs/components/Button/examples/Button.mjs +1 -1
  363. package/css/docs/components/DragDrop/examples/DragDrop.css +3 -3
  364. package/css/docs/components/DragDrop/examples/DragDrop.d.ts +1 -1
  365. package/css/docs/components/DragDrop/examples/DragDrop.js +1 -1
  366. package/css/docs/components/DragDrop/examples/DragDrop.mjs +1 -1
  367. package/css/docs/components/Label/examples/Label.css +4 -4
  368. package/css/docs/components/Label/examples/Label.d.ts +1 -1
  369. package/css/docs/components/Label/examples/Label.js +1 -1
  370. package/css/docs/components/Label/examples/Label.mjs +1 -1
  371. package/css/docs/components/Menu/examples/Menu.css +8 -12
  372. package/css/docs/components/Menu/examples/Menu.d.ts +3 -2
  373. package/css/docs/components/Menu/examples/Menu.js +3 -2
  374. package/css/docs/components/Menu/examples/Menu.mjs +3 -2
  375. package/css/docs/components/Nav/examples/Navigation.css +20 -8
  376. package/css/docs/components/Nav/examples/Navigation.d.ts +2 -2
  377. package/css/docs/components/Nav/examples/Navigation.js +2 -2
  378. package/css/docs/components/Nav/examples/Navigation.mjs +2 -2
  379. package/css/docs/components/OverflowMenu/examples/overflow-menu.css +4 -28
  380. package/css/docs/components/OverflowMenu/examples/overflow-menu.d.ts +2 -2
  381. package/css/docs/components/OverflowMenu/examples/overflow-menu.js +2 -2
  382. package/css/docs/components/OverflowMenu/examples/overflow-menu.mjs +2 -2
  383. package/css/docs/components/Page/examples/Page.css +5 -9
  384. package/css/docs/components/Page/examples/Page.d.ts +2 -1
  385. package/css/docs/components/Page/examples/Page.js +2 -1
  386. package/css/docs/components/Page/examples/Page.mjs +2 -1
  387. package/css/docs/components/Sidebar/examples/Sidebar.css +4 -2
  388. package/css/docs/components/Sidebar/examples/Sidebar.d.ts +1 -4
  389. package/css/docs/components/Sidebar/examples/Sidebar.js +1 -4
  390. package/css/docs/components/Sidebar/examples/Sidebar.mjs +1 -4
  391. package/css/docs/components/Skeleton/examples/Skeleton.css +1 -1
  392. package/css/docs/components/Skeleton/examples/Skeleton.d.ts +1 -1
  393. package/css/docs/components/Skeleton/examples/Skeleton.js +1 -1
  394. package/css/docs/components/Skeleton/examples/Skeleton.mjs +1 -1
  395. package/css/docs/components/Table/examples/Table.css +11 -6
  396. package/css/docs/components/Table/examples/Table.d.ts +3 -1
  397. package/css/docs/components/Table/examples/Table.js +3 -1
  398. package/css/docs/components/Table/examples/Table.mjs +3 -1
  399. package/css/docs/components/TextInputGroup/examples/TextInputGroup.css +8 -3
  400. package/css/docs/components/TextInputGroup/examples/TextInputGroup.d.ts +2 -2
  401. package/css/docs/components/TextInputGroup/examples/TextInputGroup.js +2 -2
  402. package/css/docs/components/TextInputGroup/examples/TextInputGroup.mjs +2 -2
  403. package/css/docs/components/Tile/examples/Tile.css +5 -5
  404. package/css/docs/components/Tile/examples/Tile.d.ts +1 -1
  405. package/css/docs/components/Tile/examples/Tile.js +1 -1
  406. package/css/docs/components/Tile/examples/Tile.mjs +1 -1
  407. package/css/docs/components/Toolbar/examples/Toolbar.css +50 -39
  408. package/css/docs/components/Toolbar/examples/Toolbar.d.ts +4 -3
  409. package/css/docs/components/Toolbar/examples/Toolbar.js +4 -3
  410. package/css/docs/components/Toolbar/examples/Toolbar.mjs +4 -3
  411. package/css/docs/components/Tooltip/examples/Tooltip.css +1 -1
  412. package/css/docs/components/Truncate/examples/Truncate.css +1 -2
  413. package/css/docs/components/Truncate/examples/Truncate.d.ts +1 -1
  414. package/css/docs/components/Truncate/examples/Truncate.js +1 -1
  415. package/css/docs/components/Truncate/examples/Truncate.mjs +1 -1
  416. package/css/docs/demos/Card/examples/Card.css +6 -6
  417. package/css/docs/demos/Card/examples/Card.d.ts +2 -2
  418. package/css/docs/demos/Card/examples/Card.js +2 -2
  419. package/css/docs/demos/Card/examples/Card.mjs +2 -2
  420. package/css/docs/demos/Page/examples/Page.css +11 -0
  421. package/css/docs/demos/Page/examples/Page.d.ts +9 -0
  422. package/css/docs/demos/Page/examples/Page.js +10 -0
  423. package/css/docs/demos/Page/examples/Page.mjs +8 -0
  424. package/css/docs/demos/Toolbar/examples/Toolbar.css +10 -18
  425. package/css/docs/demos/Toolbar/examples/Toolbar.d.ts +3 -3
  426. package/css/docs/demos/Toolbar/examples/Toolbar.js +3 -3
  427. package/css/docs/demos/Toolbar/examples/Toolbar.mjs +3 -3
  428. package/css/docs/layouts/Bullseye/examples/Bullseye.css +4 -4
  429. package/css/docs/layouts/Bullseye/examples/Bullseye.d.ts +2 -2
  430. package/css/docs/layouts/Bullseye/examples/Bullseye.js +2 -2
  431. package/css/docs/layouts/Bullseye/examples/Bullseye.mjs +2 -2
  432. package/css/docs/layouts/Flex/examples/Flex.css +4 -4
  433. package/css/docs/layouts/Flex/examples/Flex.d.ts +2 -2
  434. package/css/docs/layouts/Flex/examples/Flex.js +2 -2
  435. package/css/docs/layouts/Flex/examples/Flex.mjs +2 -2
  436. package/css/docs/layouts/Gallery/examples/Gallery.css +4 -4
  437. package/css/docs/layouts/Gallery/examples/Gallery.d.ts +2 -2
  438. package/css/docs/layouts/Gallery/examples/Gallery.js +2 -2
  439. package/css/docs/layouts/Gallery/examples/Gallery.mjs +2 -2
  440. package/css/docs/layouts/Grid/examples/Grid.css +3 -3
  441. package/css/docs/layouts/Grid/examples/Grid.d.ts +1 -1
  442. package/css/docs/layouts/Grid/examples/Grid.js +1 -1
  443. package/css/docs/layouts/Grid/examples/Grid.mjs +1 -1
  444. package/css/docs/layouts/Level/examples/Level.css +5 -5
  445. package/css/docs/layouts/Level/examples/Level.d.ts +2 -2
  446. package/css/docs/layouts/Level/examples/Level.js +2 -2
  447. package/css/docs/layouts/Level/examples/Level.mjs +2 -2
  448. package/css/docs/layouts/Split/examples/Split.css +4 -4
  449. package/css/docs/layouts/Split/examples/Split.d.ts +2 -2
  450. package/css/docs/layouts/Split/examples/Split.js +2 -2
  451. package/css/docs/layouts/Split/examples/Split.mjs +2 -2
  452. package/css/docs/layouts/Stack/examples/Stack.css +5 -5
  453. package/css/docs/layouts/Stack/examples/Stack.d.ts +2 -2
  454. package/css/docs/layouts/Stack/examples/Stack.js +2 -2
  455. package/css/docs/layouts/Stack/examples/Stack.mjs +2 -2
  456. package/css/docs/utilities/Alignment/examples/Alignment.css +6 -6
  457. package/css/docs/utilities/Alignment/examples/Alignment.d.ts +4 -4
  458. package/css/docs/utilities/Alignment/examples/Alignment.js +4 -4
  459. package/css/docs/utilities/Alignment/examples/Alignment.mjs +4 -4
  460. package/css/docs/utilities/BoxShadow/examples/box-shadow.css +11 -11
  461. package/css/docs/utilities/Display/examples/Display.css +3 -10
  462. package/css/docs/utilities/Display/examples/Display.d.ts +0 -8
  463. package/css/docs/utilities/Display/examples/Display.js +0 -8
  464. package/css/docs/utilities/Display/examples/Display.mjs +0 -8
  465. package/css/docs/utilities/Flex/examples/Flex.css +7 -7
  466. package/css/docs/utilities/Flex/examples/Flex.d.ts +2 -2
  467. package/css/docs/utilities/Flex/examples/Flex.js +2 -2
  468. package/css/docs/utilities/Flex/examples/Flex.mjs +2 -2
  469. package/css/docs/utilities/Float/examples/Float.css +5 -5
  470. package/css/docs/utilities/Float/examples/Float.d.ts +2 -2
  471. package/css/docs/utilities/Float/examples/Float.js +2 -2
  472. package/css/docs/utilities/Float/examples/Float.mjs +2 -2
  473. package/css/docs/utilities/Sizing/examples/Sizing.css +6 -6
  474. package/css/docs/utilities/Sizing/examples/Sizing.d.ts +4 -4
  475. package/css/docs/utilities/Sizing/examples/Sizing.js +4 -4
  476. package/css/docs/utilities/Sizing/examples/Sizing.mjs +4 -4
  477. package/css/docs/utilities/Spacing/examples/Spacing.css +3 -3
  478. package/css/docs/utilities/Spacing/examples/Spacing.d.ts +1 -1
  479. package/css/docs/utilities/Spacing/examples/Spacing.js +1 -1
  480. package/css/docs/utilities/Spacing/examples/Spacing.mjs +1 -1
  481. package/css/layouts/Bullseye/bullseye.css +6 -3
  482. package/css/layouts/Bullseye/bullseye.d.ts +1 -1
  483. package/css/layouts/Bullseye/bullseye.js +1 -1
  484. package/css/layouts/Bullseye/bullseye.mjs +1 -1
  485. package/css/layouts/Flex/flex.css +1314 -1311
  486. package/css/layouts/Flex/flex.d.ts +1 -1
  487. package/css/layouts/Flex/flex.js +1 -1
  488. package/css/layouts/Flex/flex.mjs +1 -1
  489. package/css/layouts/Gallery/gallery.css +47 -44
  490. package/css/layouts/Gallery/gallery.d.ts +1 -1
  491. package/css/layouts/Gallery/gallery.js +1 -1
  492. package/css/layouts/Gallery/gallery.mjs +1 -1
  493. package/css/layouts/Grid/grid.css +549 -546
  494. package/css/layouts/Grid/grid.d.ts +2 -2
  495. package/css/layouts/Grid/grid.js +2 -2
  496. package/css/layouts/Grid/grid.mjs +2 -2
  497. package/css/layouts/Level/level.css +7 -4
  498. package/css/layouts/Level/level.d.ts +1 -1
  499. package/css/layouts/Level/level.js +1 -1
  500. package/css/layouts/Level/level.mjs +1 -1
  501. package/css/layouts/Split/split.css +9 -6
  502. package/css/layouts/Split/split.d.ts +2 -2
  503. package/css/layouts/Split/split.js +2 -2
  504. package/css/layouts/Split/split.mjs +2 -2
  505. package/css/layouts/Stack/stack.css +8 -5
  506. package/css/layouts/Stack/stack.d.ts +2 -2
  507. package/css/layouts/Stack/stack.js +2 -2
  508. package/css/layouts/Stack/stack.mjs +2 -2
  509. package/css/layouts/Toolbar/toolbar.css +8 -8
  510. package/css/layouts/_index.css +3454 -0
  511. package/css/layouts/_index.d.ts +846 -0
  512. package/css/layouts/_index.js +847 -0
  513. package/css/layouts/_index.mjs +845 -0
  514. package/css/utilities/Accessibility/accessibility.css +33 -33
  515. package/css/utilities/Accessibility/accessibility.d.ts +18 -18
  516. package/css/utilities/Accessibility/accessibility.js +18 -18
  517. package/css/utilities/Accessibility/accessibility.mjs +18 -18
  518. package/css/utilities/Alignment/alignment.css +41 -41
  519. package/css/utilities/Alignment/alignment.d.ts +24 -24
  520. package/css/utilities/Alignment/alignment.js +24 -24
  521. package/css/utilities/Alignment/alignment.mjs +24 -24
  522. package/css/utilities/BackgroundColor/background-color.css +67 -0
  523. package/css/utilities/BackgroundColor/background-color.d.ts +22 -0
  524. package/css/utilities/BackgroundColor/background-color.js +23 -0
  525. package/css/utilities/BackgroundColor/background-color.mjs +21 -0
  526. package/css/utilities/BoxShadow/box-shadow.css +30 -54
  527. package/css/utilities/BoxShadow/box-shadow.d.ts +15 -21
  528. package/css/utilities/BoxShadow/box-shadow.js +15 -21
  529. package/css/utilities/BoxShadow/box-shadow.mjs +15 -21
  530. package/css/utilities/Display/display.css +97 -59
  531. package/css/utilities/Display/display.d.ts +66 -54
  532. package/css/utilities/Display/display.js +66 -54
  533. package/css/utilities/Display/display.mjs +66 -54
  534. package/css/utilities/Flex/flex.css +278 -278
  535. package/css/utilities/Flex/flex.d.ts +228 -228
  536. package/css/utilities/Flex/flex.js +228 -228
  537. package/css/utilities/Flex/flex.mjs +228 -228
  538. package/css/utilities/Float/float.css +29 -29
  539. package/css/utilities/Float/float.d.ts +12 -12
  540. package/css/utilities/Float/float.js +12 -12
  541. package/css/utilities/Float/float.mjs +12 -12
  542. package/css/utilities/Sizing/sizing.css +274 -274
  543. package/css/utilities/Sizing/sizing.d.ts +196 -196
  544. package/css/utilities/Sizing/sizing.js +196 -196
  545. package/css/utilities/Sizing/sizing.mjs +196 -196
  546. package/css/utilities/Spacing/spacing.css +2212 -2212
  547. package/css/utilities/Spacing/spacing.d.ts +840 -840
  548. package/css/utilities/Spacing/spacing.js +840 -840
  549. package/css/utilities/Spacing/spacing.mjs +840 -840
  550. package/css/utilities/Text/text.css +501 -744
  551. package/css/utilities/Text/text.d.ts +250 -278
  552. package/css/utilities/Text/text.js +250 -278
  553. package/css/utilities/Text/text.mjs +250 -278
  554. package/css/utilities/_index.css +7815 -0
  555. package/css/utilities/_index.d.ts +1671 -0
  556. package/css/utilities/_index.js +1672 -0
  557. package/css/utilities/_index.mjs +1670 -0
  558. package/dist/esm/index.js.map +1 -1
  559. package/dist/js/index.js.map +1 -1
  560. package/package.json +7 -12
  561. package/scripts/copyStyles.mjs +8 -0
  562. package/scripts/{generateClassMaps.js → generateClassMaps.mjs} +8 -11
  563. package/scripts/{writeClassMaps.js → writeClassMaps.mjs} +15 -13
  564. package/src/css/components/Popper/Popper.css +1 -1
  565. package/src/css/components/Table/inline-edit.css +31 -31
  566. package/src/css/layouts/Toolbar/toolbar.css +8 -8
  567. package/.eslintrc.json +0 -5
  568. package/css/assets/images/pf-logo-small.svg +0 -23
  569. package/css/assets/images/pf_logo_white.hbs +0 -35
  570. package/css/assets/images/pfbg-icon.svg +0 -1
  571. package/css/components/AppLauncher/app-launcher.css +0 -244
  572. package/css/components/AppLauncher/app-launcher.d.ts +0 -29
  573. package/css/components/AppLauncher/app-launcher.js +0 -30
  574. package/css/components/AppLauncher/app-launcher.mjs +0 -28
  575. package/css/components/Chip/chip-group.css +0 -93
  576. package/css/components/Chip/chip-group.d.ts +0 -13
  577. package/css/components/Chip/chip-group.js +0 -14
  578. package/css/components/Chip/chip-group.mjs +0 -12
  579. package/css/components/Chip/chip.css +0 -122
  580. package/css/components/Chip/chip.d.ts +0 -16
  581. package/css/components/Chip/chip.js +0 -17
  582. package/css/components/Chip/chip.mjs +0 -15
  583. package/css/components/Consoles/AccessConsoles.css +0 -14
  584. package/css/components/Consoles/AccessConsoles.d.ts +0 -6
  585. package/css/components/Consoles/AccessConsoles.js +0 -7
  586. package/css/components/Consoles/AccessConsoles.mjs +0 -5
  587. package/css/components/Consoles/DesktopViewer.css +0 -6
  588. package/css/components/Consoles/DesktopViewer.d.ts +0 -5
  589. package/css/components/Consoles/DesktopViewer.js +0 -6
  590. package/css/components/Consoles/DesktopViewer.mjs +0 -4
  591. package/css/components/Consoles/SerialConsole.css +0 -11
  592. package/css/components/Consoles/SerialConsole.d.ts +0 -6
  593. package/css/components/Consoles/SerialConsole.js +0 -7
  594. package/css/components/Consoles/SerialConsole.mjs +0 -5
  595. package/css/components/Consoles/VncConsole.css +0 -10
  596. package/css/components/Consoles/VncConsole.d.ts +0 -6
  597. package/css/components/Consoles/VncConsole.js +0 -7
  598. package/css/components/Consoles/VncConsole.mjs +0 -5
  599. package/css/components/Consoles/xterm.css +0 -171
  600. package/css/components/Consoles/xterm.d.ts +0 -26
  601. package/css/components/Consoles/xterm.js +0 -27
  602. package/css/components/Consoles/xterm.mjs +0 -25
  603. package/css/components/ContextSelector/context-selector.css +0 -336
  604. package/css/components/ContextSelector/context-selector.d.ts +0 -25
  605. package/css/components/ContextSelector/context-selector.js +0 -26
  606. package/css/components/ContextSelector/context-selector.mjs +0 -24
  607. package/css/components/Dropdown/dropdown.css +0 -686
  608. package/css/components/Dropdown/dropdown.d.ts +0 -55
  609. package/css/components/Dropdown/dropdown.js +0 -56
  610. package/css/components/Dropdown/dropdown.mjs +0 -54
  611. package/css/components/LogViewer/log-viewer.css +0 -197
  612. package/css/components/LogViewer/log-viewer.d.ts +0 -27
  613. package/css/components/LogViewer/log-viewer.js +0 -28
  614. package/css/components/LogViewer/log-viewer.mjs +0 -26
  615. package/css/components/NotificationBadge/notification-badge.css +0 -87
  616. package/css/components/NotificationBadge/notification-badge.d.ts +0 -11
  617. package/css/components/NotificationBadge/notification-badge.js +0 -12
  618. package/css/components/NotificationBadge/notification-badge.mjs +0 -10
  619. package/css/components/OptionsMenu/options-menu.css +0 -279
  620. package/css/components/OptionsMenu/options-menu.d.ts +0 -27
  621. package/css/components/OptionsMenu/options-menu.js +0 -28
  622. package/css/components/OptionsMenu/options-menu.mjs +0 -26
  623. package/css/components/Select/select.css +0 -599
  624. package/css/components/Select/select.d.ts +0 -61
  625. package/css/components/Select/select.js +0 -62
  626. package/css/components/Select/select.mjs +0 -60
  627. package/css/docs/components/AppLauncher/deprecated/application-launcher.css +0 -25
  628. package/css/docs/components/AppLauncher/deprecated/application-launcher.d.ts +0 -3
  629. package/css/docs/components/AppLauncher/deprecated/application-launcher.js +0 -4
  630. package/css/docs/components/AppLauncher/deprecated/application-launcher.mjs +0 -2
  631. package/css/docs/components/Breadcrumb/examples/Breadcrumb.css +0 -3
  632. package/css/docs/components/Breadcrumb/examples/Breadcrumb.d.ts +0 -3
  633. package/css/docs/components/Breadcrumb/examples/Breadcrumb.js +0 -4
  634. package/css/docs/components/Breadcrumb/examples/Breadcrumb.mjs +0 -2
  635. package/css/docs/components/ContextSelector/deprecated/context-selector.css +0 -7
  636. package/css/docs/components/ContextSelector/deprecated/context-selector.d.ts +0 -3
  637. package/css/docs/components/ContextSelector/deprecated/context-selector.js +0 -4
  638. package/css/docs/components/ContextSelector/deprecated/context-selector.mjs +0 -2
  639. package/css/docs/components/Dropdown/deprecated/Dropdown.css +0 -64
  640. package/css/docs/components/Dropdown/deprecated/Dropdown.d.ts +0 -6
  641. package/css/docs/components/Dropdown/deprecated/Dropdown.js +0 -7
  642. package/css/docs/components/Dropdown/deprecated/Dropdown.mjs +0 -5
  643. package/css/docs/components/LogViewer/examples/LogViewer.css +0 -17
  644. package/css/docs/components/LogViewer/examples/LogViewer.d.ts +0 -6
  645. package/css/docs/components/LogViewer/examples/LogViewer.js +0 -7
  646. package/css/docs/components/LogViewer/examples/LogViewer.mjs +0 -5
  647. package/css/docs/components/OptionsMenu/deprecated/options-menu.css +0 -25
  648. package/css/docs/components/OptionsMenu/deprecated/options-menu.d.ts +0 -3
  649. package/css/docs/components/OptionsMenu/deprecated/options-menu.js +0 -4
  650. package/css/docs/components/OptionsMenu/deprecated/options-menu.mjs +0 -2
  651. package/css/docs/components/Page/deprecated/PageHeader.css +0 -17
  652. package/css/docs/components/Page/deprecated/PageHeader.d.ts +0 -12
  653. package/css/docs/components/Page/deprecated/PageHeader.js +0 -13
  654. package/css/docs/components/Page/deprecated/PageHeader.mjs +0 -11
  655. package/css/docs/components/Pagination/examples/Pagination.css +0 -3
  656. package/css/docs/components/Pagination/examples/Pagination.d.ts +0 -3
  657. package/css/docs/components/Pagination/examples/Pagination.js +0 -4
  658. package/css/docs/components/Pagination/examples/Pagination.mjs +0 -2
  659. package/css/docs/components/Select/deprecated/Select.css +0 -56
  660. package/css/docs/components/Select/deprecated/Select.d.ts +0 -3
  661. package/css/docs/components/Select/deprecated/Select.js +0 -4
  662. package/css/docs/components/Select/deprecated/Select.mjs +0 -2
  663. package/css/docs/components/Tabs/examples/Tabs.css +0 -10
  664. package/css/docs/components/Tabs/examples/Tabs.d.ts +0 -6
  665. package/css/docs/components/Tabs/examples/Tabs.js +0 -7
  666. package/css/docs/components/Tabs/examples/Tabs.mjs +0 -5
  667. package/css/docs/components/ToggleGroup/examples/toggle-group.css +0 -4
  668. package/css/docs/components/ToggleGroup/examples/toggle-group.d.ts +0 -5
  669. package/css/docs/components/ToggleGroup/examples/toggle-group.js +0 -6
  670. package/css/docs/components/ToggleGroup/examples/toggle-group.mjs +0 -4
  671. package/css/docs/utilities/Text/examples/Text.css +0 -0
  672. package/css/docs/utilities/Text/examples/Text.d.ts +0 -3
  673. package/css/docs/utilities/Text/examples/Text.js +0 -4
  674. package/css/docs/utilities/Text/examples/Text.mjs +0 -2
  675. package/css/utilities/BackgroundColor/BackgroundColor.css +0 -414
  676. package/css/utilities/BackgroundColor/BackgroundColor.d.ts +0 -101
  677. package/css/utilities/BackgroundColor/BackgroundColor.js +0 -102
  678. package/css/utilities/BackgroundColor/BackgroundColor.mjs +0 -100
  679. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.css +0 -0
  680. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.d.ts +0 -3
  681. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.js +0 -4
  682. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.mjs +0 -2
  683. package/css/utilities/Text/themes/dark/text.css +0 -0
  684. package/css/utilities/Text/themes/dark/text.d.ts +0 -3
  685. package/css/utilities/Text/themes/dark/text.js +0 -4
  686. package/css/utilities/Text/themes/dark/text.mjs +0 -2
  687. package/scripts/copyStyles.js +0 -7
  688. package/src/css/components/Consoles/AccessConsoles.css +0 -14
  689. package/src/css/components/Consoles/DesktopViewer.css +0 -6
  690. package/src/css/components/Consoles/SerialConsole.css +0 -11
  691. package/src/css/components/Consoles/VncConsole.css +0 -10
  692. package/src/css/components/Consoles/xterm.css +0 -171
package/css/layouts/_index.css ADDED
@@ -0,0 +1,3454 @@
1
+ :where(:root, .pf-v6-l-bullseye) {
2
+ --pf-v6-l-bullseye--Padding: 0;
3
+ }
4
+
5
+ .pf-v6-l-bullseye {
6
+ display: flex;
7
+ align-items: center;
8
+ justify-content: center;
9
+ height: 100%;
10
+ padding: var(--pf-v6-l-bullseye--Padding);
11
+ margin: 0;
12
+ }
13
+
14
+ :where(:root, .pf-v6-l-flex) {
15
+ --pf-v6-l-flex--Display: flex;
16
+ --pf-v6-l-flex--FlexWrap: wrap;
17
+ --pf-v6-l-flex--AlignItems: baseline;
18
+ --pf-v6-l-flex--m-row--AlignItems: baseline;
19
+ --pf-v6-l-flex--m-row-reverse--AlignItems: baseline;
20
+ --pf-v6-l-flex--item--Order: 0;
21
+ --pf-v6-l-flex--spacer--column--base: var(--pf-t--global--spacer--gutter--default);
22
+ --pf-v6-l-flex--spacer--row--base: var(--pf-t--global--spacer--sm);
23
+ --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--spacer--row--base);
24
+ --pf-v6-l-flex--ColumnGap: 0;
25
+ --pf-v6-l-flex--m-gap--RowGap: var(--pf-v6-l-flex--spacer--row--base);
26
+ --pf-v6-l-flex--m-gap--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
27
+ --pf-v6-l-flex--m-row-gap--RowGap: var(--pf-v6-l-flex--spacer--row--base);
28
+ --pf-v6-l-flex--m-column-gap--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
29
+ }
30
+
31
+ .pf-v6-l-flex {
32
+ --pf-v6-l-flex--spacer--none: 0;
33
+ --pf-v6-l-flex--spacer--xs: var(--pf-t--global--spacer--xs);
34
+ --pf-v6-l-flex--spacer--sm: var(--pf-t--global--spacer--sm);
35
+ --pf-v6-l-flex--spacer--md: var(--pf-t--global--spacer--md);
36
+ --pf-v6-l-flex--spacer--lg: var(--pf-t--global--spacer--lg);
37
+ --pf-v6-l-flex--spacer--xl: var(--pf-t--global--spacer--xl);
38
+ --pf-v6-l-flex--spacer--2xl: var(--pf-t--global--spacer--2xl);
39
+ --pf-v6-l-flex--spacer--3xl: var(--pf-t--global--spacer--3xl);
40
+ --pf-v6-l-flex--spacer--4xl: var(--pf-t--global--spacer--4xl);
41
+ display: var(--pf-v6-l-flex--Display);
42
+ flex-wrap: var(--pf-v6-l-flex--FlexWrap);
43
+ gap: var(--pf-v6-l-flex--RowGap) var(--pf-v6-l-flex--ColumnGap);
44
+ align-items: var(--pf-v6-l-flex--AlignItems);
45
+ }
46
+
47
+ .pf-v6-l-flex > * {
48
+ --pf-v6-l-flex--spacer: initial;
49
+ --pf-v6-l-flex--spacer--column: var(--pf-v6-l-flex--spacer, var(--pf-v6-l-flex--spacer--column--base));
50
+ --pf-v6-l-flex--spacer--row: var(--pf-v6-l-flex--spacer, var(--pf-v6-l-flex--spacer--row--base));
51
+ order: var(--pf-v6-l-flex--item--Order);
52
+ max-width: 100%;
53
+ margin-inline-end: var(--pf-v6-l-flex--spacer--column);
54
+ }
55
+ @media screen and (min-width: 36rem) {
56
+ .pf-v6-l-flex > * {
57
+ order: var(--pf-v6-l-flex--item--Order-on-sm, var(--pf-v6-l-flex--item--Order));
58
+ }
59
+ }
60
+ @media screen and (min-width: 48rem) {
61
+ .pf-v6-l-flex > * {
62
+ order: var(--pf-v6-l-flex--item--Order-on-md, var(--pf-v6-l-flex--item--Order-on-sm, var(--pf-v6-l-flex--item--Order)));
63
+ }
64
+ }
65
+ @media screen and (min-width: 62rem) {
66
+ .pf-v6-l-flex > * {
67
+ order: var(--pf-v6-l-flex--item--Order-on-lg, var(--pf-v6-l-flex--item--Order-on-md, var(--pf-v6-l-flex--item--Order-on-sm, var(--pf-v6-l-flex--item--Order))));
68
+ }
69
+ }
70
+ @media screen and (min-width: 75rem) {
71
+ .pf-v6-l-flex > * {
72
+ order: var(--pf-v6-l-flex--item--Order-on-xl, var(--pf-v6-l-flex--item--Order-on-lg, var(--pf-v6-l-flex--item--Order-on-md, var(--pf-v6-l-flex--item--Order-on-sm, var(--pf-v6-l-flex--item--Order)))));
73
+ }
74
+ }
75
+ @media screen and (min-width: 90.625rem) {
76
+ .pf-v6-l-flex > * {
77
+ order: var(--pf-v6-l-flex--item--Order-on-2xl, var(--pf-v6-l-flex--item--Order-on-xl, var(--pf-v6-l-flex--item--Order-on-lg, var(--pf-v6-l-flex--item--Order-on-md, var(--pf-v6-l-flex--item--Order-on-sm, var(--pf-v6-l-flex--item--Order))))));
78
+ }
79
+ }
80
+ .pf-v6-l-flex > *:last-child {
81
+ --pf-v6-l-flex--spacer: 0;
82
+ }
83
+
84
+ .pf-v6-l-flex.pf-m-flex {
85
+ display: var(--pf-v6-l-flex--Display);
86
+ }
87
+ .pf-v6-l-flex.pf-m-inline-flex {
88
+ --pf-v6-l-flex--Display: inline-flex;
89
+ }
90
+ .pf-v6-l-flex.pf-m-column {
91
+ --pf-v6-l-flex--RowGap: 0;
92
+ --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
93
+ flex-direction: column;
94
+ align-items: normal;
95
+ }
96
+ .pf-v6-l-flex.pf-m-column > * {
97
+ margin-block-start: 0;
98
+ margin-block-end: var(--pf-v6-l-flex--spacer--row);
99
+ margin-inline-start: 0;
100
+ margin-inline-end: 0;
101
+ }
102
+ .pf-v6-l-flex.pf-m-column-reverse {
103
+ flex-direction: column-reverse;
104
+ align-items: normal;
105
+ }
106
+ .pf-v6-l-flex.pf-m-column-reverse > * {
107
+ margin-block-start: var(--pf-v6-l-flex--spacer--row);
108
+ margin-block-end: 0;
109
+ margin-inline-start: 0;
110
+ margin-inline-end: 0;
111
+ }
112
+ .pf-v6-l-flex.pf-m-row {
113
+ flex-direction: row;
114
+ align-items: var(--pf-v6-l-flex--m-row--AlignItems);
115
+ }
116
+ .pf-v6-l-flex.pf-m-row > * {
117
+ margin-block-start: 0;
118
+ margin-block-end: 0;
119
+ margin-inline-start: 0;
120
+ margin-inline-end: var(--pf-v6-l-flex--spacer--column);
121
+ }
122
+ .pf-v6-l-flex.pf-m-row-reverse {
123
+ flex-direction: row-reverse;
124
+ align-items: var(--pf-v6-l-flex--m-row-reverse--AlignItems);
125
+ }
126
+ .pf-v6-l-flex.pf-m-row-reverse > * {
127
+ margin-block-start: 0;
128
+ margin-block-end: 0;
129
+ margin-inline-start: var(--pf-v6-l-flex--spacer--column);
130
+ margin-inline-end: 0;
131
+ }
132
+ .pf-v6-l-flex.pf-m-wrap {
133
+ flex-wrap: wrap;
134
+ }
135
+ .pf-v6-l-flex.pf-m-wrap-reverse {
136
+ flex-wrap: wrap-reverse;
137
+ }
138
+ .pf-v6-l-flex.pf-m-nowrap {
139
+ flex-wrap: nowrap;
140
+ }
141
+ .pf-v6-l-flex.pf-m-justify-content-flex-start {
142
+ justify-content: flex-start;
143
+ }
144
+ .pf-v6-l-flex.pf-m-justify-content-flex-end {
145
+ justify-content: flex-end;
146
+ }
147
+ .pf-v6-l-flex.pf-m-justify-content-center {
148
+ justify-content: center;
149
+ }
150
+ .pf-v6-l-flex.pf-m-justify-content-space-between {
151
+ justify-content: space-between;
152
+ }
153
+ .pf-v6-l-flex.pf-m-justify-content-space-around {
154
+ justify-content: space-around;
155
+ }
156
+ .pf-v6-l-flex.pf-m-justify-content-space-evenly {
157
+ justify-content: space-evenly;
158
+ }
159
+ .pf-v6-l-flex.pf-m-align-items-flex-start {
160
+ align-items: flex-start;
161
+ }
162
+ .pf-v6-l-flex.pf-m-align-items-flex-end {
163
+ align-items: flex-end;
164
+ }
165
+ .pf-v6-l-flex.pf-m-align-items-center {
166
+ align-items: center;
167
+ }
168
+ .pf-v6-l-flex.pf-m-align-items-stretch {
169
+ align-items: stretch;
170
+ }
171
+ .pf-v6-l-flex.pf-m-align-items-baseline {
172
+ align-items: baseline;
173
+ }
174
+ .pf-v6-l-flex.pf-m-align-content-flex-start {
175
+ align-content: flex-start;
176
+ }
177
+ .pf-v6-l-flex.pf-m-align-content-flex-end {
178
+ align-content: flex-end;
179
+ }
180
+ .pf-v6-l-flex.pf-m-align-content-center {
181
+ align-content: center;
182
+ }
183
+ .pf-v6-l-flex.pf-m-align-content-stretch {
184
+ align-content: stretch;
185
+ }
186
+ .pf-v6-l-flex.pf-m-align-content-space-between {
187
+ align-content: space-between;
188
+ }
189
+ .pf-v6-l-flex.pf-m-align-content-space-around {
190
+ align-content: space-around;
191
+ }
192
+ .pf-v6-l-flex > .pf-m-align-right {
193
+ margin-inline-start: auto;
194
+ }
195
+ .pf-v6-l-flex > .pf-m-align-left {
196
+ margin-inline-start: 0;
197
+ }
198
+ .pf-v6-l-flex > .pf-m-grow {
199
+ flex-grow: 1;
200
+ }
201
+ .pf-v6-l-flex > .pf-m-shrink {
202
+ flex-shrink: 1;
203
+ }
204
+ .pf-v6-l-flex > .pf-m-full-width {
205
+ width: 100%;
206
+ margin-inline-end: 0;
207
+ }
208
+ .pf-v6-l-flex > .pf-m-flex-1 {
209
+ flex: 1 0 0;
210
+ }
211
+ .pf-v6-l-flex > .pf-m-flex-2 {
212
+ flex: 2 0 0;
213
+ }
214
+ .pf-v6-l-flex > .pf-m-flex-3 {
215
+ flex: 3 0 0;
216
+ }
217
+ .pf-v6-l-flex > .pf-m-flex-4 {
218
+ flex: 4 0 0;
219
+ }
220
+ .pf-v6-l-flex > .pf-m-flex-default {
221
+ flex: 0 1 auto;
222
+ }
223
+ .pf-v6-l-flex > .pf-m-flex-none {
224
+ flex: none;
225
+ }
226
+ .pf-v6-l-flex > .pf-m-align-self-flex-start {
227
+ align-self: flex-start;
228
+ }
229
+ .pf-v6-l-flex > .pf-m-align-self-flex-end {
230
+ align-self: flex-end;
231
+ }
232
+ .pf-v6-l-flex > .pf-m-align-self-center {
233
+ align-self: center;
234
+ }
235
+ .pf-v6-l-flex > .pf-m-align-self-baseline {
236
+ align-self: baseline;
237
+ }
238
+ .pf-v6-l-flex > .pf-m-align-self-stretch {
239
+ align-self: stretch;
240
+ }
241
+ @media (min-width: 36rem) {
242
+ .pf-v6-l-flex.pf-m-flex-on-sm {
243
+ display: var(--pf-v6-l-flex--Display);
244
+ }
245
+ .pf-v6-l-flex.pf-m-inline-flex-on-sm {
246
+ --pf-v6-l-flex--Display: inline-flex;
247
+ }
248
+ .pf-v6-l-flex.pf-m-column-on-sm {
249
+ --pf-v6-l-flex--RowGap: 0;
250
+ --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
251
+ flex-direction: column;
252
+ align-items: normal;
253
+ }
254
+ .pf-v6-l-flex.pf-m-column-on-sm > * {
255
+ margin-block-start: 0;
256
+ margin-block-end: var(--pf-v6-l-flex--spacer--row);
257
+ margin-inline-start: 0;
258
+ margin-inline-end: 0;
259
+ }
260
+ .pf-v6-l-flex.pf-m-column-reverse-on-sm {
261
+ flex-direction: column-reverse;
262
+ align-items: normal;
263
+ }
264
+ .pf-v6-l-flex.pf-m-column-reverse-on-sm > * {
265
+ margin-block-start: var(--pf-v6-l-flex--spacer--row);
266
+ margin-block-end: 0;
267
+ margin-inline-start: 0;
268
+ margin-inline-end: 0;
269
+ }
270
+ .pf-v6-l-flex.pf-m-row-on-sm {
271
+ flex-direction: row;
272
+ align-items: var(--pf-v6-l-flex--m-row--AlignItems);
273
+ }
274
+ .pf-v6-l-flex.pf-m-row-on-sm > * {
275
+ margin-block-start: 0;
276
+ margin-block-end: 0;
277
+ margin-inline-start: 0;
278
+ margin-inline-end: var(--pf-v6-l-flex--spacer--column);
279
+ }
280
+ .pf-v6-l-flex.pf-m-row-reverse-on-sm {
281
+ flex-direction: row-reverse;
282
+ align-items: var(--pf-v6-l-flex--m-row-reverse--AlignItems);
283
+ }
284
+ .pf-v6-l-flex.pf-m-row-reverse-on-sm > * {
285
+ margin-block-start: 0;
286
+ margin-block-end: 0;
287
+ margin-inline-start: var(--pf-v6-l-flex--spacer--column);
288
+ margin-inline-end: 0;
289
+ }
290
+ .pf-v6-l-flex.pf-m-wrap-on-sm {
291
+ flex-wrap: wrap;
292
+ }
293
+ .pf-v6-l-flex.pf-m-wrap-reverse-on-sm {
294
+ flex-wrap: wrap-reverse;
295
+ }
296
+ .pf-v6-l-flex.pf-m-nowrap-on-sm {
297
+ flex-wrap: nowrap;
298
+ }
299
+ .pf-v6-l-flex.pf-m-justify-content-flex-start-on-sm {
300
+ justify-content: flex-start;
301
+ }
302
+ .pf-v6-l-flex.pf-m-justify-content-flex-end-on-sm {
303
+ justify-content: flex-end;
304
+ }
305
+ .pf-v6-l-flex.pf-m-justify-content-center-on-sm {
306
+ justify-content: center;
307
+ }
308
+ .pf-v6-l-flex.pf-m-justify-content-space-between-on-sm {
309
+ justify-content: space-between;
310
+ }
311
+ .pf-v6-l-flex.pf-m-justify-content-space-around-on-sm {
312
+ justify-content: space-around;
313
+ }
314
+ .pf-v6-l-flex.pf-m-justify-content-space-evenly-on-sm {
315
+ justify-content: space-evenly;
316
+ }
317
+ .pf-v6-l-flex.pf-m-align-items-flex-start-on-sm {
318
+ align-items: flex-start;
319
+ }
320
+ .pf-v6-l-flex.pf-m-align-items-flex-end-on-sm {
321
+ align-items: flex-end;
322
+ }
323
+ .pf-v6-l-flex.pf-m-align-items-center-on-sm {
324
+ align-items: center;
325
+ }
326
+ .pf-v6-l-flex.pf-m-align-items-stretch-on-sm {
327
+ align-items: stretch;
328
+ }
329
+ .pf-v6-l-flex.pf-m-align-items-baseline-on-sm {
330
+ align-items: baseline;
331
+ }
332
+ .pf-v6-l-flex.pf-m-align-content-flex-start-on-sm {
333
+ align-content: flex-start;
334
+ }
335
+ .pf-v6-l-flex.pf-m-align-content-flex-end-on-sm {
336
+ align-content: flex-end;
337
+ }
338
+ .pf-v6-l-flex.pf-m-align-content-center-on-sm {
339
+ align-content: center;
340
+ }
341
+ .pf-v6-l-flex.pf-m-align-content-stretch-on-sm {
342
+ align-content: stretch;
343
+ }
344
+ .pf-v6-l-flex.pf-m-align-content-space-between-on-sm {
345
+ align-content: space-between;
346
+ }
347
+ .pf-v6-l-flex.pf-m-align-content-space-around-on-sm {
348
+ align-content: space-around;
349
+ }
350
+ .pf-v6-l-flex > .pf-m-align-right-on-sm {
351
+ margin-inline-start: auto;
352
+ }
353
+ .pf-v6-l-flex > .pf-m-align-left-on-sm {
354
+ margin-inline-start: 0;
355
+ }
356
+ .pf-v6-l-flex > .pf-m-grow-on-sm {
357
+ flex-grow: 1;
358
+ }
359
+ .pf-v6-l-flex > .pf-m-shrink-on-sm {
360
+ flex-shrink: 1;
361
+ }
362
+ .pf-v6-l-flex > .pf-m-full-width-on-sm {
363
+ width: 100%;
364
+ margin-inline-end: 0;
365
+ }
366
+ .pf-v6-l-flex > .pf-m-flex-1-on-sm {
367
+ flex: 1 0 0;
368
+ }
369
+ .pf-v6-l-flex > .pf-m-flex-2-on-sm {
370
+ flex: 2 0 0;
371
+ }
372
+ .pf-v6-l-flex > .pf-m-flex-3-on-sm {
373
+ flex: 3 0 0;
374
+ }
375
+ .pf-v6-l-flex > .pf-m-flex-4-on-sm {
376
+ flex: 4 0 0;
377
+ }
378
+ .pf-v6-l-flex > .pf-m-flex-default-on-sm {
379
+ flex: 0 1 auto;
380
+ }
381
+ .pf-v6-l-flex > .pf-m-flex-none-on-sm {
382
+ flex: none;
383
+ }
384
+ .pf-v6-l-flex > .pf-m-align-self-flex-start-on-sm {
385
+ align-self: flex-start;
386
+ }
387
+ .pf-v6-l-flex > .pf-m-align-self-flex-end-on-sm {
388
+ align-self: flex-end;
389
+ }
390
+ .pf-v6-l-flex > .pf-m-align-self-center-on-sm {
391
+ align-self: center;
392
+ }
393
+ .pf-v6-l-flex > .pf-m-align-self-baseline-on-sm {
394
+ align-self: baseline;
395
+ }
396
+ .pf-v6-l-flex > .pf-m-align-self-stretch-on-sm {
397
+ align-self: stretch;
398
+ }
399
+ }
400
+ @media (min-width: 48rem) {
401
+ .pf-v6-l-flex.pf-m-flex-on-md {
402
+ display: var(--pf-v6-l-flex--Display);
403
+ }
404
+ .pf-v6-l-flex.pf-m-inline-flex-on-md {
405
+ --pf-v6-l-flex--Display: inline-flex;
406
+ }
407
+ .pf-v6-l-flex.pf-m-column-on-md {
408
+ --pf-v6-l-flex--RowGap: 0;
409
+ --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
410
+ flex-direction: column;
411
+ align-items: normal;
412
+ }
413
+ .pf-v6-l-flex.pf-m-column-on-md > * {
414
+ margin-block-start: 0;
415
+ margin-block-end: var(--pf-v6-l-flex--spacer--row);
416
+ margin-inline-start: 0;
417
+ margin-inline-end: 0;
418
+ }
419
+ .pf-v6-l-flex.pf-m-column-reverse-on-md {
420
+ flex-direction: column-reverse;
421
+ align-items: normal;
422
+ }
423
+ .pf-v6-l-flex.pf-m-column-reverse-on-md > * {
424
+ margin-block-start: var(--pf-v6-l-flex--spacer--row);
425
+ margin-block-end: 0;
426
+ margin-inline-start: 0;
427
+ margin-inline-end: 0;
428
+ }
429
+ .pf-v6-l-flex.pf-m-row-on-md {
430
+ flex-direction: row;
431
+ align-items: var(--pf-v6-l-flex--m-row--AlignItems);
432
+ }
433
+ .pf-v6-l-flex.pf-m-row-on-md > * {
434
+ margin-block-start: 0;
435
+ margin-block-end: 0;
436
+ margin-inline-start: 0;
437
+ margin-inline-end: var(--pf-v6-l-flex--spacer--column);
438
+ }
439
+ .pf-v6-l-flex.pf-m-row-reverse-on-md {
440
+ flex-direction: row-reverse;
441
+ align-items: var(--pf-v6-l-flex--m-row-reverse--AlignItems);
442
+ }
443
+ .pf-v6-l-flex.pf-m-row-reverse-on-md > * {
444
+ margin-block-start: 0;
445
+ margin-block-end: 0;
446
+ margin-inline-start: var(--pf-v6-l-flex--spacer--column);
447
+ margin-inline-end: 0;
448
+ }
449
+ .pf-v6-l-flex.pf-m-wrap-on-md {
450
+ flex-wrap: wrap;
451
+ }
452
+ .pf-v6-l-flex.pf-m-wrap-reverse-on-md {
453
+ flex-wrap: wrap-reverse;
454
+ }
455
+ .pf-v6-l-flex.pf-m-nowrap-on-md {
456
+ flex-wrap: nowrap;
457
+ }
458
+ .pf-v6-l-flex.pf-m-justify-content-flex-start-on-md {
459
+ justify-content: flex-start;
460
+ }
461
+ .pf-v6-l-flex.pf-m-justify-content-flex-end-on-md {
462
+ justify-content: flex-end;
463
+ }
464
+ .pf-v6-l-flex.pf-m-justify-content-center-on-md {
465
+ justify-content: center;
466
+ }
467
+ .pf-v6-l-flex.pf-m-justify-content-space-between-on-md {
468
+ justify-content: space-between;
469
+ }
470
+ .pf-v6-l-flex.pf-m-justify-content-space-around-on-md {
471
+ justify-content: space-around;
472
+ }
473
+ .pf-v6-l-flex.pf-m-justify-content-space-evenly-on-md {
474
+ justify-content: space-evenly;
475
+ }
476
+ .pf-v6-l-flex.pf-m-align-items-flex-start-on-md {
477
+ align-items: flex-start;
478
+ }
479
+ .pf-v6-l-flex.pf-m-align-items-flex-end-on-md {
480
+ align-items: flex-end;
481
+ }
482
+ .pf-v6-l-flex.pf-m-align-items-center-on-md {
483
+ align-items: center;
484
+ }
485
+ .pf-v6-l-flex.pf-m-align-items-stretch-on-md {
486
+ align-items: stretch;
487
+ }
488
+ .pf-v6-l-flex.pf-m-align-items-baseline-on-md {
489
+ align-items: baseline;
490
+ }
491
+ .pf-v6-l-flex.pf-m-align-content-flex-start-on-md {
492
+ align-content: flex-start;
493
+ }
494
+ .pf-v6-l-flex.pf-m-align-content-flex-end-on-md {
495
+ align-content: flex-end;
496
+ }
497
+ .pf-v6-l-flex.pf-m-align-content-center-on-md {
498
+ align-content: center;
499
+ }
500
+ .pf-v6-l-flex.pf-m-align-content-stretch-on-md {
501
+ align-content: stretch;
502
+ }
503
+ .pf-v6-l-flex.pf-m-align-content-space-between-on-md {
504
+ align-content: space-between;
505
+ }
506
+ .pf-v6-l-flex.pf-m-align-content-space-around-on-md {
507
+ align-content: space-around;
508
+ }
509
+ .pf-v6-l-flex > .pf-m-align-right-on-md {
510
+ margin-inline-start: auto;
511
+ }
512
+ .pf-v6-l-flex > .pf-m-align-left-on-md {
513
+ margin-inline-start: 0;
514
+ }
515
+ .pf-v6-l-flex > .pf-m-grow-on-md {
516
+ flex-grow: 1;
517
+ }
518
+ .pf-v6-l-flex > .pf-m-shrink-on-md {
519
+ flex-shrink: 1;
520
+ }
521
+ .pf-v6-l-flex > .pf-m-full-width-on-md {
522
+ width: 100%;
523
+ margin-inline-end: 0;
524
+ }
525
+ .pf-v6-l-flex > .pf-m-flex-1-on-md {
526
+ flex: 1 0 0;
527
+ }
528
+ .pf-v6-l-flex > .pf-m-flex-2-on-md {
529
+ flex: 2 0 0;
530
+ }
531
+ .pf-v6-l-flex > .pf-m-flex-3-on-md {
532
+ flex: 3 0 0;
533
+ }
534
+ .pf-v6-l-flex > .pf-m-flex-4-on-md {
535
+ flex: 4 0 0;
536
+ }
537
+ .pf-v6-l-flex > .pf-m-flex-default-on-md {
538
+ flex: 0 1 auto;
539
+ }
540
+ .pf-v6-l-flex > .pf-m-flex-none-on-md {
541
+ flex: none;
542
+ }
543
+ .pf-v6-l-flex > .pf-m-align-self-flex-start-on-md {
544
+ align-self: flex-start;
545
+ }
546
+ .pf-v6-l-flex > .pf-m-align-self-flex-end-on-md {
547
+ align-self: flex-end;
548
+ }
549
+ .pf-v6-l-flex > .pf-m-align-self-center-on-md {
550
+ align-self: center;
551
+ }
552
+ .pf-v6-l-flex > .pf-m-align-self-baseline-on-md {
553
+ align-self: baseline;
554
+ }
555
+ .pf-v6-l-flex > .pf-m-align-self-stretch-on-md {
556
+ align-self: stretch;
557
+ }
558
+ }
559
+ @media (min-width: 62rem) {
560
+ .pf-v6-l-flex.pf-m-flex-on-lg {
561
+ display: var(--pf-v6-l-flex--Display);
562
+ }
563
+ .pf-v6-l-flex.pf-m-inline-flex-on-lg {
564
+ --pf-v6-l-flex--Display: inline-flex;
565
+ }
566
+ .pf-v6-l-flex.pf-m-column-on-lg {
567
+ --pf-v6-l-flex--RowGap: 0;
568
+ --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
569
+ flex-direction: column;
570
+ align-items: normal;
571
+ }
572
+ .pf-v6-l-flex.pf-m-column-on-lg > * {
573
+ margin-block-start: 0;
574
+ margin-block-end: var(--pf-v6-l-flex--spacer--row);
575
+ margin-inline-start: 0;
576
+ margin-inline-end: 0;
577
+ }
578
+ .pf-v6-l-flex.pf-m-column-reverse-on-lg {
579
+ flex-direction: column-reverse;
580
+ align-items: normal;
581
+ }
582
+ .pf-v6-l-flex.pf-m-column-reverse-on-lg > * {
583
+ margin-block-start: var(--pf-v6-l-flex--spacer--row);
584
+ margin-block-end: 0;
585
+ margin-inline-start: 0;
586
+ margin-inline-end: 0;
587
+ }
588
+ .pf-v6-l-flex.pf-m-row-on-lg {
589
+ flex-direction: row;
590
+ align-items: var(--pf-v6-l-flex--m-row--AlignItems);
591
+ }
592
+ .pf-v6-l-flex.pf-m-row-on-lg > * {
593
+ margin-block-start: 0;
594
+ margin-block-end: 0;
595
+ margin-inline-start: 0;
596
+ margin-inline-end: var(--pf-v6-l-flex--spacer--column);
597
+ }
598
+ .pf-v6-l-flex.pf-m-row-reverse-on-lg {
599
+ flex-direction: row-reverse;
600
+ align-items: var(--pf-v6-l-flex--m-row-reverse--AlignItems);
601
+ }
602
+ .pf-v6-l-flex.pf-m-row-reverse-on-lg > * {
603
+ margin-block-start: 0;
604
+ margin-block-end: 0;
605
+ margin-inline-start: var(--pf-v6-l-flex--spacer--column);
606
+ margin-inline-end: 0;
607
+ }
608
+ .pf-v6-l-flex.pf-m-wrap-on-lg {
609
+ flex-wrap: wrap;
610
+ }
611
+ .pf-v6-l-flex.pf-m-wrap-reverse-on-lg {
612
+ flex-wrap: wrap-reverse;
613
+ }
614
+ .pf-v6-l-flex.pf-m-nowrap-on-lg {
615
+ flex-wrap: nowrap;
616
+ }
617
+ .pf-v6-l-flex.pf-m-justify-content-flex-start-on-lg {
618
+ justify-content: flex-start;
619
+ }
620
+ .pf-v6-l-flex.pf-m-justify-content-flex-end-on-lg {
621
+ justify-content: flex-end;
622
+ }
623
+ .pf-v6-l-flex.pf-m-justify-content-center-on-lg {
624
+ justify-content: center;
625
+ }
626
+ .pf-v6-l-flex.pf-m-justify-content-space-between-on-lg {
627
+ justify-content: space-between;
628
+ }
629
+ .pf-v6-l-flex.pf-m-justify-content-space-around-on-lg {
630
+ justify-content: space-around;
631
+ }
632
+ .pf-v6-l-flex.pf-m-justify-content-space-evenly-on-lg {
633
+ justify-content: space-evenly;
634
+ }
635
+ .pf-v6-l-flex.pf-m-align-items-flex-start-on-lg {
636
+ align-items: flex-start;
637
+ }
638
+ .pf-v6-l-flex.pf-m-align-items-flex-end-on-lg {
639
+ align-items: flex-end;
640
+ }
641
+ .pf-v6-l-flex.pf-m-align-items-center-on-lg {
642
+ align-items: center;
643
+ }
644
+ .pf-v6-l-flex.pf-m-align-items-stretch-on-lg {
645
+ align-items: stretch;
646
+ }
647
+ .pf-v6-l-flex.pf-m-align-items-baseline-on-lg {
648
+ align-items: baseline;
649
+ }
650
+ .pf-v6-l-flex.pf-m-align-content-flex-start-on-lg {
651
+ align-content: flex-start;
652
+ }
653
+ .pf-v6-l-flex.pf-m-align-content-flex-end-on-lg {
654
+ align-content: flex-end;
655
+ }
656
+ .pf-v6-l-flex.pf-m-align-content-center-on-lg {
657
+ align-content: center;
658
+ }
659
+ .pf-v6-l-flex.pf-m-align-content-stretch-on-lg {
660
+ align-content: stretch;
661
+ }
662
+ .pf-v6-l-flex.pf-m-align-content-space-between-on-lg {
663
+ align-content: space-between;
664
+ }
665
+ .pf-v6-l-flex.pf-m-align-content-space-around-on-lg {
666
+ align-content: space-around;
667
+ }
668
+ .pf-v6-l-flex > .pf-m-align-right-on-lg {
669
+ margin-inline-start: auto;
670
+ }
671
+ .pf-v6-l-flex > .pf-m-align-left-on-lg {
672
+ margin-inline-start: 0;
673
+ }
674
+ .pf-v6-l-flex > .pf-m-grow-on-lg {
675
+ flex-grow: 1;
676
+ }
677
+ .pf-v6-l-flex > .pf-m-shrink-on-lg {
678
+ flex-shrink: 1;
679
+ }
680
+ .pf-v6-l-flex > .pf-m-full-width-on-lg {
681
+ width: 100%;
682
+ margin-inline-end: 0;
683
+ }
684
+ .pf-v6-l-flex > .pf-m-flex-1-on-lg {
685
+ flex: 1 0 0;
686
+ }
687
+ .pf-v6-l-flex > .pf-m-flex-2-on-lg {
688
+ flex: 2 0 0;
689
+ }
690
+ .pf-v6-l-flex > .pf-m-flex-3-on-lg {
691
+ flex: 3 0 0;
692
+ }
693
+ .pf-v6-l-flex > .pf-m-flex-4-on-lg {
694
+ flex: 4 0 0;
695
+ }
696
+ .pf-v6-l-flex > .pf-m-flex-default-on-lg {
697
+ flex: 0 1 auto;
698
+ }
699
+ .pf-v6-l-flex > .pf-m-flex-none-on-lg {
700
+ flex: none;
701
+ }
702
+ .pf-v6-l-flex > .pf-m-align-self-flex-start-on-lg {
703
+ align-self: flex-start;
704
+ }
705
+ .pf-v6-l-flex > .pf-m-align-self-flex-end-on-lg {
706
+ align-self: flex-end;
707
+ }
708
+ .pf-v6-l-flex > .pf-m-align-self-center-on-lg {
709
+ align-self: center;
710
+ }
711
+ .pf-v6-l-flex > .pf-m-align-self-baseline-on-lg {
712
+ align-self: baseline;
713
+ }
714
+ .pf-v6-l-flex > .pf-m-align-self-stretch-on-lg {
715
+ align-self: stretch;
716
+ }
717
+ }
718
+ @media (min-width: 75rem) {
719
+ .pf-v6-l-flex.pf-m-flex-on-xl {
720
+ display: var(--pf-v6-l-flex--Display);
721
+ }
722
+ .pf-v6-l-flex.pf-m-inline-flex-on-xl {
723
+ --pf-v6-l-flex--Display: inline-flex;
724
+ }
725
+ .pf-v6-l-flex.pf-m-column-on-xl {
726
+ --pf-v6-l-flex--RowGap: 0;
727
+ --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
728
+ flex-direction: column;
729
+ align-items: normal;
730
+ }
731
+ .pf-v6-l-flex.pf-m-column-on-xl > * {
732
+ margin-block-start: 0;
733
+ margin-block-end: var(--pf-v6-l-flex--spacer--row);
734
+ margin-inline-start: 0;
735
+ margin-inline-end: 0;
736
+ }
737
+ .pf-v6-l-flex.pf-m-column-reverse-on-xl {
738
+ flex-direction: column-reverse;
739
+ align-items: normal;
740
+ }
741
+ .pf-v6-l-flex.pf-m-column-reverse-on-xl > * {
742
+ margin-block-start: var(--pf-v6-l-flex--spacer--row);
743
+ margin-block-end: 0;
744
+ margin-inline-start: 0;
745
+ margin-inline-end: 0;
746
+ }
747
+ .pf-v6-l-flex.pf-m-row-on-xl {
748
+ flex-direction: row;
749
+ align-items: var(--pf-v6-l-flex--m-row--AlignItems);
750
+ }
751
+ .pf-v6-l-flex.pf-m-row-on-xl > * {
752
+ margin-block-start: 0;
753
+ margin-block-end: 0;
754
+ margin-inline-start: 0;
755
+ margin-inline-end: var(--pf-v6-l-flex--spacer--column);
756
+ }
757
+ .pf-v6-l-flex.pf-m-row-reverse-on-xl {
758
+ flex-direction: row-reverse;
759
+ align-items: var(--pf-v6-l-flex--m-row-reverse--AlignItems);
760
+ }
761
+ .pf-v6-l-flex.pf-m-row-reverse-on-xl > * {
762
+ margin-block-start: 0;
763
+ margin-block-end: 0;
764
+ margin-inline-start: var(--pf-v6-l-flex--spacer--column);
765
+ margin-inline-end: 0;
766
+ }
767
+ .pf-v6-l-flex.pf-m-wrap-on-xl {
768
+ flex-wrap: wrap;
769
+ }
770
+ .pf-v6-l-flex.pf-m-wrap-reverse-on-xl {
771
+ flex-wrap: wrap-reverse;
772
+ }
773
+ .pf-v6-l-flex.pf-m-nowrap-on-xl {
774
+ flex-wrap: nowrap;
775
+ }
776
+ .pf-v6-l-flex.pf-m-justify-content-flex-start-on-xl {
777
+ justify-content: flex-start;
778
+ }
779
+ .pf-v6-l-flex.pf-m-justify-content-flex-end-on-xl {
780
+ justify-content: flex-end;
781
+ }
782
+ .pf-v6-l-flex.pf-m-justify-content-center-on-xl {
783
+ justify-content: center;
784
+ }
785
+ .pf-v6-l-flex.pf-m-justify-content-space-between-on-xl {
786
+ justify-content: space-between;
787
+ }
788
+ .pf-v6-l-flex.pf-m-justify-content-space-around-on-xl {
789
+ justify-content: space-around;
790
+ }
791
+ .pf-v6-l-flex.pf-m-justify-content-space-evenly-on-xl {
792
+ justify-content: space-evenly;
793
+ }
794
+ .pf-v6-l-flex.pf-m-align-items-flex-start-on-xl {
795
+ align-items: flex-start;
796
+ }
797
+ .pf-v6-l-flex.pf-m-align-items-flex-end-on-xl {
798
+ align-items: flex-end;
799
+ }
800
+ .pf-v6-l-flex.pf-m-align-items-center-on-xl {
801
+ align-items: center;
802
+ }
803
+ .pf-v6-l-flex.pf-m-align-items-stretch-on-xl {
804
+ align-items: stretch;
805
+ }
806
+ .pf-v6-l-flex.pf-m-align-items-baseline-on-xl {
807
+ align-items: baseline;
808
+ }
809
+ .pf-v6-l-flex.pf-m-align-content-flex-start-on-xl {
810
+ align-content: flex-start;
811
+ }
812
+ .pf-v6-l-flex.pf-m-align-content-flex-end-on-xl {
813
+ align-content: flex-end;
814
+ }
815
+ .pf-v6-l-flex.pf-m-align-content-center-on-xl {
816
+ align-content: center;
817
+ }
818
+ .pf-v6-l-flex.pf-m-align-content-stretch-on-xl {
819
+ align-content: stretch;
820
+ }
821
+ .pf-v6-l-flex.pf-m-align-content-space-between-on-xl {
822
+ align-content: space-between;
823
+ }
824
+ .pf-v6-l-flex.pf-m-align-content-space-around-on-xl {
825
+ align-content: space-around;
826
+ }
827
+ .pf-v6-l-flex > .pf-m-align-right-on-xl {
828
+ margin-inline-start: auto;
829
+ }
830
+ .pf-v6-l-flex > .pf-m-align-left-on-xl {
831
+ margin-inline-start: 0;
832
+ }
833
+ .pf-v6-l-flex > .pf-m-grow-on-xl {
834
+ flex-grow: 1;
835
+ }
836
+ .pf-v6-l-flex > .pf-m-shrink-on-xl {
837
+ flex-shrink: 1;
838
+ }
839
+ .pf-v6-l-flex > .pf-m-full-width-on-xl {
840
+ width: 100%;
841
+ margin-inline-end: 0;
842
+ }
843
+ .pf-v6-l-flex > .pf-m-flex-1-on-xl {
844
+ flex: 1 0 0;
845
+ }
846
+ .pf-v6-l-flex > .pf-m-flex-2-on-xl {
847
+ flex: 2 0 0;
848
+ }
849
+ .pf-v6-l-flex > .pf-m-flex-3-on-xl {
850
+ flex: 3 0 0;
851
+ }
852
+ .pf-v6-l-flex > .pf-m-flex-4-on-xl {
853
+ flex: 4 0 0;
854
+ }
855
+ .pf-v6-l-flex > .pf-m-flex-default-on-xl {
856
+ flex: 0 1 auto;
857
+ }
858
+ .pf-v6-l-flex > .pf-m-flex-none-on-xl {
859
+ flex: none;
860
+ }
861
+ .pf-v6-l-flex > .pf-m-align-self-flex-start-on-xl {
862
+ align-self: flex-start;
863
+ }
864
+ .pf-v6-l-flex > .pf-m-align-self-flex-end-on-xl {
865
+ align-self: flex-end;
866
+ }
867
+ .pf-v6-l-flex > .pf-m-align-self-center-on-xl {
868
+ align-self: center;
869
+ }
870
+ .pf-v6-l-flex > .pf-m-align-self-baseline-on-xl {
871
+ align-self: baseline;
872
+ }
873
+ .pf-v6-l-flex > .pf-m-align-self-stretch-on-xl {
874
+ align-self: stretch;
875
+ }
876
+ }
877
+ @media (min-width: 90.625rem) {
878
+ .pf-v6-l-flex.pf-m-flex-on-2xl {
879
+ display: var(--pf-v6-l-flex--Display);
880
+ }
881
+ .pf-v6-l-flex.pf-m-inline-flex-on-2xl {
882
+ --pf-v6-l-flex--Display: inline-flex;
883
+ }
884
+ .pf-v6-l-flex.pf-m-column-on-2xl {
885
+ --pf-v6-l-flex--RowGap: 0;
886
+ --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
887
+ flex-direction: column;
888
+ align-items: normal;
889
+ }
890
+ .pf-v6-l-flex.pf-m-column-on-2xl > * {
891
+ margin-block-start: 0;
892
+ margin-block-end: var(--pf-v6-l-flex--spacer--row);
893
+ margin-inline-start: 0;
894
+ margin-inline-end: 0;
895
+ }
896
+ .pf-v6-l-flex.pf-m-column-reverse-on-2xl {
897
+ flex-direction: column-reverse;
898
+ align-items: normal;
899
+ }
900
+ .pf-v6-l-flex.pf-m-column-reverse-on-2xl > * {
901
+ margin-block-start: var(--pf-v6-l-flex--spacer--row);
902
+ margin-block-end: 0;
903
+ margin-inline-start: 0;
904
+ margin-inline-end: 0;
905
+ }
906
+ .pf-v6-l-flex.pf-m-row-on-2xl {
907
+ flex-direction: row;
908
+ align-items: var(--pf-v6-l-flex--m-row--AlignItems);
909
+ }
910
+ .pf-v6-l-flex.pf-m-row-on-2xl > * {
911
+ margin-block-start: 0;
912
+ margin-block-end: 0;
913
+ margin-inline-start: 0;
914
+ margin-inline-end: var(--pf-v6-l-flex--spacer--column);
915
+ }
916
+ .pf-v6-l-flex.pf-m-row-reverse-on-2xl {
917
+ flex-direction: row-reverse;
918
+ align-items: var(--pf-v6-l-flex--m-row-reverse--AlignItems);
919
+ }
920
+ .pf-v6-l-flex.pf-m-row-reverse-on-2xl > * {
921
+ margin-block-start: 0;
922
+ margin-block-end: 0;
923
+ margin-inline-start: var(--pf-v6-l-flex--spacer--column);
924
+ margin-inline-end: 0;
925
+ }
926
+ .pf-v6-l-flex.pf-m-wrap-on-2xl {
927
+ flex-wrap: wrap;
928
+ }
929
+ .pf-v6-l-flex.pf-m-wrap-reverse-on-2xl {
930
+ flex-wrap: wrap-reverse;
931
+ }
932
+ .pf-v6-l-flex.pf-m-nowrap-on-2xl {
933
+ flex-wrap: nowrap;
934
+ }
935
+ .pf-v6-l-flex.pf-m-justify-content-flex-start-on-2xl {
936
+ justify-content: flex-start;
937
+ }
938
+ .pf-v6-l-flex.pf-m-justify-content-flex-end-on-2xl {
939
+ justify-content: flex-end;
940
+ }
941
+ .pf-v6-l-flex.pf-m-justify-content-center-on-2xl {
942
+ justify-content: center;
943
+ }
944
+ .pf-v6-l-flex.pf-m-justify-content-space-between-on-2xl {
945
+ justify-content: space-between;
946
+ }
947
+ .pf-v6-l-flex.pf-m-justify-content-space-around-on-2xl {
948
+ justify-content: space-around;
949
+ }
950
+ .pf-v6-l-flex.pf-m-justify-content-space-evenly-on-2xl {
951
+ justify-content: space-evenly;
952
+ }
953
+ .pf-v6-l-flex.pf-m-align-items-flex-start-on-2xl {
954
+ align-items: flex-start;
955
+ }
956
+ .pf-v6-l-flex.pf-m-align-items-flex-end-on-2xl {
957
+ align-items: flex-end;
958
+ }
959
+ .pf-v6-l-flex.pf-m-align-items-center-on-2xl {
960
+ align-items: center;
961
+ }
962
+ .pf-v6-l-flex.pf-m-align-items-stretch-on-2xl {
963
+ align-items: stretch;
964
+ }
965
+ .pf-v6-l-flex.pf-m-align-items-baseline-on-2xl {
966
+ align-items: baseline;
967
+ }
968
+ .pf-v6-l-flex.pf-m-align-content-flex-start-on-2xl {
969
+ align-content: flex-start;
970
+ }
971
+ .pf-v6-l-flex.pf-m-align-content-flex-end-on-2xl {
972
+ align-content: flex-end;
973
+ }
974
+ .pf-v6-l-flex.pf-m-align-content-center-on-2xl {
975
+ align-content: center;
976
+ }
977
+ .pf-v6-l-flex.pf-m-align-content-stretch-on-2xl {
978
+ align-content: stretch;
979
+ }
980
+ .pf-v6-l-flex.pf-m-align-content-space-between-on-2xl {
981
+ align-content: space-between;
982
+ }
983
+ .pf-v6-l-flex.pf-m-align-content-space-around-on-2xl {
984
+ align-content: space-around;
985
+ }
986
+ .pf-v6-l-flex > .pf-m-align-right-on-2xl {
987
+ margin-inline-start: auto;
988
+ }
989
+ .pf-v6-l-flex > .pf-m-align-left-on-2xl {
990
+ margin-inline-start: 0;
991
+ }
992
+ .pf-v6-l-flex > .pf-m-grow-on-2xl {
993
+ flex-grow: 1;
994
+ }
995
+ .pf-v6-l-flex > .pf-m-shrink-on-2xl {
996
+ flex-shrink: 1;
997
+ }
998
+ .pf-v6-l-flex > .pf-m-full-width-on-2xl {
999
+ width: 100%;
1000
+ margin-inline-end: 0;
1001
+ }
1002
+ .pf-v6-l-flex > .pf-m-flex-1-on-2xl {
1003
+ flex: 1 0 0;
1004
+ }
1005
+ .pf-v6-l-flex > .pf-m-flex-2-on-2xl {
1006
+ flex: 2 0 0;
1007
+ }
1008
+ .pf-v6-l-flex > .pf-m-flex-3-on-2xl {
1009
+ flex: 3 0 0;
1010
+ }
1011
+ .pf-v6-l-flex > .pf-m-flex-4-on-2xl {
1012
+ flex: 4 0 0;
1013
+ }
1014
+ .pf-v6-l-flex > .pf-m-flex-default-on-2xl {
1015
+ flex: 0 1 auto;
1016
+ }
1017
+ .pf-v6-l-flex > .pf-m-flex-none-on-2xl {
1018
+ flex: none;
1019
+ }
1020
+ .pf-v6-l-flex > .pf-m-align-self-flex-start-on-2xl {
1021
+ align-self: flex-start;
1022
+ }
1023
+ .pf-v6-l-flex > .pf-m-align-self-flex-end-on-2xl {
1024
+ align-self: flex-end;
1025
+ }
1026
+ .pf-v6-l-flex > .pf-m-align-self-center-on-2xl {
1027
+ align-self: center;
1028
+ }
1029
+ .pf-v6-l-flex > .pf-m-align-self-baseline-on-2xl {
1030
+ align-self: baseline;
1031
+ }
1032
+ .pf-v6-l-flex > .pf-m-align-self-stretch-on-2xl {
1033
+ align-self: stretch;
1034
+ }
1035
+ }
1036
+ .pf-v6-l-flex.pf-m-space-items-none > * {
1037
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
1038
+ }
1039
+ .pf-v6-l-flex.pf-m-space-items-none > :last-child {
1040
+ --pf-v6-l-flex--spacer: 0;
1041
+ }
1042
+ .pf-v6-l-flex.pf-m-space-items-xs > * {
1043
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
1044
+ }
1045
+ .pf-v6-l-flex.pf-m-space-items-xs > :last-child {
1046
+ --pf-v6-l-flex--spacer: 0;
1047
+ }
1048
+ .pf-v6-l-flex.pf-m-space-items-sm > * {
1049
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
1050
+ }
1051
+ .pf-v6-l-flex.pf-m-space-items-sm > :last-child {
1052
+ --pf-v6-l-flex--spacer: 0;
1053
+ }
1054
+ .pf-v6-l-flex.pf-m-space-items-md > * {
1055
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
1056
+ }
1057
+ .pf-v6-l-flex.pf-m-space-items-md > :last-child {
1058
+ --pf-v6-l-flex--spacer: 0;
1059
+ }
1060
+ .pf-v6-l-flex.pf-m-space-items-lg > * {
1061
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
1062
+ }
1063
+ .pf-v6-l-flex.pf-m-space-items-lg > :last-child {
1064
+ --pf-v6-l-flex--spacer: 0;
1065
+ }
1066
+ .pf-v6-l-flex.pf-m-space-items-xl > * {
1067
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
1068
+ }
1069
+ .pf-v6-l-flex.pf-m-space-items-xl > :last-child {
1070
+ --pf-v6-l-flex--spacer: 0;
1071
+ }
1072
+ .pf-v6-l-flex.pf-m-space-items-2xl > * {
1073
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
1074
+ }
1075
+ .pf-v6-l-flex.pf-m-space-items-2xl > :last-child {
1076
+ --pf-v6-l-flex--spacer: 0;
1077
+ }
1078
+ .pf-v6-l-flex.pf-m-space-items-3xl > * {
1079
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
1080
+ }
1081
+ .pf-v6-l-flex.pf-m-space-items-3xl > :last-child {
1082
+ --pf-v6-l-flex--spacer: 0;
1083
+ }
1084
+ .pf-v6-l-flex.pf-m-space-items-4xl > * {
1085
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
1086
+ }
1087
+ .pf-v6-l-flex.pf-m-space-items-4xl > :last-child {
1088
+ --pf-v6-l-flex--spacer: 0;
1089
+ }
1090
+ @media (min-width: 36rem) {
1091
+ .pf-v6-l-flex.pf-m-space-items-none-on-sm > * {
1092
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
1093
+ }
1094
+ .pf-v6-l-flex.pf-m-space-items-none-on-sm > :last-child {
1095
+ --pf-v6-l-flex--spacer: 0;
1096
+ }
1097
+ .pf-v6-l-flex.pf-m-space-items-xs-on-sm > * {
1098
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
1099
+ }
1100
+ .pf-v6-l-flex.pf-m-space-items-xs-on-sm > :last-child {
1101
+ --pf-v6-l-flex--spacer: 0;
1102
+ }
1103
+ .pf-v6-l-flex.pf-m-space-items-sm-on-sm > * {
1104
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
1105
+ }
1106
+ .pf-v6-l-flex.pf-m-space-items-sm-on-sm > :last-child {
1107
+ --pf-v6-l-flex--spacer: 0;
1108
+ }
1109
+ .pf-v6-l-flex.pf-m-space-items-md-on-sm > * {
1110
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
1111
+ }
1112
+ .pf-v6-l-flex.pf-m-space-items-md-on-sm > :last-child {
1113
+ --pf-v6-l-flex--spacer: 0;
1114
+ }
1115
+ .pf-v6-l-flex.pf-m-space-items-lg-on-sm > * {
1116
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
1117
+ }
1118
+ .pf-v6-l-flex.pf-m-space-items-lg-on-sm > :last-child {
1119
+ --pf-v6-l-flex--spacer: 0;
1120
+ }
1121
+ .pf-v6-l-flex.pf-m-space-items-xl-on-sm > * {
1122
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
1123
+ }
1124
+ .pf-v6-l-flex.pf-m-space-items-xl-on-sm > :last-child {
1125
+ --pf-v6-l-flex--spacer: 0;
1126
+ }
1127
+ .pf-v6-l-flex.pf-m-space-items-2xl-on-sm > * {
1128
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
1129
+ }
1130
+ .pf-v6-l-flex.pf-m-space-items-2xl-on-sm > :last-child {
1131
+ --pf-v6-l-flex--spacer: 0;
1132
+ }
1133
+ .pf-v6-l-flex.pf-m-space-items-3xl-on-sm > * {
1134
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
1135
+ }
1136
+ .pf-v6-l-flex.pf-m-space-items-3xl-on-sm > :last-child {
1137
+ --pf-v6-l-flex--spacer: 0;
1138
+ }
1139
+ .pf-v6-l-flex.pf-m-space-items-4xl-on-sm > * {
1140
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
1141
+ }
1142
+ .pf-v6-l-flex.pf-m-space-items-4xl-on-sm > :last-child {
1143
+ --pf-v6-l-flex--spacer: 0;
1144
+ }
1145
+ }
1146
+ @media (min-width: 48rem) {
1147
+ .pf-v6-l-flex.pf-m-space-items-none-on-md > * {
1148
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
1149
+ }
1150
+ .pf-v6-l-flex.pf-m-space-items-none-on-md > :last-child {
1151
+ --pf-v6-l-flex--spacer: 0;
1152
+ }
1153
+ .pf-v6-l-flex.pf-m-space-items-xs-on-md > * {
1154
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
1155
+ }
1156
+ .pf-v6-l-flex.pf-m-space-items-xs-on-md > :last-child {
1157
+ --pf-v6-l-flex--spacer: 0;
1158
+ }
1159
+ .pf-v6-l-flex.pf-m-space-items-sm-on-md > * {
1160
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
1161
+ }
1162
+ .pf-v6-l-flex.pf-m-space-items-sm-on-md > :last-child {
1163
+ --pf-v6-l-flex--spacer: 0;
1164
+ }
1165
+ .pf-v6-l-flex.pf-m-space-items-md-on-md > * {
1166
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
1167
+ }
1168
+ .pf-v6-l-flex.pf-m-space-items-md-on-md > :last-child {
1169
+ --pf-v6-l-flex--spacer: 0;
1170
+ }
1171
+ .pf-v6-l-flex.pf-m-space-items-lg-on-md > * {
1172
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
1173
+ }
1174
+ .pf-v6-l-flex.pf-m-space-items-lg-on-md > :last-child {
1175
+ --pf-v6-l-flex--spacer: 0;
1176
+ }
1177
+ .pf-v6-l-flex.pf-m-space-items-xl-on-md > * {
1178
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
1179
+ }
1180
+ .pf-v6-l-flex.pf-m-space-items-xl-on-md > :last-child {
1181
+ --pf-v6-l-flex--spacer: 0;
1182
+ }
1183
+ .pf-v6-l-flex.pf-m-space-items-2xl-on-md > * {
1184
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
1185
+ }
1186
+ .pf-v6-l-flex.pf-m-space-items-2xl-on-md > :last-child {
1187
+ --pf-v6-l-flex--spacer: 0;
1188
+ }
1189
+ .pf-v6-l-flex.pf-m-space-items-3xl-on-md > * {
1190
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
1191
+ }
1192
+ .pf-v6-l-flex.pf-m-space-items-3xl-on-md > :last-child {
1193
+ --pf-v6-l-flex--spacer: 0;
1194
+ }
1195
+ .pf-v6-l-flex.pf-m-space-items-4xl-on-md > * {
1196
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
1197
+ }
1198
+ .pf-v6-l-flex.pf-m-space-items-4xl-on-md > :last-child {
1199
+ --pf-v6-l-flex--spacer: 0;
1200
+ }
1201
+ }
1202
+ @media (min-width: 62rem) {
1203
+ .pf-v6-l-flex.pf-m-space-items-none-on-lg > * {
1204
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
1205
+ }
1206
+ .pf-v6-l-flex.pf-m-space-items-none-on-lg > :last-child {
1207
+ --pf-v6-l-flex--spacer: 0;
1208
+ }
1209
+ .pf-v6-l-flex.pf-m-space-items-xs-on-lg > * {
1210
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
1211
+ }
1212
+ .pf-v6-l-flex.pf-m-space-items-xs-on-lg > :last-child {
1213
+ --pf-v6-l-flex--spacer: 0;
1214
+ }
1215
+ .pf-v6-l-flex.pf-m-space-items-sm-on-lg > * {
1216
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
1217
+ }
1218
+ .pf-v6-l-flex.pf-m-space-items-sm-on-lg > :last-child {
1219
+ --pf-v6-l-flex--spacer: 0;
1220
+ }
1221
+ .pf-v6-l-flex.pf-m-space-items-md-on-lg > * {
1222
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
1223
+ }
1224
+ .pf-v6-l-flex.pf-m-space-items-md-on-lg > :last-child {
1225
+ --pf-v6-l-flex--spacer: 0;
1226
+ }
1227
+ .pf-v6-l-flex.pf-m-space-items-lg-on-lg > * {
1228
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
1229
+ }
1230
+ .pf-v6-l-flex.pf-m-space-items-lg-on-lg > :last-child {
1231
+ --pf-v6-l-flex--spacer: 0;
1232
+ }
1233
+ .pf-v6-l-flex.pf-m-space-items-xl-on-lg > * {
1234
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
1235
+ }
1236
+ .pf-v6-l-flex.pf-m-space-items-xl-on-lg > :last-child {
1237
+ --pf-v6-l-flex--spacer: 0;
1238
+ }
1239
+ .pf-v6-l-flex.pf-m-space-items-2xl-on-lg > * {
1240
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
1241
+ }
1242
+ .pf-v6-l-flex.pf-m-space-items-2xl-on-lg > :last-child {
1243
+ --pf-v6-l-flex--spacer: 0;
1244
+ }
1245
+ .pf-v6-l-flex.pf-m-space-items-3xl-on-lg > * {
1246
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
1247
+ }
1248
+ .pf-v6-l-flex.pf-m-space-items-3xl-on-lg > :last-child {
1249
+ --pf-v6-l-flex--spacer: 0;
1250
+ }
1251
+ .pf-v6-l-flex.pf-m-space-items-4xl-on-lg > * {
1252
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
1253
+ }
1254
+ .pf-v6-l-flex.pf-m-space-items-4xl-on-lg > :last-child {
1255
+ --pf-v6-l-flex--spacer: 0;
1256
+ }
1257
+ }
1258
+ @media (min-width: 75rem) {
1259
+ .pf-v6-l-flex.pf-m-space-items-none-on-xl > * {
1260
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
1261
+ }
1262
+ .pf-v6-l-flex.pf-m-space-items-none-on-xl > :last-child {
1263
+ --pf-v6-l-flex--spacer: 0;
1264
+ }
1265
+ .pf-v6-l-flex.pf-m-space-items-xs-on-xl > * {
1266
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
1267
+ }
1268
+ .pf-v6-l-flex.pf-m-space-items-xs-on-xl > :last-child {
1269
+ --pf-v6-l-flex--spacer: 0;
1270
+ }
1271
+ .pf-v6-l-flex.pf-m-space-items-sm-on-xl > * {
1272
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
1273
+ }
1274
+ .pf-v6-l-flex.pf-m-space-items-sm-on-xl > :last-child {
1275
+ --pf-v6-l-flex--spacer: 0;
1276
+ }
1277
+ .pf-v6-l-flex.pf-m-space-items-md-on-xl > * {
1278
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
1279
+ }
1280
+ .pf-v6-l-flex.pf-m-space-items-md-on-xl > :last-child {
1281
+ --pf-v6-l-flex--spacer: 0;
1282
+ }
1283
+ .pf-v6-l-flex.pf-m-space-items-lg-on-xl > * {
1284
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
1285
+ }
1286
+ .pf-v6-l-flex.pf-m-space-items-lg-on-xl > :last-child {
1287
+ --pf-v6-l-flex--spacer: 0;
1288
+ }
1289
+ .pf-v6-l-flex.pf-m-space-items-xl-on-xl > * {
1290
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
1291
+ }
1292
+ .pf-v6-l-flex.pf-m-space-items-xl-on-xl > :last-child {
1293
+ --pf-v6-l-flex--spacer: 0;
1294
+ }
1295
+ .pf-v6-l-flex.pf-m-space-items-2xl-on-xl > * {
1296
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
1297
+ }
1298
+ .pf-v6-l-flex.pf-m-space-items-2xl-on-xl > :last-child {
1299
+ --pf-v6-l-flex--spacer: 0;
1300
+ }
1301
+ .pf-v6-l-flex.pf-m-space-items-3xl-on-xl > * {
1302
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
1303
+ }
1304
+ .pf-v6-l-flex.pf-m-space-items-3xl-on-xl > :last-child {
1305
+ --pf-v6-l-flex--spacer: 0;
1306
+ }
1307
+ .pf-v6-l-flex.pf-m-space-items-4xl-on-xl > * {
1308
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
1309
+ }
1310
+ .pf-v6-l-flex.pf-m-space-items-4xl-on-xl > :last-child {
1311
+ --pf-v6-l-flex--spacer: 0;
1312
+ }
1313
+ }
1314
+ @media (min-width: 90.625rem) {
1315
+ .pf-v6-l-flex.pf-m-space-items-none-on-2xl > * {
1316
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
1317
+ }
1318
+ .pf-v6-l-flex.pf-m-space-items-none-on-2xl > :last-child {
1319
+ --pf-v6-l-flex--spacer: 0;
1320
+ }
1321
+ .pf-v6-l-flex.pf-m-space-items-xs-on-2xl > * {
1322
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
1323
+ }
1324
+ .pf-v6-l-flex.pf-m-space-items-xs-on-2xl > :last-child {
1325
+ --pf-v6-l-flex--spacer: 0;
1326
+ }
1327
+ .pf-v6-l-flex.pf-m-space-items-sm-on-2xl > * {
1328
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
1329
+ }
1330
+ .pf-v6-l-flex.pf-m-space-items-sm-on-2xl > :last-child {
1331
+ --pf-v6-l-flex--spacer: 0;
1332
+ }
1333
+ .pf-v6-l-flex.pf-m-space-items-md-on-2xl > * {
1334
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
1335
+ }
1336
+ .pf-v6-l-flex.pf-m-space-items-md-on-2xl > :last-child {
1337
+ --pf-v6-l-flex--spacer: 0;
1338
+ }
1339
+ .pf-v6-l-flex.pf-m-space-items-lg-on-2xl > * {
1340
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
1341
+ }
1342
+ .pf-v6-l-flex.pf-m-space-items-lg-on-2xl > :last-child {
1343
+ --pf-v6-l-flex--spacer: 0;
1344
+ }
1345
+ .pf-v6-l-flex.pf-m-space-items-xl-on-2xl > * {
1346
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
1347
+ }
1348
+ .pf-v6-l-flex.pf-m-space-items-xl-on-2xl > :last-child {
1349
+ --pf-v6-l-flex--spacer: 0;
1350
+ }
1351
+ .pf-v6-l-flex.pf-m-space-items-2xl-on-2xl > * {
1352
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
1353
+ }
1354
+ .pf-v6-l-flex.pf-m-space-items-2xl-on-2xl > :last-child {
1355
+ --pf-v6-l-flex--spacer: 0;
1356
+ }
1357
+ .pf-v6-l-flex.pf-m-space-items-3xl-on-2xl > * {
1358
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
1359
+ }
1360
+ .pf-v6-l-flex.pf-m-space-items-3xl-on-2xl > :last-child {
1361
+ --pf-v6-l-flex--spacer: 0;
1362
+ }
1363
+ .pf-v6-l-flex.pf-m-space-items-4xl-on-2xl > * {
1364
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
1365
+ }
1366
+ .pf-v6-l-flex.pf-m-space-items-4xl-on-2xl > :last-child {
1367
+ --pf-v6-l-flex--spacer: 0;
1368
+ }
1369
+ }
1370
+ .pf-v6-l-flex .pf-m-spacer-none {
1371
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
1372
+ }
1373
+ .pf-v6-l-flex .pf-m-spacer-none:last-child {
1374
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
1375
+ }
1376
+ .pf-v6-l-flex .pf-m-spacer-xs {
1377
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
1378
+ }
1379
+ .pf-v6-l-flex .pf-m-spacer-xs:last-child {
1380
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
1381
+ }
1382
+ .pf-v6-l-flex .pf-m-spacer-sm {
1383
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
1384
+ }
1385
+ .pf-v6-l-flex .pf-m-spacer-sm:last-child {
1386
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
1387
+ }
1388
+ .pf-v6-l-flex .pf-m-spacer-md {
1389
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
1390
+ }
1391
+ .pf-v6-l-flex .pf-m-spacer-md:last-child {
1392
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
1393
+ }
1394
+ .pf-v6-l-flex .pf-m-spacer-lg {
1395
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
1396
+ }
1397
+ .pf-v6-l-flex .pf-m-spacer-lg:last-child {
1398
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
1399
+ }
1400
+ .pf-v6-l-flex .pf-m-spacer-xl {
1401
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
1402
+ }
1403
+ .pf-v6-l-flex .pf-m-spacer-xl:last-child {
1404
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
1405
+ }
1406
+ .pf-v6-l-flex .pf-m-spacer-2xl {
1407
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
1408
+ }
1409
+ .pf-v6-l-flex .pf-m-spacer-2xl:last-child {
1410
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
1411
+ }
1412
+ .pf-v6-l-flex .pf-m-spacer-3xl {
1413
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
1414
+ }
1415
+ .pf-v6-l-flex .pf-m-spacer-3xl:last-child {
1416
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
1417
+ }
1418
+ .pf-v6-l-flex .pf-m-spacer-4xl {
1419
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
1420
+ }
1421
+ .pf-v6-l-flex .pf-m-spacer-4xl:last-child {
1422
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
1423
+ }
1424
+ @media (min-width: 36rem) {
1425
+ .pf-v6-l-flex .pf-m-spacer-none-on-sm {
1426
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
1427
+ }
1428
+ .pf-v6-l-flex .pf-m-spacer-none-on-sm:last-child {
1429
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
1430
+ }
1431
+ .pf-v6-l-flex .pf-m-spacer-xs-on-sm {
1432
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
1433
+ }
1434
+ .pf-v6-l-flex .pf-m-spacer-xs-on-sm:last-child {
1435
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
1436
+ }
1437
+ .pf-v6-l-flex .pf-m-spacer-sm-on-sm {
1438
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
1439
+ }
1440
+ .pf-v6-l-flex .pf-m-spacer-sm-on-sm:last-child {
1441
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
1442
+ }
1443
+ .pf-v6-l-flex .pf-m-spacer-md-on-sm {
1444
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
1445
+ }
1446
+ .pf-v6-l-flex .pf-m-spacer-md-on-sm:last-child {
1447
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
1448
+ }
1449
+ .pf-v6-l-flex .pf-m-spacer-lg-on-sm {
1450
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
1451
+ }
1452
+ .pf-v6-l-flex .pf-m-spacer-lg-on-sm:last-child {
1453
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
1454
+ }
1455
+ .pf-v6-l-flex .pf-m-spacer-xl-on-sm {
1456
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
1457
+ }
1458
+ .pf-v6-l-flex .pf-m-spacer-xl-on-sm:last-child {
1459
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
1460
+ }
1461
+ .pf-v6-l-flex .pf-m-spacer-2xl-on-sm {
1462
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
1463
+ }
1464
+ .pf-v6-l-flex .pf-m-spacer-2xl-on-sm:last-child {
1465
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
1466
+ }
1467
+ .pf-v6-l-flex .pf-m-spacer-3xl-on-sm {
1468
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
1469
+ }
1470
+ .pf-v6-l-flex .pf-m-spacer-3xl-on-sm:last-child {
1471
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
1472
+ }
1473
+ .pf-v6-l-flex .pf-m-spacer-4xl-on-sm {
1474
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
1475
+ }
1476
+ .pf-v6-l-flex .pf-m-spacer-4xl-on-sm:last-child {
1477
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
1478
+ }
1479
+ }
1480
+ @media (min-width: 48rem) {
1481
+ .pf-v6-l-flex .pf-m-spacer-none-on-md {
1482
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
1483
+ }
1484
+ .pf-v6-l-flex .pf-m-spacer-none-on-md:last-child {
1485
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
1486
+ }
1487
+ .pf-v6-l-flex .pf-m-spacer-xs-on-md {
1488
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
1489
+ }
1490
+ .pf-v6-l-flex .pf-m-spacer-xs-on-md:last-child {
1491
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
1492
+ }
1493
+ .pf-v6-l-flex .pf-m-spacer-sm-on-md {
1494
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
1495
+ }
1496
+ .pf-v6-l-flex .pf-m-spacer-sm-on-md:last-child {
1497
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
1498
+ }
1499
+ .pf-v6-l-flex .pf-m-spacer-md-on-md {
1500
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
1501
+ }
1502
+ .pf-v6-l-flex .pf-m-spacer-md-on-md:last-child {
1503
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
1504
+ }
1505
+ .pf-v6-l-flex .pf-m-spacer-lg-on-md {
1506
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
1507
+ }
1508
+ .pf-v6-l-flex .pf-m-spacer-lg-on-md:last-child {
1509
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
1510
+ }
1511
+ .pf-v6-l-flex .pf-m-spacer-xl-on-md {
1512
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
1513
+ }
1514
+ .pf-v6-l-flex .pf-m-spacer-xl-on-md:last-child {
1515
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
1516
+ }
1517
+ .pf-v6-l-flex .pf-m-spacer-2xl-on-md {
1518
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
1519
+ }
1520
+ .pf-v6-l-flex .pf-m-spacer-2xl-on-md:last-child {
1521
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
1522
+ }
1523
+ .pf-v6-l-flex .pf-m-spacer-3xl-on-md {
1524
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
1525
+ }
1526
+ .pf-v6-l-flex .pf-m-spacer-3xl-on-md:last-child {
1527
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
1528
+ }
1529
+ .pf-v6-l-flex .pf-m-spacer-4xl-on-md {
1530
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
1531
+ }
1532
+ .pf-v6-l-flex .pf-m-spacer-4xl-on-md:last-child {
1533
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
1534
+ }
1535
+ }
1536
+ @media (min-width: 62rem) {
1537
+ .pf-v6-l-flex .pf-m-spacer-none-on-lg {
1538
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
1539
+ }
1540
+ .pf-v6-l-flex .pf-m-spacer-none-on-lg:last-child {
1541
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
1542
+ }
1543
+ .pf-v6-l-flex .pf-m-spacer-xs-on-lg {
1544
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
1545
+ }
1546
+ .pf-v6-l-flex .pf-m-spacer-xs-on-lg:last-child {
1547
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
1548
+ }
1549
+ .pf-v6-l-flex .pf-m-spacer-sm-on-lg {
1550
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
1551
+ }
1552
+ .pf-v6-l-flex .pf-m-spacer-sm-on-lg:last-child {
1553
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
1554
+ }
1555
+ .pf-v6-l-flex .pf-m-spacer-md-on-lg {
1556
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
1557
+ }
1558
+ .pf-v6-l-flex .pf-m-spacer-md-on-lg:last-child {
1559
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
1560
+ }
1561
+ .pf-v6-l-flex .pf-m-spacer-lg-on-lg {
1562
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
1563
+ }
1564
+ .pf-v6-l-flex .pf-m-spacer-lg-on-lg:last-child {
1565
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
1566
+ }
1567
+ .pf-v6-l-flex .pf-m-spacer-xl-on-lg {
1568
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
1569
+ }
1570
+ .pf-v6-l-flex .pf-m-spacer-xl-on-lg:last-child {
1571
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
1572
+ }
1573
+ .pf-v6-l-flex .pf-m-spacer-2xl-on-lg {
1574
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
1575
+ }
1576
+ .pf-v6-l-flex .pf-m-spacer-2xl-on-lg:last-child {
1577
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
1578
+ }
1579
+ .pf-v6-l-flex .pf-m-spacer-3xl-on-lg {
1580
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
1581
+ }
1582
+ .pf-v6-l-flex .pf-m-spacer-3xl-on-lg:last-child {
1583
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
1584
+ }
1585
+ .pf-v6-l-flex .pf-m-spacer-4xl-on-lg {
1586
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
1587
+ }
1588
+ .pf-v6-l-flex .pf-m-spacer-4xl-on-lg:last-child {
1589
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
1590
+ }
1591
+ }
1592
+ @media (min-width: 75rem) {
1593
+ .pf-v6-l-flex .pf-m-spacer-none-on-xl {
1594
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
1595
+ }
1596
+ .pf-v6-l-flex .pf-m-spacer-none-on-xl:last-child {
1597
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
1598
+ }
1599
+ .pf-v6-l-flex .pf-m-spacer-xs-on-xl {
1600
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
1601
+ }
1602
+ .pf-v6-l-flex .pf-m-spacer-xs-on-xl:last-child {
1603
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
1604
+ }
1605
+ .pf-v6-l-flex .pf-m-spacer-sm-on-xl {
1606
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
1607
+ }
1608
+ .pf-v6-l-flex .pf-m-spacer-sm-on-xl:last-child {
1609
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
1610
+ }
1611
+ .pf-v6-l-flex .pf-m-spacer-md-on-xl {
1612
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
1613
+ }
1614
+ .pf-v6-l-flex .pf-m-spacer-md-on-xl:last-child {
1615
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
1616
+ }
1617
+ .pf-v6-l-flex .pf-m-spacer-lg-on-xl {
1618
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
1619
+ }
1620
+ .pf-v6-l-flex .pf-m-spacer-lg-on-xl:last-child {
1621
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
1622
+ }
1623
+ .pf-v6-l-flex .pf-m-spacer-xl-on-xl {
1624
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
1625
+ }
1626
+ .pf-v6-l-flex .pf-m-spacer-xl-on-xl:last-child {
1627
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
1628
+ }
1629
+ .pf-v6-l-flex .pf-m-spacer-2xl-on-xl {
1630
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
1631
+ }
1632
+ .pf-v6-l-flex .pf-m-spacer-2xl-on-xl:last-child {
1633
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
1634
+ }
1635
+ .pf-v6-l-flex .pf-m-spacer-3xl-on-xl {
1636
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
1637
+ }
1638
+ .pf-v6-l-flex .pf-m-spacer-3xl-on-xl:last-child {
1639
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
1640
+ }
1641
+ .pf-v6-l-flex .pf-m-spacer-4xl-on-xl {
1642
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
1643
+ }
1644
+ .pf-v6-l-flex .pf-m-spacer-4xl-on-xl:last-child {
1645
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
1646
+ }
1647
+ }
1648
+ @media (min-width: 90.625rem) {
1649
+ .pf-v6-l-flex .pf-m-spacer-none-on-2xl {
1650
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
1651
+ }
1652
+ .pf-v6-l-flex .pf-m-spacer-none-on-2xl:last-child {
1653
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
1654
+ }
1655
+ .pf-v6-l-flex .pf-m-spacer-xs-on-2xl {
1656
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
1657
+ }
1658
+ .pf-v6-l-flex .pf-m-spacer-xs-on-2xl:last-child {
1659
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
1660
+ }
1661
+ .pf-v6-l-flex .pf-m-spacer-sm-on-2xl {
1662
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
1663
+ }
1664
+ .pf-v6-l-flex .pf-m-spacer-sm-on-2xl:last-child {
1665
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
1666
+ }
1667
+ .pf-v6-l-flex .pf-m-spacer-md-on-2xl {
1668
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
1669
+ }
1670
+ .pf-v6-l-flex .pf-m-spacer-md-on-2xl:last-child {
1671
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
1672
+ }
1673
+ .pf-v6-l-flex .pf-m-spacer-lg-on-2xl {
1674
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
1675
+ }
1676
+ .pf-v6-l-flex .pf-m-spacer-lg-on-2xl:last-child {
1677
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
1678
+ }
1679
+ .pf-v6-l-flex .pf-m-spacer-xl-on-2xl {
1680
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
1681
+ }
1682
+ .pf-v6-l-flex .pf-m-spacer-xl-on-2xl:last-child {
1683
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
1684
+ }
1685
+ .pf-v6-l-flex .pf-m-spacer-2xl-on-2xl {
1686
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
1687
+ }
1688
+ .pf-v6-l-flex .pf-m-spacer-2xl-on-2xl:last-child {
1689
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
1690
+ }
1691
+ .pf-v6-l-flex .pf-m-spacer-3xl-on-2xl {
1692
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
1693
+ }
1694
+ .pf-v6-l-flex .pf-m-spacer-3xl-on-2xl:last-child {
1695
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
1696
+ }
1697
+ .pf-v6-l-flex .pf-m-spacer-4xl-on-2xl {
1698
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
1699
+ }
1700
+ .pf-v6-l-flex .pf-m-spacer-4xl-on-2xl:last-child {
1701
+ --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
1702
+ }
1703
+ }
1704
+ .pf-v6-l-flex.pf-m-gap {
1705
+ --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
1706
+ --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
1707
+ }
1708
+ .pf-v6-l-flex.pf-m-gap-none {
1709
+ --pf-v6-l-flex--RowGap: 0;
1710
+ --pf-v6-l-flex--ColumnGap: 0;
1711
+ }
1712
+ .pf-v6-l-flex.pf-m-gap-xs {
1713
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
1714
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
1715
+ }
1716
+ .pf-v6-l-flex.pf-m-gap-sm {
1717
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
1718
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
1719
+ }
1720
+ .pf-v6-l-flex.pf-m-gap-md {
1721
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
1722
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
1723
+ }
1724
+ .pf-v6-l-flex.pf-m-gap-lg {
1725
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
1726
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
1727
+ }
1728
+ .pf-v6-l-flex.pf-m-gap-xl {
1729
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
1730
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
1731
+ }
1732
+ .pf-v6-l-flex.pf-m-gap-2xl {
1733
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
1734
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
1735
+ }
1736
+ .pf-v6-l-flex.pf-m-gap-3xl {
1737
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
1738
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
1739
+ }
1740
+ .pf-v6-l-flex.pf-m-gap-4xl {
1741
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
1742
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
1743
+ }
1744
+ .pf-v6-l-flex:is(.pf-m-gap, .pf-m-gap-none, .pf-m-gap-xs, .pf-m-gap-sm, .pf-m-gap-md, .pf-m-gap-lg, .pf-m-gap-xl, .pf-m-gap-2xl, .pf-m-gap-3xl, .pf-m-gap-4xl) > * {
1745
+ --pf-v6-l-flex--spacer--row: 0;
1746
+ --pf-v6-l-flex--spacer--column: 0;
1747
+ }
1748
+ @media (min-width: 36rem) {
1749
+ .pf-v6-l-flex.pf-m-gap-on-sm {
1750
+ --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
1751
+ --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
1752
+ }
1753
+ .pf-v6-l-flex.pf-m-gap-none-on-sm {
1754
+ --pf-v6-l-flex--RowGap: 0;
1755
+ --pf-v6-l-flex--ColumnGap: 0;
1756
+ }
1757
+ .pf-v6-l-flex.pf-m-gap-xs-on-sm {
1758
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
1759
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
1760
+ }
1761
+ .pf-v6-l-flex.pf-m-gap-sm-on-sm {
1762
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
1763
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
1764
+ }
1765
+ .pf-v6-l-flex.pf-m-gap-md-on-sm {
1766
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
1767
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
1768
+ }
1769
+ .pf-v6-l-flex.pf-m-gap-lg-on-sm {
1770
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
1771
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
1772
+ }
1773
+ .pf-v6-l-flex.pf-m-gap-xl-on-sm {
1774
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
1775
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
1776
+ }
1777
+ .pf-v6-l-flex.pf-m-gap-2xl-on-sm {
1778
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
1779
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
1780
+ }
1781
+ .pf-v6-l-flex.pf-m-gap-3xl-on-sm {
1782
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
1783
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
1784
+ }
1785
+ .pf-v6-l-flex.pf-m-gap-4xl-on-sm {
1786
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
1787
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
1788
+ }
1789
+ .pf-v6-l-flex:is(.pf-m-gap-on-sm, .pf-m-gap-none-on-sm, .pf-m-gap-xs-on-sm, .pf-m-gap-sm-on-sm, .pf-m-gap-md-on-sm, .pf-m-gap-lg-on-sm, .pf-m-gap-xl-on-sm, .pf-m-gap-2xl-on-sm, .pf-m-gap-3xl-on-sm, .pf-m-gap-4xl-on-sm) > * {
1790
+ --pf-v6-l-flex--spacer--row: 0;
1791
+ --pf-v6-l-flex--spacer--column: 0;
1792
+ }
1793
+ }
1794
+ @media (min-width: 48rem) {
1795
+ .pf-v6-l-flex.pf-m-gap-on-md {
1796
+ --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
1797
+ --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
1798
+ }
1799
+ .pf-v6-l-flex.pf-m-gap-none-on-md {
1800
+ --pf-v6-l-flex--RowGap: 0;
1801
+ --pf-v6-l-flex--ColumnGap: 0;
1802
+ }
1803
+ .pf-v6-l-flex.pf-m-gap-xs-on-md {
1804
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
1805
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
1806
+ }
1807
+ .pf-v6-l-flex.pf-m-gap-sm-on-md {
1808
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
1809
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
1810
+ }
1811
+ .pf-v6-l-flex.pf-m-gap-md-on-md {
1812
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
1813
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
1814
+ }
1815
+ .pf-v6-l-flex.pf-m-gap-lg-on-md {
1816
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
1817
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
1818
+ }
1819
+ .pf-v6-l-flex.pf-m-gap-xl-on-md {
1820
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
1821
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
1822
+ }
1823
+ .pf-v6-l-flex.pf-m-gap-2xl-on-md {
1824
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
1825
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
1826
+ }
1827
+ .pf-v6-l-flex.pf-m-gap-3xl-on-md {
1828
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
1829
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
1830
+ }
1831
+ .pf-v6-l-flex.pf-m-gap-4xl-on-md {
1832
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
1833
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
1834
+ }
1835
+ .pf-v6-l-flex:is(.pf-m-gap-on-md, .pf-m-gap-none-on-md, .pf-m-gap-xs-on-md, .pf-m-gap-sm-on-md, .pf-m-gap-md-on-md, .pf-m-gap-lg-on-md, .pf-m-gap-xl-on-md, .pf-m-gap-2xl-on-md, .pf-m-gap-3xl-on-md, .pf-m-gap-4xl-on-md) > * {
1836
+ --pf-v6-l-flex--spacer--row: 0;
1837
+ --pf-v6-l-flex--spacer--column: 0;
1838
+ }
1839
+ }
1840
+ @media (min-width: 62rem) {
1841
+ .pf-v6-l-flex.pf-m-gap-on-lg {
1842
+ --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
1843
+ --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
1844
+ }
1845
+ .pf-v6-l-flex.pf-m-gap-none-on-lg {
1846
+ --pf-v6-l-flex--RowGap: 0;
1847
+ --pf-v6-l-flex--ColumnGap: 0;
1848
+ }
1849
+ .pf-v6-l-flex.pf-m-gap-xs-on-lg {
1850
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
1851
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
1852
+ }
1853
+ .pf-v6-l-flex.pf-m-gap-sm-on-lg {
1854
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
1855
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
1856
+ }
1857
+ .pf-v6-l-flex.pf-m-gap-md-on-lg {
1858
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
1859
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
1860
+ }
1861
+ .pf-v6-l-flex.pf-m-gap-lg-on-lg {
1862
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
1863
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
1864
+ }
1865
+ .pf-v6-l-flex.pf-m-gap-xl-on-lg {
1866
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
1867
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
1868
+ }
1869
+ .pf-v6-l-flex.pf-m-gap-2xl-on-lg {
1870
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
1871
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
1872
+ }
1873
+ .pf-v6-l-flex.pf-m-gap-3xl-on-lg {
1874
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
1875
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
1876
+ }
1877
+ .pf-v6-l-flex.pf-m-gap-4xl-on-lg {
1878
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
1879
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
1880
+ }
1881
+ .pf-v6-l-flex:is(.pf-m-gap-on-lg, .pf-m-gap-none-on-lg, .pf-m-gap-xs-on-lg, .pf-m-gap-sm-on-lg, .pf-m-gap-md-on-lg, .pf-m-gap-lg-on-lg, .pf-m-gap-xl-on-lg, .pf-m-gap-2xl-on-lg, .pf-m-gap-3xl-on-lg, .pf-m-gap-4xl-on-lg) > * {
1882
+ --pf-v6-l-flex--spacer--row: 0;
1883
+ --pf-v6-l-flex--spacer--column: 0;
1884
+ }
1885
+ }
1886
+ @media (min-width: 75rem) {
1887
+ .pf-v6-l-flex.pf-m-gap-on-xl {
1888
+ --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
1889
+ --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
1890
+ }
1891
+ .pf-v6-l-flex.pf-m-gap-none-on-xl {
1892
+ --pf-v6-l-flex--RowGap: 0;
1893
+ --pf-v6-l-flex--ColumnGap: 0;
1894
+ }
1895
+ .pf-v6-l-flex.pf-m-gap-xs-on-xl {
1896
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
1897
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
1898
+ }
1899
+ .pf-v6-l-flex.pf-m-gap-sm-on-xl {
1900
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
1901
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
1902
+ }
1903
+ .pf-v6-l-flex.pf-m-gap-md-on-xl {
1904
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
1905
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
1906
+ }
1907
+ .pf-v6-l-flex.pf-m-gap-lg-on-xl {
1908
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
1909
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
1910
+ }
1911
+ .pf-v6-l-flex.pf-m-gap-xl-on-xl {
1912
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
1913
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
1914
+ }
1915
+ .pf-v6-l-flex.pf-m-gap-2xl-on-xl {
1916
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
1917
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
1918
+ }
1919
+ .pf-v6-l-flex.pf-m-gap-3xl-on-xl {
1920
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
1921
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
1922
+ }
1923
+ .pf-v6-l-flex.pf-m-gap-4xl-on-xl {
1924
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
1925
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
1926
+ }
1927
+ .pf-v6-l-flex:is(.pf-m-gap-on-xl, .pf-m-gap-none-on-xl, .pf-m-gap-xs-on-xl, .pf-m-gap-sm-on-xl, .pf-m-gap-md-on-xl, .pf-m-gap-lg-on-xl, .pf-m-gap-xl-on-xl, .pf-m-gap-2xl-on-xl, .pf-m-gap-3xl-on-xl, .pf-m-gap-4xl-on-xl) > * {
1928
+ --pf-v6-l-flex--spacer--row: 0;
1929
+ --pf-v6-l-flex--spacer--column: 0;
1930
+ }
1931
+ }
1932
+ @media (min-width: 90.625rem) {
1933
+ .pf-v6-l-flex.pf-m-gap-on-2xl {
1934
+ --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
1935
+ --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
1936
+ }
1937
+ .pf-v6-l-flex.pf-m-gap-none-on-2xl {
1938
+ --pf-v6-l-flex--RowGap: 0;
1939
+ --pf-v6-l-flex--ColumnGap: 0;
1940
+ }
1941
+ .pf-v6-l-flex.pf-m-gap-xs-on-2xl {
1942
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
1943
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
1944
+ }
1945
+ .pf-v6-l-flex.pf-m-gap-sm-on-2xl {
1946
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
1947
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
1948
+ }
1949
+ .pf-v6-l-flex.pf-m-gap-md-on-2xl {
1950
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
1951
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
1952
+ }
1953
+ .pf-v6-l-flex.pf-m-gap-lg-on-2xl {
1954
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
1955
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
1956
+ }
1957
+ .pf-v6-l-flex.pf-m-gap-xl-on-2xl {
1958
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
1959
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
1960
+ }
1961
+ .pf-v6-l-flex.pf-m-gap-2xl-on-2xl {
1962
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
1963
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
1964
+ }
1965
+ .pf-v6-l-flex.pf-m-gap-3xl-on-2xl {
1966
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
1967
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
1968
+ }
1969
+ .pf-v6-l-flex.pf-m-gap-4xl-on-2xl {
1970
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
1971
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
1972
+ }
1973
+ .pf-v6-l-flex:is(.pf-m-gap-on-2xl, .pf-m-gap-none-on-2xl, .pf-m-gap-xs-on-2xl, .pf-m-gap-sm-on-2xl, .pf-m-gap-md-on-2xl, .pf-m-gap-lg-on-2xl, .pf-m-gap-xl-on-2xl, .pf-m-gap-2xl-on-2xl, .pf-m-gap-3xl-on-2xl, .pf-m-gap-4xl-on-2xl) > * {
1974
+ --pf-v6-l-flex--spacer--row: 0;
1975
+ --pf-v6-l-flex--spacer--column: 0;
1976
+ }
1977
+ }
1978
+ .pf-v6-l-flex.pf-m-row-gap {
1979
+ --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
1980
+ }
1981
+ .pf-v6-l-flex.pf-m-row-gap-none {
1982
+ --pf-v6-l-flex--RowGap: 0;
1983
+ }
1984
+ .pf-v6-l-flex.pf-m-row-gap-xs {
1985
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
1986
+ }
1987
+ .pf-v6-l-flex.pf-m-row-gap-sm {
1988
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
1989
+ }
1990
+ .pf-v6-l-flex.pf-m-row-gap-md {
1991
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
1992
+ }
1993
+ .pf-v6-l-flex.pf-m-row-gap-lg {
1994
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
1995
+ }
1996
+ .pf-v6-l-flex.pf-m-row-gap-xl {
1997
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
1998
+ }
1999
+ .pf-v6-l-flex.pf-m-row-gap-2xl {
2000
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
2001
+ }
2002
+ .pf-v6-l-flex.pf-m-row-gap-3xl {
2003
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
2004
+ }
2005
+ .pf-v6-l-flex.pf-m-row-gap-4xl {
2006
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
2007
+ }
2008
+ .pf-v6-l-flex:is(.pf-m-row-gap, .pf-m-row-gap-none, .pf-m-row-gap-xs, .pf-m-row-gap-sm, .pf-m-row-gap-md, .pf-m-row-gap-lg, .pf-m-row-gap-xl, .pf-m-row-gap-2xl, .pf-m-row-gap-3xl, .pf-m-row-gap-4xl) > * {
2009
+ --pf-v6-l-flex--spacer--row: 0;
2010
+ }
2011
+ @media (min-width: 36rem) {
2012
+ .pf-v6-l-flex.pf-m-row-gap-on-sm {
2013
+ --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
2014
+ }
2015
+ .pf-v6-l-flex.pf-m-row-gap-none-on-sm {
2016
+ --pf-v6-l-flex--RowGap: 0;
2017
+ }
2018
+ .pf-v6-l-flex.pf-m-row-gap-xs-on-sm {
2019
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
2020
+ }
2021
+ .pf-v6-l-flex.pf-m-row-gap-sm-on-sm {
2022
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
2023
+ }
2024
+ .pf-v6-l-flex.pf-m-row-gap-md-on-sm {
2025
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
2026
+ }
2027
+ .pf-v6-l-flex.pf-m-row-gap-lg-on-sm {
2028
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
2029
+ }
2030
+ .pf-v6-l-flex.pf-m-row-gap-xl-on-sm {
2031
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
2032
+ }
2033
+ .pf-v6-l-flex.pf-m-row-gap-2xl-on-sm {
2034
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
2035
+ }
2036
+ .pf-v6-l-flex.pf-m-row-gap-3xl-on-sm {
2037
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
2038
+ }
2039
+ .pf-v6-l-flex.pf-m-row-gap-4xl-on-sm {
2040
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
2041
+ }
2042
+ .pf-v6-l-flex:is(.pf-m-row-gap-on-sm, .pf-m-row-gap-none-on-sm, .pf-m-row-gap-xs-on-sm, .pf-m-row-gap-sm-on-sm, .pf-m-row-gap-md-on-sm, .pf-m-row-gap-lg-on-sm, .pf-m-row-gap-xl-on-sm, .pf-m-row-gap-2xl-on-sm, .pf-m-row-gap-3xl-on-sm, .pf-m-row-gap-4xl-on-sm) > * {
2043
+ --pf-v6-l-flex--spacer--row: 0;
2044
+ }
2045
+ }
2046
+ @media (min-width: 48rem) {
2047
+ .pf-v6-l-flex.pf-m-row-gap-on-md {
2048
+ --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
2049
+ }
2050
+ .pf-v6-l-flex.pf-m-row-gap-none-on-md {
2051
+ --pf-v6-l-flex--RowGap: 0;
2052
+ }
2053
+ .pf-v6-l-flex.pf-m-row-gap-xs-on-md {
2054
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
2055
+ }
2056
+ .pf-v6-l-flex.pf-m-row-gap-sm-on-md {
2057
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
2058
+ }
2059
+ .pf-v6-l-flex.pf-m-row-gap-md-on-md {
2060
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
2061
+ }
2062
+ .pf-v6-l-flex.pf-m-row-gap-lg-on-md {
2063
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
2064
+ }
2065
+ .pf-v6-l-flex.pf-m-row-gap-xl-on-md {
2066
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
2067
+ }
2068
+ .pf-v6-l-flex.pf-m-row-gap-2xl-on-md {
2069
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
2070
+ }
2071
+ .pf-v6-l-flex.pf-m-row-gap-3xl-on-md {
2072
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
2073
+ }
2074
+ .pf-v6-l-flex.pf-m-row-gap-4xl-on-md {
2075
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
2076
+ }
2077
+ .pf-v6-l-flex:is(.pf-m-row-gap-on-md, .pf-m-row-gap-none-on-md, .pf-m-row-gap-xs-on-md, .pf-m-row-gap-sm-on-md, .pf-m-row-gap-md-on-md, .pf-m-row-gap-lg-on-md, .pf-m-row-gap-xl-on-md, .pf-m-row-gap-2xl-on-md, .pf-m-row-gap-3xl-on-md, .pf-m-row-gap-4xl-on-md) > * {
2078
+ --pf-v6-l-flex--spacer--row: 0;
2079
+ }
2080
+ }
2081
+ @media (min-width: 62rem) {
2082
+ .pf-v6-l-flex.pf-m-row-gap-on-lg {
2083
+ --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
2084
+ }
2085
+ .pf-v6-l-flex.pf-m-row-gap-none-on-lg {
2086
+ --pf-v6-l-flex--RowGap: 0;
2087
+ }
2088
+ .pf-v6-l-flex.pf-m-row-gap-xs-on-lg {
2089
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
2090
+ }
2091
+ .pf-v6-l-flex.pf-m-row-gap-sm-on-lg {
2092
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
2093
+ }
2094
+ .pf-v6-l-flex.pf-m-row-gap-md-on-lg {
2095
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
2096
+ }
2097
+ .pf-v6-l-flex.pf-m-row-gap-lg-on-lg {
2098
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
2099
+ }
2100
+ .pf-v6-l-flex.pf-m-row-gap-xl-on-lg {
2101
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
2102
+ }
2103
+ .pf-v6-l-flex.pf-m-row-gap-2xl-on-lg {
2104
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
2105
+ }
2106
+ .pf-v6-l-flex.pf-m-row-gap-3xl-on-lg {
2107
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
2108
+ }
2109
+ .pf-v6-l-flex.pf-m-row-gap-4xl-on-lg {
2110
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
2111
+ }
2112
+ .pf-v6-l-flex:is(.pf-m-row-gap-on-lg, .pf-m-row-gap-none-on-lg, .pf-m-row-gap-xs-on-lg, .pf-m-row-gap-sm-on-lg, .pf-m-row-gap-md-on-lg, .pf-m-row-gap-lg-on-lg, .pf-m-row-gap-xl-on-lg, .pf-m-row-gap-2xl-on-lg, .pf-m-row-gap-3xl-on-lg, .pf-m-row-gap-4xl-on-lg) > * {
2113
+ --pf-v6-l-flex--spacer--row: 0;
2114
+ }
2115
+ }
2116
+ @media (min-width: 75rem) {
2117
+ .pf-v6-l-flex.pf-m-row-gap-on-xl {
2118
+ --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
2119
+ }
2120
+ .pf-v6-l-flex.pf-m-row-gap-none-on-xl {
2121
+ --pf-v6-l-flex--RowGap: 0;
2122
+ }
2123
+ .pf-v6-l-flex.pf-m-row-gap-xs-on-xl {
2124
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
2125
+ }
2126
+ .pf-v6-l-flex.pf-m-row-gap-sm-on-xl {
2127
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
2128
+ }
2129
+ .pf-v6-l-flex.pf-m-row-gap-md-on-xl {
2130
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
2131
+ }
2132
+ .pf-v6-l-flex.pf-m-row-gap-lg-on-xl {
2133
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
2134
+ }
2135
+ .pf-v6-l-flex.pf-m-row-gap-xl-on-xl {
2136
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
2137
+ }
2138
+ .pf-v6-l-flex.pf-m-row-gap-2xl-on-xl {
2139
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
2140
+ }
2141
+ .pf-v6-l-flex.pf-m-row-gap-3xl-on-xl {
2142
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
2143
+ }
2144
+ .pf-v6-l-flex.pf-m-row-gap-4xl-on-xl {
2145
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
2146
+ }
2147
+ .pf-v6-l-flex:is(.pf-m-row-gap-on-xl, .pf-m-row-gap-none-on-xl, .pf-m-row-gap-xs-on-xl, .pf-m-row-gap-sm-on-xl, .pf-m-row-gap-md-on-xl, .pf-m-row-gap-lg-on-xl, .pf-m-row-gap-xl-on-xl, .pf-m-row-gap-2xl-on-xl, .pf-m-row-gap-3xl-on-xl, .pf-m-row-gap-4xl-on-xl) > * {
2148
+ --pf-v6-l-flex--spacer--row: 0;
2149
+ }
2150
+ }
2151
+ @media (min-width: 90.625rem) {
2152
+ .pf-v6-l-flex.pf-m-row-gap-on-2xl {
2153
+ --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
2154
+ }
2155
+ .pf-v6-l-flex.pf-m-row-gap-none-on-2xl {
2156
+ --pf-v6-l-flex--RowGap: 0;
2157
+ }
2158
+ .pf-v6-l-flex.pf-m-row-gap-xs-on-2xl {
2159
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
2160
+ }
2161
+ .pf-v6-l-flex.pf-m-row-gap-sm-on-2xl {
2162
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
2163
+ }
2164
+ .pf-v6-l-flex.pf-m-row-gap-md-on-2xl {
2165
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
2166
+ }
2167
+ .pf-v6-l-flex.pf-m-row-gap-lg-on-2xl {
2168
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
2169
+ }
2170
+ .pf-v6-l-flex.pf-m-row-gap-xl-on-2xl {
2171
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
2172
+ }
2173
+ .pf-v6-l-flex.pf-m-row-gap-2xl-on-2xl {
2174
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
2175
+ }
2176
+ .pf-v6-l-flex.pf-m-row-gap-3xl-on-2xl {
2177
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
2178
+ }
2179
+ .pf-v6-l-flex.pf-m-row-gap-4xl-on-2xl {
2180
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
2181
+ }
2182
+ .pf-v6-l-flex:is(.pf-m-row-gap-on-2xl, .pf-m-row-gap-none-on-2xl, .pf-m-row-gap-xs-on-2xl, .pf-m-row-gap-sm-on-2xl, .pf-m-row-gap-md-on-2xl, .pf-m-row-gap-lg-on-2xl, .pf-m-row-gap-xl-on-2xl, .pf-m-row-gap-2xl-on-2xl, .pf-m-row-gap-3xl-on-2xl, .pf-m-row-gap-4xl-on-2xl) > * {
2183
+ --pf-v6-l-flex--spacer--row: 0;
2184
+ }
2185
+ }
2186
+ .pf-v6-l-flex.pf-m-column-gap {
2187
+ --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
2188
+ }
2189
+ .pf-v6-l-flex.pf-m-column-gap-none {
2190
+ --pf-v6-l-flex--ColumnGap: 0;
2191
+ }
2192
+ .pf-v6-l-flex.pf-m-column-gap-xs {
2193
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
2194
+ }
2195
+ .pf-v6-l-flex.pf-m-column-gap-sm {
2196
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
2197
+ }
2198
+ .pf-v6-l-flex.pf-m-column-gap-md {
2199
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
2200
+ }
2201
+ .pf-v6-l-flex.pf-m-column-gap-lg {
2202
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
2203
+ }
2204
+ .pf-v6-l-flex.pf-m-column-gap-xl {
2205
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
2206
+ }
2207
+ .pf-v6-l-flex.pf-m-column-gap-2xl {
2208
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
2209
+ }
2210
+ .pf-v6-l-flex.pf-m-column-gap-3xl {
2211
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
2212
+ }
2213
+ .pf-v6-l-flex.pf-m-column-gap-4xl {
2214
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
2215
+ }
2216
+ .pf-v6-l-flex:is(.pf-m-column-gap, .pf-m-column-gap-none, .pf-m-column-gap-xs, .pf-m-column-gap-sm, .pf-m-column-gap-md, .pf-m-column-gap-lg, .pf-m-column-gap-xl, .pf-m-column-gap-2xl, .pf-m-column-gap-3xl, .pf-m-column-gap-4xl) > * {
2217
+ --pf-v6-l-flex--spacer--column: 0;
2218
+ }
2219
+ @media (min-width: 36rem) {
2220
+ .pf-v6-l-flex.pf-m-column-gap-on-sm {
2221
+ --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
2222
+ }
2223
+ .pf-v6-l-flex.pf-m-column-gap-none-on-sm {
2224
+ --pf-v6-l-flex--ColumnGap: 0;
2225
+ }
2226
+ .pf-v6-l-flex.pf-m-column-gap-xs-on-sm {
2227
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
2228
+ }
2229
+ .pf-v6-l-flex.pf-m-column-gap-sm-on-sm {
2230
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
2231
+ }
2232
+ .pf-v6-l-flex.pf-m-column-gap-md-on-sm {
2233
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
2234
+ }
2235
+ .pf-v6-l-flex.pf-m-column-gap-lg-on-sm {
2236
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
2237
+ }
2238
+ .pf-v6-l-flex.pf-m-column-gap-xl-on-sm {
2239
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
2240
+ }
2241
+ .pf-v6-l-flex.pf-m-column-gap-2xl-on-sm {
2242
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
2243
+ }
2244
+ .pf-v6-l-flex.pf-m-column-gap-3xl-on-sm {
2245
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
2246
+ }
2247
+ .pf-v6-l-flex.pf-m-column-gap-4xl-on-sm {
2248
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
2249
+ }
2250
+ .pf-v6-l-flex:is(.pf-m-column-gap-on-sm, .pf-m-column-gap-none-on-sm, .pf-m-column-gap-xs-on-sm, .pf-m-column-gap-sm-on-sm, .pf-m-column-gap-md-on-sm, .pf-m-column-gap-lg-on-sm, .pf-m-column-gap-xl-on-sm, .pf-m-column-gap-2xl-on-sm, .pf-m-column-gap-3xl-on-sm, .pf-m-column-gap-4xl-on-sm) > * {
2251
+ --pf-v6-l-flex--spacer--column: 0;
2252
+ }
2253
+ }
2254
+ @media (min-width: 48rem) {
2255
+ .pf-v6-l-flex.pf-m-column-gap-on-md {
2256
+ --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
2257
+ }
2258
+ .pf-v6-l-flex.pf-m-column-gap-none-on-md {
2259
+ --pf-v6-l-flex--ColumnGap: 0;
2260
+ }
2261
+ .pf-v6-l-flex.pf-m-column-gap-xs-on-md {
2262
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
2263
+ }
2264
+ .pf-v6-l-flex.pf-m-column-gap-sm-on-md {
2265
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
2266
+ }
2267
+ .pf-v6-l-flex.pf-m-column-gap-md-on-md {
2268
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
2269
+ }
2270
+ .pf-v6-l-flex.pf-m-column-gap-lg-on-md {
2271
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
2272
+ }
2273
+ .pf-v6-l-flex.pf-m-column-gap-xl-on-md {
2274
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
2275
+ }
2276
+ .pf-v6-l-flex.pf-m-column-gap-2xl-on-md {
2277
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
2278
+ }
2279
+ .pf-v6-l-flex.pf-m-column-gap-3xl-on-md {
2280
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
2281
+ }
2282
+ .pf-v6-l-flex.pf-m-column-gap-4xl-on-md {
2283
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
2284
+ }
2285
+ .pf-v6-l-flex:is(.pf-m-column-gap-on-md, .pf-m-column-gap-none-on-md, .pf-m-column-gap-xs-on-md, .pf-m-column-gap-sm-on-md, .pf-m-column-gap-md-on-md, .pf-m-column-gap-lg-on-md, .pf-m-column-gap-xl-on-md, .pf-m-column-gap-2xl-on-md, .pf-m-column-gap-3xl-on-md, .pf-m-column-gap-4xl-on-md) > * {
2286
+ --pf-v6-l-flex--spacer--column: 0;
2287
+ }
2288
+ }
2289
+ @media (min-width: 62rem) {
2290
+ .pf-v6-l-flex.pf-m-column-gap-on-lg {
2291
+ --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
2292
+ }
2293
+ .pf-v6-l-flex.pf-m-column-gap-none-on-lg {
2294
+ --pf-v6-l-flex--ColumnGap: 0;
2295
+ }
2296
+ .pf-v6-l-flex.pf-m-column-gap-xs-on-lg {
2297
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
2298
+ }
2299
+ .pf-v6-l-flex.pf-m-column-gap-sm-on-lg {
2300
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
2301
+ }
2302
+ .pf-v6-l-flex.pf-m-column-gap-md-on-lg {
2303
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
2304
+ }
2305
+ .pf-v6-l-flex.pf-m-column-gap-lg-on-lg {
2306
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
2307
+ }
2308
+ .pf-v6-l-flex.pf-m-column-gap-xl-on-lg {
2309
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
2310
+ }
2311
+ .pf-v6-l-flex.pf-m-column-gap-2xl-on-lg {
2312
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
2313
+ }
2314
+ .pf-v6-l-flex.pf-m-column-gap-3xl-on-lg {
2315
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
2316
+ }
2317
+ .pf-v6-l-flex.pf-m-column-gap-4xl-on-lg {
2318
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
2319
+ }
2320
+ .pf-v6-l-flex:is(.pf-m-column-gap-on-lg, .pf-m-column-gap-none-on-lg, .pf-m-column-gap-xs-on-lg, .pf-m-column-gap-sm-on-lg, .pf-m-column-gap-md-on-lg, .pf-m-column-gap-lg-on-lg, .pf-m-column-gap-xl-on-lg, .pf-m-column-gap-2xl-on-lg, .pf-m-column-gap-3xl-on-lg, .pf-m-column-gap-4xl-on-lg) > * {
2321
+ --pf-v6-l-flex--spacer--column: 0;
2322
+ }
2323
+ }
2324
+ @media (min-width: 75rem) {
2325
+ .pf-v6-l-flex.pf-m-column-gap-on-xl {
2326
+ --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
2327
+ }
2328
+ .pf-v6-l-flex.pf-m-column-gap-none-on-xl {
2329
+ --pf-v6-l-flex--ColumnGap: 0;
2330
+ }
2331
+ .pf-v6-l-flex.pf-m-column-gap-xs-on-xl {
2332
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
2333
+ }
2334
+ .pf-v6-l-flex.pf-m-column-gap-sm-on-xl {
2335
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
2336
+ }
2337
+ .pf-v6-l-flex.pf-m-column-gap-md-on-xl {
2338
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
2339
+ }
2340
+ .pf-v6-l-flex.pf-m-column-gap-lg-on-xl {
2341
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
2342
+ }
2343
+ .pf-v6-l-flex.pf-m-column-gap-xl-on-xl {
2344
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
2345
+ }
2346
+ .pf-v6-l-flex.pf-m-column-gap-2xl-on-xl {
2347
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
2348
+ }
2349
+ .pf-v6-l-flex.pf-m-column-gap-3xl-on-xl {
2350
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
2351
+ }
2352
+ .pf-v6-l-flex.pf-m-column-gap-4xl-on-xl {
2353
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
2354
+ }
2355
+ .pf-v6-l-flex:is(.pf-m-column-gap-on-xl, .pf-m-column-gap-none-on-xl, .pf-m-column-gap-xs-on-xl, .pf-m-column-gap-sm-on-xl, .pf-m-column-gap-md-on-xl, .pf-m-column-gap-lg-on-xl, .pf-m-column-gap-xl-on-xl, .pf-m-column-gap-2xl-on-xl, .pf-m-column-gap-3xl-on-xl, .pf-m-column-gap-4xl-on-xl) > * {
2356
+ --pf-v6-l-flex--spacer--column: 0;
2357
+ }
2358
+ }
2359
+ @media (min-width: 90.625rem) {
2360
+ .pf-v6-l-flex.pf-m-column-gap-on-2xl {
2361
+ --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
2362
+ }
2363
+ .pf-v6-l-flex.pf-m-column-gap-none-on-2xl {
2364
+ --pf-v6-l-flex--ColumnGap: 0;
2365
+ }
2366
+ .pf-v6-l-flex.pf-m-column-gap-xs-on-2xl {
2367
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
2368
+ }
2369
+ .pf-v6-l-flex.pf-m-column-gap-sm-on-2xl {
2370
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
2371
+ }
2372
+ .pf-v6-l-flex.pf-m-column-gap-md-on-2xl {
2373
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
2374
+ }
2375
+ .pf-v6-l-flex.pf-m-column-gap-lg-on-2xl {
2376
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
2377
+ }
2378
+ .pf-v6-l-flex.pf-m-column-gap-xl-on-2xl {
2379
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
2380
+ }
2381
+ .pf-v6-l-flex.pf-m-column-gap-2xl-on-2xl {
2382
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
2383
+ }
2384
+ .pf-v6-l-flex.pf-m-column-gap-3xl-on-2xl {
2385
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
2386
+ }
2387
+ .pf-v6-l-flex.pf-m-column-gap-4xl-on-2xl {
2388
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
2389
+ }
2390
+ .pf-v6-l-flex:is(.pf-m-column-gap-on-2xl, .pf-m-column-gap-none-on-2xl, .pf-m-column-gap-xs-on-2xl, .pf-m-column-gap-sm-on-2xl, .pf-m-column-gap-md-on-2xl, .pf-m-column-gap-lg-on-2xl, .pf-m-column-gap-xl-on-2xl, .pf-m-column-gap-2xl-on-2xl, .pf-m-column-gap-3xl-on-2xl, .pf-m-column-gap-4xl-on-2xl) > * {
2391
+ --pf-v6-l-flex--spacer--column: 0;
2392
+ }
2393
+ }
2394
+
2395
+ :where(:root, .pf-v6-l-gallery) {
2396
+ --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
2397
+ --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
2398
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
2399
+ --pf-v6-l-gallery--GridTemplateColumns--max: 1fr;
2400
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
2401
+ --pf-v6-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-v6-l-gallery--GridTemplateColumns--minmax--min), var(--pf-v6-l-gallery--GridTemplateColumns--minmax--max)));
2402
+ --pf-v6-l-gallery--GridTemplateRows: auto;
2403
+ }
2404
+
2405
+ .pf-v6-l-gallery {
2406
+ display: grid;
2407
+ grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
2408
+ grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
2409
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
2410
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
2411
+ }
2412
+ .pf-v6-l-gallery.pf-m-gutter {
2413
+ grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
2414
+ }
2415
+ @media (min-width: 36rem) {
2416
+ .pf-v6-l-gallery {
2417
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
2418
+ }
2419
+ }
2420
+ @media (min-width: 48rem) {
2421
+ .pf-v6-l-gallery {
2422
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: 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)));
2423
+ }
2424
+ }
2425
+ @media (min-width: 62rem) {
2426
+ .pf-v6-l-gallery {
2427
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: 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))));
2428
+ }
2429
+ }
2430
+ @media (min-width: 75rem) {
2431
+ .pf-v6-l-gallery {
2432
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: 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)))));
2433
+ }
2434
+ }
2435
+ @media (min-width: 90.625rem) {
2436
+ .pf-v6-l-gallery {
2437
+ --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))))));
2438
+ }
2439
+ }
2440
+ @media (min-width: 36rem) {
2441
+ .pf-v6-l-gallery {
2442
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
2443
+ }
2444
+ }
2445
+ @media (min-width: 48rem) {
2446
+ .pf-v6-l-gallery {
2447
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)));
2448
+ }
2449
+ }
2450
+ @media (min-width: 62rem) {
2451
+ .pf-v6-l-gallery {
2452
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))));
2453
+ }
2454
+ }
2455
+ @media (min-width: 75rem) {
2456
+ .pf-v6-l-gallery {
2457
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)))));
2458
+ }
2459
+ }
2460
+ @media (min-width: 90.625rem) {
2461
+ .pf-v6-l-gallery {
2462
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
2463
+ }
2464
+ }
2465
+
2466
+ :where(:root, .pf-v6-l-grid) {
2467
+ --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
2468
+ --pf-v6-l-grid__item--GridColumnStart: auto;
2469
+ --pf-v6-l-grid__item--GridColumnEnd: span 12;
2470
+ --pf-v6-l-grid--item--Order: 0;
2471
+ }
2472
+
2473
+ .pf-v6-l-grid {
2474
+ display: grid;
2475
+ grid-template-columns: repeat(12, [col-start] 1fr);
2476
+ }
2477
+ .pf-v6-l-grid > *,
2478
+ .pf-v6-l-grid .pf-v6-l-grid__item {
2479
+ grid-column-start: var(--pf-v6-l-grid__item--GridColumnStart);
2480
+ grid-column-end: var(--pf-v6-l-grid__item--GridColumnEnd);
2481
+ min-width: 0;
2482
+ min-height: 0;
2483
+ order: var(--pf-v6-l-grid--item--Order);
2484
+ }
2485
+ @media (min-width: 36rem) {
2486
+ .pf-v6-l-grid > *,
2487
+ .pf-v6-l-grid .pf-v6-l-grid__item {
2488
+ order: var(--pf-v6-l-grid--item--Order-on-sm, var(--pf-v6-l-grid--item--Order));
2489
+ }
2490
+ }
2491
+ @media (min-width: 48rem) {
2492
+ .pf-v6-l-grid > *,
2493
+ .pf-v6-l-grid .pf-v6-l-grid__item {
2494
+ order: var(--pf-v6-l-grid--item--Order-on-md, var(--pf-v6-l-grid--item--Order-on-sm, var(--pf-v6-l-grid--item--Order)));
2495
+ }
2496
+ }
2497
+ @media (min-width: 62rem) {
2498
+ .pf-v6-l-grid > *,
2499
+ .pf-v6-l-grid .pf-v6-l-grid__item {
2500
+ order: var(--pf-v6-l-grid--item--Order-on-lg, var(--pf-v6-l-grid--item--Order-on-md, var(--pf-v6-l-grid--item--Order-on-sm, var(--pf-v6-l-grid--item--Order))));
2501
+ }
2502
+ }
2503
+ @media (min-width: 75rem) {
2504
+ .pf-v6-l-grid > *,
2505
+ .pf-v6-l-grid .pf-v6-l-grid__item {
2506
+ order: var(--pf-v6-l-grid--item--Order-on-xl, var(--pf-v6-l-grid--item--Order-on-lg, var(--pf-v6-l-grid--item--Order-on-md, var(--pf-v6-l-grid--item--Order-on-sm, var(--pf-v6-l-grid--item--Order)))));
2507
+ }
2508
+ }
2509
+ @media (min-width: 90.625rem) {
2510
+ .pf-v6-l-grid > *,
2511
+ .pf-v6-l-grid .pf-v6-l-grid__item {
2512
+ order: var(--pf-v6-l-grid--item--Order-on-2xl, var(--pf-v6-l-grid--item--Order-on-xl, var(--pf-v6-l-grid--item--Order-on-lg, var(--pf-v6-l-grid--item--Order-on-md, var(--pf-v6-l-grid--item--Order-on-sm, var(--pf-v6-l-grid--item--Order))))));
2513
+ }
2514
+ }
2515
+ .pf-v6-l-grid.pf-m-all-1-col > * {
2516
+ --pf-v6-l-grid__item--GridColumnEnd: span 1;
2517
+ }
2518
+ .pf-v6-l-grid.pf-m-all-2-col > * {
2519
+ --pf-v6-l-grid__item--GridColumnEnd: span 2;
2520
+ }
2521
+ .pf-v6-l-grid.pf-m-all-3-col > * {
2522
+ --pf-v6-l-grid__item--GridColumnEnd: span 3;
2523
+ }
2524
+ .pf-v6-l-grid.pf-m-all-4-col > * {
2525
+ --pf-v6-l-grid__item--GridColumnEnd: span 4;
2526
+ }
2527
+ .pf-v6-l-grid.pf-m-all-5-col > * {
2528
+ --pf-v6-l-grid__item--GridColumnEnd: span 5;
2529
+ }
2530
+ .pf-v6-l-grid.pf-m-all-6-col > * {
2531
+ --pf-v6-l-grid__item--GridColumnEnd: span 6;
2532
+ }
2533
+ .pf-v6-l-grid.pf-m-all-7-col > * {
2534
+ --pf-v6-l-grid__item--GridColumnEnd: span 7;
2535
+ }
2536
+ .pf-v6-l-grid.pf-m-all-8-col > * {
2537
+ --pf-v6-l-grid__item--GridColumnEnd: span 8;
2538
+ }
2539
+ .pf-v6-l-grid.pf-m-all-9-col > * {
2540
+ --pf-v6-l-grid__item--GridColumnEnd: span 9;
2541
+ }
2542
+ .pf-v6-l-grid.pf-m-all-10-col > * {
2543
+ --pf-v6-l-grid__item--GridColumnEnd: span 10;
2544
+ }
2545
+ .pf-v6-l-grid.pf-m-all-11-col > * {
2546
+ --pf-v6-l-grid__item--GridColumnEnd: span 11;
2547
+ }
2548
+ .pf-v6-l-grid.pf-m-all-12-col > * {
2549
+ --pf-v6-l-grid__item--GridColumnEnd: span 12;
2550
+ }
2551
+ @media screen and (min-width: 36rem) {
2552
+ .pf-v6-l-grid.pf-m-all-1-col-on-sm > * {
2553
+ --pf-v6-l-grid__item--GridColumnEnd: span 1;
2554
+ }
2555
+ .pf-v6-l-grid.pf-m-all-2-col-on-sm > * {
2556
+ --pf-v6-l-grid__item--GridColumnEnd: span 2;
2557
+ }
2558
+ .pf-v6-l-grid.pf-m-all-3-col-on-sm > * {
2559
+ --pf-v6-l-grid__item--GridColumnEnd: span 3;
2560
+ }
2561
+ .pf-v6-l-grid.pf-m-all-4-col-on-sm > * {
2562
+ --pf-v6-l-grid__item--GridColumnEnd: span 4;
2563
+ }
2564
+ .pf-v6-l-grid.pf-m-all-5-col-on-sm > * {
2565
+ --pf-v6-l-grid__item--GridColumnEnd: span 5;
2566
+ }
2567
+ .pf-v6-l-grid.pf-m-all-6-col-on-sm > * {
2568
+ --pf-v6-l-grid__item--GridColumnEnd: span 6;
2569
+ }
2570
+ .pf-v6-l-grid.pf-m-all-7-col-on-sm > * {
2571
+ --pf-v6-l-grid__item--GridColumnEnd: span 7;
2572
+ }
2573
+ .pf-v6-l-grid.pf-m-all-8-col-on-sm > * {
2574
+ --pf-v6-l-grid__item--GridColumnEnd: span 8;
2575
+ }
2576
+ .pf-v6-l-grid.pf-m-all-9-col-on-sm > * {
2577
+ --pf-v6-l-grid__item--GridColumnEnd: span 9;
2578
+ }
2579
+ .pf-v6-l-grid.pf-m-all-10-col-on-sm > * {
2580
+ --pf-v6-l-grid__item--GridColumnEnd: span 10;
2581
+ }
2582
+ .pf-v6-l-grid.pf-m-all-11-col-on-sm > * {
2583
+ --pf-v6-l-grid__item--GridColumnEnd: span 11;
2584
+ }
2585
+ .pf-v6-l-grid.pf-m-all-12-col-on-sm > * {
2586
+ --pf-v6-l-grid__item--GridColumnEnd: span 12;
2587
+ }
2588
+ }
2589
+ @media screen and (min-width: 48rem) {
2590
+ .pf-v6-l-grid.pf-m-all-1-col-on-md > * {
2591
+ --pf-v6-l-grid__item--GridColumnEnd: span 1;
2592
+ }
2593
+ .pf-v6-l-grid.pf-m-all-2-col-on-md > * {
2594
+ --pf-v6-l-grid__item--GridColumnEnd: span 2;
2595
+ }
2596
+ .pf-v6-l-grid.pf-m-all-3-col-on-md > * {
2597
+ --pf-v6-l-grid__item--GridColumnEnd: span 3;
2598
+ }
2599
+ .pf-v6-l-grid.pf-m-all-4-col-on-md > * {
2600
+ --pf-v6-l-grid__item--GridColumnEnd: span 4;
2601
+ }
2602
+ .pf-v6-l-grid.pf-m-all-5-col-on-md > * {
2603
+ --pf-v6-l-grid__item--GridColumnEnd: span 5;
2604
+ }
2605
+ .pf-v6-l-grid.pf-m-all-6-col-on-md > * {
2606
+ --pf-v6-l-grid__item--GridColumnEnd: span 6;
2607
+ }
2608
+ .pf-v6-l-grid.pf-m-all-7-col-on-md > * {
2609
+ --pf-v6-l-grid__item--GridColumnEnd: span 7;
2610
+ }
2611
+ .pf-v6-l-grid.pf-m-all-8-col-on-md > * {
2612
+ --pf-v6-l-grid__item--GridColumnEnd: span 8;
2613
+ }
2614
+ .pf-v6-l-grid.pf-m-all-9-col-on-md > * {
2615
+ --pf-v6-l-grid__item--GridColumnEnd: span 9;
2616
+ }
2617
+ .pf-v6-l-grid.pf-m-all-10-col-on-md > * {
2618
+ --pf-v6-l-grid__item--GridColumnEnd: span 10;
2619
+ }
2620
+ .pf-v6-l-grid.pf-m-all-11-col-on-md > * {
2621
+ --pf-v6-l-grid__item--GridColumnEnd: span 11;
2622
+ }
2623
+ .pf-v6-l-grid.pf-m-all-12-col-on-md > * {
2624
+ --pf-v6-l-grid__item--GridColumnEnd: span 12;
2625
+ }
2626
+ }
2627
+ @media screen and (min-width: 62rem) {
2628
+ .pf-v6-l-grid.pf-m-all-1-col-on-lg > * {
2629
+ --pf-v6-l-grid__item--GridColumnEnd: span 1;
2630
+ }
2631
+ .pf-v6-l-grid.pf-m-all-2-col-on-lg > * {
2632
+ --pf-v6-l-grid__item--GridColumnEnd: span 2;
2633
+ }
2634
+ .pf-v6-l-grid.pf-m-all-3-col-on-lg > * {
2635
+ --pf-v6-l-grid__item--GridColumnEnd: span 3;
2636
+ }
2637
+ .pf-v6-l-grid.pf-m-all-4-col-on-lg > * {
2638
+ --pf-v6-l-grid__item--GridColumnEnd: span 4;
2639
+ }
2640
+ .pf-v6-l-grid.pf-m-all-5-col-on-lg > * {
2641
+ --pf-v6-l-grid__item--GridColumnEnd: span 5;
2642
+ }
2643
+ .pf-v6-l-grid.pf-m-all-6-col-on-lg > * {
2644
+ --pf-v6-l-grid__item--GridColumnEnd: span 6;
2645
+ }
2646
+ .pf-v6-l-grid.pf-m-all-7-col-on-lg > * {
2647
+ --pf-v6-l-grid__item--GridColumnEnd: span 7;
2648
+ }
2649
+ .pf-v6-l-grid.pf-m-all-8-col-on-lg > * {
2650
+ --pf-v6-l-grid__item--GridColumnEnd: span 8;
2651
+ }
2652
+ .pf-v6-l-grid.pf-m-all-9-col-on-lg > * {
2653
+ --pf-v6-l-grid__item--GridColumnEnd: span 9;
2654
+ }
2655
+ .pf-v6-l-grid.pf-m-all-10-col-on-lg > * {
2656
+ --pf-v6-l-grid__item--GridColumnEnd: span 10;
2657
+ }
2658
+ .pf-v6-l-grid.pf-m-all-11-col-on-lg > * {
2659
+ --pf-v6-l-grid__item--GridColumnEnd: span 11;
2660
+ }
2661
+ .pf-v6-l-grid.pf-m-all-12-col-on-lg > * {
2662
+ --pf-v6-l-grid__item--GridColumnEnd: span 12;
2663
+ }
2664
+ }
2665
+ @media screen and (min-width: 75rem) {
2666
+ .pf-v6-l-grid.pf-m-all-1-col-on-xl > * {
2667
+ --pf-v6-l-grid__item--GridColumnEnd: span 1;
2668
+ }
2669
+ .pf-v6-l-grid.pf-m-all-2-col-on-xl > * {
2670
+ --pf-v6-l-grid__item--GridColumnEnd: span 2;
2671
+ }
2672
+ .pf-v6-l-grid.pf-m-all-3-col-on-xl > * {
2673
+ --pf-v6-l-grid__item--GridColumnEnd: span 3;
2674
+ }
2675
+ .pf-v6-l-grid.pf-m-all-4-col-on-xl > * {
2676
+ --pf-v6-l-grid__item--GridColumnEnd: span 4;
2677
+ }
2678
+ .pf-v6-l-grid.pf-m-all-5-col-on-xl > * {
2679
+ --pf-v6-l-grid__item--GridColumnEnd: span 5;
2680
+ }
2681
+ .pf-v6-l-grid.pf-m-all-6-col-on-xl > * {
2682
+ --pf-v6-l-grid__item--GridColumnEnd: span 6;
2683
+ }
2684
+ .pf-v6-l-grid.pf-m-all-7-col-on-xl > * {
2685
+ --pf-v6-l-grid__item--GridColumnEnd: span 7;
2686
+ }
2687
+ .pf-v6-l-grid.pf-m-all-8-col-on-xl > * {
2688
+ --pf-v6-l-grid__item--GridColumnEnd: span 8;
2689
+ }
2690
+ .pf-v6-l-grid.pf-m-all-9-col-on-xl > * {
2691
+ --pf-v6-l-grid__item--GridColumnEnd: span 9;
2692
+ }
2693
+ .pf-v6-l-grid.pf-m-all-10-col-on-xl > * {
2694
+ --pf-v6-l-grid__item--GridColumnEnd: span 10;
2695
+ }
2696
+ .pf-v6-l-grid.pf-m-all-11-col-on-xl > * {
2697
+ --pf-v6-l-grid__item--GridColumnEnd: span 11;
2698
+ }
2699
+ .pf-v6-l-grid.pf-m-all-12-col-on-xl > * {
2700
+ --pf-v6-l-grid__item--GridColumnEnd: span 12;
2701
+ }
2702
+ }
2703
+ @media screen and (min-width: 90.625rem) {
2704
+ .pf-v6-l-grid.pf-m-all-1-col-on-2xl > * {
2705
+ --pf-v6-l-grid__item--GridColumnEnd: span 1;
2706
+ }
2707
+ .pf-v6-l-grid.pf-m-all-2-col-on-2xl > * {
2708
+ --pf-v6-l-grid__item--GridColumnEnd: span 2;
2709
+ }
2710
+ .pf-v6-l-grid.pf-m-all-3-col-on-2xl > * {
2711
+ --pf-v6-l-grid__item--GridColumnEnd: span 3;
2712
+ }
2713
+ .pf-v6-l-grid.pf-m-all-4-col-on-2xl > * {
2714
+ --pf-v6-l-grid__item--GridColumnEnd: span 4;
2715
+ }
2716
+ .pf-v6-l-grid.pf-m-all-5-col-on-2xl > * {
2717
+ --pf-v6-l-grid__item--GridColumnEnd: span 5;
2718
+ }
2719
+ .pf-v6-l-grid.pf-m-all-6-col-on-2xl > * {
2720
+ --pf-v6-l-grid__item--GridColumnEnd: span 6;
2721
+ }
2722
+ .pf-v6-l-grid.pf-m-all-7-col-on-2xl > * {
2723
+ --pf-v6-l-grid__item--GridColumnEnd: span 7;
2724
+ }
2725
+ .pf-v6-l-grid.pf-m-all-8-col-on-2xl > * {
2726
+ --pf-v6-l-grid__item--GridColumnEnd: span 8;
2727
+ }
2728
+ .pf-v6-l-grid.pf-m-all-9-col-on-2xl > * {
2729
+ --pf-v6-l-grid__item--GridColumnEnd: span 9;
2730
+ }
2731
+ .pf-v6-l-grid.pf-m-all-10-col-on-2xl > * {
2732
+ --pf-v6-l-grid__item--GridColumnEnd: span 10;
2733
+ }
2734
+ .pf-v6-l-grid.pf-m-all-11-col-on-2xl > * {
2735
+ --pf-v6-l-grid__item--GridColumnEnd: span 11;
2736
+ }
2737
+ .pf-v6-l-grid.pf-m-all-12-col-on-2xl > * {
2738
+ --pf-v6-l-grid__item--GridColumnEnd: span 12;
2739
+ }
2740
+ }
2741
+ .pf-v6-l-grid > .pf-m-1-col {
2742
+ --pf-v6-l-grid__item--GridColumnEnd: span 1;
2743
+ }
2744
+ .pf-v6-l-grid > .pf-m-2-col {
2745
+ --pf-v6-l-grid__item--GridColumnEnd: span 2;
2746
+ }
2747
+ .pf-v6-l-grid > .pf-m-3-col {
2748
+ --pf-v6-l-grid__item--GridColumnEnd: span 3;
2749
+ }
2750
+ .pf-v6-l-grid > .pf-m-4-col {
2751
+ --pf-v6-l-grid__item--GridColumnEnd: span 4;
2752
+ }
2753
+ .pf-v6-l-grid > .pf-m-5-col {
2754
+ --pf-v6-l-grid__item--GridColumnEnd: span 5;
2755
+ }
2756
+ .pf-v6-l-grid > .pf-m-6-col {
2757
+ --pf-v6-l-grid__item--GridColumnEnd: span 6;
2758
+ }
2759
+ .pf-v6-l-grid > .pf-m-7-col {
2760
+ --pf-v6-l-grid__item--GridColumnEnd: span 7;
2761
+ }
2762
+ .pf-v6-l-grid > .pf-m-8-col {
2763
+ --pf-v6-l-grid__item--GridColumnEnd: span 8;
2764
+ }
2765
+ .pf-v6-l-grid > .pf-m-9-col {
2766
+ --pf-v6-l-grid__item--GridColumnEnd: span 9;
2767
+ }
2768
+ .pf-v6-l-grid > .pf-m-10-col {
2769
+ --pf-v6-l-grid__item--GridColumnEnd: span 10;
2770
+ }
2771
+ .pf-v6-l-grid > .pf-m-11-col {
2772
+ --pf-v6-l-grid__item--GridColumnEnd: span 11;
2773
+ }
2774
+ .pf-v6-l-grid > .pf-m-12-col {
2775
+ --pf-v6-l-grid__item--GridColumnEnd: span 12;
2776
+ }
2777
+ .pf-v6-l-grid > .pf-m-offset-1-col {
2778
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(1 + 1);
2779
+ }
2780
+ .pf-v6-l-grid > .pf-m-offset-2-col {
2781
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(2 + 1);
2782
+ }
2783
+ .pf-v6-l-grid > .pf-m-offset-3-col {
2784
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(3 + 1);
2785
+ }
2786
+ .pf-v6-l-grid > .pf-m-offset-4-col {
2787
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(4 + 1);
2788
+ }
2789
+ .pf-v6-l-grid > .pf-m-offset-5-col {
2790
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(5 + 1);
2791
+ }
2792
+ .pf-v6-l-grid > .pf-m-offset-6-col {
2793
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(6 + 1);
2794
+ }
2795
+ .pf-v6-l-grid > .pf-m-offset-7-col {
2796
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(7 + 1);
2797
+ }
2798
+ .pf-v6-l-grid > .pf-m-offset-8-col {
2799
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(8 + 1);
2800
+ }
2801
+ .pf-v6-l-grid > .pf-m-offset-9-col {
2802
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(9 + 1);
2803
+ }
2804
+ .pf-v6-l-grid > .pf-m-offset-10-col {
2805
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(10 + 1);
2806
+ }
2807
+ .pf-v6-l-grid > .pf-m-offset-11-col {
2808
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(11 + 1);
2809
+ }
2810
+ .pf-v6-l-grid > .pf-m-offset-12-col {
2811
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(12 + 1);
2812
+ }
2813
+ .pf-v6-l-grid > .pf-m-1-row {
2814
+ grid-row: span 1;
2815
+ }
2816
+ .pf-v6-l-grid > .pf-m-2-row {
2817
+ grid-row: span 2;
2818
+ }
2819
+ .pf-v6-l-grid > .pf-m-3-row {
2820
+ grid-row: span 3;
2821
+ }
2822
+ .pf-v6-l-grid > .pf-m-4-row {
2823
+ grid-row: span 4;
2824
+ }
2825
+ .pf-v6-l-grid > .pf-m-5-row {
2826
+ grid-row: span 5;
2827
+ }
2828
+ .pf-v6-l-grid > .pf-m-6-row {
2829
+ grid-row: span 6;
2830
+ }
2831
+ .pf-v6-l-grid > .pf-m-7-row {
2832
+ grid-row: span 7;
2833
+ }
2834
+ .pf-v6-l-grid > .pf-m-8-row {
2835
+ grid-row: span 8;
2836
+ }
2837
+ .pf-v6-l-grid > .pf-m-9-row {
2838
+ grid-row: span 9;
2839
+ }
2840
+ .pf-v6-l-grid > .pf-m-10-row {
2841
+ grid-row: span 10;
2842
+ }
2843
+ .pf-v6-l-grid > .pf-m-11-row {
2844
+ grid-row: span 11;
2845
+ }
2846
+ .pf-v6-l-grid > .pf-m-12-row {
2847
+ grid-row: span 12;
2848
+ }
2849
+ @media screen and (min-width: 36rem) {
2850
+ .pf-v6-l-grid > .pf-m-1-col-on-sm {
2851
+ --pf-v6-l-grid__item--GridColumnEnd: span 1;
2852
+ }
2853
+ .pf-v6-l-grid > .pf-m-2-col-on-sm {
2854
+ --pf-v6-l-grid__item--GridColumnEnd: span 2;
2855
+ }
2856
+ .pf-v6-l-grid > .pf-m-3-col-on-sm {
2857
+ --pf-v6-l-grid__item--GridColumnEnd: span 3;
2858
+ }
2859
+ .pf-v6-l-grid > .pf-m-4-col-on-sm {
2860
+ --pf-v6-l-grid__item--GridColumnEnd: span 4;
2861
+ }
2862
+ .pf-v6-l-grid > .pf-m-5-col-on-sm {
2863
+ --pf-v6-l-grid__item--GridColumnEnd: span 5;
2864
+ }
2865
+ .pf-v6-l-grid > .pf-m-6-col-on-sm {
2866
+ --pf-v6-l-grid__item--GridColumnEnd: span 6;
2867
+ }
2868
+ .pf-v6-l-grid > .pf-m-7-col-on-sm {
2869
+ --pf-v6-l-grid__item--GridColumnEnd: span 7;
2870
+ }
2871
+ .pf-v6-l-grid > .pf-m-8-col-on-sm {
2872
+ --pf-v6-l-grid__item--GridColumnEnd: span 8;
2873
+ }
2874
+ .pf-v6-l-grid > .pf-m-9-col-on-sm {
2875
+ --pf-v6-l-grid__item--GridColumnEnd: span 9;
2876
+ }
2877
+ .pf-v6-l-grid > .pf-m-10-col-on-sm {
2878
+ --pf-v6-l-grid__item--GridColumnEnd: span 10;
2879
+ }
2880
+ .pf-v6-l-grid > .pf-m-11-col-on-sm {
2881
+ --pf-v6-l-grid__item--GridColumnEnd: span 11;
2882
+ }
2883
+ .pf-v6-l-grid > .pf-m-12-col-on-sm {
2884
+ --pf-v6-l-grid__item--GridColumnEnd: span 12;
2885
+ }
2886
+ .pf-v6-l-grid > .pf-m-offset-1-col-on-sm {
2887
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(1 + 1);
2888
+ }
2889
+ .pf-v6-l-grid > .pf-m-offset-2-col-on-sm {
2890
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(2 + 1);
2891
+ }
2892
+ .pf-v6-l-grid > .pf-m-offset-3-col-on-sm {
2893
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(3 + 1);
2894
+ }
2895
+ .pf-v6-l-grid > .pf-m-offset-4-col-on-sm {
2896
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(4 + 1);
2897
+ }
2898
+ .pf-v6-l-grid > .pf-m-offset-5-col-on-sm {
2899
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(5 + 1);
2900
+ }
2901
+ .pf-v6-l-grid > .pf-m-offset-6-col-on-sm {
2902
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(6 + 1);
2903
+ }
2904
+ .pf-v6-l-grid > .pf-m-offset-7-col-on-sm {
2905
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(7 + 1);
2906
+ }
2907
+ .pf-v6-l-grid > .pf-m-offset-8-col-on-sm {
2908
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(8 + 1);
2909
+ }
2910
+ .pf-v6-l-grid > .pf-m-offset-9-col-on-sm {
2911
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(9 + 1);
2912
+ }
2913
+ .pf-v6-l-grid > .pf-m-offset-10-col-on-sm {
2914
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(10 + 1);
2915
+ }
2916
+ .pf-v6-l-grid > .pf-m-offset-11-col-on-sm {
2917
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(11 + 1);
2918
+ }
2919
+ .pf-v6-l-grid > .pf-m-offset-12-col-on-sm {
2920
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(12 + 1);
2921
+ }
2922
+ .pf-v6-l-grid > .pf-m-1-row-on-sm {
2923
+ grid-row: span 1;
2924
+ }
2925
+ .pf-v6-l-grid > .pf-m-2-row-on-sm {
2926
+ grid-row: span 2;
2927
+ }
2928
+ .pf-v6-l-grid > .pf-m-3-row-on-sm {
2929
+ grid-row: span 3;
2930
+ }
2931
+ .pf-v6-l-grid > .pf-m-4-row-on-sm {
2932
+ grid-row: span 4;
2933
+ }
2934
+ .pf-v6-l-grid > .pf-m-5-row-on-sm {
2935
+ grid-row: span 5;
2936
+ }
2937
+ .pf-v6-l-grid > .pf-m-6-row-on-sm {
2938
+ grid-row: span 6;
2939
+ }
2940
+ .pf-v6-l-grid > .pf-m-7-row-on-sm {
2941
+ grid-row: span 7;
2942
+ }
2943
+ .pf-v6-l-grid > .pf-m-8-row-on-sm {
2944
+ grid-row: span 8;
2945
+ }
2946
+ .pf-v6-l-grid > .pf-m-9-row-on-sm {
2947
+ grid-row: span 9;
2948
+ }
2949
+ .pf-v6-l-grid > .pf-m-10-row-on-sm {
2950
+ grid-row: span 10;
2951
+ }
2952
+ .pf-v6-l-grid > .pf-m-11-row-on-sm {
2953
+ grid-row: span 11;
2954
+ }
2955
+ .pf-v6-l-grid > .pf-m-12-row-on-sm {
2956
+ grid-row: span 12;
2957
+ }
2958
+ }
2959
+ @media screen and (min-width: 48rem) {
2960
+ .pf-v6-l-grid > .pf-m-1-col-on-md {
2961
+ --pf-v6-l-grid__item--GridColumnEnd: span 1;
2962
+ }
2963
+ .pf-v6-l-grid > .pf-m-2-col-on-md {
2964
+ --pf-v6-l-grid__item--GridColumnEnd: span 2;
2965
+ }
2966
+ .pf-v6-l-grid > .pf-m-3-col-on-md {
2967
+ --pf-v6-l-grid__item--GridColumnEnd: span 3;
2968
+ }
2969
+ .pf-v6-l-grid > .pf-m-4-col-on-md {
2970
+ --pf-v6-l-grid__item--GridColumnEnd: span 4;
2971
+ }
2972
+ .pf-v6-l-grid > .pf-m-5-col-on-md {
2973
+ --pf-v6-l-grid__item--GridColumnEnd: span 5;
2974
+ }
2975
+ .pf-v6-l-grid > .pf-m-6-col-on-md {
2976
+ --pf-v6-l-grid__item--GridColumnEnd: span 6;
2977
+ }
2978
+ .pf-v6-l-grid > .pf-m-7-col-on-md {
2979
+ --pf-v6-l-grid__item--GridColumnEnd: span 7;
2980
+ }
2981
+ .pf-v6-l-grid > .pf-m-8-col-on-md {
2982
+ --pf-v6-l-grid__item--GridColumnEnd: span 8;
2983
+ }
2984
+ .pf-v6-l-grid > .pf-m-9-col-on-md {
2985
+ --pf-v6-l-grid__item--GridColumnEnd: span 9;
2986
+ }
2987
+ .pf-v6-l-grid > .pf-m-10-col-on-md {
2988
+ --pf-v6-l-grid__item--GridColumnEnd: span 10;
2989
+ }
2990
+ .pf-v6-l-grid > .pf-m-11-col-on-md {
2991
+ --pf-v6-l-grid__item--GridColumnEnd: span 11;
2992
+ }
2993
+ .pf-v6-l-grid > .pf-m-12-col-on-md {
2994
+ --pf-v6-l-grid__item--GridColumnEnd: span 12;
2995
+ }
2996
+ .pf-v6-l-grid > .pf-m-offset-1-col-on-md {
2997
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(1 + 1);
2998
+ }
2999
+ .pf-v6-l-grid > .pf-m-offset-2-col-on-md {
3000
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(2 + 1);
3001
+ }
3002
+ .pf-v6-l-grid > .pf-m-offset-3-col-on-md {
3003
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(3 + 1);
3004
+ }
3005
+ .pf-v6-l-grid > .pf-m-offset-4-col-on-md {
3006
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(4 + 1);
3007
+ }
3008
+ .pf-v6-l-grid > .pf-m-offset-5-col-on-md {
3009
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(5 + 1);
3010
+ }
3011
+ .pf-v6-l-grid > .pf-m-offset-6-col-on-md {
3012
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(6 + 1);
3013
+ }
3014
+ .pf-v6-l-grid > .pf-m-offset-7-col-on-md {
3015
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(7 + 1);
3016
+ }
3017
+ .pf-v6-l-grid > .pf-m-offset-8-col-on-md {
3018
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(8 + 1);
3019
+ }
3020
+ .pf-v6-l-grid > .pf-m-offset-9-col-on-md {
3021
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(9 + 1);
3022
+ }
3023
+ .pf-v6-l-grid > .pf-m-offset-10-col-on-md {
3024
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(10 + 1);
3025
+ }
3026
+ .pf-v6-l-grid > .pf-m-offset-11-col-on-md {
3027
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(11 + 1);
3028
+ }
3029
+ .pf-v6-l-grid > .pf-m-offset-12-col-on-md {
3030
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(12 + 1);
3031
+ }
3032
+ .pf-v6-l-grid > .pf-m-1-row-on-md {
3033
+ grid-row: span 1;
3034
+ }
3035
+ .pf-v6-l-grid > .pf-m-2-row-on-md {
3036
+ grid-row: span 2;
3037
+ }
3038
+ .pf-v6-l-grid > .pf-m-3-row-on-md {
3039
+ grid-row: span 3;
3040
+ }
3041
+ .pf-v6-l-grid > .pf-m-4-row-on-md {
3042
+ grid-row: span 4;
3043
+ }
3044
+ .pf-v6-l-grid > .pf-m-5-row-on-md {
3045
+ grid-row: span 5;
3046
+ }
3047
+ .pf-v6-l-grid > .pf-m-6-row-on-md {
3048
+ grid-row: span 6;
3049
+ }
3050
+ .pf-v6-l-grid > .pf-m-7-row-on-md {
3051
+ grid-row: span 7;
3052
+ }
3053
+ .pf-v6-l-grid > .pf-m-8-row-on-md {
3054
+ grid-row: span 8;
3055
+ }
3056
+ .pf-v6-l-grid > .pf-m-9-row-on-md {
3057
+ grid-row: span 9;
3058
+ }
3059
+ .pf-v6-l-grid > .pf-m-10-row-on-md {
3060
+ grid-row: span 10;
3061
+ }
3062
+ .pf-v6-l-grid > .pf-m-11-row-on-md {
3063
+ grid-row: span 11;
3064
+ }
3065
+ .pf-v6-l-grid > .pf-m-12-row-on-md {
3066
+ grid-row: span 12;
3067
+ }
3068
+ }
3069
+ @media screen and (min-width: 62rem) {
3070
+ .pf-v6-l-grid > .pf-m-1-col-on-lg {
3071
+ --pf-v6-l-grid__item--GridColumnEnd: span 1;
3072
+ }
3073
+ .pf-v6-l-grid > .pf-m-2-col-on-lg {
3074
+ --pf-v6-l-grid__item--GridColumnEnd: span 2;
3075
+ }
3076
+ .pf-v6-l-grid > .pf-m-3-col-on-lg {
3077
+ --pf-v6-l-grid__item--GridColumnEnd: span 3;
3078
+ }
3079
+ .pf-v6-l-grid > .pf-m-4-col-on-lg {
3080
+ --pf-v6-l-grid__item--GridColumnEnd: span 4;
3081
+ }
3082
+ .pf-v6-l-grid > .pf-m-5-col-on-lg {
3083
+ --pf-v6-l-grid__item--GridColumnEnd: span 5;
3084
+ }
3085
+ .pf-v6-l-grid > .pf-m-6-col-on-lg {
3086
+ --pf-v6-l-grid__item--GridColumnEnd: span 6;
3087
+ }
3088
+ .pf-v6-l-grid > .pf-m-7-col-on-lg {
3089
+ --pf-v6-l-grid__item--GridColumnEnd: span 7;
3090
+ }
3091
+ .pf-v6-l-grid > .pf-m-8-col-on-lg {
3092
+ --pf-v6-l-grid__item--GridColumnEnd: span 8;
3093
+ }
3094
+ .pf-v6-l-grid > .pf-m-9-col-on-lg {
3095
+ --pf-v6-l-grid__item--GridColumnEnd: span 9;
3096
+ }
3097
+ .pf-v6-l-grid > .pf-m-10-col-on-lg {
3098
+ --pf-v6-l-grid__item--GridColumnEnd: span 10;
3099
+ }
3100
+ .pf-v6-l-grid > .pf-m-11-col-on-lg {
3101
+ --pf-v6-l-grid__item--GridColumnEnd: span 11;
3102
+ }
3103
+ .pf-v6-l-grid > .pf-m-12-col-on-lg {
3104
+ --pf-v6-l-grid__item--GridColumnEnd: span 12;
3105
+ }
3106
+ .pf-v6-l-grid > .pf-m-offset-1-col-on-lg {
3107
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(1 + 1);
3108
+ }
3109
+ .pf-v6-l-grid > .pf-m-offset-2-col-on-lg {
3110
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(2 + 1);
3111
+ }
3112
+ .pf-v6-l-grid > .pf-m-offset-3-col-on-lg {
3113
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(3 + 1);
3114
+ }
3115
+ .pf-v6-l-grid > .pf-m-offset-4-col-on-lg {
3116
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(4 + 1);
3117
+ }
3118
+ .pf-v6-l-grid > .pf-m-offset-5-col-on-lg {
3119
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(5 + 1);
3120
+ }
3121
+ .pf-v6-l-grid > .pf-m-offset-6-col-on-lg {
3122
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(6 + 1);
3123
+ }
3124
+ .pf-v6-l-grid > .pf-m-offset-7-col-on-lg {
3125
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(7 + 1);
3126
+ }
3127
+ .pf-v6-l-grid > .pf-m-offset-8-col-on-lg {
3128
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(8 + 1);
3129
+ }
3130
+ .pf-v6-l-grid > .pf-m-offset-9-col-on-lg {
3131
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(9 + 1);
3132
+ }
3133
+ .pf-v6-l-grid > .pf-m-offset-10-col-on-lg {
3134
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(10 + 1);
3135
+ }
3136
+ .pf-v6-l-grid > .pf-m-offset-11-col-on-lg {
3137
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(11 + 1);
3138
+ }
3139
+ .pf-v6-l-grid > .pf-m-offset-12-col-on-lg {
3140
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(12 + 1);
3141
+ }
3142
+ .pf-v6-l-grid > .pf-m-1-row-on-lg {
3143
+ grid-row: span 1;
3144
+ }
3145
+ .pf-v6-l-grid > .pf-m-2-row-on-lg {
3146
+ grid-row: span 2;
3147
+ }
3148
+ .pf-v6-l-grid > .pf-m-3-row-on-lg {
3149
+ grid-row: span 3;
3150
+ }
3151
+ .pf-v6-l-grid > .pf-m-4-row-on-lg {
3152
+ grid-row: span 4;
3153
+ }
3154
+ .pf-v6-l-grid > .pf-m-5-row-on-lg {
3155
+ grid-row: span 5;
3156
+ }
3157
+ .pf-v6-l-grid > .pf-m-6-row-on-lg {
3158
+ grid-row: span 6;
3159
+ }
3160
+ .pf-v6-l-grid > .pf-m-7-row-on-lg {
3161
+ grid-row: span 7;
3162
+ }
3163
+ .pf-v6-l-grid > .pf-m-8-row-on-lg {
3164
+ grid-row: span 8;
3165
+ }
3166
+ .pf-v6-l-grid > .pf-m-9-row-on-lg {
3167
+ grid-row: span 9;
3168
+ }
3169
+ .pf-v6-l-grid > .pf-m-10-row-on-lg {
3170
+ grid-row: span 10;
3171
+ }
3172
+ .pf-v6-l-grid > .pf-m-11-row-on-lg {
3173
+ grid-row: span 11;
3174
+ }
3175
+ .pf-v6-l-grid > .pf-m-12-row-on-lg {
3176
+ grid-row: span 12;
3177
+ }
3178
+ }
3179
+ @media screen and (min-width: 75rem) {
3180
+ .pf-v6-l-grid > .pf-m-1-col-on-xl {
3181
+ --pf-v6-l-grid__item--GridColumnEnd: span 1;
3182
+ }
3183
+ .pf-v6-l-grid > .pf-m-2-col-on-xl {
3184
+ --pf-v6-l-grid__item--GridColumnEnd: span 2;
3185
+ }
3186
+ .pf-v6-l-grid > .pf-m-3-col-on-xl {
3187
+ --pf-v6-l-grid__item--GridColumnEnd: span 3;
3188
+ }
3189
+ .pf-v6-l-grid > .pf-m-4-col-on-xl {
3190
+ --pf-v6-l-grid__item--GridColumnEnd: span 4;
3191
+ }
3192
+ .pf-v6-l-grid > .pf-m-5-col-on-xl {
3193
+ --pf-v6-l-grid__item--GridColumnEnd: span 5;
3194
+ }
3195
+ .pf-v6-l-grid > .pf-m-6-col-on-xl {
3196
+ --pf-v6-l-grid__item--GridColumnEnd: span 6;
3197
+ }
3198
+ .pf-v6-l-grid > .pf-m-7-col-on-xl {
3199
+ --pf-v6-l-grid__item--GridColumnEnd: span 7;
3200
+ }
3201
+ .pf-v6-l-grid > .pf-m-8-col-on-xl {
3202
+ --pf-v6-l-grid__item--GridColumnEnd: span 8;
3203
+ }
3204
+ .pf-v6-l-grid > .pf-m-9-col-on-xl {
3205
+ --pf-v6-l-grid__item--GridColumnEnd: span 9;
3206
+ }
3207
+ .pf-v6-l-grid > .pf-m-10-col-on-xl {
3208
+ --pf-v6-l-grid__item--GridColumnEnd: span 10;
3209
+ }
3210
+ .pf-v6-l-grid > .pf-m-11-col-on-xl {
3211
+ --pf-v6-l-grid__item--GridColumnEnd: span 11;
3212
+ }
3213
+ .pf-v6-l-grid > .pf-m-12-col-on-xl {
3214
+ --pf-v6-l-grid__item--GridColumnEnd: span 12;
3215
+ }
3216
+ .pf-v6-l-grid > .pf-m-offset-1-col-on-xl {
3217
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(1 + 1);
3218
+ }
3219
+ .pf-v6-l-grid > .pf-m-offset-2-col-on-xl {
3220
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(2 + 1);
3221
+ }
3222
+ .pf-v6-l-grid > .pf-m-offset-3-col-on-xl {
3223
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(3 + 1);
3224
+ }
3225
+ .pf-v6-l-grid > .pf-m-offset-4-col-on-xl {
3226
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(4 + 1);
3227
+ }
3228
+ .pf-v6-l-grid > .pf-m-offset-5-col-on-xl {
3229
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(5 + 1);
3230
+ }
3231
+ .pf-v6-l-grid > .pf-m-offset-6-col-on-xl {
3232
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(6 + 1);
3233
+ }
3234
+ .pf-v6-l-grid > .pf-m-offset-7-col-on-xl {
3235
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(7 + 1);
3236
+ }
3237
+ .pf-v6-l-grid > .pf-m-offset-8-col-on-xl {
3238
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(8 + 1);
3239
+ }
3240
+ .pf-v6-l-grid > .pf-m-offset-9-col-on-xl {
3241
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(9 + 1);
3242
+ }
3243
+ .pf-v6-l-grid > .pf-m-offset-10-col-on-xl {
3244
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(10 + 1);
3245
+ }
3246
+ .pf-v6-l-grid > .pf-m-offset-11-col-on-xl {
3247
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(11 + 1);
3248
+ }
3249
+ .pf-v6-l-grid > .pf-m-offset-12-col-on-xl {
3250
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(12 + 1);
3251
+ }
3252
+ .pf-v6-l-grid > .pf-m-1-row-on-xl {
3253
+ grid-row: span 1;
3254
+ }
3255
+ .pf-v6-l-grid > .pf-m-2-row-on-xl {
3256
+ grid-row: span 2;
3257
+ }
3258
+ .pf-v6-l-grid > .pf-m-3-row-on-xl {
3259
+ grid-row: span 3;
3260
+ }
3261
+ .pf-v6-l-grid > .pf-m-4-row-on-xl {
3262
+ grid-row: span 4;
3263
+ }
3264
+ .pf-v6-l-grid > .pf-m-5-row-on-xl {
3265
+ grid-row: span 5;
3266
+ }
3267
+ .pf-v6-l-grid > .pf-m-6-row-on-xl {
3268
+ grid-row: span 6;
3269
+ }
3270
+ .pf-v6-l-grid > .pf-m-7-row-on-xl {
3271
+ grid-row: span 7;
3272
+ }
3273
+ .pf-v6-l-grid > .pf-m-8-row-on-xl {
3274
+ grid-row: span 8;
3275
+ }
3276
+ .pf-v6-l-grid > .pf-m-9-row-on-xl {
3277
+ grid-row: span 9;
3278
+ }
3279
+ .pf-v6-l-grid > .pf-m-10-row-on-xl {
3280
+ grid-row: span 10;
3281
+ }
3282
+ .pf-v6-l-grid > .pf-m-11-row-on-xl {
3283
+ grid-row: span 11;
3284
+ }
3285
+ .pf-v6-l-grid > .pf-m-12-row-on-xl {
3286
+ grid-row: span 12;
3287
+ }
3288
+ }
3289
+ @media screen and (min-width: 90.625rem) {
3290
+ .pf-v6-l-grid > .pf-m-1-col-on-2xl {
3291
+ --pf-v6-l-grid__item--GridColumnEnd: span 1;
3292
+ }
3293
+ .pf-v6-l-grid > .pf-m-2-col-on-2xl {
3294
+ --pf-v6-l-grid__item--GridColumnEnd: span 2;
3295
+ }
3296
+ .pf-v6-l-grid > .pf-m-3-col-on-2xl {
3297
+ --pf-v6-l-grid__item--GridColumnEnd: span 3;
3298
+ }
3299
+ .pf-v6-l-grid > .pf-m-4-col-on-2xl {
3300
+ --pf-v6-l-grid__item--GridColumnEnd: span 4;
3301
+ }
3302
+ .pf-v6-l-grid > .pf-m-5-col-on-2xl {
3303
+ --pf-v6-l-grid__item--GridColumnEnd: span 5;
3304
+ }
3305
+ .pf-v6-l-grid > .pf-m-6-col-on-2xl {
3306
+ --pf-v6-l-grid__item--GridColumnEnd: span 6;
3307
+ }
3308
+ .pf-v6-l-grid > .pf-m-7-col-on-2xl {
3309
+ --pf-v6-l-grid__item--GridColumnEnd: span 7;
3310
+ }
3311
+ .pf-v6-l-grid > .pf-m-8-col-on-2xl {
3312
+ --pf-v6-l-grid__item--GridColumnEnd: span 8;
3313
+ }
3314
+ .pf-v6-l-grid > .pf-m-9-col-on-2xl {
3315
+ --pf-v6-l-grid__item--GridColumnEnd: span 9;
3316
+ }
3317
+ .pf-v6-l-grid > .pf-m-10-col-on-2xl {
3318
+ --pf-v6-l-grid__item--GridColumnEnd: span 10;
3319
+ }
3320
+ .pf-v6-l-grid > .pf-m-11-col-on-2xl {
3321
+ --pf-v6-l-grid__item--GridColumnEnd: span 11;
3322
+ }
3323
+ .pf-v6-l-grid > .pf-m-12-col-on-2xl {
3324
+ --pf-v6-l-grid__item--GridColumnEnd: span 12;
3325
+ }
3326
+ .pf-v6-l-grid > .pf-m-offset-1-col-on-2xl {
3327
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(1 + 1);
3328
+ }
3329
+ .pf-v6-l-grid > .pf-m-offset-2-col-on-2xl {
3330
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(2 + 1);
3331
+ }
3332
+ .pf-v6-l-grid > .pf-m-offset-3-col-on-2xl {
3333
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(3 + 1);
3334
+ }
3335
+ .pf-v6-l-grid > .pf-m-offset-4-col-on-2xl {
3336
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(4 + 1);
3337
+ }
3338
+ .pf-v6-l-grid > .pf-m-offset-5-col-on-2xl {
3339
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(5 + 1);
3340
+ }
3341
+ .pf-v6-l-grid > .pf-m-offset-6-col-on-2xl {
3342
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(6 + 1);
3343
+ }
3344
+ .pf-v6-l-grid > .pf-m-offset-7-col-on-2xl {
3345
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(7 + 1);
3346
+ }
3347
+ .pf-v6-l-grid > .pf-m-offset-8-col-on-2xl {
3348
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(8 + 1);
3349
+ }
3350
+ .pf-v6-l-grid > .pf-m-offset-9-col-on-2xl {
3351
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(9 + 1);
3352
+ }
3353
+ .pf-v6-l-grid > .pf-m-offset-10-col-on-2xl {
3354
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(10 + 1);
3355
+ }
3356
+ .pf-v6-l-grid > .pf-m-offset-11-col-on-2xl {
3357
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(11 + 1);
3358
+ }
3359
+ .pf-v6-l-grid > .pf-m-offset-12-col-on-2xl {
3360
+ --pf-v6-l-grid__item--GridColumnStart: col-start calc(12 + 1);
3361
+ }
3362
+ .pf-v6-l-grid > .pf-m-1-row-on-2xl {
3363
+ grid-row: span 1;
3364
+ }
3365
+ .pf-v6-l-grid > .pf-m-2-row-on-2xl {
3366
+ grid-row: span 2;
3367
+ }
3368
+ .pf-v6-l-grid > .pf-m-3-row-on-2xl {
3369
+ grid-row: span 3;
3370
+ }
3371
+ .pf-v6-l-grid > .pf-m-4-row-on-2xl {
3372
+ grid-row: span 4;
3373
+ }
3374
+ .pf-v6-l-grid > .pf-m-5-row-on-2xl {
3375
+ grid-row: span 5;
3376
+ }
3377
+ .pf-v6-l-grid > .pf-m-6-row-on-2xl {
3378
+ grid-row: span 6;
3379
+ }
3380
+ .pf-v6-l-grid > .pf-m-7-row-on-2xl {
3381
+ grid-row: span 7;
3382
+ }
3383
+ .pf-v6-l-grid > .pf-m-8-row-on-2xl {
3384
+ grid-row: span 8;
3385
+ }
3386
+ .pf-v6-l-grid > .pf-m-9-row-on-2xl {
3387
+ grid-row: span 9;
3388
+ }
3389
+ .pf-v6-l-grid > .pf-m-10-row-on-2xl {
3390
+ grid-row: span 10;
3391
+ }
3392
+ .pf-v6-l-grid > .pf-m-11-row-on-2xl {
3393
+ grid-row: span 11;
3394
+ }
3395
+ .pf-v6-l-grid > .pf-m-12-row-on-2xl {
3396
+ grid-row: span 12;
3397
+ }
3398
+ }
3399
+ .pf-v6-l-grid.pf-m-gutter {
3400
+ grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
3401
+ }
3402
+
3403
+ :where(:root, .pf-v6-l-level) {
3404
+ --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
3405
+ }
3406
+
3407
+ .pf-v6-l-level {
3408
+ display: flex;
3409
+ flex-wrap: wrap;
3410
+ align-items: center;
3411
+ justify-content: space-between;
3412
+ }
3413
+ .pf-v6-l-level.pf-m-gutter {
3414
+ gap: var(--pf-v6-l-level--m-gutter--Gap);
3415
+ }
3416
+
3417
+ :where(:root, .pf-v6-l-split) {
3418
+ --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
3419
+ }
3420
+
3421
+ .pf-v6-l-split {
3422
+ display: flex;
3423
+ padding: 0;
3424
+ margin: 0;
3425
+ }
3426
+ .pf-v6-l-split.pf-m-wrap {
3427
+ flex-wrap: wrap;
3428
+ }
3429
+
3430
+ .pf-v6-l-split__item.pf-m-fill {
3431
+ flex-grow: 1;
3432
+ }
3433
+
3434
+ .pf-v6-l-split.pf-m-gutter {
3435
+ gap: var(--pf-v6-l-stack--m-gutter--Gap);
3436
+ }
3437
+
3438
+ :where(:root, .pf-v6-l-stack) {
3439
+ --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
3440
+ }
3441
+
3442
+ .pf-v6-l-stack {
3443
+ display: flex;
3444
+ flex-direction: column;
3445
+ height: 100%;
3446
+ }
3447
+
3448
+ .pf-v6-l-stack__item.pf-m-fill {
3449
+ flex-grow: 1;
3450
+ }
3451
+
3452
+ .pf-v6-l-stack.pf-m-gutter {
3453
+ gap: var(--pf-v6-l-stack--m-gutter--Gap);
3454
+ }