@patternfly/patternfly 5.0.0-alpha.49 → 5.0.0-alpha.50

package/patternfly-no-globals.css

@@ -380,7 +380,7 @@
   --pf-v5-global--disabled-color--200: #444548;
   --pf-v5-global--disabled-color--300: #aaabac;
   --pf-v5-global--icon--Color--light: #aaabac;
-  --pf-v5-global--icon--Color--dark: #aaabac;
+  --pf-v5-global--icon--Color--dark: #e0e0e0;
   --pf-v5-global--Color--dark-100: #e0e0e0;
   --pf-v5-global--Color--dark-200: #aaabac;
   --pf-v5-global--Color--light-100: #e0e0e0;
@@ -6883,7 +6883,7 @@
   --pf-v5-c-breadcrumb__item--FontSize: var(--pf-v5-global--FontSize--sm);
   --pf-v5-c-breadcrumb__item--LineHeight: var(--pf-v5-global--LineHeight--sm);
   --pf-v5-c-breadcrumb__item--MarginRight: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-breadcrumb__item-divider--Color: var(--pf-v5-global--BorderColor--200);
+  --pf-v5-c-breadcrumb__item-divider--Color: var(--pf-v5-global--icon--Color--dark);
   --pf-v5-c-breadcrumb__item-divider--MarginRight: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-breadcrumb__item-divider--FontSize: var(--pf-v5-global--FontSize--sm);
   --pf-v5-c-breadcrumb__link--Color: var(--pf-v5-global--link--Color);
@@ -6972,23 +6972,6 @@ button.pf-v5-c-breadcrumb__link {
   display: none;
 }
 
-:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
-:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
-:where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
-:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner {
-  --pf-v5-global--Color--100: #e0e0e0;
-  --pf-v5-global--Color--200: #aaabac;
-  --pf-v5-global--BorderColor--100: #444548;
-  --pf-v5-global--primary-color--100: #1fa7f8;
-  --pf-v5-global--link--Color: #1fa7f8;
-  --pf-v5-global--link--Color--hover: #73bcf7;
-  --pf-v5-global--BackgroundColor--100: #1b1d21;
-}
-
-:where(.pf-v5-theme-dark) .pf-v5-c-breadcrumb {
-  --pf-v5-c-breadcrumb__item-divider--Color: var(--pf-v5-global--BorderColor--100);
-}
-
 .pf-v5-c-button {
   --pf-v5-c-button--PaddingTop: var(--pf-v5-global--spacer--form-element);
   --pf-v5-c-button--PaddingRight: var(--pf-v5-global--spacer--md);
@@ -11504,10 +11487,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
     flex-wrap: wrap;
   }
 }
-.pf-v5-c-toolbar .pf-m-space-items-none > * {
-  --pf-v5-c-toolbar--spacer: 0;
+.pf-v5-c-toolbar .pf-m-space-items-base > * {
+  --pf-v5-c-toolbar--spacer: ;
 }
-.pf-v5-c-toolbar .pf-m-space-items-none > :last-child {
+.pf-v5-c-toolbar .pf-m-space-items-base > :last-child {
   --pf-v5-c-toolbar--spacer: 0;
 }
 .pf-v5-c-toolbar .pf-m-space-items-sm > * {
@@ -11529,10 +11512,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-toolbar--spacer: 0;
 }
 @media (min-width: 576px) {
-  .pf-v5-c-toolbar .pf-m-space-items-none-on-sm > * {
-    --pf-v5-c-toolbar--spacer: 0;
+  .pf-v5-c-toolbar .pf-m-space-items-base-on-sm > * {
+    --pf-v5-c-toolbar--spacer: ;
   }
-  .pf-v5-c-toolbar .pf-m-space-items-none-on-sm > :last-child {
+  .pf-v5-c-toolbar .pf-m-space-items-base-on-sm > :last-child {
     --pf-v5-c-toolbar--spacer: 0;
   }
   .pf-v5-c-toolbar .pf-m-space-items-sm-on-sm > * {
@@ -11555,10 +11538,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   }
 }
 @media (min-width: 768px) {
-  .pf-v5-c-toolbar .pf-m-space-items-none-on-md > * {
-    --pf-v5-c-toolbar--spacer: 0;
+  .pf-v5-c-toolbar .pf-m-space-items-base-on-md > * {
+    --pf-v5-c-toolbar--spacer: ;
   }
-  .pf-v5-c-toolbar .pf-m-space-items-none-on-md > :last-child {
+  .pf-v5-c-toolbar .pf-m-space-items-base-on-md > :last-child {
     --pf-v5-c-toolbar--spacer: 0;
   }
   .pf-v5-c-toolbar .pf-m-space-items-sm-on-md > * {
@@ -11581,10 +11564,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   }
 }
 @media (min-width: 992px) {
-  .pf-v5-c-toolbar .pf-m-space-items-none-on-lg > * {
-    --pf-v5-c-toolbar--spacer: 0;
+  .pf-v5-c-toolbar .pf-m-space-items-base-on-lg > * {
+    --pf-v5-c-toolbar--spacer: ;
   }
-  .pf-v5-c-toolbar .pf-m-space-items-none-on-lg > :last-child {
+  .pf-v5-c-toolbar .pf-m-space-items-base-on-lg > :last-child {
     --pf-v5-c-toolbar--spacer: 0;
   }
   .pf-v5-c-toolbar .pf-m-space-items-sm-on-lg > * {
@@ -11607,10 +11590,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   }
 }
 @media (min-width: 1200px) {
-  .pf-v5-c-toolbar .pf-m-space-items-none-on-xl > * {
-    --pf-v5-c-toolbar--spacer: 0;
+  .pf-v5-c-toolbar .pf-m-space-items-base-on-xl > * {
+    --pf-v5-c-toolbar--spacer: ;
   }
-  .pf-v5-c-toolbar .pf-m-space-items-none-on-xl > :last-child {
+  .pf-v5-c-toolbar .pf-m-space-items-base-on-xl > :last-child {
     --pf-v5-c-toolbar--spacer: 0;
   }
   .pf-v5-c-toolbar .pf-m-space-items-sm-on-xl > * {
@@ -11633,10 +11616,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   }
 }
 @media (min-width: 1450px) {
-  .pf-v5-c-toolbar .pf-m-space-items-none-on-2xl > * {
-    --pf-v5-c-toolbar--spacer: 0;
+  .pf-v5-c-toolbar .pf-m-space-items-base-on-2xl > * {
+    --pf-v5-c-toolbar--spacer: ;
   }
-  .pf-v5-c-toolbar .pf-m-space-items-none-on-2xl > :last-child {
+  .pf-v5-c-toolbar .pf-m-space-items-base-on-2xl > :last-child {
     --pf-v5-c-toolbar--spacer: 0;
   }
   .pf-v5-c-toolbar .pf-m-space-items-sm-on-2xl > * {
@@ -11658,11 +11641,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
     --pf-v5-c-toolbar--spacer: 0;
   }
 }
-.pf-v5-c-toolbar .pf-m-spacer-none {
-  --pf-v5-c-toolbar--spacer: 0;
+.pf-v5-c-toolbar .pf-m-spacer-base {
+  --pf-v5-c-toolbar--spacer: ;
 }
-.pf-v5-c-toolbar .pf-m-spacer-none:last-child {
-  --pf-v5-c-toolbar--spacer: 0;
+.pf-v5-c-toolbar .pf-m-spacer-base:last-child {
+  --pf-v5-c-toolbar--spacer: ;
 }
 .pf-v5-c-toolbar .pf-m-spacer-sm {
   --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11683,11 +11666,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
 }
 @media (min-width: 576px) {
-  .pf-v5-c-toolbar .pf-m-spacer-none-on-sm {
-    --pf-v5-c-toolbar--spacer: 0;
+  .pf-v5-c-toolbar .pf-m-spacer-base-on-sm {
+    --pf-v5-c-toolbar--spacer: ;
   }
-  .pf-v5-c-toolbar .pf-m-spacer-none-on-sm:last-child {
-    --pf-v5-c-toolbar--spacer: 0;
+  .pf-v5-c-toolbar .pf-m-spacer-base-on-sm:last-child {
+    --pf-v5-c-toolbar--spacer: ;
   }
   .pf-v5-c-toolbar .pf-m-spacer-sm-on-sm {
     --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11709,11 +11692,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   }
 }
 @media (min-width: 768px) {
-  .pf-v5-c-toolbar .pf-m-spacer-none-on-md {
-    --pf-v5-c-toolbar--spacer: 0;
+  .pf-v5-c-toolbar .pf-m-spacer-base-on-md {
+    --pf-v5-c-toolbar--spacer: ;
   }
-  .pf-v5-c-toolbar .pf-m-spacer-none-on-md:last-child {
-    --pf-v5-c-toolbar--spacer: 0;
+  .pf-v5-c-toolbar .pf-m-spacer-base-on-md:last-child {
+    --pf-v5-c-toolbar--spacer: ;
   }
   .pf-v5-c-toolbar .pf-m-spacer-sm-on-md {
     --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11735,11 +11718,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   }
 }
 @media (min-width: 992px) {
-  .pf-v5-c-toolbar .pf-m-spacer-none-on-lg {
-    --pf-v5-c-toolbar--spacer: 0;
+  .pf-v5-c-toolbar .pf-m-spacer-base-on-lg {
+    --pf-v5-c-toolbar--spacer: ;
   }
-  .pf-v5-c-toolbar .pf-m-spacer-none-on-lg:last-child {
-    --pf-v5-c-toolbar--spacer: 0;
+  .pf-v5-c-toolbar .pf-m-spacer-base-on-lg:last-child {
+    --pf-v5-c-toolbar--spacer: ;
   }
   .pf-v5-c-toolbar .pf-m-spacer-sm-on-lg {
     --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11761,11 +11744,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   }
 }
 @media (min-width: 1200px) {
-  .pf-v5-c-toolbar .pf-m-spacer-none-on-xl {
-    --pf-v5-c-toolbar--spacer: 0;
+  .pf-v5-c-toolbar .pf-m-spacer-base-on-xl {
+    --pf-v5-c-toolbar--spacer: ;
   }
-  .pf-v5-c-toolbar .pf-m-spacer-none-on-xl:last-child {
-    --pf-v5-c-toolbar--spacer: 0;
+  .pf-v5-c-toolbar .pf-m-spacer-base-on-xl:last-child {
+    --pf-v5-c-toolbar--spacer: ;
   }
   .pf-v5-c-toolbar .pf-m-spacer-sm-on-xl {
     --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11787,11 +11770,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   }
 }
 @media (min-width: 1450px) {
-  .pf-v5-c-toolbar .pf-m-spacer-none-on-2xl {
-    --pf-v5-c-toolbar--spacer: 0;
+  .pf-v5-c-toolbar .pf-m-spacer-base-on-2xl {
+    --pf-v5-c-toolbar--spacer: ;
   }
-  .pf-v5-c-toolbar .pf-m-spacer-none-on-2xl:last-child {
-    --pf-v5-c-toolbar--spacer: 0;
+  .pf-v5-c-toolbar .pf-m-spacer-base-on-2xl:last-child {
+    --pf-v5-c-toolbar--spacer: ;
   }
   .pf-v5-c-toolbar .pf-m-spacer-sm-on-2xl {
     --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11812,8 +11795,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
     --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
   }
 }
-.pf-v5-c-toolbar.pf-m-inset-none {
-  --pf-v5-c-toolbar--inset: 0;
+.pf-v5-c-toolbar.pf-m-inset-base {
+  --pf-v5-c-toolbar--inset: ;
   --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
   --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
 }
@@ -11843,8 +11826,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
 }
 @media (min-width: 576px) {
-  .pf-v5-c-toolbar.pf-m-inset-none-on-sm {
-    --pf-v5-c-toolbar--inset: 0;
+  .pf-v5-c-toolbar.pf-m-inset-base-on-sm {
+    --pf-v5-c-toolbar--inset: ;
     --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
     --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
   }
@@ -11875,8 +11858,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   }
 }
 @media (min-width: 768px) {
-  .pf-v5-c-toolbar.pf-m-inset-none-on-md {
-    --pf-v5-c-toolbar--inset: 0;
+  .pf-v5-c-toolbar.pf-m-inset-base-on-md {
+    --pf-v5-c-toolbar--inset: ;
     --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
     --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
   }
@@ -11907,8 +11890,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   }
 }
 @media (min-width: 992px) {
-  .pf-v5-c-toolbar.pf-m-inset-none-on-lg {
-    --pf-v5-c-toolbar--inset: 0;
+  .pf-v5-c-toolbar.pf-m-inset-base-on-lg {
+    --pf-v5-c-toolbar--inset: ;
     --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
     --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
   }
@@ -11939,8 +11922,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   }
 }
 @media (min-width: 1200px) {
-  .pf-v5-c-toolbar.pf-m-inset-none-on-xl {
-    --pf-v5-c-toolbar--inset: 0;
+  .pf-v5-c-toolbar.pf-m-inset-base-on-xl {
+    --pf-v5-c-toolbar--inset: ;
     --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
     --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
   }
@@ -11971,8 +11954,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   }
 }
 @media (min-width: 1450px) {
-  .pf-v5-c-toolbar.pf-m-inset-none-on-2xl {
-    --pf-v5-c-toolbar--inset: 0;
+  .pf-v5-c-toolbar.pf-m-inset-base-on-2xl {
+    --pf-v5-c-toolbar--inset: ;
     --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
     --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
   }
@@ -12133,8 +12116,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
 .pf-v5-c-divider.pf-m-vertical::after {
   flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
 }
-.pf-v5-c-divider.pf-m-inset-none {
-  --pf-v5-c-divider--after--Inset: 0%;
+.pf-v5-c-divider.pf-m-inset-base {
+  --pf-v5-c-divider--after--Inset: ;
 }
 .pf-v5-c-divider.pf-m-inset-xs {
   --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -12184,8 +12167,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   }
 }
 @media (min-width: 576px) {
-  .pf-v5-c-divider.pf-m-inset-none-on-sm {
-    --pf-v5-c-divider--after--Inset: 0%;
+  .pf-v5-c-divider.pf-m-inset-base-on-sm {
+    --pf-v5-c-divider--after--Inset: ;
   }
   .pf-v5-c-divider.pf-m-inset-xs-on-sm {
     --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -12236,8 +12219,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   }
 }
 @media (min-width: 768px) {
-  .pf-v5-c-divider.pf-m-inset-none-on-md {
-    --pf-v5-c-divider--after--Inset: 0%;
+  .pf-v5-c-divider.pf-m-inset-base-on-md {
+    --pf-v5-c-divider--after--Inset: ;
   }
   .pf-v5-c-divider.pf-m-inset-xs-on-md {
     --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -12288,8 +12271,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   }
 }
 @media (min-width: 992px) {
-  .pf-v5-c-divider.pf-m-inset-none-on-lg {
-    --pf-v5-c-divider--after--Inset: 0%;
+  .pf-v5-c-divider.pf-m-inset-base-on-lg {
+    --pf-v5-c-divider--after--Inset: ;
   }
   .pf-v5-c-divider.pf-m-inset-xs-on-lg {
     --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -12340,8 +12323,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   }
 }
 @media (min-width: 1200px) {
-  .pf-v5-c-divider.pf-m-inset-none-on-xl {
-    --pf-v5-c-divider--after--Inset: 0%;
+  .pf-v5-c-divider.pf-m-inset-base-on-xl {
+    --pf-v5-c-divider--after--Inset: ;
   }
   .pf-v5-c-divider.pf-m-inset-xs-on-xl {
     --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -12392,8 +12375,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   }
 }
 @media (min-width: 1450px) {
-  .pf-v5-c-divider.pf-m-inset-none-on-2xl {
-    --pf-v5-c-divider--after--Inset: 0%;
+  .pf-v5-c-divider.pf-m-inset-base-on-2xl {
+    --pf-v5-c-divider--after--Inset: ;
   }
   .pf-v5-c-divider.pf-m-inset-xs-on-2xl {
     --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -16430,7 +16413,7 @@ button.pf-v5-c-label__content:focus {
   --pf-v5-c-list__item-icon--MinWidth: var(--pf-v5-global--icon--FontSize--sm);
   --pf-v5-c-list__item-icon--MarginTop: 0.375rem;
   --pf-v5-c-list__item-icon--MarginRight: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-list__item-icon--Color: var(--pf-v5-global--icon--Color--light);
+  --pf-v5-c-list__item-icon--Color: var(--pf-v5-global--icon--Color--dark);
   --pf-v5-c-list__item-icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
   --pf-v5-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-v5-global--icon--FontSize--lg);
   --pf-v5-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-v5-global--spacer--md);
@@ -16593,9 +16576,6 @@ ul.pf-v5-c-list {
 .pf-v5-c-log-viewer .pf-v5-c-toolbar__content-section {
   flex-wrap: nowrap;
 }
-.pf-v5-c-log-viewer .pf-v5-c-search-input {
-  width: 100%;
-}
 
 .pf-v5-c-log-viewer__header {
   margin-bottom: var(--pf-v5-c-log-viewer__header--MarginBottom);
@@ -17273,8 +17253,8 @@ ul.pf-v5-c-list {
   --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
   --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
 }
-.pf-v5-c-masthead.pf-m-inset-none {
-  --pf-v5-c-masthead--inset: 0;
+.pf-v5-c-masthead.pf-m-inset-base {
+  --pf-v5-c-masthead--inset: ;
 }
 .pf-v5-c-masthead.pf-m-inset-sm {
   --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -17332,8 +17312,8 @@ ul.pf-v5-c-list {
   }
 }
 @media (min-width: 576px) {
-  .pf-v5-c-masthead.pf-m-inset-none-on-sm {
-    --pf-v5-c-masthead--inset: 0;
+  .pf-v5-c-masthead.pf-m-inset-base-on-sm {
+    --pf-v5-c-masthead--inset: ;
   }
   .pf-v5-c-masthead.pf-m-inset-sm-on-sm {
     --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -17392,8 +17372,8 @@ ul.pf-v5-c-list {
   }
 }
 @media (min-width: 768px) {
-  .pf-v5-c-masthead.pf-m-inset-none-on-md {
-    --pf-v5-c-masthead--inset: 0;
+  .pf-v5-c-masthead.pf-m-inset-base-on-md {
+    --pf-v5-c-masthead--inset: ;
   }
   .pf-v5-c-masthead.pf-m-inset-sm-on-md {
     --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -17452,8 +17432,8 @@ ul.pf-v5-c-list {
   }
 }
 @media (min-width: 992px) {
-  .pf-v5-c-masthead.pf-m-inset-none-on-lg {
-    --pf-v5-c-masthead--inset: 0;
+  .pf-v5-c-masthead.pf-m-inset-base-on-lg {
+    --pf-v5-c-masthead--inset: ;
   }
   .pf-v5-c-masthead.pf-m-inset-sm-on-lg {
     --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -17512,8 +17492,8 @@ ul.pf-v5-c-list {
   }
 }
 @media (min-width: 1200px) {
-  .pf-v5-c-masthead.pf-m-inset-none-on-xl {
-    --pf-v5-c-masthead--inset: 0;
+  .pf-v5-c-masthead.pf-m-inset-base-on-xl {
+    --pf-v5-c-masthead--inset: ;
   }
   .pf-v5-c-masthead.pf-m-inset-sm-on-xl {
     --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -17572,8 +17552,8 @@ ul.pf-v5-c-list {
   }
 }
 @media (min-width: 1450px) {
-  .pf-v5-c-masthead.pf-m-inset-none-on-2xl {
-    --pf-v5-c-masthead--inset: 0;
+  .pf-v5-c-masthead.pf-m-inset-base-on-2xl {
+    --pf-v5-c-masthead--inset: ;
   }
   .pf-v5-c-masthead.pf-m-inset-sm-on-2xl {
     --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -18852,7 +18832,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-v5-c-multiple-file-upload__title--Display: grid;
   --pf-v5-c-multiple-file-upload__title--GridTemplateColumns: auto;
   --pf-v5-c-multiple-file-upload__title--Gap: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-multiple-file-upload__title-icon--Color: var(--pf-v5-global--Color--200);
+  --pf-v5-c-multiple-file-upload__title-icon--Color: var(--pf-v5-global--icon--Color--dark);
   --pf-v5-c-multiple-file-upload__title-text-separator--Display: block;
   --pf-v5-c-multiple-file-upload__title-text-separator--MarginTop: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-multiple-file-upload__info--FontSize: var(--pf-v5-global--FontSize--sm);
@@ -18879,7 +18859,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-v5-c-multiple-file-upload--m-horizontal__info--MarginTop: 0;
   --pf-v5-c-multiple-file-upload__status-progress--GridTemplateColumns: auto 1fr;
   --pf-v5-c-multiple-file-upload__status-progress--Gap: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-multiple-file-upload__status-progress-icon--Color: var(--pf-v5-global--Color--200);
+  --pf-v5-c-multiple-file-upload__status-progress-icon--Color: var(--pf-v5-global--icon--Color--dark);
   --pf-v5-c-multiple-file-upload__status-item--PaddingTop: var(--pf-v5-global--spacer--md);
   --pf-v5-c-multiple-file-upload__status-item--PaddingBottom: var(--pf-v5-global--spacer--md);
   --pf-v5-c-multiple-file-upload__status-item--first-child--PaddingTop: 0;
@@ -18887,7 +18867,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-v5-c-multiple-file-upload__status-item--Gap: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-multiple-file-upload__status-item--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
   --pf-v5-c-multiple-file-upload__status-item--BorderColor: var(--pf-v5-global--BorderColor--100);
-  --pf-v5-c-multiple-file-upload__status-item-icon--Color: var(--pf-v5-global--Color--200);
+  --pf-v5-c-multiple-file-upload__status-item-icon--Color: var(--pf-v5-global--icon--Color--dark);
   --pf-v5-c-multiple-file-upload__status-item-close--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
   --pf-v5-c-multiple-file-upload__status-item-progress--GridTemplateColumns: fit-content(100%) max-content;
   --pf-v5-c-multiple-file-upload__status-item-progress--Gap: var(--pf-v5-global--spacer--sm);
@@ -21896,8 +21876,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
   --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
 }
-.pf-v5-c-pagination.pf-m-inset-none {
-  --pf-v5-c-pagination--inset: 0;
+.pf-v5-c-pagination.pf-m-inset-base {
+  --pf-v5-c-pagination--inset: ;
 }
 .pf-v5-c-pagination.pf-m-inset-sm {
   --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -21925,8 +21905,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
     --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
     --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
   }
-  .pf-v5-c-pagination.pf-m-inset-none-on-sm {
-    --pf-v5-c-pagination--inset: 0;
+  .pf-v5-c-pagination.pf-m-inset-base-on-sm {
+    --pf-v5-c-pagination--inset: ;
   }
   .pf-v5-c-pagination.pf-m-inset-sm-on-sm {
     --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -21955,8 +21935,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
     --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
     --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
   }
-  .pf-v5-c-pagination.pf-m-inset-none-on-md {
-    --pf-v5-c-pagination--inset: 0;
+  .pf-v5-c-pagination.pf-m-inset-base-on-md {
+    --pf-v5-c-pagination--inset: ;
   }
   .pf-v5-c-pagination.pf-m-inset-sm-on-md {
     --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -21985,8 +21965,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
     --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
     --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
   }
-  .pf-v5-c-pagination.pf-m-inset-none-on-lg {
-    --pf-v5-c-pagination--inset: 0;
+  .pf-v5-c-pagination.pf-m-inset-base-on-lg {
+    --pf-v5-c-pagination--inset: ;
   }
   .pf-v5-c-pagination.pf-m-inset-sm-on-lg {
     --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -22015,8 +21995,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
     --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
     --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
   }
-  .pf-v5-c-pagination.pf-m-inset-none-on-xl {
-    --pf-v5-c-pagination--inset: 0;
+  .pf-v5-c-pagination.pf-m-inset-base-on-xl {
+    --pf-v5-c-pagination--inset: ;
   }
   .pf-v5-c-pagination.pf-m-inset-sm-on-xl {
     --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -22045,8 +22025,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
     --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
     --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
   }
-  .pf-v5-c-pagination.pf-m-inset-none-on-2xl {
-    --pf-v5-c-pagination--inset: 0;
+  .pf-v5-c-pagination.pf-m-inset-base-on-2xl {
+    --pf-v5-c-pagination--inset: ;
   }
   .pf-v5-c-pagination.pf-m-inset-sm-on-2xl {
     --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -23212,219 +23192,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
   cursor: not-allowed;
 }
 
-.pf-v5-c-search-input {
-  --pf-v5-c-search-input__text--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-search-input__text--before--BorderColor: var(--pf-v5-global--BorderColor--300);
-  --pf-v5-c-search-input__text--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-search-input__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
-  --pf-v5-c-search-input__bar--hover__text--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
-  --pf-v5-c-search-input__text--focus-within--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
-  --pf-v5-c-search-input__text--focus-within--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
-  --pf-v5-c-search-input__text-input--PaddingTop: var(--pf-v5-global--spacer--form-element);
-  --pf-v5-c-search-input__text-input--PaddingRight: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-search-input__text-input--PaddingBottom: var(--pf-v5-global--spacer--form-element);
-  --pf-v5-c-search-input__text-input--PaddingLeft: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-search-input__text-input--MinWidth: 6ch;
-  --pf-v5-c-search-input__text-input--m-hint--Color: var(--pf-v5-global--Color--dark-200);
-  --pf-v5-c-search-input__text-input--BackgroundColor: transparent;
-  --pf-v5-c-search-input__icon--Left: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-search-input__icon--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-search-input__text--hover__icon--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-search-input__icon--TranslateY: -50%;
-  --pf-v5-c-search-input__utilities--MarginRight: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-search-input__utilities--MarginLeft: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-search-input__utilities--child--MarginLeft: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-search-input__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-search-input__utilities--c-button--PaddingLeft: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-search-input__menu-body--PaddingTop: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-search-input__menu-body--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-search-input__menu-body--PaddingBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-search-input__menu-body--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-search-input__menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
-  --pf-v5-c-search-input__menu--BoxShadow: var(--pf-v5-global--BoxShadow--md);
-  --pf-v5-c-search-input__menu--Top: calc(100% + var(--pf-v5-global--spacer--xs));
-  --pf-v5-c-search-input__menu--ZIndex: var(--pf-v5-global--ZIndex--sm);
-  --pf-v5-c-search-input--m-top__menu--Top: 0;
-  --pf-v5-c-search-input--m-top__menu--TranslateY: calc(-100% - var(--pf-v5-global--spacer--xs));
-  --pf-v5-c-search-input__menu-list--PaddingTop: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-search-input__menu-list--PaddingBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-search-input__menu-item--PaddingTop: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-search-input__menu-item--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-search-input__menu-item--PaddingBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-search-input__menu-item--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-search-input__menu-item--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-search-input__menu-item--BackgroundColor: transparent;
-  --pf-v5-c-search-input__menu-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-search-input__menu-item--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  position: relative;
-  width: 100%;
-}
-
-.pf-v5-c-search-input__bar {
-  position: relative;
-  display: flex;
-  width: 100%;
-}
-.pf-v5-c-search-input__bar:hover {
-  --pf-v5-c-search-input__text--after--BorderBottomColor: var(--pf-v5-c-search-input__bar--hover__text--after--BorderBottomColor);
-}
-
-.pf-v5-c-search-input__text {
-  display: grid;
-  flex: 1;
-  grid-template-areas: "text-input";
-  grid-template-columns: 1fr;
-}
-.pf-v5-c-search-input__text::before, .pf-v5-c-search-input__text::after {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  pointer-events: none;
-  content: "";
-}
-.pf-v5-c-search-input__text::before {
-  border: var(--pf-v5-c-search-input__text--before--BorderWidth) solid var(--pf-v5-c-search-input__text--before--BorderColor);
-}
-.pf-v5-c-search-input__text::after {
-  border-bottom: var(--pf-v5-c-search-input__text--after--BorderBottomWidth) solid var(--pf-v5-c-search-input__text--after--BorderBottomColor);
-}
-.pf-v5-c-search-input__text:hover, .pf-v5-c-search-input__text:focus-within {
-  --pf-v5-c-search-input__icon--Color: var(--pf-v5-c-search-input__text--hover__icon--Color);
-}
-.pf-v5-c-search-input__text:focus-within {
-  --pf-v5-c-search-input__text--after--BorderBottomWidth: var(--pf-v5-c-search-input__text--focus-within--after--BorderBottomWidth);
-  --pf-v5-c-search-input__text--after--BorderBottomColor: var(--pf-v5-c-search-input__text--focus-within--after--BorderBottomColor);
-}
-
-.pf-v5-c-search-input__icon {
-  position: absolute;
-  top: 50%;
-  left: var(--pf-v5-c-search-input__icon--Left);
-  color: var(--pf-v5-c-search-input__icon--Color);
-  transform: translateY(var(--pf-v5-c-search-input__icon--TranslateY));
-}
-
-.pf-v5-c-search-input__text-input {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  position: relative;
-  width: 100%;
-  min-width: var(--pf-v5-c-search-input__text-input--MinWidth);
-  padding: var(--pf-v5-c-search-input__text-input--PaddingTop) var(--pf-v5-c-search-input__text-input--PaddingRight) var(--pf-v5-c-search-input__text-input--PaddingBottom) var(--pf-v5-c-search-input__text-input--PaddingLeft);
-  background-color: var(--pf-v5-c-search-input__text-input--BackgroundColor);
-  border: 0;
-}
-.pf-v5-c-search-input__text-input, .pf-v5-c-search-input__text-input.pf-m-hint {
-  grid-area: text-input;
-}
-.pf-v5-c-search-input__text-input.pf-m-hint {
-  color: var(--pf-v5-c-search-input__text-input--m-hint--Color);
-}
-
-.pf-v5-c-search-input__utilities {
-  display: flex;
-  margin-right: var(--pf-v5-c-search-input__utilities--MarginRight);
-  margin-left: var(--pf-v5-c-search-input__utilities--MarginLeft);
-}
-.pf-v5-c-search-input__utilities > * + * {
-  margin-left: var(--pf-v5-c-search-input__utilities--child--MarginLeft);
-}
-.pf-v5-c-search-input__utilities .pf-v5-c-button {
-  --pf-v5-c-button--PaddingRight: var(--pf-v5-c-search-input__utilities--c-button--PaddingRight);
-  --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-search-input__utilities--c-button--PaddingLeft);
-}
-
-.pf-v5-c-search-input__nav {
-  display: flex;
-}
-
-.pf-v5-c-search-input__count {
-  display: flex;
-  align-items: center;
-}
-
-.pf-v5-c-search-input__menu {
-  position: absolute;
-  top: var(--pf-v5-c-search-input__menu--Top);
-  z-index: var(--pf-v5-c-search-input__menu--ZIndex);
-  min-width: 100%;
-  background-color: var(--pf-v5-c-search-input__menu--BackgroundColor);
-  background-clip: padding-box;
-  box-shadow: var(--pf-v5-c-search-input__menu--BoxShadow);
-}
-.pf-v5-c-search-input.pf-m-top .pf-v5-c-search-input__menu {
-  --pf-v5-c-search-input__menu--Top: var(--pf-v5-c-search-input--m-top__menu--Top);
-  transform: translateY(var(--pf-v5-c-search-input--m-top__menu--TranslateY));
-}
-.pf-v5-c-search-input__menu.pf-m-static {
-  --pf-v5-c-search-input--m-top__menu--TranslateY: 0;
-  position: static;
-  top: auto;
-  right: auto;
-  bottom: auto;
-  left: auto;
-  z-index: auto;
-  min-width: min-content;
-}
-
-.pf-v5-c-search-input__menu-body {
-  padding: var(--pf-v5-c-search-input__menu-body--PaddingTop) var(--pf-v5-c-search-input__menu-body--PaddingRight) var(--pf-v5-c-search-input__menu-body--PaddingBottom) var(--pf-v5-c-search-input__menu-body--PaddingLeft);
-}
-
-.pf-v5-c-search-input__menu-list {
-  padding-top: var(--pf-v5-c-search-input__menu-list--PaddingTop);
-  padding-bottom: var(--pf-v5-c-search-input__menu-list--PaddingBottom);
-}
-
-.pf-v5-c-search-input__menu-item {
-  display: flex;
-  width: 100%;
-  min-width: 0;
-  padding-top: var(--pf-v5-c-search-input__menu-item--PaddingTop);
-  padding-right: var(--pf-v5-c-search-input__menu-item--PaddingRight);
-  padding-bottom: var(--pf-v5-c-search-input__menu-item--PaddingBottom);
-  padding-left: var(--pf-v5-c-search-input__menu-item--PaddingLeft);
-  color: var(--pf-v5-c-search-input__menu-item--Color);
-  text-align: left;
-  background-color: var(--pf-v5-c-search-input__menu-item--BackgroundColor);
-  border: none;
-}
-.pf-v5-c-search-input__menu-item:hover {
-  --pf-v5-c-search-input__menu-item--BackgroundColor: var(--pf-v5-c-search-input__menu-item--hover--BackgroundColor);
-}
-.pf-v5-c-search-input__menu-item:focus {
-  --pf-v5-c-search-input__menu-item--BackgroundColor: var(--pf-v5-c-search-input__menu-item--focus--BackgroundColor);
-}
-
-.pf-v5-c-search-input__menu-item-text {
-  flex-grow: 1;
-}
-
-:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
-:where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
-:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
-:where(.pf-v5-theme-dark) .pf-v5-c-page__header {
-  --pf-v5-global--Color--100: #e0e0e0;
-  --pf-v5-global--Color--200: #aaabac;
-  --pf-v5-global--BorderColor--100: #444548;
-  --pf-v5-global--primary-color--100: #1fa7f8;
-  --pf-v5-global--link--Color: #1fa7f8;
-  --pf-v5-global--link--Color--hover: #73bcf7;
-  --pf-v5-global--BackgroundColor--100: #1b1d21;
-}
-
-:where(.pf-v5-theme-dark) .pf-v5-c-search-input {
-  --pf-v5-c-search-input__text--before--BorderColor: transparent;
-  --pf-v5-c-search-input__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
-  background-color: var(--pf-v5-global--BackgroundColor--400);
-}
-:where(.pf-v5-theme-dark) .pf-v5-c-search-input__text::before {
-  border-bottom-color: var(--pf-v5-global--BorderColor--400);
-}
-
 .pf-v5-c-select {
   color: var(--pf-v5-global--Color--100);
   --pf-v5-c-select__toggle--PaddingTop: var(--pf-v5-global--spacer--form-element);
@@ -29294,10 +29061,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
   outline-offset: var(--pf-v5-c-tabs__add--c-button--OutlineOffset);
 }
 
-.pf-v5-c-tabs.pf-m-inset-none {
-  --pf-v5-c-tabs--inset: 0;
-  --pf-v5-c-tabs--m-vertical--inset: 0;
-  --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
+.pf-v5-c-tabs.pf-m-inset-base {
+  --pf-v5-c-tabs--inset: ;
+  --pf-v5-c-tabs--m-vertical--inset: ;
+  --pf-v5-c-tabs--m-vertical--m-box--inset: ;
 }
 .pf-v5-c-tabs.pf-m-inset-sm {
   --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29325,10 +29092,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
   --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--2xl);
 }
 @media (min-width: 576px) {
-  .pf-v5-c-tabs.pf-m-inset-none-on-sm {
-    --pf-v5-c-tabs--inset: 0;
-    --pf-v5-c-tabs--m-vertical--inset: 0;
-    --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
+  .pf-v5-c-tabs.pf-m-inset-base-on-sm {
+    --pf-v5-c-tabs--inset: ;
+    --pf-v5-c-tabs--m-vertical--inset: ;
+    --pf-v5-c-tabs--m-vertical--m-box--inset: ;
   }
   .pf-v5-c-tabs.pf-m-inset-sm-on-sm {
     --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29357,10 +29124,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
   }
 }
 @media (min-width: 768px) {
-  .pf-v5-c-tabs.pf-m-inset-none-on-md {
-    --pf-v5-c-tabs--inset: 0;
-    --pf-v5-c-tabs--m-vertical--inset: 0;
-    --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
+  .pf-v5-c-tabs.pf-m-inset-base-on-md {
+    --pf-v5-c-tabs--inset: ;
+    --pf-v5-c-tabs--m-vertical--inset: ;
+    --pf-v5-c-tabs--m-vertical--m-box--inset: ;
   }
   .pf-v5-c-tabs.pf-m-inset-sm-on-md {
     --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29389,10 +29156,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
   }
 }
 @media (min-width: 992px) {
-  .pf-v5-c-tabs.pf-m-inset-none-on-lg {
-    --pf-v5-c-tabs--inset: 0;
-    --pf-v5-c-tabs--m-vertical--inset: 0;
-    --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
+  .pf-v5-c-tabs.pf-m-inset-base-on-lg {
+    --pf-v5-c-tabs--inset: ;
+    --pf-v5-c-tabs--m-vertical--inset: ;
+    --pf-v5-c-tabs--m-vertical--m-box--inset: ;
   }
   .pf-v5-c-tabs.pf-m-inset-sm-on-lg {
     --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29421,10 +29188,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
   }
 }
 @media (min-width: 1200px) {
-  .pf-v5-c-tabs.pf-m-inset-none-on-xl {
-    --pf-v5-c-tabs--inset: 0;
-    --pf-v5-c-tabs--m-vertical--inset: 0;
-    --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
+  .pf-v5-c-tabs.pf-m-inset-base-on-xl {
+    --pf-v5-c-tabs--inset: ;
+    --pf-v5-c-tabs--m-vertical--inset: ;
+    --pf-v5-c-tabs--m-vertical--m-box--inset: ;
   }
   .pf-v5-c-tabs.pf-m-inset-sm-on-xl {
     --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29453,10 +29220,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
   }
 }
 @media (min-width: 1450px) {
-  .pf-v5-c-tabs.pf-m-inset-none-on-2xl {
-    --pf-v5-c-tabs--inset: 0;
-    --pf-v5-c-tabs--m-vertical--inset: 0;
-    --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
+  .pf-v5-c-tabs.pf-m-inset-base-on-2xl {
+    --pf-v5-c-tabs--inset: ;
+    --pf-v5-c-tabs--m-vertical--inset: ;
+    --pf-v5-c-tabs--m-vertical--m-box--inset: ;
   }
   .pf-v5-c-tabs.pf-m-inset-sm-on-2xl {
     --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29529,8 +29296,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
   --pf-v5-c-text-input-group__text-input--placeholder--Color: var(--pf-v5-global--Color--dark-200);
   --pf-v5-c-text-input-group__text-input--BackgroundColor: transparent;
   --pf-v5-c-text-input-group__icon--Left: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-text-input-group__icon--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-text-input-group__text--hover__icon--Color: var(--pf-v5-global--Color--100);
+  --pf-v5-c-text-input-group__icon--Color: var(--pf-v5-global--icon--Color--dark);
   --pf-v5-c-text-input-group__icon--TranslateY: -50%;
   --pf-v5-c-text-input-group__utilities--MarginRight: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-text-input-group__utilities--MarginLeft: var(--pf-v5-global--spacer--xs);
@@ -29603,9 +29369,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
 .pf-v5-c-text-input-group__text::after {
   border-bottom: var(--pf-v5-c-text-input-group__text--after--BorderBottomWidth) solid var(--pf-v5-c-text-input-group__text--after--BorderBottomColor);
 }
-.pf-v5-c-text-input-group__text:hover, .pf-v5-c-text-input-group__text:focus-within {
-  --pf-v5-c-text-input-group__icon--Color: var(--pf-v5-c-text-input-group__text--hover__icon--Color);
-}
 .pf-v5-c-text-input-group__text:focus-within {
   --pf-v5-c-text-input-group__text--after--BorderBottomWidth: var(--pf-v5-c-text-input-group__text--focus-within--after--BorderBottomWidth);
   --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-c-text-input-group__text--focus-within--after--BorderBottomColor);
@@ -31200,8 +30963,14 @@ label.pf-v5-c-tree-view__node-text {
   --pf-v5-l-flex--m-row--AlignItems: baseline;
   --pf-v5-l-flex--m-row-reverse--AlignItems: baseline;
   --pf-v5-l-flex--item--Order: 0;
-  --pf-v5-l-flex--spacer-base: var(--pf-v5-global--spacer--md);
-  --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer-base);
+  --pf-v5-l-flex--spacer--column--base: var(--pf-v5-global--spacer--lg);
+  --pf-v5-l-flex--spacer--row--base: var(--pf-v5-global--spacer--sm);
+  --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--spacer--row--base);
+  --pf-v5-l-flex--ColumnGap: 0;
+  --pf-v5-l-flex--m-gap--RowGap: var(--pf-v5-l-flex--spacer--row--base);
+  --pf-v5-l-flex--m-gap--ColumnGap: var(--pf-v5-l-flex--spacer--column--base);
+  --pf-v5-l-flex--m-row-gap--RowGap: var(--pf-v5-l-flex--spacer--row--base);
+  --pf-v5-l-flex--m-column-gap--ColumnGap: var(--pf-v5-l-flex--spacer--column--base);
   --pf-v5-l-flex--spacer--none: 0;
   --pf-v5-l-flex--spacer--xs: var(--pf-v5-global--spacer--xs);
   --pf-v5-l-flex--spacer--sm: var(--pf-v5-global--spacer--sm);
@@ -31213,17 +30982,16 @@ label.pf-v5-c-tree-view__node-text {
   --pf-v5-l-flex--spacer--4xl: var(--pf-v5-global--spacer--4xl);
   display: var(--pf-v5-l-flex--Display);
   flex-wrap: var(--pf-v5-l-flex--FlexWrap);
+  gap: var(--pf-v5-l-flex--RowGap) var(--pf-v5-l-flex--ColumnGap);
   align-items: var(--pf-v5-l-flex--AlignItems);
 }
-.pf-v5-l-flex:last-child {
-  --pf-v5-l-flex--spacer: 0;
-}
 
 .pf-v5-l-flex > * {
-  --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer-base);
+  --pf-v5-l-flex--spacer--column: var(--pf-v5-l-flex--spacer, var(--pf-v5-l-flex--spacer--column--base));
+  --pf-v5-l-flex--spacer--row: var(--pf-v5-l-flex--spacer, var(--pf-v5-l-flex--spacer--row--base));
   order: var(--pf-v5-l-flex--item--Order);
   max-width: 100%;
-  margin-right: var(--pf-v5-l-flex--spacer);
+  margin-right: var(--pf-v5-l-flex--spacer--column);
 }
 @media screen and (min-width: 576px) {
   .pf-v5-l-flex > * {
@@ -31261,32 +31029,34 @@ label.pf-v5-c-tree-view__node-text {
   --pf-v5-l-flex--Display: inline-flex;
 }
 .pf-v5-l-flex.pf-m-column {
+  --pf-v5-l-flex--RowGap: 0;
+  --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--spacer--column--base);
   flex-direction: column;
   align-items: normal;
 }
 .pf-v5-l-flex.pf-m-column > * {
-  margin: 0 0 var(--pf-v5-l-flex--spacer) 0;
+  margin: 0 0 var(--pf-v5-l-flex--spacer--row) 0;
 }
 .pf-v5-l-flex.pf-m-column-reverse {
   flex-direction: column-reverse;
   align-items: normal;
 }
 .pf-v5-l-flex.pf-m-column-reverse > * {
-  margin: var(--pf-v5-l-flex--spacer) 0 0 0;
+  margin: var(--pf-v5-l-flex--spacer--row) 0 0 0;
 }
 .pf-v5-l-flex.pf-m-row {
   flex-direction: row;
   align-items: var(--pf-v5-l-flex--m-row--AlignItems);
 }
 .pf-v5-l-flex.pf-m-row > * {
-  margin: 0 var(--pf-v5-l-flex--spacer) 0 0;
+  margin: 0 var(--pf-v5-l-flex--spacer--column) 0 0;
 }
 .pf-v5-l-flex.pf-m-row-reverse {
   flex-direction: row-reverse;
   align-items: var(--pf-v5-l-flex--m-row-reverse--AlignItems);
 }
 .pf-v5-l-flex.pf-m-row-reverse > * {
-  margin: 0 0 0 var(--pf-v5-l-flex--spacer);
+  margin: 0 0 0 var(--pf-v5-l-flex--spacer--column);
 }
 .pf-v5-l-flex.pf-m-wrap {
   flex-wrap: wrap;
@@ -31405,32 +31175,34 @@ label.pf-v5-c-tree-view__node-text {
     --pf-v5-l-flex--Display: inline-flex;
   }
   .pf-v5-l-flex.pf-m-column-on-sm {
+    --pf-v5-l-flex--RowGap: 0;
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--spacer--column--base);
     flex-direction: column;
     align-items: normal;
   }
   .pf-v5-l-flex.pf-m-column-on-sm > * {
-    margin: 0 0 var(--pf-v5-l-flex--spacer) 0;
+    margin: 0 0 var(--pf-v5-l-flex--spacer--row) 0;
   }
   .pf-v5-l-flex.pf-m-column-reverse-on-sm {
     flex-direction: column-reverse;
     align-items: normal;
   }
   .pf-v5-l-flex.pf-m-column-reverse-on-sm > * {
-    margin: var(--pf-v5-l-flex--spacer) 0 0 0;
+    margin: var(--pf-v5-l-flex--spacer--row) 0 0 0;
   }
   .pf-v5-l-flex.pf-m-row-on-sm {
     flex-direction: row;
     align-items: var(--pf-v5-l-flex--m-row--AlignItems);
   }
   .pf-v5-l-flex.pf-m-row-on-sm > * {
-    margin: 0 var(--pf-v5-l-flex--spacer) 0 0;
+    margin: 0 var(--pf-v5-l-flex--spacer--column) 0 0;
   }
   .pf-v5-l-flex.pf-m-row-reverse-on-sm {
     flex-direction: row-reverse;
     align-items: var(--pf-v5-l-flex--m-row-reverse--AlignItems);
   }
   .pf-v5-l-flex.pf-m-row-reverse-on-sm > * {
-    margin: 0 0 0 var(--pf-v5-l-flex--spacer);
+    margin: 0 0 0 var(--pf-v5-l-flex--spacer--column);
   }
   .pf-v5-l-flex.pf-m-wrap-on-sm {
     flex-wrap: wrap;
@@ -31550,32 +31322,34 @@ label.pf-v5-c-tree-view__node-text {
     --pf-v5-l-flex--Display: inline-flex;
   }
   .pf-v5-l-flex.pf-m-column-on-md {
+    --pf-v5-l-flex--RowGap: 0;
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--spacer--column--base);
     flex-direction: column;
     align-items: normal;
   }
   .pf-v5-l-flex.pf-m-column-on-md > * {
-    margin: 0 0 var(--pf-v5-l-flex--spacer) 0;
+    margin: 0 0 var(--pf-v5-l-flex--spacer--row) 0;
   }
   .pf-v5-l-flex.pf-m-column-reverse-on-md {
     flex-direction: column-reverse;
     align-items: normal;
   }
   .pf-v5-l-flex.pf-m-column-reverse-on-md > * {
-    margin: var(--pf-v5-l-flex--spacer) 0 0 0;
+    margin: var(--pf-v5-l-flex--spacer--row) 0 0 0;
   }
   .pf-v5-l-flex.pf-m-row-on-md {
     flex-direction: row;
     align-items: var(--pf-v5-l-flex--m-row--AlignItems);
   }
   .pf-v5-l-flex.pf-m-row-on-md > * {
-    margin: 0 var(--pf-v5-l-flex--spacer) 0 0;
+    margin: 0 var(--pf-v5-l-flex--spacer--column) 0 0;
   }
   .pf-v5-l-flex.pf-m-row-reverse-on-md {
     flex-direction: row-reverse;
     align-items: var(--pf-v5-l-flex--m-row-reverse--AlignItems);
   }
   .pf-v5-l-flex.pf-m-row-reverse-on-md > * {
-    margin: 0 0 0 var(--pf-v5-l-flex--spacer);
+    margin: 0 0 0 var(--pf-v5-l-flex--spacer--column);
   }
   .pf-v5-l-flex.pf-m-wrap-on-md {
     flex-wrap: wrap;
@@ -31695,32 +31469,34 @@ label.pf-v5-c-tree-view__node-text {
     --pf-v5-l-flex--Display: inline-flex;
   }
   .pf-v5-l-flex.pf-m-column-on-lg {
+    --pf-v5-l-flex--RowGap: 0;
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--spacer--column--base);
     flex-direction: column;
     align-items: normal;
   }
   .pf-v5-l-flex.pf-m-column-on-lg > * {
-    margin: 0 0 var(--pf-v5-l-flex--spacer) 0;
+    margin: 0 0 var(--pf-v5-l-flex--spacer--row) 0;
   }
   .pf-v5-l-flex.pf-m-column-reverse-on-lg {
     flex-direction: column-reverse;
     align-items: normal;
   }
   .pf-v5-l-flex.pf-m-column-reverse-on-lg > * {
-    margin: var(--pf-v5-l-flex--spacer) 0 0 0;
+    margin: var(--pf-v5-l-flex--spacer--row) 0 0 0;
   }
   .pf-v5-l-flex.pf-m-row-on-lg {
     flex-direction: row;
     align-items: var(--pf-v5-l-flex--m-row--AlignItems);
   }
   .pf-v5-l-flex.pf-m-row-on-lg > * {
-    margin: 0 var(--pf-v5-l-flex--spacer) 0 0;
+    margin: 0 var(--pf-v5-l-flex--spacer--column) 0 0;
   }
   .pf-v5-l-flex.pf-m-row-reverse-on-lg {
     flex-direction: row-reverse;
     align-items: var(--pf-v5-l-flex--m-row-reverse--AlignItems);
   }
   .pf-v5-l-flex.pf-m-row-reverse-on-lg > * {
-    margin: 0 0 0 var(--pf-v5-l-flex--spacer);
+    margin: 0 0 0 var(--pf-v5-l-flex--spacer--column);
   }
   .pf-v5-l-flex.pf-m-wrap-on-lg {
     flex-wrap: wrap;
@@ -31840,32 +31616,34 @@ label.pf-v5-c-tree-view__node-text {
     --pf-v5-l-flex--Display: inline-flex;
   }
   .pf-v5-l-flex.pf-m-column-on-xl {
+    --pf-v5-l-flex--RowGap: 0;
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--spacer--column--base);
     flex-direction: column;
     align-items: normal;
   }
   .pf-v5-l-flex.pf-m-column-on-xl > * {
-    margin: 0 0 var(--pf-v5-l-flex--spacer) 0;
+    margin: 0 0 var(--pf-v5-l-flex--spacer--row) 0;
   }
   .pf-v5-l-flex.pf-m-column-reverse-on-xl {
     flex-direction: column-reverse;
     align-items: normal;
   }
   .pf-v5-l-flex.pf-m-column-reverse-on-xl > * {
-    margin: var(--pf-v5-l-flex--spacer) 0 0 0;
+    margin: var(--pf-v5-l-flex--spacer--row) 0 0 0;
   }
   .pf-v5-l-flex.pf-m-row-on-xl {
     flex-direction: row;
     align-items: var(--pf-v5-l-flex--m-row--AlignItems);
   }
   .pf-v5-l-flex.pf-m-row-on-xl > * {
-    margin: 0 var(--pf-v5-l-flex--spacer) 0 0;
+    margin: 0 var(--pf-v5-l-flex--spacer--column) 0 0;
   }
   .pf-v5-l-flex.pf-m-row-reverse-on-xl {
     flex-direction: row-reverse;
     align-items: var(--pf-v5-l-flex--m-row-reverse--AlignItems);
   }
   .pf-v5-l-flex.pf-m-row-reverse-on-xl > * {
-    margin: 0 0 0 var(--pf-v5-l-flex--spacer);
+    margin: 0 0 0 var(--pf-v5-l-flex--spacer--column);
   }
   .pf-v5-l-flex.pf-m-wrap-on-xl {
     flex-wrap: wrap;
@@ -31985,32 +31763,34 @@ label.pf-v5-c-tree-view__node-text {
     --pf-v5-l-flex--Display: inline-flex;
   }
   .pf-v5-l-flex.pf-m-column-on-2xl {
+    --pf-v5-l-flex--RowGap: 0;
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--spacer--column--base);
     flex-direction: column;
     align-items: normal;
   }
   .pf-v5-l-flex.pf-m-column-on-2xl > * {
-    margin: 0 0 var(--pf-v5-l-flex--spacer) 0;
+    margin: 0 0 var(--pf-v5-l-flex--spacer--row) 0;
   }
   .pf-v5-l-flex.pf-m-column-reverse-on-2xl {
     flex-direction: column-reverse;
     align-items: normal;
   }
   .pf-v5-l-flex.pf-m-column-reverse-on-2xl > * {
-    margin: var(--pf-v5-l-flex--spacer) 0 0 0;
+    margin: var(--pf-v5-l-flex--spacer--row) 0 0 0;
   }
   .pf-v5-l-flex.pf-m-row-on-2xl {
     flex-direction: row;
     align-items: var(--pf-v5-l-flex--m-row--AlignItems);
   }
   .pf-v5-l-flex.pf-m-row-on-2xl > * {
-    margin: 0 var(--pf-v5-l-flex--spacer) 0 0;
+    margin: 0 var(--pf-v5-l-flex--spacer--column) 0 0;
   }
   .pf-v5-l-flex.pf-m-row-reverse-on-2xl {
     flex-direction: row-reverse;
     align-items: var(--pf-v5-l-flex--m-row-reverse--AlignItems);
   }
   .pf-v5-l-flex.pf-m-row-reverse-on-2xl > * {
-    margin: 0 0 0 var(--pf-v5-l-flex--spacer);
+    margin: 0 0 0 var(--pf-v5-l-flex--spacer--column);
   }
   .pf-v5-l-flex.pf-m-wrap-on-2xl {
     flex-wrap: wrap;
@@ -32790,6 +32570,696 @@ label.pf-v5-c-tree-view__node-text {
     --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
   }
 }
+.pf-v5-l-flex.pf-m-gap {
+  --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
+  --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
+}
+.pf-v5-l-flex.pf-m-gap-none {
+  --pf-v5-l-flex--RowGap: 0;
+  --pf-v5-l-flex--ColumnGap: 0;
+}
+.pf-v5-l-flex.pf-m-gap-xs {
+  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
+  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
+}
+.pf-v5-l-flex.pf-m-gap-sm {
+  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
+  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
+}
+.pf-v5-l-flex.pf-m-gap-md {
+  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
+  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
+}
+.pf-v5-l-flex.pf-m-gap-lg {
+  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
+  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
+}
+.pf-v5-l-flex.pf-m-gap-xl {
+  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
+  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
+}
+.pf-v5-l-flex.pf-m-gap-2xl {
+  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
+  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
+}
+.pf-v5-l-flex.pf-m-gap-3xl {
+  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
+  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
+}
+.pf-v5-l-flex.pf-m-gap-4xl {
+  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
+  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
+}
+.pf-v5-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-v5-l-flex--spacer--row: 0;
+  --pf-v5-l-flex--spacer--column: 0;
+}
+@media (min-width: 576px) {
+  .pf-v5-l-flex.pf-m-gap-on-sm {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
+  }
+  .pf-v5-l-flex.pf-m-gap-none-on-sm {
+    --pf-v5-l-flex--RowGap: 0;
+    --pf-v5-l-flex--ColumnGap: 0;
+  }
+  .pf-v5-l-flex.pf-m-gap-xs-on-sm {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
+  }
+  .pf-v5-l-flex.pf-m-gap-sm-on-sm {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
+  }
+  .pf-v5-l-flex.pf-m-gap-md-on-sm {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
+  }
+  .pf-v5-l-flex.pf-m-gap-lg-on-sm {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
+  }
+  .pf-v5-l-flex.pf-m-gap-xl-on-sm {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
+  }
+  .pf-v5-l-flex.pf-m-gap-2xl-on-sm {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
+  }
+  .pf-v5-l-flex.pf-m-gap-3xl-on-sm {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
+  }
+  .pf-v5-l-flex.pf-m-gap-4xl-on-sm {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
+  }
+  .pf-v5-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-v5-l-flex--spacer--row: 0;
+    --pf-v5-l-flex--spacer--column: 0;
+  }
+}
+@media (min-width: 768px) {
+  .pf-v5-l-flex.pf-m-gap-on-md {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
+  }
+  .pf-v5-l-flex.pf-m-gap-none-on-md {
+    --pf-v5-l-flex--RowGap: 0;
+    --pf-v5-l-flex--ColumnGap: 0;
+  }
+  .pf-v5-l-flex.pf-m-gap-xs-on-md {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
+  }
+  .pf-v5-l-flex.pf-m-gap-sm-on-md {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
+  }
+  .pf-v5-l-flex.pf-m-gap-md-on-md {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
+  }
+  .pf-v5-l-flex.pf-m-gap-lg-on-md {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
+  }
+  .pf-v5-l-flex.pf-m-gap-xl-on-md {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
+  }
+  .pf-v5-l-flex.pf-m-gap-2xl-on-md {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
+  }
+  .pf-v5-l-flex.pf-m-gap-3xl-on-md {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
+  }
+  .pf-v5-l-flex.pf-m-gap-4xl-on-md {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
+  }
+  .pf-v5-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-v5-l-flex--spacer--row: 0;
+    --pf-v5-l-flex--spacer--column: 0;
+  }
+}
+@media (min-width: 992px) {
+  .pf-v5-l-flex.pf-m-gap-on-lg {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
+  }
+  .pf-v5-l-flex.pf-m-gap-none-on-lg {
+    --pf-v5-l-flex--RowGap: 0;
+    --pf-v5-l-flex--ColumnGap: 0;
+  }
+  .pf-v5-l-flex.pf-m-gap-xs-on-lg {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
+  }
+  .pf-v5-l-flex.pf-m-gap-sm-on-lg {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
+  }
+  .pf-v5-l-flex.pf-m-gap-md-on-lg {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
+  }
+  .pf-v5-l-flex.pf-m-gap-lg-on-lg {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
+  }
+  .pf-v5-l-flex.pf-m-gap-xl-on-lg {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
+  }
+  .pf-v5-l-flex.pf-m-gap-2xl-on-lg {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
+  }
+  .pf-v5-l-flex.pf-m-gap-3xl-on-lg {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
+  }
+  .pf-v5-l-flex.pf-m-gap-4xl-on-lg {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
+  }
+  .pf-v5-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-v5-l-flex--spacer--row: 0;
+    --pf-v5-l-flex--spacer--column: 0;
+  }
+}
+@media (min-width: 1200px) {
+  .pf-v5-l-flex.pf-m-gap-on-xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
+  }
+  .pf-v5-l-flex.pf-m-gap-none-on-xl {
+    --pf-v5-l-flex--RowGap: 0;
+    --pf-v5-l-flex--ColumnGap: 0;
+  }
+  .pf-v5-l-flex.pf-m-gap-xs-on-xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
+  }
+  .pf-v5-l-flex.pf-m-gap-sm-on-xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
+  }
+  .pf-v5-l-flex.pf-m-gap-md-on-xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
+  }
+  .pf-v5-l-flex.pf-m-gap-lg-on-xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
+  }
+  .pf-v5-l-flex.pf-m-gap-xl-on-xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
+  }
+  .pf-v5-l-flex.pf-m-gap-2xl-on-xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
+  }
+  .pf-v5-l-flex.pf-m-gap-3xl-on-xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
+  }
+  .pf-v5-l-flex.pf-m-gap-4xl-on-xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
+  }
+  .pf-v5-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-v5-l-flex--spacer--row: 0;
+    --pf-v5-l-flex--spacer--column: 0;
+  }
+}
+@media (min-width: 1450px) {
+  .pf-v5-l-flex.pf-m-gap-on-2xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
+  }
+  .pf-v5-l-flex.pf-m-gap-none-on-2xl {
+    --pf-v5-l-flex--RowGap: 0;
+    --pf-v5-l-flex--ColumnGap: 0;
+  }
+  .pf-v5-l-flex.pf-m-gap-xs-on-2xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
+  }
+  .pf-v5-l-flex.pf-m-gap-sm-on-2xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
+  }
+  .pf-v5-l-flex.pf-m-gap-md-on-2xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
+  }
+  .pf-v5-l-flex.pf-m-gap-lg-on-2xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
+  }
+  .pf-v5-l-flex.pf-m-gap-xl-on-2xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
+  }
+  .pf-v5-l-flex.pf-m-gap-2xl-on-2xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
+  }
+  .pf-v5-l-flex.pf-m-gap-3xl-on-2xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
+  }
+  .pf-v5-l-flex.pf-m-gap-4xl-on-2xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
+  }
+  .pf-v5-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-v5-l-flex--spacer--row: 0;
+    --pf-v5-l-flex--spacer--column: 0;
+  }
+}
+.pf-v5-l-flex.pf-m-row-gap {
+  --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
+}
+.pf-v5-l-flex.pf-m-row-gap-none {
+  --pf-v5-l-flex--RowGap: 0;
+}
+.pf-v5-l-flex.pf-m-row-gap-xs {
+  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
+}
+.pf-v5-l-flex.pf-m-row-gap-sm {
+  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
+}
+.pf-v5-l-flex.pf-m-row-gap-md {
+  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
+}
+.pf-v5-l-flex.pf-m-row-gap-lg {
+  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
+}
+.pf-v5-l-flex.pf-m-row-gap-xl {
+  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
+}
+.pf-v5-l-flex.pf-m-row-gap-2xl {
+  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
+}
+.pf-v5-l-flex.pf-m-row-gap-3xl {
+  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
+}
+.pf-v5-l-flex.pf-m-row-gap-4xl {
+  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
+}
+.pf-v5-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-v5-l-flex--spacer--row: 0;
+}
+@media (min-width: 576px) {
+  .pf-v5-l-flex.pf-m-row-gap-on-sm {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-none-on-sm {
+    --pf-v5-l-flex--RowGap: 0;
+  }
+  .pf-v5-l-flex.pf-m-row-gap-xs-on-sm {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-sm-on-sm {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-md-on-sm {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-lg-on-sm {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-xl-on-sm {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-2xl-on-sm {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-3xl-on-sm {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-4xl-on-sm {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
+  }
+  .pf-v5-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-v5-l-flex--spacer--row: 0;
+  }
+}
+@media (min-width: 768px) {
+  .pf-v5-l-flex.pf-m-row-gap-on-md {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-none-on-md {
+    --pf-v5-l-flex--RowGap: 0;
+  }
+  .pf-v5-l-flex.pf-m-row-gap-xs-on-md {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-sm-on-md {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-md-on-md {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-lg-on-md {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-xl-on-md {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-2xl-on-md {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-3xl-on-md {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-4xl-on-md {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
+  }
+  .pf-v5-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-v5-l-flex--spacer--row: 0;
+  }
+}
+@media (min-width: 992px) {
+  .pf-v5-l-flex.pf-m-row-gap-on-lg {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-none-on-lg {
+    --pf-v5-l-flex--RowGap: 0;
+  }
+  .pf-v5-l-flex.pf-m-row-gap-xs-on-lg {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-sm-on-lg {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-md-on-lg {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-lg-on-lg {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-xl-on-lg {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-2xl-on-lg {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-3xl-on-lg {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-4xl-on-lg {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
+  }
+  .pf-v5-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-v5-l-flex--spacer--row: 0;
+  }
+}
+@media (min-width: 1200px) {
+  .pf-v5-l-flex.pf-m-row-gap-on-xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-none-on-xl {
+    --pf-v5-l-flex--RowGap: 0;
+  }
+  .pf-v5-l-flex.pf-m-row-gap-xs-on-xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-sm-on-xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-md-on-xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-lg-on-xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-xl-on-xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-2xl-on-xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-3xl-on-xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-4xl-on-xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
+  }
+  .pf-v5-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-v5-l-flex--spacer--row: 0;
+  }
+}
+@media (min-width: 1450px) {
+  .pf-v5-l-flex.pf-m-row-gap-on-2xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-none-on-2xl {
+    --pf-v5-l-flex--RowGap: 0;
+  }
+  .pf-v5-l-flex.pf-m-row-gap-xs-on-2xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-sm-on-2xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-md-on-2xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--md);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-lg-on-2xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--lg);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-xl-on-2xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xl);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-2xl-on-2xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--2xl);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-3xl-on-2xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--3xl);
+  }
+  .pf-v5-l-flex.pf-m-row-gap-4xl-on-2xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
+  }
+  .pf-v5-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-v5-l-flex--spacer--row: 0;
+  }
+}
+.pf-v5-l-flex.pf-m-column-gap {
+  --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
+}
+.pf-v5-l-flex.pf-m-column-gap-none {
+  --pf-v5-l-flex--ColumnGap: 0;
+}
+.pf-v5-l-flex.pf-m-column-gap-xs {
+  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
+}
+.pf-v5-l-flex.pf-m-column-gap-sm {
+  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
+}
+.pf-v5-l-flex.pf-m-column-gap-md {
+  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
+}
+.pf-v5-l-flex.pf-m-column-gap-lg {
+  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
+}
+.pf-v5-l-flex.pf-m-column-gap-xl {
+  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
+}
+.pf-v5-l-flex.pf-m-column-gap-2xl {
+  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
+}
+.pf-v5-l-flex.pf-m-column-gap-3xl {
+  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
+}
+.pf-v5-l-flex.pf-m-column-gap-4xl {
+  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
+}
+.pf-v5-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-v5-l-flex--spacer--column: 0;
+}
+@media (min-width: 576px) {
+  .pf-v5-l-flex.pf-m-column-gap-on-sm {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-none-on-sm {
+    --pf-v5-l-flex--ColumnGap: 0;
+  }
+  .pf-v5-l-flex.pf-m-column-gap-xs-on-sm {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-sm-on-sm {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-md-on-sm {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-lg-on-sm {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-xl-on-sm {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-2xl-on-sm {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-3xl-on-sm {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-4xl-on-sm {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
+  }
+  .pf-v5-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-v5-l-flex--spacer--column: 0;
+  }
+}
+@media (min-width: 768px) {
+  .pf-v5-l-flex.pf-m-column-gap-on-md {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-none-on-md {
+    --pf-v5-l-flex--ColumnGap: 0;
+  }
+  .pf-v5-l-flex.pf-m-column-gap-xs-on-md {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-sm-on-md {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-md-on-md {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-lg-on-md {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-xl-on-md {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-2xl-on-md {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-3xl-on-md {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-4xl-on-md {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
+  }
+  .pf-v5-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-v5-l-flex--spacer--column: 0;
+  }
+}
+@media (min-width: 992px) {
+  .pf-v5-l-flex.pf-m-column-gap-on-lg {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-none-on-lg {
+    --pf-v5-l-flex--ColumnGap: 0;
+  }
+  .pf-v5-l-flex.pf-m-column-gap-xs-on-lg {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-sm-on-lg {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-md-on-lg {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-lg-on-lg {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-xl-on-lg {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-2xl-on-lg {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-3xl-on-lg {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-4xl-on-lg {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
+  }
+  .pf-v5-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-v5-l-flex--spacer--column: 0;
+  }
+}
+@media (min-width: 1200px) {
+  .pf-v5-l-flex.pf-m-column-gap-on-xl {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-none-on-xl {
+    --pf-v5-l-flex--ColumnGap: 0;
+  }
+  .pf-v5-l-flex.pf-m-column-gap-xs-on-xl {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-sm-on-xl {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-md-on-xl {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-lg-on-xl {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-xl-on-xl {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-2xl-on-xl {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-3xl-on-xl {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-4xl-on-xl {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
+  }
+  .pf-v5-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-v5-l-flex--spacer--column: 0;
+  }
+}
+@media (min-width: 1450px) {
+  .pf-v5-l-flex.pf-m-column-gap-on-2xl {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-none-on-2xl {
+    --pf-v5-l-flex--ColumnGap: 0;
+  }
+  .pf-v5-l-flex.pf-m-column-gap-xs-on-2xl {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-sm-on-2xl {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-md-on-2xl {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-lg-on-2xl {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-xl-on-2xl {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-2xl-on-2xl {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-3xl-on-2xl {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
+  }
+  .pf-v5-l-flex.pf-m-column-gap-4xl-on-2xl {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
+  }
+  .pf-v5-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-v5-l-flex--spacer--column: 0;
+  }
+}
 
 .pf-v5-l-gallery {
   --pf-v5-l-gallery--m-gutter--GridGap: var(--pf-v5-global--gutter);