@patternfly/patternfly 6.0.0-alpha.99 → 6.0.0-prerelease.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (501) hide show
  1. package/README.md +1 -2
  2. package/assets/fontawesome/_animated.scss +1 -0
  3. package/assets/fontawesome/_bordered-pulled.scss +1 -0
  4. package/assets/fontawesome/_core.scss +2 -0
  5. package/assets/fontawesome/_fixed-width.scss +2 -0
  6. package/assets/fontawesome/_icons.scss +1 -0
  7. package/assets/fontawesome/_index.scss +12 -0
  8. package/assets/fontawesome/_larger.scss +4 -2
  9. package/assets/fontawesome/_list.scss +4 -2
  10. package/assets/fontawesome/_rotated-flipped.scss +2 -0
  11. package/assets/fontawesome/_screen-reader.scss +1 -0
  12. package/assets/fontawesome/_stacked.scss +3 -1
  13. package/assets/fontawesome/_variables.scss +3 -2
  14. package/assets/fontawesome/fontawesome.scss +12 -12
  15. package/assets/icons/iconUnicodes.json +6 -0
  16. package/assets/images/img_avatar-dark.svg +22 -16
  17. package/assets/images/img_avatar-light.svg +25 -18
  18. package/assets/images/pf-background.svg +21 -21
  19. package/assets/images/pf_logo.svg +11 -11
  20. package/assets/images/pf_logo_white.svg +16 -17
  21. package/assets/pficon/pf-v6-pficon.woff2 +0 -0
  22. package/assets/pficon/pficon.scss +310 -271
  23. package/base/_index.scss +10 -0
  24. package/base/{_globals.scss → normalize.scss} +15 -48
  25. package/base/patternfly-common.css +14 -0
  26. package/base/patternfly-common.scss +68 -2
  27. package/base/patternfly-fa-icons.css +1 -1
  28. package/base/patternfly-fa-icons.scss +35 -2
  29. package/base/patternfly-fonts.css +10 -80
  30. package/base/patternfly-fonts.scss +49 -2
  31. package/base/patternfly-pf-icons.css +158 -134
  32. package/base/patternfly-pf-icons.scss +1 -2
  33. package/base/patternfly-svg-icons.css +5 -0
  34. package/base/{_svg-icons.scss → patternfly-svg-icons.scss} +2 -0
  35. package/base/patternfly-variables.css +1082 -1206
  36. package/base/patternfly-variables.scss +20 -2
  37. package/base/reset.scss +33 -0
  38. package/base/tokens/_index.scss +6 -0
  39. package/base/tokens/tokens-charts-dark.scss +173 -0
  40. package/base/tokens/{_tokens-charts.scss → tokens-charts.scss} +162 -148
  41. package/base/tokens/{_tokens-dark.scss → tokens-dark.scss} +307 -294
  42. package/base/tokens/{_tokens-default.scss → tokens-default.scss} +574 -447
  43. package/base/tokens/{_tokens-font.scss → tokens-local.scss} +13 -34
  44. package/base/tokens/{_tokens-palette.scss → tokens-palette.scss} +69 -70
  45. package/components/AboutModalBox/about-modal-box.css +86 -81
  46. package/components/AboutModalBox/about-modal-box.scss +80 -82
  47. package/components/Accordion/accordion.css +44 -43
  48. package/components/Accordion/accordion.scss +52 -52
  49. package/components/ActionList/action-list.css +6 -5
  50. package/components/ActionList/action-list.scss +7 -5
  51. package/components/Alert/alert-group.css +72 -19
  52. package/components/Alert/alert-group.scss +105 -18
  53. package/components/Alert/alert.css +52 -59
  54. package/components/Alert/alert.scss +56 -65
  55. package/components/Avatar/avatar.css +42 -41
  56. package/components/Avatar/avatar.scss +8 -7
  57. package/components/BackToTop/back-to-top.css +19 -17
  58. package/components/BackToTop/back-to-top.scss +17 -17
  59. package/components/Backdrop/backdrop.css +1 -1
  60. package/components/Backdrop/backdrop.scss +3 -4
  61. package/components/BackgroundImage/background-image.scss +3 -4
  62. package/components/Badge/badge.css +29 -7
  63. package/components/Badge/badge.scss +33 -9
  64. package/components/Banner/banner.css +30 -37
  65. package/components/Banner/banner.scss +30 -43
  66. package/components/Brand/brand.css +14 -10
  67. package/components/Brand/brand.scss +8 -5
  68. package/components/Breadcrumb/breadcrumb.css +23 -24
  69. package/components/Breadcrumb/breadcrumb.scss +25 -28
  70. package/components/Button/button.css +150 -128
  71. package/components/Button/button.scss +155 -130
  72. package/components/CalendarMonth/calendar-month.css +46 -46
  73. package/components/CalendarMonth/calendar-month.scss +49 -50
  74. package/components/Card/card.css +110 -93
  75. package/components/Card/card.scss +118 -92
  76. package/components/Check/check.css +5 -5
  77. package/components/Check/check.scss +7 -8
  78. package/components/ClipboardCopy/clipboard-copy.css +33 -41
  79. package/components/ClipboardCopy/clipboard-copy.scss +35 -44
  80. package/components/CodeBlock/code-block.css +21 -20
  81. package/components/CodeBlock/code-block.scss +21 -21
  82. package/components/CodeEditor/code-editor.css +35 -34
  83. package/components/CodeEditor/code-editor.scss +35 -35
  84. package/components/Content/content.css +167 -153
  85. package/components/Content/content.scss +204 -145
  86. package/components/DataList/data-list-grid.css +117 -117
  87. package/components/DataList/data-list-grid.scss +22 -20
  88. package/components/DataList/data-list.css +308 -312
  89. package/components/DataList/data-list.scss +145 -152
  90. package/components/DatePicker/date-picker.css +17 -17
  91. package/components/DatePicker/date-picker.scss +17 -18
  92. package/components/DescriptionList/description-list-order.css +5 -5
  93. package/components/DescriptionList/description-list-order.scss +3 -1
  94. package/components/DescriptionList/description-list.css +46 -44
  95. package/components/DescriptionList/description-list.scss +26 -31
  96. package/components/Divider/divider.css +104 -107
  97. package/components/Divider/divider.scss +19 -19
  98. package/components/DragDrop/drag-drop.css +4 -2
  99. package/components/DragDrop/drag-drop.scss +3 -3
  100. package/components/Drawer/drawer.css +115 -114
  101. package/components/Drawer/drawer.scss +136 -134
  102. package/components/DualListSelector/dual-list-selector.css +64 -61
  103. package/components/DualListSelector/dual-list-selector.scss +54 -51
  104. package/components/EmptyState/empty-state.css +38 -37
  105. package/components/EmptyState/empty-state.scss +39 -39
  106. package/components/ExpandableSection/expandable-section.css +27 -86
  107. package/components/ExpandableSection/expandable-section.scss +32 -101
  108. package/components/FileUpload/file-upload.css +2 -2
  109. package/components/FileUpload/file-upload.scss +2 -3
  110. package/components/Form/form.css +173 -115
  111. package/components/Form/form.scss +117 -103
  112. package/components/FormControl/form-control.css +57 -57
  113. package/components/FormControl/form-control.scss +69 -67
  114. package/components/HelperText/helper-text.css +5 -4
  115. package/components/HelperText/helper-text.scss +8 -6
  116. package/components/Hint/hint.css +25 -25
  117. package/components/Hint/hint.scss +25 -27
  118. package/components/Icon/icon.css +10 -10
  119. package/components/Icon/icon.scss +11 -12
  120. package/components/InlineEdit/inline-edit.css +12 -12
  121. package/components/InlineEdit/inline-edit.scss +12 -13
  122. package/components/InputGroup/input-group.css +16 -16
  123. package/components/InputGroup/input-group.scss +18 -19
  124. package/components/JumpLinks/jump-links.css +80 -96
  125. package/components/JumpLinks/jump-links.scss +80 -100
  126. package/components/Label/label-group.css +28 -28
  127. package/components/Label/label-group.scss +29 -30
  128. package/components/Label/label.css +102 -87
  129. package/components/Label/label.scss +113 -94
  130. package/components/List/list.css +44 -47
  131. package/components/List/list.scss +51 -58
  132. package/components/Login/login.css +122 -118
  133. package/components/Login/login.scss +105 -112
  134. package/components/Masthead/masthead.css +273 -175
  135. package/components/Masthead/masthead.scss +102 -68
  136. package/components/Menu/menu.css +151 -95
  137. package/components/Menu/menu.scss +59 -40
  138. package/components/MenuToggle/menu-toggle.css +129 -108
  139. package/components/MenuToggle/menu-toggle.scss +150 -128
  140. package/components/ModalBox/modal-box.css +53 -45
  141. package/components/ModalBox/modal-box.scss +52 -46
  142. package/components/MultipleFileUpload/multiple-file-upload.css +37 -37
  143. package/components/MultipleFileUpload/multiple-file-upload.scss +38 -39
  144. package/components/Nav/nav.css +33 -9
  145. package/components/Nav/nav.scss +46 -13
  146. package/components/NotificationDrawer/notification-drawer.css +50 -51
  147. package/components/NotificationDrawer/notification-drawer.scss +58 -57
  148. package/components/NumberInput/number-input.css +7 -11
  149. package/components/NumberInput/number-input.scss +5 -7
  150. package/components/OverflowMenu/overflow-menu.css +2 -1
  151. package/components/OverflowMenu/overflow-menu.scss +3 -1
  152. package/components/Page/page.css +175 -519
  153. package/components/Page/page.scss +155 -386
  154. package/components/Pagination/pagination.css +82 -79
  155. package/components/Pagination/pagination.scss +43 -40
  156. package/components/Panel/panel.css +33 -30
  157. package/components/Panel/panel.scss +35 -33
  158. package/components/Popover/popover.css +54 -52
  159. package/components/Popover/popover.scss +55 -54
  160. package/components/Progress/progress.css +8 -4
  161. package/components/Progress/progress.scss +14 -11
  162. package/components/ProgressStepper/progress-stepper.css +246 -245
  163. package/components/ProgressStepper/progress-stepper.scss +118 -118
  164. package/components/Radio/radio.css +7 -7
  165. package/components/Radio/radio.scss +9 -10
  166. package/components/Sidebar/sidebar.css +139 -139
  167. package/components/Sidebar/sidebar.scss +61 -61
  168. package/components/SimpleList/simple-list.css +21 -20
  169. package/components/SimpleList/simple-list.scss +22 -23
  170. package/components/Skeleton/skeleton.css +4 -4
  171. package/components/Skeleton/skeleton.scss +7 -8
  172. package/components/SkipToContent/skip-to-content.css +7 -6
  173. package/components/SkipToContent/skip-to-content.scss +7 -7
  174. package/components/Slider/slider.css +31 -31
  175. package/components/Slider/slider.scss +54 -55
  176. package/components/Spinner/spinner.scss +4 -5
  177. package/components/Switch/switch.css +4 -10
  178. package/components/Switch/switch.scss +8 -17
  179. package/components/TabContent/tab-content.css +25 -25
  180. package/components/TabContent/tab-content.scss +28 -28
  181. package/components/Table/table-grid.css +434 -508
  182. package/components/Table/table-grid.scss +131 -150
  183. package/components/Table/table-scrollable.css +31 -34
  184. package/components/Table/table-scrollable.scss +44 -41
  185. package/components/Table/table-tree-view.css +287 -279
  186. package/components/Table/table-tree-view.scss +84 -84
  187. package/components/Table/table.css +316 -279
  188. package/components/Table/table.scss +346 -301
  189. package/components/Tabs/tabs.css +215 -240
  190. package/components/Tabs/tabs.scss +130 -162
  191. package/components/TextInputGroup/text-input-group.css +122 -64
  192. package/components/TextInputGroup/text-input-group.scss +144 -87
  193. package/components/Tile/tile.css +15 -15
  194. package/components/Tile/tile.scss +16 -17
  195. package/components/Timestamp/timestamp.css +13 -19
  196. package/components/Timestamp/timestamp.scss +16 -22
  197. package/components/Title/title.css +14 -13
  198. package/components/Title/title.scss +15 -15
  199. package/components/ToggleGroup/toggle-group.css +37 -37
  200. package/components/ToggleGroup/toggle-group.scss +38 -41
  201. package/components/Toolbar/toolbar.css +547 -1431
  202. package/components/Toolbar/toolbar.scss +159 -123
  203. package/components/Tooltip/tooltip.css +28 -27
  204. package/components/Tooltip/tooltip.scss +31 -30
  205. package/components/TreeView/tree-view.css +184 -184
  206. package/components/TreeView/tree-view.scss +133 -133
  207. package/components/Truncate/truncate.css +2 -2
  208. package/components/Truncate/truncate.scss +7 -8
  209. package/components/Wizard/wizard.css +190 -154
  210. package/components/Wizard/wizard.scss +211 -165
  211. package/components/_index.css +22378 -0
  212. package/components/_index.scss +82 -0
  213. package/docs/components/AboutModalBox/examples/AboutModalBox.md +3 -1
  214. package/docs/components/Accordion/examples/Accordion.md +1 -1
  215. package/docs/components/ActionList/examples/ActionList.md +64 -24
  216. package/docs/components/Alert/examples/Alert.md +116 -74
  217. package/docs/components/BackToTop/examples/BackToTop.md +1 -1
  218. package/docs/components/Badge/examples/Badge.md +6 -16
  219. package/docs/components/Banner/examples/Banner.md +16 -10
  220. package/docs/components/Brand/examples/Brand.md +2 -2
  221. package/docs/components/Breadcrumb/examples/Breadcrumb.md +19 -59
  222. package/docs/components/Button/examples/Button.md +537 -368
  223. package/docs/components/CalendarMonth/examples/CalendarMonth.md +24 -8
  224. package/docs/components/Card/examples/Card.md +372 -658
  225. package/docs/components/Check/examples/Check.md +10 -15
  226. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +92 -47
  227. package/docs/components/CodeBlock/examples/CodeBlock.md +51 -28
  228. package/docs/components/CodeEditor/examples/CodeEditor.md +41 -22
  229. package/docs/components/Content/examples/Content.md +600 -60
  230. package/docs/components/DataList/examples/DataList.md +291 -1028
  231. package/docs/components/DatePicker/examples/DatePicker.md +18 -6
  232. package/docs/components/DescriptionList/examples/DescriptionList.md +80 -55
  233. package/docs/components/Drawer/examples/Drawer.md +60 -21
  234. package/docs/components/DualListSelector/examples/DualListSelector.md +364 -996
  235. package/docs/components/EmptyState/examples/EmptyState.md +123 -53
  236. package/docs/components/ExpandableSection/examples/ExpandableSection.md +96 -91
  237. package/docs/components/FileUpload/examples/FileUpload.md +42 -14
  238. package/docs/components/Form/examples/Form.md +100 -26
  239. package/docs/components/Hint/examples/Hint.md +54 -164
  240. package/docs/components/InlineEdit/examples/InlineEdit.md +132 -45
  241. package/docs/components/InputGroup/examples/InputGroup.md +38 -62
  242. package/docs/components/JumpLinks/examples/JumpLinks.md +189 -72
  243. package/docs/components/Label/examples/Label.md +2577 -406
  244. package/docs/components/Login/examples/Login.md +372 -334
  245. package/docs/components/Masthead/examples/masthead.md +515 -484
  246. package/docs/components/Menu/examples/Menu.md +77 -138
  247. package/docs/components/MenuToggle/examples/MenuToggle.md +289 -39
  248. package/docs/components/ModalBox/examples/ModalBox.md +158 -100
  249. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +137 -97
  250. package/docs/components/Nav/examples/Navigation.css +2 -7
  251. package/docs/components/Nav/examples/Navigation.md +337 -270
  252. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +515 -2076
  253. package/docs/components/NumberInput/examples/NumberInput.md +96 -48
  254. package/docs/components/OverflowMenu/examples/overflow-menu.css +4 -28
  255. package/docs/components/OverflowMenu/examples/overflow-menu.md +104 -159
  256. package/docs/components/Page/examples/Page.css +5 -9
  257. package/docs/components/Page/examples/Page.md +254 -181
  258. package/docs/components/Pagination/examples/Pagination.md +336 -756
  259. package/docs/components/Panel/examples/Panel.md +3 -2
  260. package/docs/components/Popover/examples/Popover.md +60 -15
  261. package/docs/components/ProgressStepper/examples/ProgressStepper.md +15 -15
  262. package/docs/components/Sidebar/examples/Sidebar.css +4 -2
  263. package/docs/components/Sidebar/examples/Sidebar.md +3 -3
  264. package/docs/components/Skeleton/examples/Skeleton.css +1 -1
  265. package/docs/components/SkipToContent/examples/SkipToContent.md +3 -1
  266. package/docs/components/Slider/examples/Slider.md +53 -45
  267. package/docs/components/Spinner/examples/Spinner.md +1 -1
  268. package/docs/components/Switch/examples/Switch.md +33 -148
  269. package/docs/components/Table/examples/Table.css +11 -6
  270. package/docs/components/Table/examples/Table.md +5302 -2464
  271. package/docs/components/Tabs/examples/Tabs.md +1267 -607
  272. package/docs/components/TextInputGroup/examples/TextInputGroup.css +8 -3
  273. package/docs/components/TextInputGroup/examples/TextInputGroup.md +469 -278
  274. package/docs/components/Tile/examples/Tile.css +5 -5
  275. package/docs/components/Timestamp/examples/Timestamp.md +7 -1
  276. package/docs/components/ToggleGroup/examples/toggle-group.md +1 -3
  277. package/docs/components/Toolbar/examples/Toolbar.css +50 -39
  278. package/docs/components/Toolbar/examples/Toolbar.md +1562 -1200
  279. package/docs/components/Tooltip/examples/Tooltip.css +1 -1
  280. package/docs/components/TreeView/examples/TreeView.md +627 -49
  281. package/docs/components/Truncate/examples/Truncate.css +1 -2
  282. package/docs/components/Wizard/examples/Wizard.md +1595 -126
  283. package/docs/demos/AboutModal/examples/AboutModal.md +191 -198
  284. package/docs/demos/Alert/examples/Alert.md +924 -909
  285. package/docs/demos/BackToTop/examples/BackToTop.md +318 -327
  286. package/docs/demos/Banner/examples/Banner.md +641 -659
  287. package/docs/demos/Button/examples/Button.md +8 -8
  288. package/docs/demos/Card/examples/Card.css +6 -6
  289. package/docs/demos/Card/examples/Card.md +419 -606
  290. package/docs/demos/CardView/examples/CardView.md +822 -1435
  291. package/docs/demos/Dashboard/examples/Dashboard.md +1308 -1442
  292. package/docs/demos/DataList/examples/DataList.md +3210 -3424
  293. package/docs/demos/DescriptionList/examples/DescriptionList.md +899 -937
  294. package/docs/demos/Drawer/examples/Drawer.md +1165 -1176
  295. package/docs/demos/Form/examples/BasicForms.md +153 -88
  296. package/docs/demos/JumpLinks/examples/JumpLinks.md +1710 -1602
  297. package/docs/demos/Masthead/examples/Masthead.md +1719 -1583
  298. package/docs/demos/Modal/examples/Modal.md +1231 -1235
  299. package/docs/demos/Nav/examples/Nav.md +1216 -1230
  300. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1910 -4577
  301. package/docs/demos/Page/examples/Page.css +11 -0
  302. package/docs/demos/Page/examples/Page.md +3753 -2540
  303. package/docs/demos/Panel/Panel.md +88 -0
  304. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +9 -3
  305. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +16 -48
  306. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +5150 -6255
  307. package/docs/demos/Skeleton/examples/Skeleton.md +297 -304
  308. package/docs/demos/Table/examples/Table.md +14272 -15154
  309. package/docs/demos/Tabs/examples/Tabs.md +2821 -2891
  310. package/docs/demos/Toolbar/examples/Toolbar.css +10 -18
  311. package/docs/demos/Toolbar/examples/Toolbar.md +2487 -2663
  312. package/docs/demos/Wizard/examples/Wizard.md +3021 -2784
  313. package/docs/layouts/Bullseye/examples/Bullseye.css +4 -4
  314. package/docs/layouts/Flex/examples/Flex.css +4 -4
  315. package/docs/layouts/Flex/examples/Flex.md +50 -50
  316. package/docs/layouts/Gallery/examples/Gallery.css +4 -4
  317. package/docs/layouts/Gallery/examples/Gallery.md +6 -6
  318. package/docs/layouts/Grid/examples/Grid.css +3 -3
  319. package/docs/layouts/Grid/examples/Grid.md +33 -33
  320. package/docs/layouts/Level/examples/Level.css +5 -5
  321. package/docs/layouts/Split/examples/Split.css +4 -4
  322. package/docs/layouts/Stack/examples/Stack.css +5 -5
  323. package/docs/utilities/Accessibility/examples/Accessibility.md +2 -2
  324. package/docs/utilities/Alignment/examples/Alignment.css +6 -6
  325. package/docs/utilities/Alignment/examples/Alignment.md +5 -5
  326. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +7 -67
  327. package/docs/utilities/BoxShadow/examples/box-shadow.css +11 -11
  328. package/docs/utilities/BoxShadow/examples/box-shadow.md +15 -38
  329. package/docs/utilities/Display/examples/Display.css +3 -10
  330. package/docs/utilities/Display/examples/Display.md +21 -12
  331. package/docs/utilities/Flex/examples/Flex.css +7 -7
  332. package/docs/utilities/Flex/examples/Flex.md +82 -40
  333. package/docs/utilities/Float/examples/Float.css +5 -5
  334. package/docs/utilities/Float/examples/Float.md +6 -6
  335. package/docs/utilities/Sizing/examples/Sizing.css +6 -6
  336. package/docs/utilities/Sizing/examples/Sizing.md +60 -60
  337. package/docs/utilities/Spacing/examples/Spacing.css +3 -3
  338. package/docs/utilities/Spacing/examples/Spacing.md +37 -37
  339. package/docs/utilities/Text/examples/Text.md +78 -77
  340. package/icons/pficons.mjs +6 -0
  341. package/layouts/Bullseye/bullseye.css +4 -0
  342. package/layouts/Bullseye/bullseye.scss +5 -1
  343. package/layouts/Flex/flex.css +241 -237
  344. package/layouts/Flex/flex.scss +48 -44
  345. package/layouts/Gallery/gallery.css +15 -11
  346. package/layouts/Gallery/gallery.scss +9 -5
  347. package/layouts/Grid/grid.css +20 -16
  348. package/layouts/Grid/grid.scss +12 -8
  349. package/layouts/Level/level.css +5 -1
  350. package/layouts/Level/level.scss +6 -2
  351. package/layouts/Split/split.css +5 -1
  352. package/layouts/Split/split.scss +6 -2
  353. package/layouts/Stack/stack.css +5 -1
  354. package/layouts/Stack/stack.scss +6 -2
  355. package/layouts/_index.css +3461 -0
  356. package/layouts/_index.scss +8 -0
  357. package/package.json +39 -39
  358. package/patternfly-addons.css +2071 -2648
  359. package/patternfly-addons.scss +2 -12
  360. package/patternfly-base-no-globals.css +1429 -1645
  361. package/patternfly-base-no-globals.scss +5 -3
  362. package/patternfly-base.css +1511 -1723
  363. package/patternfly-base.scss +2 -6
  364. package/patternfly-charts.css +579 -240
  365. package/patternfly-charts.scss +352 -337
  366. package/patternfly-no-globals.css +19895 -23410
  367. package/patternfly-no-globals.scss +5 -4
  368. package/patternfly.css +19999 -23510
  369. package/patternfly.min.css +1 -1
  370. package/patternfly.min.css.map +1 -1
  371. package/patternfly.scss +3 -4
  372. package/sass-utilities/_index.scss +6 -0
  373. package/sass-utilities/functions.scss +25 -25
  374. package/sass-utilities/{_init.scss → init.scss} +6 -6
  375. package/sass-utilities/mixins.scss +108 -72
  376. package/sass-utilities/{component-namespaces.scss → namespaces-components.scss} +3 -27
  377. package/sass-utilities/{layout-namespaces.scss → namespaces-layouts.scss} +3 -1
  378. package/sass-utilities/scss-variables.scss +49 -261
  379. package/utilities/Accessibility/accessibility.css +15 -15
  380. package/utilities/Accessibility/accessibility.scss +8 -6
  381. package/utilities/Alignment/alignment.css +29 -29
  382. package/utilities/Alignment/alignment.scss +6 -4
  383. package/utilities/BackgroundColor/background-color.css +67 -0
  384. package/utilities/BackgroundColor/background-color.scss +16 -0
  385. package/utilities/BoxShadow/box-shadow.css +15 -39
  386. package/utilities/BoxShadow/box-shadow.scss +19 -28
  387. package/utilities/Display/display.css +43 -5
  388. package/utilities/Display/display.scss +7 -4
  389. package/utilities/Flex/flex.css +50 -50
  390. package/utilities/Flex/flex.scss +21 -20
  391. package/utilities/Float/float.css +29 -29
  392. package/utilities/Float/float.scss +6 -6
  393. package/utilities/Sizing/sizing.css +58 -58
  394. package/utilities/Sizing/sizing.scss +23 -21
  395. package/utilities/Spacing/spacing.css +1372 -1372
  396. package/utilities/Spacing/spacing.scss +6 -6
  397. package/utilities/Text/text.css +419 -662
  398. package/utilities/Text/text.scss +81 -107
  399. package/utilities/_index.css +7815 -0
  400. package/utilities/_index.scss +10 -0
  401. package/assets/images/pf-logo-small.svg +0 -23
  402. package/assets/images/pf_logo_white.hbs +0 -35
  403. package/assets/images/pfbg-icon.svg +0 -1
  404. package/assets/pficon/pf-v5-pficon.woff2 +0 -0
  405. package/base/_base.scss +0 -2
  406. package/base/_chart-globals.scss +0 -415
  407. package/base/_common.scss +0 -50
  408. package/base/_fa-icons.scss +0 -33
  409. package/base/_fonts.scss +0 -136
  410. package/base/_icons.scss +0 -3
  411. package/base/_pficons.scss +0 -2
  412. package/base/_themes.scss +0 -43
  413. package/base/_variables.scss +0 -299
  414. package/base/patternfly-globals.css +0 -120
  415. package/base/patternfly-globals.scss +0 -2
  416. package/base/patternfly-icons.css +0 -4728
  417. package/base/patternfly-icons.scss +0 -2
  418. package/base/patternfly-themes.css +0 -82
  419. package/base/patternfly-themes.scss +0 -2
  420. package/base/themes/dark/_chart-globals.scss +0 -42
  421. package/base/themes/dark/_globals.scss +0 -5
  422. package/base/tokens/_workspace-overrides.scss +0 -7
  423. package/components/AppLauncher/app-launcher.css +0 -244
  424. package/components/AppLauncher/app-launcher.scss +0 -308
  425. package/components/AppLauncher/themes/dark/app-launcher.scss +0 -13
  426. package/components/Chip/chip-group.css +0 -93
  427. package/components/Chip/chip-group.scss +0 -98
  428. package/components/Chip/chip.css +0 -122
  429. package/components/Chip/chip.scss +0 -140
  430. package/components/Chip/themes/dark/chip.scss +0 -9
  431. package/components/ContextSelector/context-selector.css +0 -336
  432. package/components/ContextSelector/context-selector.scss +0 -384
  433. package/components/ContextSelector/themes/dark/context-selector.scss +0 -24
  434. package/components/Dropdown/dropdown.css +0 -686
  435. package/components/Dropdown/dropdown.scss +0 -820
  436. package/components/Dropdown/themes/dark/dropdown.scss +0 -32
  437. package/components/LogViewer/log-viewer.css +0 -197
  438. package/components/LogViewer/log-viewer.scss +0 -226
  439. package/components/LogViewer/themes/dark/log-viewer.scss +0 -7
  440. package/components/NotificationBadge/notification-badge.css +0 -87
  441. package/components/NotificationBadge/notification-badge.scss +0 -108
  442. package/components/OptionsMenu/options-menu.css +0 -279
  443. package/components/OptionsMenu/options-menu.scss +0 -332
  444. package/components/OptionsMenu/themes/dark/options-menu.scss +0 -21
  445. package/components/Select/select.css +0 -599
  446. package/components/Select/select.scss +0 -713
  447. package/components/Select/themes/dark/select.scss +0 -23
  448. package/components/_all.scss +0 -91
  449. package/docs/components/AppLauncher/deprecated/application-launcher.css +0 -25
  450. package/docs/components/AppLauncher/deprecated/application-launcher.md +0 -792
  451. package/docs/components/Breadcrumb/examples/Breadcrumb.css +0 -3
  452. package/docs/components/Chip/examples/Chip.md +0 -846
  453. package/docs/components/ContextSelector/deprecated/context-selector.css +0 -7
  454. package/docs/components/ContextSelector/deprecated/context-selector.md +0 -909
  455. package/docs/components/Dropdown/deprecated/Dropdown.css +0 -64
  456. package/docs/components/Dropdown/deprecated/Dropdown.md +0 -2920
  457. package/docs/components/LogViewer/examples/LogViewer.css +0 -17
  458. package/docs/components/LogViewer/examples/LogViewer.md +0 -5936
  459. package/docs/components/NotificationBadge/examples/NotificationBadge.md +0 -222
  460. package/docs/components/OptionsMenu/deprecated/options-menu.css +0 -25
  461. package/docs/components/OptionsMenu/deprecated/options-menu.md +0 -1014
  462. package/docs/components/Page/deprecated/PageHeader.css +0 -17
  463. package/docs/components/Page/deprecated/PageHeader.md +0 -261
  464. package/docs/components/Pagination/examples/Pagination.css +0 -3
  465. package/docs/components/Select/deprecated/Select.css +0 -56
  466. package/docs/components/Select/deprecated/Select.md +0 -3525
  467. package/docs/components/Tabs/examples/Tabs.css +0 -10
  468. package/docs/components/ToggleGroup/examples/toggle-group.css +0 -4
  469. package/docs/demos/ContextSelector/examples/ContextSelector.md +0 -1712
  470. package/docs/demos/Page/examples/Penta.md +0 -821
  471. package/docs/utilities/Text/examples/Text.css +0 -0
  472. package/layouts/_all.scss +0 -7
  473. package/patternfly-base-no-globals-theme-dark-unversioned.css +0 -6276
  474. package/patternfly-base-no-globals-theme-dark-unversioned.scss +0 -11
  475. package/patternfly-base-theme-dark-unversioned.css +0 -6393
  476. package/patternfly-base-theme-dark-unversioned.scss +0 -5
  477. package/patternfly-charts-theme-dark-unversioned.css +0 -70
  478. package/patternfly-charts-theme-dark-unversioned.scss +0 -8
  479. package/patternfly-charts-theme-dark.css +0 -70
  480. package/patternfly-charts-theme-dark.scss +0 -8
  481. package/patternfly-theme-dark-unversioned.css +0 -35533
  482. package/patternfly-theme-dark-unversioned.scss +0 -6
  483. package/patternfly-theme-dark.css +0 -0
  484. package/patternfly-theme-dark.scss +0 -1
  485. package/sass-utilities/_all.scss +0 -9
  486. package/sass-utilities/colors.scss +0 -82
  487. package/sass-utilities/div.import.scss +0 -3
  488. package/sass-utilities/div.scss +0 -4
  489. package/sass-utilities/placeholders.scss +0 -72
  490. package/sass-utilities/themes/dark/_all.scss +0 -4
  491. package/sass-utilities/themes/dark/colors.scss +0 -16
  492. package/sass-utilities/themes/dark/mixins.scss +0 -7
  493. package/sass-utilities/themes/dark/placeholders.scss +0 -5
  494. package/sass-utilities/themes/dark/scss-variables.scss +0 -92
  495. package/themes/dark/_patternfly-charts-theme-dark.scss +0 -98
  496. package/utilities/BackgroundColor/BackgroundColor.css +0 -414
  497. package/utilities/BackgroundColor/BackgroundColor.scss +0 -64
  498. package/utilities/BackgroundColor/themes/dark/BackgroundColor.css +0 -0
  499. package/utilities/BackgroundColor/themes/dark/BackgroundColor.scss +0 -25
  500. package/utilities/Text/themes/dark/text.css +0 -0
  501. package/utilities/Text/themes/dark/text.scss +0 -33
package/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
+ }