npm - @patternfly/react-styles - Versions diffs - 6.0.0-alpha.20 → 6.0.0-alpha.22 - Mend

@patternfly/react-styles 6.0.0-alpha.20 → 6.0.0-alpha.22

Files changed (205) hide show

package/CHANGELOG.md +12 -0
package/css/components/AboutModalBox/about-modal-box.css +64 -64
package/css/components/Accordion/accordion.css +40 -40
package/css/components/ActionList/action-list.css +1 -1
package/css/components/Alert/alert-group.css +15 -15
package/css/components/Alert/alert.css +47 -47
package/css/components/Avatar/avatar.css +1 -1
package/css/components/BackToTop/back-to-top.css +16 -16
package/css/components/Backdrop/backdrop.css +1 -2
package/css/components/BackgroundImage/background-image.css +1 -2
package/css/components/Badge/badge.css +7 -7
package/css/components/Banner/banner.css +14 -14
package/css/components/Breadcrumb/breadcrumb.css +16 -17
package/css/components/Breadcrumb/breadcrumb.d.ts +1 -1
package/css/components/Breadcrumb/breadcrumb.js +1 -1
package/css/components/Breadcrumb/breadcrumb.mjs +1 -1
package/css/components/Button/button.css +94 -95
package/css/components/CalendarMonth/calendar-month.css +43 -44
package/css/components/Card/card.css +60 -61
package/css/components/Check/check.css +3 -4
package/css/components/ClipboardCopy/clipboard-copy.css +37 -38
package/css/components/CodeBlock/code-block.css +20 -20
package/css/components/CodeEditor/code-editor.css +34 -34
package/css/components/Content/content.css +155 -130
package/css/components/Content/content.d.ts +19 -0
package/css/components/Content/content.js +19 -0
package/css/components/Content/content.mjs +19 -0
package/css/components/DataList/data-list-grid.css +98 -98
package/css/components/DataList/data-list.css +282 -285
package/css/components/DataList/data-list.d.ts +11 -11
package/css/components/DataList/data-list.js +11 -11
package/css/components/DataList/data-list.mjs +11 -11
package/css/components/DatePicker/date-picker.css +15 -16
package/css/components/DescriptionList/description-list.css +13 -13
package/css/components/Divider/divider.css +27 -31
package/css/components/DragDrop/drag-drop.css +2 -2
package/css/components/Drawer/drawer.css +87 -90
package/css/components/DualListSelector/dual-list-selector.css +60 -59
package/css/components/EmptyState/empty-state.css +33 -33
package/css/components/ExpandableSection/expandable-section.css +49 -49
package/css/components/FileUpload/file-upload.css +1 -2
package/css/components/Form/form.css +107 -108
package/css/components/FormControl/form-control.css +45 -46
package/css/components/HelperText/helper-text.css +3 -3
package/css/components/Hint/hint.css +19 -18
package/css/components/Hint/hint.d.ts +1 -2
package/css/components/Hint/hint.js +1 -2
package/css/components/Hint/hint.mjs +1 -2
package/css/components/Icon/icon.css +1 -2
package/css/components/InlineEdit/inline-edit.css +11 -12
package/css/components/InputGroup/input-group.css +17 -18
package/css/components/JumpLinks/jump-links.css +76 -77
package/css/components/Label/label-group.css +27 -28
package/css/components/Label/label.css +31 -32
package/css/components/List/list.css +27 -27
package/css/components/LogViewer/log-viewer.css +53 -77
package/css/components/LogViewer/log-viewer.d.ts +0 -2
package/css/components/LogViewer/log-viewer.js +0 -2
package/css/components/LogViewer/log-viewer.mjs +0 -2
package/css/components/Login/login.css +99 -104
package/css/components/Login/login.d.ts +1 -1
package/css/components/Login/login.js +1 -1
package/css/components/Login/login.mjs +1 -1
package/css/components/Masthead/masthead.css +1 -2
package/css/components/Menu/menu.css +128 -84
package/css/components/MenuToggle/menu-toggle.css +59 -60
package/css/components/ModalBox/modal-box.css +41 -41
package/css/components/MultipleFileUpload/multiple-file-upload.css +33 -34
package/css/components/Nav/nav.css +1 -2
package/css/components/NotificationBadge/notification-badge.css +17 -17
package/css/components/NotificationDrawer/notification-drawer.css +42 -43
package/css/components/NumberInput/number-input.css +8 -12
package/css/components/OverflowMenu/overflow-menu.css +1 -1
package/css/components/Page/page.css +146 -365
package/css/components/Page/page.d.ts +0 -25
package/css/components/Page/page.js +0 -25
package/css/components/Page/page.mjs +0 -25
package/css/components/Pagination/pagination.css +35 -38
package/css/components/Panel/panel.css +25 -26
package/css/components/Popover/popover.css +48 -48
package/css/components/Progress/progress.css +5 -6
package/css/components/ProgressStepper/progress-stepper.css +227 -229
package/css/components/Radio/radio.css +7 -8
package/css/components/Sidebar/sidebar.css +45 -46
package/css/components/SimpleList/simple-list.css +19 -19
package/css/components/Skeleton/skeleton.css +5 -6
package/css/components/SkipToContent/skip-to-content.css +5 -5
package/css/components/Slider/slider.css +26 -27
package/css/components/Spinner/spinner.css +1 -2
package/css/components/Switch/switch.css +5 -6
package/css/components/TabContent/tab-content.css +25 -26
package/css/components/Table/table-grid.css +404 -404
package/css/components/Table/table-scrollable.css +17 -18
package/css/components/Table/table-tree-view.css +257 -258
package/css/components/Table/table-tree-view.d.ts +1 -1
package/css/components/Table/table-tree-view.js +1 -1
package/css/components/Table/table-tree-view.mjs +1 -1
package/css/components/Table/table.css +174 -173
package/css/components/Table/table.d.ts +7 -7
package/css/components/Table/table.js +7 -7
package/css/components/Table/table.mjs +7 -7
package/css/components/Tabs/tabs.css +119 -120
package/css/components/TextInputGroup/text-input-group.css +28 -29
package/css/components/TextInputGroup/text-input-group.d.ts +1 -1
package/css/components/TextInputGroup/text-input-group.js +1 -1
package/css/components/TextInputGroup/text-input-group.mjs +1 -1
package/css/components/Tile/tile.css +14 -15
package/css/components/Timestamp/timestamp.css +1 -1
package/css/components/Title/title.css +1 -1
package/css/components/ToggleGroup/toggle-group.css +29 -30
package/css/components/Toolbar/toolbar.css +250 -132
package/css/components/Toolbar/toolbar.d.ts +2 -2
package/css/components/Toolbar/toolbar.js +2 -2
package/css/components/Toolbar/toolbar.mjs +2 -2
package/css/components/Tooltip/tooltip.css +27 -27
package/css/components/TreeView/tree-view.css +182 -183
package/css/components/Truncate/truncate.css +1 -2
package/css/components/Wizard/wizard.css +158 -140
package/css/components/Wizard/wizard.d.ts +5 -2
package/css/components/Wizard/wizard.js +5 -2
package/css/components/Wizard/wizard.mjs +5 -2
package/css/components/_index.css +23505 -0
package/css/components/_index.d.ts +1497 -0
package/css/components/_index.js +1498 -0
package/css/components/_index.mjs +1496 -0
package/css/docs/components/LogViewer/examples/LogViewer.css +9 -2
package/css/docs/components/LogViewer/examples/LogViewer.d.ts +2 -0
package/css/docs/components/LogViewer/examples/LogViewer.js +2 -0
package/css/docs/components/LogViewer/examples/LogViewer.mjs +2 -0
package/css/docs/components/Nav/examples/Navigation.css +0 -5
package/css/docs/components/Nav/examples/Navigation.d.ts +0 -1
package/css/docs/components/Nav/examples/Navigation.js +0 -1
package/css/docs/components/Nav/examples/Navigation.mjs +0 -1
package/css/docs/components/OverflowMenu/examples/overflow-menu.css +3 -27
package/css/docs/components/Table/examples/Table.css +7 -0
package/css/docs/components/Table/examples/Table.d.ts +2 -0
package/css/docs/components/Table/examples/Table.js +2 -0
package/css/docs/components/Table/examples/Table.mjs +2 -0
package/css/docs/demos/Card/examples/Card.css +2 -2
package/css/docs/demos/Toolbar/examples/Toolbar.css +1 -17
package/css/docs/utilities/Alignment/examples/Alignment.css +2 -2
package/css/docs/utilities/Display/examples/Display.css +3 -10
package/css/docs/utilities/Display/examples/Display.d.ts +0 -8
package/css/docs/utilities/Display/examples/Display.js +0 -8
package/css/docs/utilities/Display/examples/Display.mjs +0 -8
package/css/docs/utilities/Flex/examples/Flex.css +2 -2
package/css/docs/utilities/Float/examples/Float.css +3 -3
package/css/docs/utilities/Sizing/examples/Sizing.css +2 -2
package/css/docs/utilities/Spacing/examples/Spacing.css +2 -2
package/css/layouts/Bullseye/bullseye.css +1 -2
package/css/layouts/Flex/flex.css +1 -2
package/css/layouts/Gallery/gallery.css +1 -2
package/css/layouts/Grid/grid.css +1 -2
package/css/layouts/Level/level.css +1 -2
package/css/layouts/Split/split.css +1 -2
package/css/layouts/Stack/stack.css +1 -2
package/css/layouts/_index.css +3454 -0
package/css/layouts/_index.d.ts +846 -0
package/css/layouts/_index.js +847 -0
package/css/layouts/_index.mjs +845 -0
package/css/utilities/BackgroundColor/{BackgroundColor.d.ts → background-color.d.ts} +1 -1
package/css/utilities/BackgroundColor/{BackgroundColor.js → background-color.js} +1 -1
package/css/utilities/BackgroundColor/{BackgroundColor.mjs → background-color.mjs} +1 -1
package/css/utilities/Display/display.css +38 -0
package/css/utilities/Display/display.d.ts +12 -0
package/css/utilities/Display/display.js +12 -0
package/css/utilities/Display/display.mjs +12 -0
package/css/utilities/_index.css +7815 -0
package/css/utilities/_index.d.ts +1671 -0
package/css/utilities/_index.js +1672 -0
package/css/utilities/_index.mjs +1670 -0
package/package.json +3 -3
package/css/components/AppLauncher/app-launcher.css +0 -244
package/css/components/AppLauncher/app-launcher.d.ts +0 -29
package/css/components/AppLauncher/app-launcher.js +0 -30
package/css/components/AppLauncher/app-launcher.mjs +0 -28
package/css/components/Chip/chip-group.css +0 -93
package/css/components/Chip/chip-group.d.ts +0 -13
package/css/components/Chip/chip-group.js +0 -14
package/css/components/Chip/chip-group.mjs +0 -12
package/css/components/Chip/chip.css +0 -122
package/css/components/Chip/chip.d.ts +0 -16
package/css/components/Chip/chip.js +0 -17
package/css/components/Chip/chip.mjs +0 -15
package/css/components/ContextSelector/context-selector.css +0 -336
package/css/components/ContextSelector/context-selector.d.ts +0 -25
package/css/components/ContextSelector/context-selector.js +0 -26
package/css/components/ContextSelector/context-selector.mjs +0 -24
package/css/components/Dropdown/dropdown.css +0 -686
package/css/components/Dropdown/dropdown.d.ts +0 -55
package/css/components/Dropdown/dropdown.js +0 -56
package/css/components/Dropdown/dropdown.mjs +0 -54
package/css/components/OptionsMenu/options-menu.css +0 -279
package/css/components/OptionsMenu/options-menu.d.ts +0 -27
package/css/components/OptionsMenu/options-menu.js +0 -28
package/css/components/OptionsMenu/options-menu.mjs +0 -26
package/css/components/Select/select.css +0 -599
package/css/components/Select/select.d.ts +0 -61
package/css/components/Select/select.js +0 -62
package/css/components/Select/select.mjs +0 -60
package/css/docs/components/Page/deprecated/PageHeader.css +0 -17
package/css/docs/components/Page/deprecated/PageHeader.d.ts +0 -12
package/css/docs/components/Page/deprecated/PageHeader.js +0 -13
package/css/docs/components/Page/deprecated/PageHeader.mjs +0 -11
/package/css/utilities/BackgroundColor/{BackgroundColor.css → background-color.css} +0 -0

package/css/layouts/_index.css ADDED Viewed

@@ -0,0 +1,3454 @@
+:where(:root, .pf-v6-l-bullseye) {
+  --pf-v6-l-bullseye--Padding: 0;
+}
+.pf-v6-l-bullseye {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  padding: var(--pf-v6-l-bullseye--Padding);
+  margin: 0;
+}
+:where(:root, .pf-v6-l-flex) {
+  --pf-v6-l-flex--Display: flex;
+  --pf-v6-l-flex--FlexWrap: wrap;
+  --pf-v6-l-flex--AlignItems: baseline;
+  --pf-v6-l-flex--m-row--AlignItems: baseline;
+  --pf-v6-l-flex--m-row-reverse--AlignItems: baseline;
+  --pf-v6-l-flex--item--Order: 0;
+  --pf-v6-l-flex--spacer--column--base: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-flex--spacer--row--base: var(--pf-t--global--spacer--sm);
+  --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--spacer--row--base);
+  --pf-v6-l-flex--ColumnGap: 0;
+  --pf-v6-l-flex--m-gap--RowGap: var(--pf-v6-l-flex--spacer--row--base);
+  --pf-v6-l-flex--m-gap--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
+  --pf-v6-l-flex--m-row-gap--RowGap: var(--pf-v6-l-flex--spacer--row--base);
+  --pf-v6-l-flex--m-column-gap--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
+}
+.pf-v6-l-flex {
+  --pf-v6-l-flex--spacer--none: 0;
+  --pf-v6-l-flex--spacer--xs: var(--pf-t--global--spacer--xs);
+  --pf-v6-l-flex--spacer--sm: var(--pf-t--global--spacer--sm);
+  --pf-v6-l-flex--spacer--md: var(--pf-t--global--spacer--md);
+  --pf-v6-l-flex--spacer--lg: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-flex--spacer--xl: var(--pf-t--global--spacer--xl);
+  --pf-v6-l-flex--spacer--2xl: var(--pf-t--global--spacer--2xl);
+  --pf-v6-l-flex--spacer--3xl: var(--pf-t--global--spacer--3xl);
+  --pf-v6-l-flex--spacer--4xl: var(--pf-t--global--spacer--4xl);
+  display: var(--pf-v6-l-flex--Display);
+  flex-wrap: var(--pf-v6-l-flex--FlexWrap);
+  gap: var(--pf-v6-l-flex--RowGap) var(--pf-v6-l-flex--ColumnGap);
+  align-items: var(--pf-v6-l-flex--AlignItems);
+}
+.pf-v6-l-flex > * {
+  --pf-v6-l-flex--spacer: initial;
+  --pf-v6-l-flex--spacer--column: var(--pf-v6-l-flex--spacer, var(--pf-v6-l-flex--spacer--column--base));
+  --pf-v6-l-flex--spacer--row: var(--pf-v6-l-flex--spacer, var(--pf-v6-l-flex--spacer--row--base));
+  order: var(--pf-v6-l-flex--item--Order);
+  max-width: 100%;
+  margin-inline-end: var(--pf-v6-l-flex--spacer--column);
+}
+@media screen and (min-width: 576px) {
+  .pf-v6-l-flex > * {
+    order: var(--pf-v6-l-flex--item--Order-on-sm, var(--pf-v6-l-flex--item--Order));
+  }
+}
+@media screen and (min-width: 768px) {
+  .pf-v6-l-flex > * {
+    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)));
+  }
+}
+@media screen and (min-width: 992px) {
+  .pf-v6-l-flex > * {
+    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))));
+  }
+}
+@media screen and (min-width: 1200px) {
+  .pf-v6-l-flex > * {
+    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)))));
+  }
+}
+@media screen and (min-width: 1450px) {
+  .pf-v6-l-flex > * {
+    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))))));
+  }
+}
+.pf-v6-l-flex > *:last-child {
+  --pf-v6-l-flex--spacer: 0;
+}
+.pf-v6-l-flex.pf-m-flex {
+  display: var(--pf-v6-l-flex--Display);
+}
+.pf-v6-l-flex.pf-m-inline-flex {
+  --pf-v6-l-flex--Display: inline-flex;
+}
+.pf-v6-l-flex.pf-m-column {
+  --pf-v6-l-flex--RowGap: 0;
+  --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
+  flex-direction: column;
+  align-items: normal;
+}
+.pf-v6-l-flex.pf-m-column > * {
+  margin-block-start: 0;
+  margin-block-end: var(--pf-v6-l-flex--spacer--row);
+  margin-inline-start: 0;
+  margin-inline-end: 0;
+}
+.pf-v6-l-flex.pf-m-column-reverse {
+  flex-direction: column-reverse;
+  align-items: normal;
+}
+.pf-v6-l-flex.pf-m-column-reverse > * {
+  margin-block-start: var(--pf-v6-l-flex--spacer--row);
+  margin-block-end: 0;
+  margin-inline-start: 0;
+  margin-inline-end: 0;
+}
+.pf-v6-l-flex.pf-m-row {
+  flex-direction: row;
+  align-items: var(--pf-v6-l-flex--m-row--AlignItems);
+}
+.pf-v6-l-flex.pf-m-row > * {
+  margin-block-start: 0;
+  margin-block-end: 0;
+  margin-inline-start: 0;
+  margin-inline-end: var(--pf-v6-l-flex--spacer--column);
+}
+.pf-v6-l-flex.pf-m-row-reverse {
+  flex-direction: row-reverse;
+  align-items: var(--pf-v6-l-flex--m-row-reverse--AlignItems);
+}
+.pf-v6-l-flex.pf-m-row-reverse > * {
+  margin-block-start: 0;
+  margin-block-end: 0;
+  margin-inline-start: var(--pf-v6-l-flex--spacer--column);
+  margin-inline-end: 0;
+}
+.pf-v6-l-flex.pf-m-wrap {
+  flex-wrap: wrap;
+}
+.pf-v6-l-flex.pf-m-wrap-reverse {
+  flex-wrap: wrap-reverse;
+}
+.pf-v6-l-flex.pf-m-nowrap {
+  flex-wrap: nowrap;
+}
+.pf-v6-l-flex.pf-m-justify-content-flex-start {
+  justify-content: flex-start;
+}
+.pf-v6-l-flex.pf-m-justify-content-flex-end {
+  justify-content: flex-end;
+}
+.pf-v6-l-flex.pf-m-justify-content-center {
+  justify-content: center;
+}
+.pf-v6-l-flex.pf-m-justify-content-space-between {
+  justify-content: space-between;
+}
+.pf-v6-l-flex.pf-m-justify-content-space-around {
+  justify-content: space-around;
+}
+.pf-v6-l-flex.pf-m-justify-content-space-evenly {
+  justify-content: space-evenly;
+}
+.pf-v6-l-flex.pf-m-align-items-flex-start {
+  align-items: flex-start;
+}
+.pf-v6-l-flex.pf-m-align-items-flex-end {
+  align-items: flex-end;
+}
+.pf-v6-l-flex.pf-m-align-items-center {
+  align-items: center;
+}
+.pf-v6-l-flex.pf-m-align-items-stretch {
+  align-items: stretch;
+}
+.pf-v6-l-flex.pf-m-align-items-baseline {
+  align-items: baseline;
+}
+.pf-v6-l-flex.pf-m-align-content-flex-start {
+  align-content: flex-start;
+}
+.pf-v6-l-flex.pf-m-align-content-flex-end {
+  align-content: flex-end;
+}
+.pf-v6-l-flex.pf-m-align-content-center {
+  align-content: center;
+}
+.pf-v6-l-flex.pf-m-align-content-stretch {
+  align-content: stretch;
+}
+.pf-v6-l-flex.pf-m-align-content-space-between {
+  align-content: space-between;
+}
+.pf-v6-l-flex.pf-m-align-content-space-around {
+  align-content: space-around;
+}
+.pf-v6-l-flex > .pf-m-align-right {
+  margin-inline-start: auto;
+}
+.pf-v6-l-flex > .pf-m-align-left {
+  margin-inline-start: 0;
+}
+.pf-v6-l-flex > .pf-m-grow {
+  flex-grow: 1;
+}
+.pf-v6-l-flex > .pf-m-shrink {
+  flex-shrink: 1;
+}
+.pf-v6-l-flex > .pf-m-full-width {
+  width: 100%;
+  margin-inline-end: 0;
+}
+.pf-v6-l-flex > .pf-m-flex-1 {
+  flex: 1 0 0;
+}
+.pf-v6-l-flex > .pf-m-flex-2 {
+  flex: 2 0 0;
+}
+.pf-v6-l-flex > .pf-m-flex-3 {
+  flex: 3 0 0;
+}
+.pf-v6-l-flex > .pf-m-flex-4 {
+  flex: 4 0 0;
+}
+.pf-v6-l-flex > .pf-m-flex-default {
+  flex: 0 1 auto;
+}
+.pf-v6-l-flex > .pf-m-flex-none {
+  flex: none;
+}
+.pf-v6-l-flex > .pf-m-align-self-flex-start {
+  align-self: flex-start;
+}
+.pf-v6-l-flex > .pf-m-align-self-flex-end {
+  align-self: flex-end;
+}
+.pf-v6-l-flex > .pf-m-align-self-center {
+  align-self: center;
+}
+.pf-v6-l-flex > .pf-m-align-self-baseline {
+  align-self: baseline;
+}
+.pf-v6-l-flex > .pf-m-align-self-stretch {
+  align-self: stretch;
+}
+@media (min-width: 576px) {
+  .pf-v6-l-flex.pf-m-flex-on-sm {
+    display: var(--pf-v6-l-flex--Display);
+  }
+  .pf-v6-l-flex.pf-m-inline-flex-on-sm {
+    --pf-v6-l-flex--Display: inline-flex;
+  }
+  .pf-v6-l-flex.pf-m-column-on-sm {
+    --pf-v6-l-flex--RowGap: 0;
+    --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
+    flex-direction: column;
+    align-items: normal;
+  }
+  .pf-v6-l-flex.pf-m-column-on-sm > * {
+    margin-block-start: 0;
+    margin-block-end: var(--pf-v6-l-flex--spacer--row);
+    margin-inline-start: 0;
+    margin-inline-end: 0;
+  }
+  .pf-v6-l-flex.pf-m-column-reverse-on-sm {
+    flex-direction: column-reverse;
+    align-items: normal;
+  }
+  .pf-v6-l-flex.pf-m-column-reverse-on-sm > * {
+    margin-block-start: var(--pf-v6-l-flex--spacer--row);
+    margin-block-end: 0;
+    margin-inline-start: 0;
+    margin-inline-end: 0;
+  }
+  .pf-v6-l-flex.pf-m-row-on-sm {
+    flex-direction: row;
+    align-items: var(--pf-v6-l-flex--m-row--AlignItems);
+  }
+  .pf-v6-l-flex.pf-m-row-on-sm > * {
+    margin-block-start: 0;
+    margin-block-end: 0;
+    margin-inline-start: 0;
+    margin-inline-end: var(--pf-v6-l-flex--spacer--column);
+  }
+  .pf-v6-l-flex.pf-m-row-reverse-on-sm {
+    flex-direction: row-reverse;
+    align-items: var(--pf-v6-l-flex--m-row-reverse--AlignItems);
+  }
+  .pf-v6-l-flex.pf-m-row-reverse-on-sm > * {
+    margin-block-start: 0;
+    margin-block-end: 0;
+    margin-inline-start: var(--pf-v6-l-flex--spacer--column);
+    margin-inline-end: 0;
+  }
+  .pf-v6-l-flex.pf-m-wrap-on-sm {
+    flex-wrap: wrap;
+  }
+  .pf-v6-l-flex.pf-m-wrap-reverse-on-sm {
+    flex-wrap: wrap-reverse;
+  }
+  .pf-v6-l-flex.pf-m-nowrap-on-sm {
+    flex-wrap: nowrap;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-flex-start-on-sm {
+    justify-content: flex-start;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-flex-end-on-sm {
+    justify-content: flex-end;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-center-on-sm {
+    justify-content: center;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-space-between-on-sm {
+    justify-content: space-between;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-space-around-on-sm {
+    justify-content: space-around;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-space-evenly-on-sm {
+    justify-content: space-evenly;
+  }
+  .pf-v6-l-flex.pf-m-align-items-flex-start-on-sm {
+    align-items: flex-start;
+  }
+  .pf-v6-l-flex.pf-m-align-items-flex-end-on-sm {
+    align-items: flex-end;
+  }
+  .pf-v6-l-flex.pf-m-align-items-center-on-sm {
+    align-items: center;
+  }
+  .pf-v6-l-flex.pf-m-align-items-stretch-on-sm {
+    align-items: stretch;
+  }
+  .pf-v6-l-flex.pf-m-align-items-baseline-on-sm {
+    align-items: baseline;
+  }
+  .pf-v6-l-flex.pf-m-align-content-flex-start-on-sm {
+    align-content: flex-start;
+  }
+  .pf-v6-l-flex.pf-m-align-content-flex-end-on-sm {
+    align-content: flex-end;
+  }
+  .pf-v6-l-flex.pf-m-align-content-center-on-sm {
+    align-content: center;
+  }
+  .pf-v6-l-flex.pf-m-align-content-stretch-on-sm {
+    align-content: stretch;
+  }
+  .pf-v6-l-flex.pf-m-align-content-space-between-on-sm {
+    align-content: space-between;
+  }
+  .pf-v6-l-flex.pf-m-align-content-space-around-on-sm {
+    align-content: space-around;
+  }
+  .pf-v6-l-flex > .pf-m-align-right-on-sm {
+    margin-inline-start: auto;
+  }
+  .pf-v6-l-flex > .pf-m-align-left-on-sm {
+    margin-inline-start: 0;
+  }
+  .pf-v6-l-flex > .pf-m-grow-on-sm {
+    flex-grow: 1;
+  }
+  .pf-v6-l-flex > .pf-m-shrink-on-sm {
+    flex-shrink: 1;
+  }
+  .pf-v6-l-flex > .pf-m-full-width-on-sm {
+    width: 100%;
+    margin-inline-end: 0;
+  }
+  .pf-v6-l-flex > .pf-m-flex-1-on-sm {
+    flex: 1 0 0;
+  }
+  .pf-v6-l-flex > .pf-m-flex-2-on-sm {
+    flex: 2 0 0;
+  }
+  .pf-v6-l-flex > .pf-m-flex-3-on-sm {
+    flex: 3 0 0;
+  }
+  .pf-v6-l-flex > .pf-m-flex-4-on-sm {
+    flex: 4 0 0;
+  }
+  .pf-v6-l-flex > .pf-m-flex-default-on-sm {
+    flex: 0 1 auto;
+  }
+  .pf-v6-l-flex > .pf-m-flex-none-on-sm {
+    flex: none;
+  }
+  .pf-v6-l-flex > .pf-m-align-self-flex-start-on-sm {
+    align-self: flex-start;
+  }
+  .pf-v6-l-flex > .pf-m-align-self-flex-end-on-sm {
+    align-self: flex-end;
+  }
+  .pf-v6-l-flex > .pf-m-align-self-center-on-sm {
+    align-self: center;
+  }
+  .pf-v6-l-flex > .pf-m-align-self-baseline-on-sm {
+    align-self: baseline;
+  }
+  .pf-v6-l-flex > .pf-m-align-self-stretch-on-sm {
+    align-self: stretch;
+  }
+}
+@media (min-width: 768px) {
+  .pf-v6-l-flex.pf-m-flex-on-md {
+    display: var(--pf-v6-l-flex--Display);
+  }
+  .pf-v6-l-flex.pf-m-inline-flex-on-md {
+    --pf-v6-l-flex--Display: inline-flex;
+  }
+  .pf-v6-l-flex.pf-m-column-on-md {
+    --pf-v6-l-flex--RowGap: 0;
+    --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
+    flex-direction: column;
+    align-items: normal;
+  }
+  .pf-v6-l-flex.pf-m-column-on-md > * {
+    margin-block-start: 0;
+    margin-block-end: var(--pf-v6-l-flex--spacer--row);
+    margin-inline-start: 0;
+    margin-inline-end: 0;
+  }
+  .pf-v6-l-flex.pf-m-column-reverse-on-md {
+    flex-direction: column-reverse;
+    align-items: normal;
+  }
+  .pf-v6-l-flex.pf-m-column-reverse-on-md > * {
+    margin-block-start: var(--pf-v6-l-flex--spacer--row);
+    margin-block-end: 0;
+    margin-inline-start: 0;
+    margin-inline-end: 0;
+  }
+  .pf-v6-l-flex.pf-m-row-on-md {
+    flex-direction: row;
+    align-items: var(--pf-v6-l-flex--m-row--AlignItems);
+  }
+  .pf-v6-l-flex.pf-m-row-on-md > * {
+    margin-block-start: 0;
+    margin-block-end: 0;
+    margin-inline-start: 0;
+    margin-inline-end: var(--pf-v6-l-flex--spacer--column);
+  }
+  .pf-v6-l-flex.pf-m-row-reverse-on-md {
+    flex-direction: row-reverse;
+    align-items: var(--pf-v6-l-flex--m-row-reverse--AlignItems);
+  }
+  .pf-v6-l-flex.pf-m-row-reverse-on-md > * {
+    margin-block-start: 0;
+    margin-block-end: 0;
+    margin-inline-start: var(--pf-v6-l-flex--spacer--column);
+    margin-inline-end: 0;
+  }
+  .pf-v6-l-flex.pf-m-wrap-on-md {
+    flex-wrap: wrap;
+  }
+  .pf-v6-l-flex.pf-m-wrap-reverse-on-md {
+    flex-wrap: wrap-reverse;
+  }
+  .pf-v6-l-flex.pf-m-nowrap-on-md {
+    flex-wrap: nowrap;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-flex-start-on-md {
+    justify-content: flex-start;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-flex-end-on-md {
+    justify-content: flex-end;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-center-on-md {
+    justify-content: center;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-space-between-on-md {
+    justify-content: space-between;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-space-around-on-md {
+    justify-content: space-around;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-space-evenly-on-md {
+    justify-content: space-evenly;
+  }
+  .pf-v6-l-flex.pf-m-align-items-flex-start-on-md {
+    align-items: flex-start;
+  }
+  .pf-v6-l-flex.pf-m-align-items-flex-end-on-md {
+    align-items: flex-end;
+  }
+  .pf-v6-l-flex.pf-m-align-items-center-on-md {
+    align-items: center;
+  }
+  .pf-v6-l-flex.pf-m-align-items-stretch-on-md {
+    align-items: stretch;
+  }
+  .pf-v6-l-flex.pf-m-align-items-baseline-on-md {
+    align-items: baseline;
+  }
+  .pf-v6-l-flex.pf-m-align-content-flex-start-on-md {
+    align-content: flex-start;
+  }
+  .pf-v6-l-flex.pf-m-align-content-flex-end-on-md {
+    align-content: flex-end;
+  }
+  .pf-v6-l-flex.pf-m-align-content-center-on-md {
+    align-content: center;
+  }
+  .pf-v6-l-flex.pf-m-align-content-stretch-on-md {
+    align-content: stretch;
+  }
+  .pf-v6-l-flex.pf-m-align-content-space-between-on-md {
+    align-content: space-between;
+  }
+  .pf-v6-l-flex.pf-m-align-content-space-around-on-md {
+    align-content: space-around;
+  }
+  .pf-v6-l-flex > .pf-m-align-right-on-md {
+    margin-inline-start: auto;
+  }
+  .pf-v6-l-flex > .pf-m-align-left-on-md {
+    margin-inline-start: 0;
+  }
+  .pf-v6-l-flex > .pf-m-grow-on-md {
+    flex-grow: 1;
+  }
+  .pf-v6-l-flex > .pf-m-shrink-on-md {
+    flex-shrink: 1;
+  }
+  .pf-v6-l-flex > .pf-m-full-width-on-md {
+    width: 100%;
+    margin-inline-end: 0;
+  }
+  .pf-v6-l-flex > .pf-m-flex-1-on-md {
+    flex: 1 0 0;
+  }
+  .pf-v6-l-flex > .pf-m-flex-2-on-md {
+    flex: 2 0 0;
+  }
+  .pf-v6-l-flex > .pf-m-flex-3-on-md {
+    flex: 3 0 0;
+  }
+  .pf-v6-l-flex > .pf-m-flex-4-on-md {
+    flex: 4 0 0;
+  }
+  .pf-v6-l-flex > .pf-m-flex-default-on-md {
+    flex: 0 1 auto;
+  }
+  .pf-v6-l-flex > .pf-m-flex-none-on-md {
+    flex: none;
+  }
+  .pf-v6-l-flex > .pf-m-align-self-flex-start-on-md {
+    align-self: flex-start;
+  }
+  .pf-v6-l-flex > .pf-m-align-self-flex-end-on-md {
+    align-self: flex-end;
+  }
+  .pf-v6-l-flex > .pf-m-align-self-center-on-md {
+    align-self: center;
+  }
+  .pf-v6-l-flex > .pf-m-align-self-baseline-on-md {
+    align-self: baseline;
+  }
+  .pf-v6-l-flex > .pf-m-align-self-stretch-on-md {
+    align-self: stretch;
+  }
+}
+@media (min-width: 992px) {
+  .pf-v6-l-flex.pf-m-flex-on-lg {
+    display: var(--pf-v6-l-flex--Display);
+  }
+  .pf-v6-l-flex.pf-m-inline-flex-on-lg {
+    --pf-v6-l-flex--Display: inline-flex;
+  }
+  .pf-v6-l-flex.pf-m-column-on-lg {
+    --pf-v6-l-flex--RowGap: 0;
+    --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
+    flex-direction: column;
+    align-items: normal;
+  }
+  .pf-v6-l-flex.pf-m-column-on-lg > * {
+    margin-block-start: 0;
+    margin-block-end: var(--pf-v6-l-flex--spacer--row);
+    margin-inline-start: 0;
+    margin-inline-end: 0;
+  }
+  .pf-v6-l-flex.pf-m-column-reverse-on-lg {
+    flex-direction: column-reverse;
+    align-items: normal;
+  }
+  .pf-v6-l-flex.pf-m-column-reverse-on-lg > * {
+    margin-block-start: var(--pf-v6-l-flex--spacer--row);
+    margin-block-end: 0;
+    margin-inline-start: 0;
+    margin-inline-end: 0;
+  }
+  .pf-v6-l-flex.pf-m-row-on-lg {
+    flex-direction: row;
+    align-items: var(--pf-v6-l-flex--m-row--AlignItems);
+  }
+  .pf-v6-l-flex.pf-m-row-on-lg > * {
+    margin-block-start: 0;
+    margin-block-end: 0;
+    margin-inline-start: 0;
+    margin-inline-end: var(--pf-v6-l-flex--spacer--column);
+  }
+  .pf-v6-l-flex.pf-m-row-reverse-on-lg {
+    flex-direction: row-reverse;
+    align-items: var(--pf-v6-l-flex--m-row-reverse--AlignItems);
+  }
+  .pf-v6-l-flex.pf-m-row-reverse-on-lg > * {
+    margin-block-start: 0;
+    margin-block-end: 0;
+    margin-inline-start: var(--pf-v6-l-flex--spacer--column);
+    margin-inline-end: 0;
+  }
+  .pf-v6-l-flex.pf-m-wrap-on-lg {
+    flex-wrap: wrap;
+  }
+  .pf-v6-l-flex.pf-m-wrap-reverse-on-lg {
+    flex-wrap: wrap-reverse;
+  }
+  .pf-v6-l-flex.pf-m-nowrap-on-lg {
+    flex-wrap: nowrap;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-flex-start-on-lg {
+    justify-content: flex-start;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-flex-end-on-lg {
+    justify-content: flex-end;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-center-on-lg {
+    justify-content: center;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-space-between-on-lg {
+    justify-content: space-between;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-space-around-on-lg {
+    justify-content: space-around;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-space-evenly-on-lg {
+    justify-content: space-evenly;
+  }
+  .pf-v6-l-flex.pf-m-align-items-flex-start-on-lg {
+    align-items: flex-start;
+  }
+  .pf-v6-l-flex.pf-m-align-items-flex-end-on-lg {
+    align-items: flex-end;
+  }
+  .pf-v6-l-flex.pf-m-align-items-center-on-lg {
+    align-items: center;
+  }
+  .pf-v6-l-flex.pf-m-align-items-stretch-on-lg {
+    align-items: stretch;
+  }
+  .pf-v6-l-flex.pf-m-align-items-baseline-on-lg {
+    align-items: baseline;
+  }
+  .pf-v6-l-flex.pf-m-align-content-flex-start-on-lg {
+    align-content: flex-start;
+  }
+  .pf-v6-l-flex.pf-m-align-content-flex-end-on-lg {
+    align-content: flex-end;
+  }
+  .pf-v6-l-flex.pf-m-align-content-center-on-lg {
+    align-content: center;
+  }
+  .pf-v6-l-flex.pf-m-align-content-stretch-on-lg {
+    align-content: stretch;
+  }
+  .pf-v6-l-flex.pf-m-align-content-space-between-on-lg {
+    align-content: space-between;
+  }
+  .pf-v6-l-flex.pf-m-align-content-space-around-on-lg {
+    align-content: space-around;
+  }
+  .pf-v6-l-flex > .pf-m-align-right-on-lg {
+    margin-inline-start: auto;
+  }
+  .pf-v6-l-flex > .pf-m-align-left-on-lg {
+    margin-inline-start: 0;
+  }
+  .pf-v6-l-flex > .pf-m-grow-on-lg {
+    flex-grow: 1;
+  }
+  .pf-v6-l-flex > .pf-m-shrink-on-lg {
+    flex-shrink: 1;
+  }
+  .pf-v6-l-flex > .pf-m-full-width-on-lg {
+    width: 100%;
+    margin-inline-end: 0;
+  }
+  .pf-v6-l-flex > .pf-m-flex-1-on-lg {
+    flex: 1 0 0;
+  }
+  .pf-v6-l-flex > .pf-m-flex-2-on-lg {
+    flex: 2 0 0;
+  }
+  .pf-v6-l-flex > .pf-m-flex-3-on-lg {
+    flex: 3 0 0;
+  }
+  .pf-v6-l-flex > .pf-m-flex-4-on-lg {
+    flex: 4 0 0;
+  }
+  .pf-v6-l-flex > .pf-m-flex-default-on-lg {
+    flex: 0 1 auto;
+  }
+  .pf-v6-l-flex > .pf-m-flex-none-on-lg {
+    flex: none;
+  }
+  .pf-v6-l-flex > .pf-m-align-self-flex-start-on-lg {
+    align-self: flex-start;
+  }
+  .pf-v6-l-flex > .pf-m-align-self-flex-end-on-lg {
+    align-self: flex-end;
+  }
+  .pf-v6-l-flex > .pf-m-align-self-center-on-lg {
+    align-self: center;
+  }
+  .pf-v6-l-flex > .pf-m-align-self-baseline-on-lg {
+    align-self: baseline;
+  }
+  .pf-v6-l-flex > .pf-m-align-self-stretch-on-lg {
+    align-self: stretch;
+  }
+}
+@media (min-width: 1200px) {
+  .pf-v6-l-flex.pf-m-flex-on-xl {
+    display: var(--pf-v6-l-flex--Display);
+  }
+  .pf-v6-l-flex.pf-m-inline-flex-on-xl {
+    --pf-v6-l-flex--Display: inline-flex;
+  }
+  .pf-v6-l-flex.pf-m-column-on-xl {
+    --pf-v6-l-flex--RowGap: 0;
+    --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
+    flex-direction: column;
+    align-items: normal;
+  }
+  .pf-v6-l-flex.pf-m-column-on-xl > * {
+    margin-block-start: 0;
+    margin-block-end: var(--pf-v6-l-flex--spacer--row);
+    margin-inline-start: 0;
+    margin-inline-end: 0;
+  }
+  .pf-v6-l-flex.pf-m-column-reverse-on-xl {
+    flex-direction: column-reverse;
+    align-items: normal;
+  }
+  .pf-v6-l-flex.pf-m-column-reverse-on-xl > * {
+    margin-block-start: var(--pf-v6-l-flex--spacer--row);
+    margin-block-end: 0;
+    margin-inline-start: 0;
+    margin-inline-end: 0;
+  }
+  .pf-v6-l-flex.pf-m-row-on-xl {
+    flex-direction: row;
+    align-items: var(--pf-v6-l-flex--m-row--AlignItems);
+  }
+  .pf-v6-l-flex.pf-m-row-on-xl > * {
+    margin-block-start: 0;
+    margin-block-end: 0;
+    margin-inline-start: 0;
+    margin-inline-end: var(--pf-v6-l-flex--spacer--column);
+  }
+  .pf-v6-l-flex.pf-m-row-reverse-on-xl {
+    flex-direction: row-reverse;
+    align-items: var(--pf-v6-l-flex--m-row-reverse--AlignItems);
+  }
+  .pf-v6-l-flex.pf-m-row-reverse-on-xl > * {
+    margin-block-start: 0;
+    margin-block-end: 0;
+    margin-inline-start: var(--pf-v6-l-flex--spacer--column);
+    margin-inline-end: 0;
+  }
+  .pf-v6-l-flex.pf-m-wrap-on-xl {
+    flex-wrap: wrap;
+  }
+  .pf-v6-l-flex.pf-m-wrap-reverse-on-xl {
+    flex-wrap: wrap-reverse;
+  }
+  .pf-v6-l-flex.pf-m-nowrap-on-xl {
+    flex-wrap: nowrap;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-flex-start-on-xl {
+    justify-content: flex-start;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-flex-end-on-xl {
+    justify-content: flex-end;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-center-on-xl {
+    justify-content: center;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-space-between-on-xl {
+    justify-content: space-between;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-space-around-on-xl {
+    justify-content: space-around;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-space-evenly-on-xl {
+    justify-content: space-evenly;
+  }
+  .pf-v6-l-flex.pf-m-align-items-flex-start-on-xl {
+    align-items: flex-start;
+  }
+  .pf-v6-l-flex.pf-m-align-items-flex-end-on-xl {
+    align-items: flex-end;
+  }
+  .pf-v6-l-flex.pf-m-align-items-center-on-xl {
+    align-items: center;
+  }
+  .pf-v6-l-flex.pf-m-align-items-stretch-on-xl {
+    align-items: stretch;
+  }
+  .pf-v6-l-flex.pf-m-align-items-baseline-on-xl {
+    align-items: baseline;
+  }
+  .pf-v6-l-flex.pf-m-align-content-flex-start-on-xl {
+    align-content: flex-start;
+  }
+  .pf-v6-l-flex.pf-m-align-content-flex-end-on-xl {
+    align-content: flex-end;
+  }
+  .pf-v6-l-flex.pf-m-align-content-center-on-xl {
+    align-content: center;
+  }
+  .pf-v6-l-flex.pf-m-align-content-stretch-on-xl {
+    align-content: stretch;
+  }
+  .pf-v6-l-flex.pf-m-align-content-space-between-on-xl {
+    align-content: space-between;
+  }
+  .pf-v6-l-flex.pf-m-align-content-space-around-on-xl {
+    align-content: space-around;
+  }
+  .pf-v6-l-flex > .pf-m-align-right-on-xl {
+    margin-inline-start: auto;
+  }
+  .pf-v6-l-flex > .pf-m-align-left-on-xl {
+    margin-inline-start: 0;
+  }
+  .pf-v6-l-flex > .pf-m-grow-on-xl {
+    flex-grow: 1;
+  }
+  .pf-v6-l-flex > .pf-m-shrink-on-xl {
+    flex-shrink: 1;
+  }
+  .pf-v6-l-flex > .pf-m-full-width-on-xl {
+    width: 100%;
+    margin-inline-end: 0;
+  }
+  .pf-v6-l-flex > .pf-m-flex-1-on-xl {
+    flex: 1 0 0;
+  }
+  .pf-v6-l-flex > .pf-m-flex-2-on-xl {
+    flex: 2 0 0;
+  }
+  .pf-v6-l-flex > .pf-m-flex-3-on-xl {
+    flex: 3 0 0;
+  }
+  .pf-v6-l-flex > .pf-m-flex-4-on-xl {
+    flex: 4 0 0;
+  }
+  .pf-v6-l-flex > .pf-m-flex-default-on-xl {
+    flex: 0 1 auto;
+  }
+  .pf-v6-l-flex > .pf-m-flex-none-on-xl {
+    flex: none;
+  }
+  .pf-v6-l-flex > .pf-m-align-self-flex-start-on-xl {
+    align-self: flex-start;
+  }
+  .pf-v6-l-flex > .pf-m-align-self-flex-end-on-xl {
+    align-self: flex-end;
+  }
+  .pf-v6-l-flex > .pf-m-align-self-center-on-xl {
+    align-self: center;
+  }
+  .pf-v6-l-flex > .pf-m-align-self-baseline-on-xl {
+    align-self: baseline;
+  }
+  .pf-v6-l-flex > .pf-m-align-self-stretch-on-xl {
+    align-self: stretch;
+  }
+}
+@media (min-width: 1450px) {
+  .pf-v6-l-flex.pf-m-flex-on-2xl {
+    display: var(--pf-v6-l-flex--Display);
+  }
+  .pf-v6-l-flex.pf-m-inline-flex-on-2xl {
+    --pf-v6-l-flex--Display: inline-flex;
+  }
+  .pf-v6-l-flex.pf-m-column-on-2xl {
+    --pf-v6-l-flex--RowGap: 0;
+    --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
+    flex-direction: column;
+    align-items: normal;
+  }
+  .pf-v6-l-flex.pf-m-column-on-2xl > * {
+    margin-block-start: 0;
+    margin-block-end: var(--pf-v6-l-flex--spacer--row);
+    margin-inline-start: 0;
+    margin-inline-end: 0;
+  }
+  .pf-v6-l-flex.pf-m-column-reverse-on-2xl {
+    flex-direction: column-reverse;
+    align-items: normal;
+  }
+  .pf-v6-l-flex.pf-m-column-reverse-on-2xl > * {
+    margin-block-start: var(--pf-v6-l-flex--spacer--row);
+    margin-block-end: 0;
+    margin-inline-start: 0;
+    margin-inline-end: 0;
+  }
+  .pf-v6-l-flex.pf-m-row-on-2xl {
+    flex-direction: row;
+    align-items: var(--pf-v6-l-flex--m-row--AlignItems);
+  }
+  .pf-v6-l-flex.pf-m-row-on-2xl > * {
+    margin-block-start: 0;
+    margin-block-end: 0;
+    margin-inline-start: 0;
+    margin-inline-end: var(--pf-v6-l-flex--spacer--column);
+  }
+  .pf-v6-l-flex.pf-m-row-reverse-on-2xl {
+    flex-direction: row-reverse;
+    align-items: var(--pf-v6-l-flex--m-row-reverse--AlignItems);
+  }
+  .pf-v6-l-flex.pf-m-row-reverse-on-2xl > * {
+    margin-block-start: 0;
+    margin-block-end: 0;
+    margin-inline-start: var(--pf-v6-l-flex--spacer--column);
+    margin-inline-end: 0;
+  }
+  .pf-v6-l-flex.pf-m-wrap-on-2xl {
+    flex-wrap: wrap;
+  }
+  .pf-v6-l-flex.pf-m-wrap-reverse-on-2xl {
+    flex-wrap: wrap-reverse;
+  }
+  .pf-v6-l-flex.pf-m-nowrap-on-2xl {
+    flex-wrap: nowrap;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-flex-start-on-2xl {
+    justify-content: flex-start;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-flex-end-on-2xl {
+    justify-content: flex-end;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-center-on-2xl {
+    justify-content: center;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-space-between-on-2xl {
+    justify-content: space-between;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-space-around-on-2xl {
+    justify-content: space-around;
+  }
+  .pf-v6-l-flex.pf-m-justify-content-space-evenly-on-2xl {
+    justify-content: space-evenly;
+  }
+  .pf-v6-l-flex.pf-m-align-items-flex-start-on-2xl {
+    align-items: flex-start;
+  }
+  .pf-v6-l-flex.pf-m-align-items-flex-end-on-2xl {
+    align-items: flex-end;
+  }
+  .pf-v6-l-flex.pf-m-align-items-center-on-2xl {
+    align-items: center;
+  }
+  .pf-v6-l-flex.pf-m-align-items-stretch-on-2xl {
+    align-items: stretch;
+  }
+  .pf-v6-l-flex.pf-m-align-items-baseline-on-2xl {
+    align-items: baseline;
+  }
+  .pf-v6-l-flex.pf-m-align-content-flex-start-on-2xl {
+    align-content: flex-start;
+  }
+  .pf-v6-l-flex.pf-m-align-content-flex-end-on-2xl {
+    align-content: flex-end;
+  }
+  .pf-v6-l-flex.pf-m-align-content-center-on-2xl {
+    align-content: center;
+  }
+  .pf-v6-l-flex.pf-m-align-content-stretch-on-2xl {
+    align-content: stretch;
+  }
+  .pf-v6-l-flex.pf-m-align-content-space-between-on-2xl {
+    align-content: space-between;
+  }
+  .pf-v6-l-flex.pf-m-align-content-space-around-on-2xl {
+    align-content: space-around;
+  }
+  .pf-v6-l-flex > .pf-m-align-right-on-2xl {
+    margin-inline-start: auto;
+  }
+  .pf-v6-l-flex > .pf-m-align-left-on-2xl {
+    margin-inline-start: 0;
+  }
+  .pf-v6-l-flex > .pf-m-grow-on-2xl {
+    flex-grow: 1;
+  }
+  .pf-v6-l-flex > .pf-m-shrink-on-2xl {
+    flex-shrink: 1;
+  }
+  .pf-v6-l-flex > .pf-m-full-width-on-2xl {
+    width: 100%;
+    margin-inline-end: 0;
+  }
+  .pf-v6-l-flex > .pf-m-flex-1-on-2xl {
+    flex: 1 0 0;
+  }
+  .pf-v6-l-flex > .pf-m-flex-2-on-2xl {
+    flex: 2 0 0;
+  }
+  .pf-v6-l-flex > .pf-m-flex-3-on-2xl {
+    flex: 3 0 0;
+  }
+  .pf-v6-l-flex > .pf-m-flex-4-on-2xl {
+    flex: 4 0 0;
+  }
+  .pf-v6-l-flex > .pf-m-flex-default-on-2xl {
+    flex: 0 1 auto;
+  }
+  .pf-v6-l-flex > .pf-m-flex-none-on-2xl {
+    flex: none;
+  }
+  .pf-v6-l-flex > .pf-m-align-self-flex-start-on-2xl {
+    align-self: flex-start;
+  }
+  .pf-v6-l-flex > .pf-m-align-self-flex-end-on-2xl {
+    align-self: flex-end;
+  }
+  .pf-v6-l-flex > .pf-m-align-self-center-on-2xl {
+    align-self: center;
+  }
+  .pf-v6-l-flex > .pf-m-align-self-baseline-on-2xl {
+    align-self: baseline;
+  }
+  .pf-v6-l-flex > .pf-m-align-self-stretch-on-2xl {
+    align-self: stretch;
+  }
+}
+.pf-v6-l-flex.pf-m-space-items-none > * {
+  --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
+}
+.pf-v6-l-flex.pf-m-space-items-none > :last-child {
+  --pf-v6-l-flex--spacer: 0;
+}
+.pf-v6-l-flex.pf-m-space-items-xs > * {
+  --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
+}
+.pf-v6-l-flex.pf-m-space-items-xs > :last-child {
+  --pf-v6-l-flex--spacer: 0;
+}
+.pf-v6-l-flex.pf-m-space-items-sm > * {
+  --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
+}
+.pf-v6-l-flex.pf-m-space-items-sm > :last-child {
+  --pf-v6-l-flex--spacer: 0;
+}
+.pf-v6-l-flex.pf-m-space-items-md > * {
+  --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
+}
+.pf-v6-l-flex.pf-m-space-items-md > :last-child {
+  --pf-v6-l-flex--spacer: 0;
+}
+.pf-v6-l-flex.pf-m-space-items-lg > * {
+  --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
+}
+.pf-v6-l-flex.pf-m-space-items-lg > :last-child {
+  --pf-v6-l-flex--spacer: 0;
+}
+.pf-v6-l-flex.pf-m-space-items-xl > * {
+  --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
+}
+.pf-v6-l-flex.pf-m-space-items-xl > :last-child {
+  --pf-v6-l-flex--spacer: 0;
+}
+.pf-v6-l-flex.pf-m-space-items-2xl > * {
+  --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
+}
+.pf-v6-l-flex.pf-m-space-items-2xl > :last-child {
+  --pf-v6-l-flex--spacer: 0;
+}
+.pf-v6-l-flex.pf-m-space-items-3xl > * {
+  --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
+}
+.pf-v6-l-flex.pf-m-space-items-3xl > :last-child {
+  --pf-v6-l-flex--spacer: 0;
+}
+.pf-v6-l-flex.pf-m-space-items-4xl > * {
+  --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
+}
+.pf-v6-l-flex.pf-m-space-items-4xl > :last-child {
+  --pf-v6-l-flex--spacer: 0;
+}
+@media (min-width: 576px) {
+  .pf-v6-l-flex.pf-m-space-items-none-on-sm > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
+  }
+  .pf-v6-l-flex.pf-m-space-items-none-on-sm > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-xs-on-sm > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
+  }
+  .pf-v6-l-flex.pf-m-space-items-xs-on-sm > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-sm-on-sm > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
+  }
+  .pf-v6-l-flex.pf-m-space-items-sm-on-sm > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-md-on-sm > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
+  }
+  .pf-v6-l-flex.pf-m-space-items-md-on-sm > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-lg-on-sm > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
+  }
+  .pf-v6-l-flex.pf-m-space-items-lg-on-sm > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-xl-on-sm > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
+  }
+  .pf-v6-l-flex.pf-m-space-items-xl-on-sm > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-2xl-on-sm > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
+  }
+  .pf-v6-l-flex.pf-m-space-items-2xl-on-sm > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-3xl-on-sm > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
+  }
+  .pf-v6-l-flex.pf-m-space-items-3xl-on-sm > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-4xl-on-sm > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
+  }
+  .pf-v6-l-flex.pf-m-space-items-4xl-on-sm > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+}
+@media (min-width: 768px) {
+  .pf-v6-l-flex.pf-m-space-items-none-on-md > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
+  }
+  .pf-v6-l-flex.pf-m-space-items-none-on-md > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-xs-on-md > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
+  }
+  .pf-v6-l-flex.pf-m-space-items-xs-on-md > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-sm-on-md > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
+  }
+  .pf-v6-l-flex.pf-m-space-items-sm-on-md > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-md-on-md > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
+  }
+  .pf-v6-l-flex.pf-m-space-items-md-on-md > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-lg-on-md > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
+  }
+  .pf-v6-l-flex.pf-m-space-items-lg-on-md > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-xl-on-md > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
+  }
+  .pf-v6-l-flex.pf-m-space-items-xl-on-md > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-2xl-on-md > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
+  }
+  .pf-v6-l-flex.pf-m-space-items-2xl-on-md > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-3xl-on-md > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
+  }
+  .pf-v6-l-flex.pf-m-space-items-3xl-on-md > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-4xl-on-md > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
+  }
+  .pf-v6-l-flex.pf-m-space-items-4xl-on-md > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+}
+@media (min-width: 992px) {
+  .pf-v6-l-flex.pf-m-space-items-none-on-lg > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
+  }
+  .pf-v6-l-flex.pf-m-space-items-none-on-lg > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-xs-on-lg > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
+  }
+  .pf-v6-l-flex.pf-m-space-items-xs-on-lg > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-sm-on-lg > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
+  }
+  .pf-v6-l-flex.pf-m-space-items-sm-on-lg > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-md-on-lg > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
+  }
+  .pf-v6-l-flex.pf-m-space-items-md-on-lg > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-lg-on-lg > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
+  }
+  .pf-v6-l-flex.pf-m-space-items-lg-on-lg > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-xl-on-lg > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
+  }
+  .pf-v6-l-flex.pf-m-space-items-xl-on-lg > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-2xl-on-lg > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
+  }
+  .pf-v6-l-flex.pf-m-space-items-2xl-on-lg > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-3xl-on-lg > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
+  }
+  .pf-v6-l-flex.pf-m-space-items-3xl-on-lg > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-4xl-on-lg > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
+  }
+  .pf-v6-l-flex.pf-m-space-items-4xl-on-lg > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+}
+@media (min-width: 1200px) {
+  .pf-v6-l-flex.pf-m-space-items-none-on-xl > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
+  }
+  .pf-v6-l-flex.pf-m-space-items-none-on-xl > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-xs-on-xl > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
+  }
+  .pf-v6-l-flex.pf-m-space-items-xs-on-xl > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-sm-on-xl > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
+  }
+  .pf-v6-l-flex.pf-m-space-items-sm-on-xl > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-md-on-xl > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
+  }
+  .pf-v6-l-flex.pf-m-space-items-md-on-xl > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-lg-on-xl > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
+  }
+  .pf-v6-l-flex.pf-m-space-items-lg-on-xl > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-xl-on-xl > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
+  }
+  .pf-v6-l-flex.pf-m-space-items-xl-on-xl > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-2xl-on-xl > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
+  }
+  .pf-v6-l-flex.pf-m-space-items-2xl-on-xl > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-3xl-on-xl > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
+  }
+  .pf-v6-l-flex.pf-m-space-items-3xl-on-xl > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-4xl-on-xl > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
+  }
+  .pf-v6-l-flex.pf-m-space-items-4xl-on-xl > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+}
+@media (min-width: 1450px) {
+  .pf-v6-l-flex.pf-m-space-items-none-on-2xl > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
+  }
+  .pf-v6-l-flex.pf-m-space-items-none-on-2xl > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-xs-on-2xl > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
+  }
+  .pf-v6-l-flex.pf-m-space-items-xs-on-2xl > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-sm-on-2xl > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
+  }
+  .pf-v6-l-flex.pf-m-space-items-sm-on-2xl > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-md-on-2xl > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
+  }
+  .pf-v6-l-flex.pf-m-space-items-md-on-2xl > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-lg-on-2xl > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
+  }
+  .pf-v6-l-flex.pf-m-space-items-lg-on-2xl > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-xl-on-2xl > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
+  }
+  .pf-v6-l-flex.pf-m-space-items-xl-on-2xl > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-2xl-on-2xl > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
+  }
+  .pf-v6-l-flex.pf-m-space-items-2xl-on-2xl > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-3xl-on-2xl > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
+  }
+  .pf-v6-l-flex.pf-m-space-items-3xl-on-2xl > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+  .pf-v6-l-flex.pf-m-space-items-4xl-on-2xl > * {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
+  }
+  .pf-v6-l-flex.pf-m-space-items-4xl-on-2xl > :last-child {
+    --pf-v6-l-flex--spacer: 0;
+  }
+}
+.pf-v6-l-flex .pf-m-spacer-none {
+  --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
+}
+.pf-v6-l-flex .pf-m-spacer-none:last-child {
+  --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
+}
+.pf-v6-l-flex .pf-m-spacer-xs {
+  --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
+}
+.pf-v6-l-flex .pf-m-spacer-xs:last-child {
+  --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
+}
+.pf-v6-l-flex .pf-m-spacer-sm {
+  --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
+}
+.pf-v6-l-flex .pf-m-spacer-sm:last-child {
+  --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
+}
+.pf-v6-l-flex .pf-m-spacer-md {
+  --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
+}
+.pf-v6-l-flex .pf-m-spacer-md:last-child {
+  --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
+}
+.pf-v6-l-flex .pf-m-spacer-lg {
+  --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
+}
+.pf-v6-l-flex .pf-m-spacer-lg:last-child {
+  --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
+}
+.pf-v6-l-flex .pf-m-spacer-xl {
+  --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
+}
+.pf-v6-l-flex .pf-m-spacer-xl:last-child {
+  --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
+}
+.pf-v6-l-flex .pf-m-spacer-2xl {
+  --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
+}
+.pf-v6-l-flex .pf-m-spacer-2xl:last-child {
+  --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
+}
+.pf-v6-l-flex .pf-m-spacer-3xl {
+  --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
+}
+.pf-v6-l-flex .pf-m-spacer-3xl:last-child {
+  --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
+}
+.pf-v6-l-flex .pf-m-spacer-4xl {
+  --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
+}
+.pf-v6-l-flex .pf-m-spacer-4xl:last-child {
+  --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
+}
+@media (min-width: 576px) {
+  .pf-v6-l-flex .pf-m-spacer-none-on-sm {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
+  }
+  .pf-v6-l-flex .pf-m-spacer-none-on-sm:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
+  }
+  .pf-v6-l-flex .pf-m-spacer-xs-on-sm {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
+  }
+  .pf-v6-l-flex .pf-m-spacer-xs-on-sm:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
+  }
+  .pf-v6-l-flex .pf-m-spacer-sm-on-sm {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
+  }
+  .pf-v6-l-flex .pf-m-spacer-sm-on-sm:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
+  }
+  .pf-v6-l-flex .pf-m-spacer-md-on-sm {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
+  }
+  .pf-v6-l-flex .pf-m-spacer-md-on-sm:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
+  }
+  .pf-v6-l-flex .pf-m-spacer-lg-on-sm {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
+  }
+  .pf-v6-l-flex .pf-m-spacer-lg-on-sm:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
+  }
+  .pf-v6-l-flex .pf-m-spacer-xl-on-sm {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-xl-on-sm:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-2xl-on-sm {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-2xl-on-sm:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-3xl-on-sm {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-3xl-on-sm:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-4xl-on-sm {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-4xl-on-sm:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
+  }
+}
+@media (min-width: 768px) {
+  .pf-v6-l-flex .pf-m-spacer-none-on-md {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
+  }
+  .pf-v6-l-flex .pf-m-spacer-none-on-md:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
+  }
+  .pf-v6-l-flex .pf-m-spacer-xs-on-md {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
+  }
+  .pf-v6-l-flex .pf-m-spacer-xs-on-md:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
+  }
+  .pf-v6-l-flex .pf-m-spacer-sm-on-md {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
+  }
+  .pf-v6-l-flex .pf-m-spacer-sm-on-md:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
+  }
+  .pf-v6-l-flex .pf-m-spacer-md-on-md {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
+  }
+  .pf-v6-l-flex .pf-m-spacer-md-on-md:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
+  }
+  .pf-v6-l-flex .pf-m-spacer-lg-on-md {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
+  }
+  .pf-v6-l-flex .pf-m-spacer-lg-on-md:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
+  }
+  .pf-v6-l-flex .pf-m-spacer-xl-on-md {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-xl-on-md:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-2xl-on-md {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-2xl-on-md:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-3xl-on-md {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-3xl-on-md:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-4xl-on-md {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-4xl-on-md:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
+  }
+}
+@media (min-width: 992px) {
+  .pf-v6-l-flex .pf-m-spacer-none-on-lg {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
+  }
+  .pf-v6-l-flex .pf-m-spacer-none-on-lg:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
+  }
+  .pf-v6-l-flex .pf-m-spacer-xs-on-lg {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
+  }
+  .pf-v6-l-flex .pf-m-spacer-xs-on-lg:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
+  }
+  .pf-v6-l-flex .pf-m-spacer-sm-on-lg {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
+  }
+  .pf-v6-l-flex .pf-m-spacer-sm-on-lg:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
+  }
+  .pf-v6-l-flex .pf-m-spacer-md-on-lg {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
+  }
+  .pf-v6-l-flex .pf-m-spacer-md-on-lg:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
+  }
+  .pf-v6-l-flex .pf-m-spacer-lg-on-lg {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
+  }
+  .pf-v6-l-flex .pf-m-spacer-lg-on-lg:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
+  }
+  .pf-v6-l-flex .pf-m-spacer-xl-on-lg {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-xl-on-lg:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-2xl-on-lg {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-2xl-on-lg:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-3xl-on-lg {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-3xl-on-lg:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-4xl-on-lg {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-4xl-on-lg:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
+  }
+}
+@media (min-width: 1200px) {
+  .pf-v6-l-flex .pf-m-spacer-none-on-xl {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
+  }
+  .pf-v6-l-flex .pf-m-spacer-none-on-xl:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
+  }
+  .pf-v6-l-flex .pf-m-spacer-xs-on-xl {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
+  }
+  .pf-v6-l-flex .pf-m-spacer-xs-on-xl:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
+  }
+  .pf-v6-l-flex .pf-m-spacer-sm-on-xl {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
+  }
+  .pf-v6-l-flex .pf-m-spacer-sm-on-xl:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
+  }
+  .pf-v6-l-flex .pf-m-spacer-md-on-xl {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
+  }
+  .pf-v6-l-flex .pf-m-spacer-md-on-xl:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
+  }
+  .pf-v6-l-flex .pf-m-spacer-lg-on-xl {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
+  }
+  .pf-v6-l-flex .pf-m-spacer-lg-on-xl:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
+  }
+  .pf-v6-l-flex .pf-m-spacer-xl-on-xl {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-xl-on-xl:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-2xl-on-xl {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-2xl-on-xl:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-3xl-on-xl {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-3xl-on-xl:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-4xl-on-xl {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-4xl-on-xl:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
+  }
+}
+@media (min-width: 1450px) {
+  .pf-v6-l-flex .pf-m-spacer-none-on-2xl {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
+  }
+  .pf-v6-l-flex .pf-m-spacer-none-on-2xl:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
+  }
+  .pf-v6-l-flex .pf-m-spacer-xs-on-2xl {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
+  }
+  .pf-v6-l-flex .pf-m-spacer-xs-on-2xl:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
+  }
+  .pf-v6-l-flex .pf-m-spacer-sm-on-2xl {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
+  }
+  .pf-v6-l-flex .pf-m-spacer-sm-on-2xl:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
+  }
+  .pf-v6-l-flex .pf-m-spacer-md-on-2xl {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
+  }
+  .pf-v6-l-flex .pf-m-spacer-md-on-2xl:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
+  }
+  .pf-v6-l-flex .pf-m-spacer-lg-on-2xl {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
+  }
+  .pf-v6-l-flex .pf-m-spacer-lg-on-2xl:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
+  }
+  .pf-v6-l-flex .pf-m-spacer-xl-on-2xl {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-xl-on-2xl:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-2xl-on-2xl {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-2xl-on-2xl:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-3xl-on-2xl {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-3xl-on-2xl:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-4xl-on-2xl {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
+  }
+  .pf-v6-l-flex .pf-m-spacer-4xl-on-2xl:last-child {
+    --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
+  }
+}
+.pf-v6-l-flex.pf-m-gap {
+  --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
+  --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
+}
+.pf-v6-l-flex.pf-m-gap-none {
+  --pf-v6-l-flex--RowGap: 0;
+  --pf-v6-l-flex--ColumnGap: 0;
+}
+.pf-v6-l-flex.pf-m-gap-xs {
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
+}
+.pf-v6-l-flex.pf-m-gap-sm {
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
+}
+.pf-v6-l-flex.pf-m-gap-md {
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
+}
+.pf-v6-l-flex.pf-m-gap-lg {
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
+}
+.pf-v6-l-flex.pf-m-gap-xl {
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
+}
+.pf-v6-l-flex.pf-m-gap-2xl {
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
+}
+.pf-v6-l-flex.pf-m-gap-3xl {
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
+}
+.pf-v6-l-flex.pf-m-gap-4xl {
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
+}
+.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) > * {
+  --pf-v6-l-flex--spacer--row: 0;
+  --pf-v6-l-flex--spacer--column: 0;
+}
+@media (min-width: 576px) {
+  .pf-v6-l-flex.pf-m-gap-on-sm {
+    --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
+    --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
+  }
+  .pf-v6-l-flex.pf-m-gap-none-on-sm {
+    --pf-v6-l-flex--RowGap: 0;
+    --pf-v6-l-flex--ColumnGap: 0;
+  }
+  .pf-v6-l-flex.pf-m-gap-xs-on-sm {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
+  }
+  .pf-v6-l-flex.pf-m-gap-sm-on-sm {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
+  }
+  .pf-v6-l-flex.pf-m-gap-md-on-sm {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
+  }
+  .pf-v6-l-flex.pf-m-gap-lg-on-sm {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
+  }
+  .pf-v6-l-flex.pf-m-gap-xl-on-sm {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
+  }
+  .pf-v6-l-flex.pf-m-gap-2xl-on-sm {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
+  }
+  .pf-v6-l-flex.pf-m-gap-3xl-on-sm {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
+  }
+  .pf-v6-l-flex.pf-m-gap-4xl-on-sm {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
+  }
+  .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) > * {
+    --pf-v6-l-flex--spacer--row: 0;
+    --pf-v6-l-flex--spacer--column: 0;
+  }
+}
+@media (min-width: 768px) {
+  .pf-v6-l-flex.pf-m-gap-on-md {
+    --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
+    --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
+  }
+  .pf-v6-l-flex.pf-m-gap-none-on-md {
+    --pf-v6-l-flex--RowGap: 0;
+    --pf-v6-l-flex--ColumnGap: 0;
+  }
+  .pf-v6-l-flex.pf-m-gap-xs-on-md {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
+  }
+  .pf-v6-l-flex.pf-m-gap-sm-on-md {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
+  }
+  .pf-v6-l-flex.pf-m-gap-md-on-md {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
+  }
+  .pf-v6-l-flex.pf-m-gap-lg-on-md {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
+  }
+  .pf-v6-l-flex.pf-m-gap-xl-on-md {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
+  }
+  .pf-v6-l-flex.pf-m-gap-2xl-on-md {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
+  }
+  .pf-v6-l-flex.pf-m-gap-3xl-on-md {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
+  }
+  .pf-v6-l-flex.pf-m-gap-4xl-on-md {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
+  }
+  .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) > * {
+    --pf-v6-l-flex--spacer--row: 0;
+    --pf-v6-l-flex--spacer--column: 0;
+  }
+}
+@media (min-width: 992px) {
+  .pf-v6-l-flex.pf-m-gap-on-lg {
+    --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
+    --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
+  }
+  .pf-v6-l-flex.pf-m-gap-none-on-lg {
+    --pf-v6-l-flex--RowGap: 0;
+    --pf-v6-l-flex--ColumnGap: 0;
+  }
+  .pf-v6-l-flex.pf-m-gap-xs-on-lg {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
+  }
+  .pf-v6-l-flex.pf-m-gap-sm-on-lg {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
+  }
+  .pf-v6-l-flex.pf-m-gap-md-on-lg {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
+  }
+  .pf-v6-l-flex.pf-m-gap-lg-on-lg {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
+  }
+  .pf-v6-l-flex.pf-m-gap-xl-on-lg {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
+  }
+  .pf-v6-l-flex.pf-m-gap-2xl-on-lg {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
+  }
+  .pf-v6-l-flex.pf-m-gap-3xl-on-lg {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
+  }
+  .pf-v6-l-flex.pf-m-gap-4xl-on-lg {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
+  }
+  .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) > * {
+    --pf-v6-l-flex--spacer--row: 0;
+    --pf-v6-l-flex--spacer--column: 0;
+  }
+}
+@media (min-width: 1200px) {
+  .pf-v6-l-flex.pf-m-gap-on-xl {
+    --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
+    --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
+  }
+  .pf-v6-l-flex.pf-m-gap-none-on-xl {
+    --pf-v6-l-flex--RowGap: 0;
+    --pf-v6-l-flex--ColumnGap: 0;
+  }
+  .pf-v6-l-flex.pf-m-gap-xs-on-xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
+  }
+  .pf-v6-l-flex.pf-m-gap-sm-on-xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
+  }
+  .pf-v6-l-flex.pf-m-gap-md-on-xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
+  }
+  .pf-v6-l-flex.pf-m-gap-lg-on-xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
+  }
+  .pf-v6-l-flex.pf-m-gap-xl-on-xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
+  }
+  .pf-v6-l-flex.pf-m-gap-2xl-on-xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
+  }
+  .pf-v6-l-flex.pf-m-gap-3xl-on-xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
+  }
+  .pf-v6-l-flex.pf-m-gap-4xl-on-xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
+  }
+  .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) > * {
+    --pf-v6-l-flex--spacer--row: 0;
+    --pf-v6-l-flex--spacer--column: 0;
+  }
+}
+@media (min-width: 1450px) {
+  .pf-v6-l-flex.pf-m-gap-on-2xl {
+    --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
+    --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
+  }
+  .pf-v6-l-flex.pf-m-gap-none-on-2xl {
+    --pf-v6-l-flex--RowGap: 0;
+    --pf-v6-l-flex--ColumnGap: 0;
+  }
+  .pf-v6-l-flex.pf-m-gap-xs-on-2xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
+  }
+  .pf-v6-l-flex.pf-m-gap-sm-on-2xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
+  }
+  .pf-v6-l-flex.pf-m-gap-md-on-2xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
+  }
+  .pf-v6-l-flex.pf-m-gap-lg-on-2xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
+  }
+  .pf-v6-l-flex.pf-m-gap-xl-on-2xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
+  }
+  .pf-v6-l-flex.pf-m-gap-2xl-on-2xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
+  }
+  .pf-v6-l-flex.pf-m-gap-3xl-on-2xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
+  }
+  .pf-v6-l-flex.pf-m-gap-4xl-on-2xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
+  }
+  .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) > * {
+    --pf-v6-l-flex--spacer--row: 0;
+    --pf-v6-l-flex--spacer--column: 0;
+  }
+}
+.pf-v6-l-flex.pf-m-row-gap {
+  --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
+}
+.pf-v6-l-flex.pf-m-row-gap-none {
+  --pf-v6-l-flex--RowGap: 0;
+}
+.pf-v6-l-flex.pf-m-row-gap-xs {
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
+}
+.pf-v6-l-flex.pf-m-row-gap-sm {
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
+}
+.pf-v6-l-flex.pf-m-row-gap-md {
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
+}
+.pf-v6-l-flex.pf-m-row-gap-lg {
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
+}
+.pf-v6-l-flex.pf-m-row-gap-xl {
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
+}
+.pf-v6-l-flex.pf-m-row-gap-2xl {
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
+}
+.pf-v6-l-flex.pf-m-row-gap-3xl {
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
+}
+.pf-v6-l-flex.pf-m-row-gap-4xl {
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
+}
+.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) > * {
+  --pf-v6-l-flex--spacer--row: 0;
+}
+@media (min-width: 576px) {
+  .pf-v6-l-flex.pf-m-row-gap-on-sm {
+    --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-none-on-sm {
+    --pf-v6-l-flex--RowGap: 0;
+  }
+  .pf-v6-l-flex.pf-m-row-gap-xs-on-sm {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-sm-on-sm {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-md-on-sm {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-lg-on-sm {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-xl-on-sm {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-2xl-on-sm {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-3xl-on-sm {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-4xl-on-sm {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
+  }
+  .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) > * {
+    --pf-v6-l-flex--spacer--row: 0;
+  }
+}
+@media (min-width: 768px) {
+  .pf-v6-l-flex.pf-m-row-gap-on-md {
+    --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-none-on-md {
+    --pf-v6-l-flex--RowGap: 0;
+  }
+  .pf-v6-l-flex.pf-m-row-gap-xs-on-md {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-sm-on-md {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-md-on-md {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-lg-on-md {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-xl-on-md {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-2xl-on-md {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-3xl-on-md {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-4xl-on-md {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
+  }
+  .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) > * {
+    --pf-v6-l-flex--spacer--row: 0;
+  }
+}
+@media (min-width: 992px) {
+  .pf-v6-l-flex.pf-m-row-gap-on-lg {
+    --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-none-on-lg {
+    --pf-v6-l-flex--RowGap: 0;
+  }
+  .pf-v6-l-flex.pf-m-row-gap-xs-on-lg {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-sm-on-lg {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-md-on-lg {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-lg-on-lg {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-xl-on-lg {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-2xl-on-lg {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-3xl-on-lg {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-4xl-on-lg {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
+  }
+  .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) > * {
+    --pf-v6-l-flex--spacer--row: 0;
+  }
+}
+@media (min-width: 1200px) {
+  .pf-v6-l-flex.pf-m-row-gap-on-xl {
+    --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-none-on-xl {
+    --pf-v6-l-flex--RowGap: 0;
+  }
+  .pf-v6-l-flex.pf-m-row-gap-xs-on-xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-sm-on-xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-md-on-xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-lg-on-xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-xl-on-xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-2xl-on-xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-3xl-on-xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-4xl-on-xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
+  }
+  .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) > * {
+    --pf-v6-l-flex--spacer--row: 0;
+  }
+}
+@media (min-width: 1450px) {
+  .pf-v6-l-flex.pf-m-row-gap-on-2xl {
+    --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-none-on-2xl {
+    --pf-v6-l-flex--RowGap: 0;
+  }
+  .pf-v6-l-flex.pf-m-row-gap-xs-on-2xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-sm-on-2xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-md-on-2xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-lg-on-2xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-xl-on-2xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-2xl-on-2xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-3xl-on-2xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
+  }
+  .pf-v6-l-flex.pf-m-row-gap-4xl-on-2xl {
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
+  }
+  .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) > * {
+    --pf-v6-l-flex--spacer--row: 0;
+  }
+}
+.pf-v6-l-flex.pf-m-column-gap {
+  --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
+}
+.pf-v6-l-flex.pf-m-column-gap-none {
+  --pf-v6-l-flex--ColumnGap: 0;
+}
+.pf-v6-l-flex.pf-m-column-gap-xs {
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
+}
+.pf-v6-l-flex.pf-m-column-gap-sm {
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
+}
+.pf-v6-l-flex.pf-m-column-gap-md {
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
+}
+.pf-v6-l-flex.pf-m-column-gap-lg {
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
+}
+.pf-v6-l-flex.pf-m-column-gap-xl {
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
+}
+.pf-v6-l-flex.pf-m-column-gap-2xl {
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
+}
+.pf-v6-l-flex.pf-m-column-gap-3xl {
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
+}
+.pf-v6-l-flex.pf-m-column-gap-4xl {
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
+}
+.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) > * {
+  --pf-v6-l-flex--spacer--column: 0;
+}
+@media (min-width: 576px) {
+  .pf-v6-l-flex.pf-m-column-gap-on-sm {
+    --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-none-on-sm {
+    --pf-v6-l-flex--ColumnGap: 0;
+  }
+  .pf-v6-l-flex.pf-m-column-gap-xs-on-sm {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-sm-on-sm {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-md-on-sm {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-lg-on-sm {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-xl-on-sm {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-2xl-on-sm {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-3xl-on-sm {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-4xl-on-sm {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
+  }
+  .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) > * {
+    --pf-v6-l-flex--spacer--column: 0;
+  }
+}
+@media (min-width: 768px) {
+  .pf-v6-l-flex.pf-m-column-gap-on-md {
+    --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-none-on-md {
+    --pf-v6-l-flex--ColumnGap: 0;
+  }
+  .pf-v6-l-flex.pf-m-column-gap-xs-on-md {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-sm-on-md {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-md-on-md {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-lg-on-md {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-xl-on-md {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-2xl-on-md {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-3xl-on-md {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-4xl-on-md {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
+  }
+  .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) > * {
+    --pf-v6-l-flex--spacer--column: 0;
+  }
+}
+@media (min-width: 992px) {
+  .pf-v6-l-flex.pf-m-column-gap-on-lg {
+    --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-none-on-lg {
+    --pf-v6-l-flex--ColumnGap: 0;
+  }
+  .pf-v6-l-flex.pf-m-column-gap-xs-on-lg {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-sm-on-lg {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-md-on-lg {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-lg-on-lg {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-xl-on-lg {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-2xl-on-lg {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-3xl-on-lg {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-4xl-on-lg {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
+  }
+  .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) > * {
+    --pf-v6-l-flex--spacer--column: 0;
+  }
+}
+@media (min-width: 1200px) {
+  .pf-v6-l-flex.pf-m-column-gap-on-xl {
+    --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-none-on-xl {
+    --pf-v6-l-flex--ColumnGap: 0;
+  }
+  .pf-v6-l-flex.pf-m-column-gap-xs-on-xl {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-sm-on-xl {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-md-on-xl {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-lg-on-xl {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-xl-on-xl {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-2xl-on-xl {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-3xl-on-xl {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-4xl-on-xl {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
+  }
+  .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) > * {
+    --pf-v6-l-flex--spacer--column: 0;
+  }
+}
+@media (min-width: 1450px) {
+  .pf-v6-l-flex.pf-m-column-gap-on-2xl {
+    --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-none-on-2xl {
+    --pf-v6-l-flex--ColumnGap: 0;
+  }
+  .pf-v6-l-flex.pf-m-column-gap-xs-on-2xl {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-sm-on-2xl {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-md-on-2xl {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-lg-on-2xl {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-xl-on-2xl {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-2xl-on-2xl {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-3xl-on-2xl {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
+  }
+  .pf-v6-l-flex.pf-m-column-gap-4xl-on-2xl {
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
+  }
+  .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) > * {
+    --pf-v6-l-flex--spacer--column: 0;
+  }
+}
+:where(:root, .pf-v6-l-gallery) {
+  --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
+  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
+  --pf-v6-l-gallery--GridTemplateColumns--max: 1fr;
+  --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
+  --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)));
+  --pf-v6-l-gallery--GridTemplateRows: auto;
+}
+.pf-v6-l-gallery {
+  display: grid;
+  grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
+  grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
+  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
+  --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
+}
+.pf-v6-l-gallery.pf-m-gutter {
+  grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
+}
+@media (min-width: 576px) {
+  .pf-v6-l-gallery {
+    --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
+  }
+}
+@media (min-width: 768px) {
+  .pf-v6-l-gallery {
+    --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)));
+  }
+}
+@media (min-width: 992px) {
+  .pf-v6-l-gallery {
+    --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))));
+  }
+}
+@media (min-width: 1200px) {
+  .pf-v6-l-gallery {
+    --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)))));
+  }
+}
+@media (min-width: 1450px) {
+  .pf-v6-l-gallery {
+    --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))))));
+  }
+}
+@media (min-width: 576px) {
+  .pf-v6-l-gallery {
+    --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
+  }
+}
+@media (min-width: 768px) {
+  .pf-v6-l-gallery {
+    --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)));
+  }
+}
+@media (min-width: 992px) {
+  .pf-v6-l-gallery {
+    --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))));
+  }
+}
+@media (min-width: 1200px) {
+  .pf-v6-l-gallery {
+    --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)))));
+  }
+}
+@media (min-width: 1450px) {
+  .pf-v6-l-gallery {
+    --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))))));
+  }
+}
+:where(:root, .pf-v6-l-grid) {
+  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-grid__item--GridColumnStart: auto;
+  --pf-v6-l-grid__item--GridColumnEnd: span 12;
+  --pf-v6-l-grid--item--Order: 0;
+}
+.pf-v6-l-grid {
+  display: grid;
+  grid-template-columns: repeat(12, [col-start] 1fr);
+}
+.pf-v6-l-grid > *,
+.pf-v6-l-grid .pf-v6-l-grid__item {
+  grid-column-start: var(--pf-v6-l-grid__item--GridColumnStart);
+  grid-column-end: var(--pf-v6-l-grid__item--GridColumnEnd);
+  min-width: 0;
+  min-height: 0;
+  order: var(--pf-v6-l-grid--item--Order);
+}
+@media (min-width: 576px) {
+  .pf-v6-l-grid > *,
+  .pf-v6-l-grid .pf-v6-l-grid__item {
+    order: var(--pf-v6-l-grid--item--Order-on-sm, var(--pf-v6-l-grid--item--Order));
+  }
+}
+@media (min-width: 768px) {
+  .pf-v6-l-grid > *,
+  .pf-v6-l-grid .pf-v6-l-grid__item {
+    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)));
+  }
+}
+@media (min-width: 992px) {
+  .pf-v6-l-grid > *,
+  .pf-v6-l-grid .pf-v6-l-grid__item {
+    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))));
+  }
+}
+@media (min-width: 1200px) {
+  .pf-v6-l-grid > *,
+  .pf-v6-l-grid .pf-v6-l-grid__item {
+    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)))));
+  }
+}
+@media (min-width: 1450px) {
+  .pf-v6-l-grid > *,
+  .pf-v6-l-grid .pf-v6-l-grid__item {
+    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))))));
+  }
+}
+.pf-v6-l-grid.pf-m-all-1-col > * {
+  --pf-v6-l-grid__item--GridColumnEnd: span 1;
+}
+.pf-v6-l-grid.pf-m-all-2-col > * {
+  --pf-v6-l-grid__item--GridColumnEnd: span 2;
+}
+.pf-v6-l-grid.pf-m-all-3-col > * {
+  --pf-v6-l-grid__item--GridColumnEnd: span 3;
+}
+.pf-v6-l-grid.pf-m-all-4-col > * {
+  --pf-v6-l-grid__item--GridColumnEnd: span 4;
+}
+.pf-v6-l-grid.pf-m-all-5-col > * {
+  --pf-v6-l-grid__item--GridColumnEnd: span 5;
+}
+.pf-v6-l-grid.pf-m-all-6-col > * {
+  --pf-v6-l-grid__item--GridColumnEnd: span 6;
+}
+.pf-v6-l-grid.pf-m-all-7-col > * {
+  --pf-v6-l-grid__item--GridColumnEnd: span 7;
+}
+.pf-v6-l-grid.pf-m-all-8-col > * {
+  --pf-v6-l-grid__item--GridColumnEnd: span 8;
+}
+.pf-v6-l-grid.pf-m-all-9-col > * {
+  --pf-v6-l-grid__item--GridColumnEnd: span 9;
+}
+.pf-v6-l-grid.pf-m-all-10-col > * {
+  --pf-v6-l-grid__item--GridColumnEnd: span 10;
+}
+.pf-v6-l-grid.pf-m-all-11-col > * {
+  --pf-v6-l-grid__item--GridColumnEnd: span 11;
+}
+.pf-v6-l-grid.pf-m-all-12-col > * {
+  --pf-v6-l-grid__item--GridColumnEnd: span 12;
+}
+@media screen and (min-width: 576px) {
+  .pf-v6-l-grid.pf-m-all-1-col-on-sm > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 1;
+  }
+  .pf-v6-l-grid.pf-m-all-2-col-on-sm > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 2;
+  }
+  .pf-v6-l-grid.pf-m-all-3-col-on-sm > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 3;
+  }
+  .pf-v6-l-grid.pf-m-all-4-col-on-sm > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 4;
+  }
+  .pf-v6-l-grid.pf-m-all-5-col-on-sm > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 5;
+  }
+  .pf-v6-l-grid.pf-m-all-6-col-on-sm > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 6;
+  }
+  .pf-v6-l-grid.pf-m-all-7-col-on-sm > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 7;
+  }
+  .pf-v6-l-grid.pf-m-all-8-col-on-sm > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 8;
+  }
+  .pf-v6-l-grid.pf-m-all-9-col-on-sm > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 9;
+  }
+  .pf-v6-l-grid.pf-m-all-10-col-on-sm > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 10;
+  }
+  .pf-v6-l-grid.pf-m-all-11-col-on-sm > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 11;
+  }
+  .pf-v6-l-grid.pf-m-all-12-col-on-sm > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 12;
+  }
+}
+@media screen and (min-width: 768px) {
+  .pf-v6-l-grid.pf-m-all-1-col-on-md > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 1;
+  }
+  .pf-v6-l-grid.pf-m-all-2-col-on-md > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 2;
+  }
+  .pf-v6-l-grid.pf-m-all-3-col-on-md > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 3;
+  }
+  .pf-v6-l-grid.pf-m-all-4-col-on-md > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 4;
+  }
+  .pf-v6-l-grid.pf-m-all-5-col-on-md > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 5;
+  }
+  .pf-v6-l-grid.pf-m-all-6-col-on-md > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 6;
+  }
+  .pf-v6-l-grid.pf-m-all-7-col-on-md > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 7;
+  }
+  .pf-v6-l-grid.pf-m-all-8-col-on-md > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 8;
+  }
+  .pf-v6-l-grid.pf-m-all-9-col-on-md > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 9;
+  }
+  .pf-v6-l-grid.pf-m-all-10-col-on-md > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 10;
+  }
+  .pf-v6-l-grid.pf-m-all-11-col-on-md > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 11;
+  }
+  .pf-v6-l-grid.pf-m-all-12-col-on-md > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 12;
+  }
+}
+@media screen and (min-width: 992px) {
+  .pf-v6-l-grid.pf-m-all-1-col-on-lg > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 1;
+  }
+  .pf-v6-l-grid.pf-m-all-2-col-on-lg > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 2;
+  }
+  .pf-v6-l-grid.pf-m-all-3-col-on-lg > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 3;
+  }
+  .pf-v6-l-grid.pf-m-all-4-col-on-lg > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 4;
+  }
+  .pf-v6-l-grid.pf-m-all-5-col-on-lg > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 5;
+  }
+  .pf-v6-l-grid.pf-m-all-6-col-on-lg > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 6;
+  }
+  .pf-v6-l-grid.pf-m-all-7-col-on-lg > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 7;
+  }
+  .pf-v6-l-grid.pf-m-all-8-col-on-lg > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 8;
+  }
+  .pf-v6-l-grid.pf-m-all-9-col-on-lg > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 9;
+  }
+  .pf-v6-l-grid.pf-m-all-10-col-on-lg > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 10;
+  }
+  .pf-v6-l-grid.pf-m-all-11-col-on-lg > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 11;
+  }
+  .pf-v6-l-grid.pf-m-all-12-col-on-lg > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 12;
+  }
+}
+@media screen and (min-width: 1200px) {
+  .pf-v6-l-grid.pf-m-all-1-col-on-xl > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 1;
+  }
+  .pf-v6-l-grid.pf-m-all-2-col-on-xl > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 2;
+  }
+  .pf-v6-l-grid.pf-m-all-3-col-on-xl > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 3;
+  }
+  .pf-v6-l-grid.pf-m-all-4-col-on-xl > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 4;
+  }
+  .pf-v6-l-grid.pf-m-all-5-col-on-xl > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 5;
+  }
+  .pf-v6-l-grid.pf-m-all-6-col-on-xl > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 6;
+  }
+  .pf-v6-l-grid.pf-m-all-7-col-on-xl > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 7;
+  }
+  .pf-v6-l-grid.pf-m-all-8-col-on-xl > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 8;
+  }
+  .pf-v6-l-grid.pf-m-all-9-col-on-xl > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 9;
+  }
+  .pf-v6-l-grid.pf-m-all-10-col-on-xl > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 10;
+  }
+  .pf-v6-l-grid.pf-m-all-11-col-on-xl > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 11;
+  }
+  .pf-v6-l-grid.pf-m-all-12-col-on-xl > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 12;
+  }
+}
+@media screen and (min-width: 1450px) {
+  .pf-v6-l-grid.pf-m-all-1-col-on-2xl > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 1;
+  }
+  .pf-v6-l-grid.pf-m-all-2-col-on-2xl > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 2;
+  }
+  .pf-v6-l-grid.pf-m-all-3-col-on-2xl > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 3;
+  }
+  .pf-v6-l-grid.pf-m-all-4-col-on-2xl > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 4;
+  }
+  .pf-v6-l-grid.pf-m-all-5-col-on-2xl > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 5;
+  }
+  .pf-v6-l-grid.pf-m-all-6-col-on-2xl > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 6;
+  }
+  .pf-v6-l-grid.pf-m-all-7-col-on-2xl > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 7;
+  }
+  .pf-v6-l-grid.pf-m-all-8-col-on-2xl > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 8;
+  }
+  .pf-v6-l-grid.pf-m-all-9-col-on-2xl > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 9;
+  }
+  .pf-v6-l-grid.pf-m-all-10-col-on-2xl > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 10;
+  }
+  .pf-v6-l-grid.pf-m-all-11-col-on-2xl > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 11;
+  }
+  .pf-v6-l-grid.pf-m-all-12-col-on-2xl > * {
+    --pf-v6-l-grid__item--GridColumnEnd: span 12;
+  }
+}
+.pf-v6-l-grid > .pf-m-1-col {
+  --pf-v6-l-grid__item--GridColumnEnd: span 1;
+}
+.pf-v6-l-grid > .pf-m-2-col {
+  --pf-v6-l-grid__item--GridColumnEnd: span 2;
+}
+.pf-v6-l-grid > .pf-m-3-col {
+  --pf-v6-l-grid__item--GridColumnEnd: span 3;
+}
+.pf-v6-l-grid > .pf-m-4-col {
+  --pf-v6-l-grid__item--GridColumnEnd: span 4;
+}
+.pf-v6-l-grid > .pf-m-5-col {
+  --pf-v6-l-grid__item--GridColumnEnd: span 5;
+}
+.pf-v6-l-grid > .pf-m-6-col {
+  --pf-v6-l-grid__item--GridColumnEnd: span 6;
+}
+.pf-v6-l-grid > .pf-m-7-col {
+  --pf-v6-l-grid__item--GridColumnEnd: span 7;
+}
+.pf-v6-l-grid > .pf-m-8-col {
+  --pf-v6-l-grid__item--GridColumnEnd: span 8;
+}
+.pf-v6-l-grid > .pf-m-9-col {
+  --pf-v6-l-grid__item--GridColumnEnd: span 9;
+}
+.pf-v6-l-grid > .pf-m-10-col {
+  --pf-v6-l-grid__item--GridColumnEnd: span 10;
+}
+.pf-v6-l-grid > .pf-m-11-col {
+  --pf-v6-l-grid__item--GridColumnEnd: span 11;
+}
+.pf-v6-l-grid > .pf-m-12-col {
+  --pf-v6-l-grid__item--GridColumnEnd: span 12;
+}
+.pf-v6-l-grid > .pf-m-offset-1-col {
+  --pf-v6-l-grid__item--GridColumnStart: col-start calc(1 + 1);
+}
+.pf-v6-l-grid > .pf-m-offset-2-col {
+  --pf-v6-l-grid__item--GridColumnStart: col-start calc(2 + 1);
+}
+.pf-v6-l-grid > .pf-m-offset-3-col {
+  --pf-v6-l-grid__item--GridColumnStart: col-start calc(3 + 1);
+}
+.pf-v6-l-grid > .pf-m-offset-4-col {
+  --pf-v6-l-grid__item--GridColumnStart: col-start calc(4 + 1);
+}
+.pf-v6-l-grid > .pf-m-offset-5-col {
+  --pf-v6-l-grid__item--GridColumnStart: col-start calc(5 + 1);
+}
+.pf-v6-l-grid > .pf-m-offset-6-col {
+  --pf-v6-l-grid__item--GridColumnStart: col-start calc(6 + 1);
+}
+.pf-v6-l-grid > .pf-m-offset-7-col {
+  --pf-v6-l-grid__item--GridColumnStart: col-start calc(7 + 1);
+}
+.pf-v6-l-grid > .pf-m-offset-8-col {
+  --pf-v6-l-grid__item--GridColumnStart: col-start calc(8 + 1);
+}
+.pf-v6-l-grid > .pf-m-offset-9-col {
+  --pf-v6-l-grid__item--GridColumnStart: col-start calc(9 + 1);
+}
+.pf-v6-l-grid > .pf-m-offset-10-col {
+  --pf-v6-l-grid__item--GridColumnStart: col-start calc(10 + 1);
+}
+.pf-v6-l-grid > .pf-m-offset-11-col {
+  --pf-v6-l-grid__item--GridColumnStart: col-start calc(11 + 1);
+}
+.pf-v6-l-grid > .pf-m-offset-12-col {
+  --pf-v6-l-grid__item--GridColumnStart: col-start calc(12 + 1);
+}
+.pf-v6-l-grid > .pf-m-1-row {
+  grid-row: span 1;
+}
+.pf-v6-l-grid > .pf-m-2-row {
+  grid-row: span 2;
+}
+.pf-v6-l-grid > .pf-m-3-row {
+  grid-row: span 3;
+}
+.pf-v6-l-grid > .pf-m-4-row {
+  grid-row: span 4;
+}
+.pf-v6-l-grid > .pf-m-5-row {
+  grid-row: span 5;
+}
+.pf-v6-l-grid > .pf-m-6-row {
+  grid-row: span 6;
+}
+.pf-v6-l-grid > .pf-m-7-row {
+  grid-row: span 7;
+}
+.pf-v6-l-grid > .pf-m-8-row {
+  grid-row: span 8;
+}
+.pf-v6-l-grid > .pf-m-9-row {
+  grid-row: span 9;
+}
+.pf-v6-l-grid > .pf-m-10-row {
+  grid-row: span 10;
+}
+.pf-v6-l-grid > .pf-m-11-row {
+  grid-row: span 11;
+}
+.pf-v6-l-grid > .pf-m-12-row {
+  grid-row: span 12;
+}
+@media screen and (min-width: 576px) {
+  .pf-v6-l-grid > .pf-m-1-col-on-sm {
+    --pf-v6-l-grid__item--GridColumnEnd: span 1;
+  }
+  .pf-v6-l-grid > .pf-m-2-col-on-sm {
+    --pf-v6-l-grid__item--GridColumnEnd: span 2;
+  }
+  .pf-v6-l-grid > .pf-m-3-col-on-sm {
+    --pf-v6-l-grid__item--GridColumnEnd: span 3;
+  }
+  .pf-v6-l-grid > .pf-m-4-col-on-sm {
+    --pf-v6-l-grid__item--GridColumnEnd: span 4;
+  }
+  .pf-v6-l-grid > .pf-m-5-col-on-sm {
+    --pf-v6-l-grid__item--GridColumnEnd: span 5;
+  }
+  .pf-v6-l-grid > .pf-m-6-col-on-sm {
+    --pf-v6-l-grid__item--GridColumnEnd: span 6;
+  }
+  .pf-v6-l-grid > .pf-m-7-col-on-sm {
+    --pf-v6-l-grid__item--GridColumnEnd: span 7;
+  }
+  .pf-v6-l-grid > .pf-m-8-col-on-sm {
+    --pf-v6-l-grid__item--GridColumnEnd: span 8;
+  }
+  .pf-v6-l-grid > .pf-m-9-col-on-sm {
+    --pf-v6-l-grid__item--GridColumnEnd: span 9;
+  }
+  .pf-v6-l-grid > .pf-m-10-col-on-sm {
+    --pf-v6-l-grid__item--GridColumnEnd: span 10;
+  }
+  .pf-v6-l-grid > .pf-m-11-col-on-sm {
+    --pf-v6-l-grid__item--GridColumnEnd: span 11;
+  }
+  .pf-v6-l-grid > .pf-m-12-col-on-sm {
+    --pf-v6-l-grid__item--GridColumnEnd: span 12;
+  }
+  .pf-v6-l-grid > .pf-m-offset-1-col-on-sm {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(1 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-2-col-on-sm {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(2 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-3-col-on-sm {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(3 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-4-col-on-sm {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(4 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-5-col-on-sm {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(5 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-6-col-on-sm {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(6 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-7-col-on-sm {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(7 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-8-col-on-sm {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(8 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-9-col-on-sm {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(9 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-10-col-on-sm {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(10 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-11-col-on-sm {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(11 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-12-col-on-sm {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(12 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-1-row-on-sm {
+    grid-row: span 1;
+  }
+  .pf-v6-l-grid > .pf-m-2-row-on-sm {
+    grid-row: span 2;
+  }
+  .pf-v6-l-grid > .pf-m-3-row-on-sm {
+    grid-row: span 3;
+  }
+  .pf-v6-l-grid > .pf-m-4-row-on-sm {
+    grid-row: span 4;
+  }
+  .pf-v6-l-grid > .pf-m-5-row-on-sm {
+    grid-row: span 5;
+  }
+  .pf-v6-l-grid > .pf-m-6-row-on-sm {
+    grid-row: span 6;
+  }
+  .pf-v6-l-grid > .pf-m-7-row-on-sm {
+    grid-row: span 7;
+  }
+  .pf-v6-l-grid > .pf-m-8-row-on-sm {
+    grid-row: span 8;
+  }
+  .pf-v6-l-grid > .pf-m-9-row-on-sm {
+    grid-row: span 9;
+  }
+  .pf-v6-l-grid > .pf-m-10-row-on-sm {
+    grid-row: span 10;
+  }
+  .pf-v6-l-grid > .pf-m-11-row-on-sm {
+    grid-row: span 11;
+  }
+  .pf-v6-l-grid > .pf-m-12-row-on-sm {
+    grid-row: span 12;
+  }
+}
+@media screen and (min-width: 768px) {
+  .pf-v6-l-grid > .pf-m-1-col-on-md {
+    --pf-v6-l-grid__item--GridColumnEnd: span 1;
+  }
+  .pf-v6-l-grid > .pf-m-2-col-on-md {
+    --pf-v6-l-grid__item--GridColumnEnd: span 2;
+  }
+  .pf-v6-l-grid > .pf-m-3-col-on-md {
+    --pf-v6-l-grid__item--GridColumnEnd: span 3;
+  }
+  .pf-v6-l-grid > .pf-m-4-col-on-md {
+    --pf-v6-l-grid__item--GridColumnEnd: span 4;
+  }
+  .pf-v6-l-grid > .pf-m-5-col-on-md {
+    --pf-v6-l-grid__item--GridColumnEnd: span 5;
+  }
+  .pf-v6-l-grid > .pf-m-6-col-on-md {
+    --pf-v6-l-grid__item--GridColumnEnd: span 6;
+  }
+  .pf-v6-l-grid > .pf-m-7-col-on-md {
+    --pf-v6-l-grid__item--GridColumnEnd: span 7;
+  }
+  .pf-v6-l-grid > .pf-m-8-col-on-md {
+    --pf-v6-l-grid__item--GridColumnEnd: span 8;
+  }
+  .pf-v6-l-grid > .pf-m-9-col-on-md {
+    --pf-v6-l-grid__item--GridColumnEnd: span 9;
+  }
+  .pf-v6-l-grid > .pf-m-10-col-on-md {
+    --pf-v6-l-grid__item--GridColumnEnd: span 10;
+  }
+  .pf-v6-l-grid > .pf-m-11-col-on-md {
+    --pf-v6-l-grid__item--GridColumnEnd: span 11;
+  }
+  .pf-v6-l-grid > .pf-m-12-col-on-md {
+    --pf-v6-l-grid__item--GridColumnEnd: span 12;
+  }
+  .pf-v6-l-grid > .pf-m-offset-1-col-on-md {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(1 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-2-col-on-md {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(2 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-3-col-on-md {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(3 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-4-col-on-md {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(4 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-5-col-on-md {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(5 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-6-col-on-md {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(6 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-7-col-on-md {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(7 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-8-col-on-md {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(8 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-9-col-on-md {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(9 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-10-col-on-md {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(10 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-11-col-on-md {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(11 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-12-col-on-md {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(12 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-1-row-on-md {
+    grid-row: span 1;
+  }
+  .pf-v6-l-grid > .pf-m-2-row-on-md {
+    grid-row: span 2;
+  }
+  .pf-v6-l-grid > .pf-m-3-row-on-md {
+    grid-row: span 3;
+  }
+  .pf-v6-l-grid > .pf-m-4-row-on-md {
+    grid-row: span 4;
+  }
+  .pf-v6-l-grid > .pf-m-5-row-on-md {
+    grid-row: span 5;
+  }
+  .pf-v6-l-grid > .pf-m-6-row-on-md {
+    grid-row: span 6;
+  }
+  .pf-v6-l-grid > .pf-m-7-row-on-md {
+    grid-row: span 7;
+  }
+  .pf-v6-l-grid > .pf-m-8-row-on-md {
+    grid-row: span 8;
+  }
+  .pf-v6-l-grid > .pf-m-9-row-on-md {
+    grid-row: span 9;
+  }
+  .pf-v6-l-grid > .pf-m-10-row-on-md {
+    grid-row: span 10;
+  }
+  .pf-v6-l-grid > .pf-m-11-row-on-md {
+    grid-row: span 11;
+  }
+  .pf-v6-l-grid > .pf-m-12-row-on-md {
+    grid-row: span 12;
+  }
+}
+@media screen and (min-width: 992px) {
+  .pf-v6-l-grid > .pf-m-1-col-on-lg {
+    --pf-v6-l-grid__item--GridColumnEnd: span 1;
+  }
+  .pf-v6-l-grid > .pf-m-2-col-on-lg {
+    --pf-v6-l-grid__item--GridColumnEnd: span 2;
+  }
+  .pf-v6-l-grid > .pf-m-3-col-on-lg {
+    --pf-v6-l-grid__item--GridColumnEnd: span 3;
+  }
+  .pf-v6-l-grid > .pf-m-4-col-on-lg {
+    --pf-v6-l-grid__item--GridColumnEnd: span 4;
+  }
+  .pf-v6-l-grid > .pf-m-5-col-on-lg {
+    --pf-v6-l-grid__item--GridColumnEnd: span 5;
+  }
+  .pf-v6-l-grid > .pf-m-6-col-on-lg {
+    --pf-v6-l-grid__item--GridColumnEnd: span 6;
+  }
+  .pf-v6-l-grid > .pf-m-7-col-on-lg {
+    --pf-v6-l-grid__item--GridColumnEnd: span 7;
+  }
+  .pf-v6-l-grid > .pf-m-8-col-on-lg {
+    --pf-v6-l-grid__item--GridColumnEnd: span 8;
+  }
+  .pf-v6-l-grid > .pf-m-9-col-on-lg {
+    --pf-v6-l-grid__item--GridColumnEnd: span 9;
+  }
+  .pf-v6-l-grid > .pf-m-10-col-on-lg {
+    --pf-v6-l-grid__item--GridColumnEnd: span 10;
+  }
+  .pf-v6-l-grid > .pf-m-11-col-on-lg {
+    --pf-v6-l-grid__item--GridColumnEnd: span 11;
+  }
+  .pf-v6-l-grid > .pf-m-12-col-on-lg {
+    --pf-v6-l-grid__item--GridColumnEnd: span 12;
+  }
+  .pf-v6-l-grid > .pf-m-offset-1-col-on-lg {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(1 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-2-col-on-lg {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(2 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-3-col-on-lg {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(3 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-4-col-on-lg {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(4 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-5-col-on-lg {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(5 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-6-col-on-lg {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(6 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-7-col-on-lg {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(7 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-8-col-on-lg {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(8 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-9-col-on-lg {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(9 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-10-col-on-lg {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(10 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-11-col-on-lg {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(11 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-12-col-on-lg {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(12 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-1-row-on-lg {
+    grid-row: span 1;
+  }
+  .pf-v6-l-grid > .pf-m-2-row-on-lg {
+    grid-row: span 2;
+  }
+  .pf-v6-l-grid > .pf-m-3-row-on-lg {
+    grid-row: span 3;
+  }
+  .pf-v6-l-grid > .pf-m-4-row-on-lg {
+    grid-row: span 4;
+  }
+  .pf-v6-l-grid > .pf-m-5-row-on-lg {
+    grid-row: span 5;
+  }
+  .pf-v6-l-grid > .pf-m-6-row-on-lg {
+    grid-row: span 6;
+  }
+  .pf-v6-l-grid > .pf-m-7-row-on-lg {
+    grid-row: span 7;
+  }
+  .pf-v6-l-grid > .pf-m-8-row-on-lg {
+    grid-row: span 8;
+  }
+  .pf-v6-l-grid > .pf-m-9-row-on-lg {
+    grid-row: span 9;
+  }
+  .pf-v6-l-grid > .pf-m-10-row-on-lg {
+    grid-row: span 10;
+  }
+  .pf-v6-l-grid > .pf-m-11-row-on-lg {
+    grid-row: span 11;
+  }
+  .pf-v6-l-grid > .pf-m-12-row-on-lg {
+    grid-row: span 12;
+  }
+}
+@media screen and (min-width: 1200px) {
+  .pf-v6-l-grid > .pf-m-1-col-on-xl {
+    --pf-v6-l-grid__item--GridColumnEnd: span 1;
+  }
+  .pf-v6-l-grid > .pf-m-2-col-on-xl {
+    --pf-v6-l-grid__item--GridColumnEnd: span 2;
+  }
+  .pf-v6-l-grid > .pf-m-3-col-on-xl {
+    --pf-v6-l-grid__item--GridColumnEnd: span 3;
+  }
+  .pf-v6-l-grid > .pf-m-4-col-on-xl {
+    --pf-v6-l-grid__item--GridColumnEnd: span 4;
+  }
+  .pf-v6-l-grid > .pf-m-5-col-on-xl {
+    --pf-v6-l-grid__item--GridColumnEnd: span 5;
+  }
+  .pf-v6-l-grid > .pf-m-6-col-on-xl {
+    --pf-v6-l-grid__item--GridColumnEnd: span 6;
+  }
+  .pf-v6-l-grid > .pf-m-7-col-on-xl {
+    --pf-v6-l-grid__item--GridColumnEnd: span 7;
+  }
+  .pf-v6-l-grid > .pf-m-8-col-on-xl {
+    --pf-v6-l-grid__item--GridColumnEnd: span 8;
+  }
+  .pf-v6-l-grid > .pf-m-9-col-on-xl {
+    --pf-v6-l-grid__item--GridColumnEnd: span 9;
+  }
+  .pf-v6-l-grid > .pf-m-10-col-on-xl {
+    --pf-v6-l-grid__item--GridColumnEnd: span 10;
+  }
+  .pf-v6-l-grid > .pf-m-11-col-on-xl {
+    --pf-v6-l-grid__item--GridColumnEnd: span 11;
+  }
+  .pf-v6-l-grid > .pf-m-12-col-on-xl {
+    --pf-v6-l-grid__item--GridColumnEnd: span 12;
+  }
+  .pf-v6-l-grid > .pf-m-offset-1-col-on-xl {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(1 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-2-col-on-xl {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(2 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-3-col-on-xl {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(3 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-4-col-on-xl {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(4 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-5-col-on-xl {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(5 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-6-col-on-xl {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(6 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-7-col-on-xl {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(7 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-8-col-on-xl {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(8 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-9-col-on-xl {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(9 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-10-col-on-xl {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(10 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-11-col-on-xl {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(11 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-12-col-on-xl {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(12 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-1-row-on-xl {
+    grid-row: span 1;
+  }
+  .pf-v6-l-grid > .pf-m-2-row-on-xl {
+    grid-row: span 2;
+  }
+  .pf-v6-l-grid > .pf-m-3-row-on-xl {
+    grid-row: span 3;
+  }
+  .pf-v6-l-grid > .pf-m-4-row-on-xl {
+    grid-row: span 4;
+  }
+  .pf-v6-l-grid > .pf-m-5-row-on-xl {
+    grid-row: span 5;
+  }
+  .pf-v6-l-grid > .pf-m-6-row-on-xl {
+    grid-row: span 6;
+  }
+  .pf-v6-l-grid > .pf-m-7-row-on-xl {
+    grid-row: span 7;
+  }
+  .pf-v6-l-grid > .pf-m-8-row-on-xl {
+    grid-row: span 8;
+  }
+  .pf-v6-l-grid > .pf-m-9-row-on-xl {
+    grid-row: span 9;
+  }
+  .pf-v6-l-grid > .pf-m-10-row-on-xl {
+    grid-row: span 10;
+  }
+  .pf-v6-l-grid > .pf-m-11-row-on-xl {
+    grid-row: span 11;
+  }
+  .pf-v6-l-grid > .pf-m-12-row-on-xl {
+    grid-row: span 12;
+  }
+}
+@media screen and (min-width: 1450px) {
+  .pf-v6-l-grid > .pf-m-1-col-on-2xl {
+    --pf-v6-l-grid__item--GridColumnEnd: span 1;
+  }
+  .pf-v6-l-grid > .pf-m-2-col-on-2xl {
+    --pf-v6-l-grid__item--GridColumnEnd: span 2;
+  }
+  .pf-v6-l-grid > .pf-m-3-col-on-2xl {
+    --pf-v6-l-grid__item--GridColumnEnd: span 3;
+  }
+  .pf-v6-l-grid > .pf-m-4-col-on-2xl {
+    --pf-v6-l-grid__item--GridColumnEnd: span 4;
+  }
+  .pf-v6-l-grid > .pf-m-5-col-on-2xl {
+    --pf-v6-l-grid__item--GridColumnEnd: span 5;
+  }
+  .pf-v6-l-grid > .pf-m-6-col-on-2xl {
+    --pf-v6-l-grid__item--GridColumnEnd: span 6;
+  }
+  .pf-v6-l-grid > .pf-m-7-col-on-2xl {
+    --pf-v6-l-grid__item--GridColumnEnd: span 7;
+  }
+  .pf-v6-l-grid > .pf-m-8-col-on-2xl {
+    --pf-v6-l-grid__item--GridColumnEnd: span 8;
+  }
+  .pf-v6-l-grid > .pf-m-9-col-on-2xl {
+    --pf-v6-l-grid__item--GridColumnEnd: span 9;
+  }
+  .pf-v6-l-grid > .pf-m-10-col-on-2xl {
+    --pf-v6-l-grid__item--GridColumnEnd: span 10;
+  }
+  .pf-v6-l-grid > .pf-m-11-col-on-2xl {
+    --pf-v6-l-grid__item--GridColumnEnd: span 11;
+  }
+  .pf-v6-l-grid > .pf-m-12-col-on-2xl {
+    --pf-v6-l-grid__item--GridColumnEnd: span 12;
+  }
+  .pf-v6-l-grid > .pf-m-offset-1-col-on-2xl {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(1 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-2-col-on-2xl {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(2 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-3-col-on-2xl {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(3 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-4-col-on-2xl {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(4 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-5-col-on-2xl {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(5 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-6-col-on-2xl {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(6 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-7-col-on-2xl {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(7 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-8-col-on-2xl {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(8 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-9-col-on-2xl {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(9 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-10-col-on-2xl {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(10 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-11-col-on-2xl {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(11 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-offset-12-col-on-2xl {
+    --pf-v6-l-grid__item--GridColumnStart: col-start calc(12 + 1);
+  }
+  .pf-v6-l-grid > .pf-m-1-row-on-2xl {
+    grid-row: span 1;
+  }
+  .pf-v6-l-grid > .pf-m-2-row-on-2xl {
+    grid-row: span 2;
+  }
+  .pf-v6-l-grid > .pf-m-3-row-on-2xl {
+    grid-row: span 3;
+  }
+  .pf-v6-l-grid > .pf-m-4-row-on-2xl {
+    grid-row: span 4;
+  }
+  .pf-v6-l-grid > .pf-m-5-row-on-2xl {
+    grid-row: span 5;
+  }
+  .pf-v6-l-grid > .pf-m-6-row-on-2xl {
+    grid-row: span 6;
+  }
+  .pf-v6-l-grid > .pf-m-7-row-on-2xl {
+    grid-row: span 7;
+  }
+  .pf-v6-l-grid > .pf-m-8-row-on-2xl {
+    grid-row: span 8;
+  }
+  .pf-v6-l-grid > .pf-m-9-row-on-2xl {
+    grid-row: span 9;
+  }
+  .pf-v6-l-grid > .pf-m-10-row-on-2xl {
+    grid-row: span 10;
+  }
+  .pf-v6-l-grid > .pf-m-11-row-on-2xl {
+    grid-row: span 11;
+  }
+  .pf-v6-l-grid > .pf-m-12-row-on-2xl {
+    grid-row: span 12;
+  }
+}
+.pf-v6-l-grid.pf-m-gutter {
+  grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
+}
+:where(:root, .pf-v6-l-level) {
+  --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--lg);
+}
+.pf-v6-l-level {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+}
+.pf-v6-l-level.pf-m-gutter {
+  gap: var(--pf-v6-l-level--m-gutter--Gap);
+}
+:where(:root, .pf-v6-l-split) {
+  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--lg);
+}
+.pf-v6-l-split {
+  display: flex;
+  padding: 0;
+  margin: 0;
+}
+.pf-v6-l-split.pf-m-wrap {
+  flex-wrap: wrap;
+}
+.pf-v6-l-split__item.pf-m-fill {
+  flex-grow: 1;
+}
+.pf-v6-l-split.pf-m-gutter {
+  gap: var(--pf-v6-l-stack--m-gutter--Gap);
+}
+:where(:root, .pf-v6-l-stack) {
+  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--lg);
+}
+.pf-v6-l-stack {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.pf-v6-l-stack__item.pf-m-fill {
+  flex-grow: 1;
+}
+.pf-v6-l-stack.pf-m-gutter {
+  gap: var(--pf-v6-l-stack--m-gutter--Gap);
+}