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

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