@patternfly/patternfly 5.0.0-alpha.24 → 5.0.0-alpha.26

package/patternfly.css

@@ -1,5 +1,5 @@
 @charset "UTF-8";
-.pf-c-table, .pf-c-select, .pf-c-page__sidebar.pf-m-light, .pf-c-menu, .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light, .pf-c-input-group, .pf-c-form-control, .pf-c-data-list, .pf-c-context-selector__menu, .pf-c-chip-group, .pf-c-chip, .pf-c-calendar-month, .pf-c-banner.pf-m-warning, .pf-c-banner.pf-m-gold, .pf-c-banner.pf-m-info, .pf-c-banner.pf-m-blue, .pf-c-alert, .pf-c-accordion, .pf-t-light {
+.pf-c-table, .pf-c-select, .pf-c-page__sidebar.pf-m-light, .pf-c-menu, .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light, .pf-c-input-group, .pf-c-form-control, .pf-c-data-list, .pf-c-context-selector__menu, .pf-c-chip-group, .pf-c-chip, .pf-c-calendar-month, .pf-c-banner.pf-m-gold, .pf-c-banner.pf-m-blue, .pf-c-alert, .pf-c-accordion, .pf-t-light {
   --pf-global--Color--100: var(--pf-global--Color--dark-100);
   --pf-global--Color--200: var(--pf-global--Color--dark-200);
   --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
@@ -470,121 +470,121 @@
 
 @font-face {
   font-family: "RedHatDisplay";
-  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
   font-style: normal;
   font-weight: 300;
+  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
   text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatDisplay";
-  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff");
   font-style: normal;
   font-weight: 400;
+  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff");
   text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatDisplay";
-  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff");
   font-style: normal;
   font-weight: 700;
+  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff");
   text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatText";
-  src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Regular.woff") format("woff");
   font-style: normal;
   font-weight: 400;
+  src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Regular.woff") format("woff");
   text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatText";
-  src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Medium.woff") format("woff");
   font-style: normal;
   font-weight: 700;
+  src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Medium.woff") format("woff");
   text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatDisplayUpdated";
-  src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
   font-style: normal;
   font-weight: 300;
+  src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
   text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatDisplayUpdated";
-  src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
   font-style: normal;
   font-weight: 400;
+  src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
   text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatDisplayUpdated";
-  src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
   font-style: normal;
   font-weight: 700;
+  src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
   text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatTextUpdated";
-  src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
   font-style: normal;
   font-weight: 400;
+  src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
   text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatTextUpdated";
-  src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
   font-style: normal;
   font-weight: 700;
+  src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
   text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatMono";
-  src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
   font-style: normal;
   font-weight: 400;
+  src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
   font-display: fallback;
 }
 @font-face {
   font-family: "RedHatDisplayVF";
-  src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
   font-style: normal;
   font-weight: 300 900;
+  src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
   font-display: fallback;
 }
 @font-face {
   font-family: "RedHatDisplayVF";
-  src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
   font-style: italic;
   font-weight: 300 900;
+  src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
   font-display: fallback;
 }
 @font-face {
   font-family: "RedHatTextVF";
-  src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
   font-style: normal;
   font-weight: 400 500;
+  src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
   font-display: fallback;
 }
 @font-face {
   font-family: "RedHatTextVF";
-  src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
   font-style: italic;
   font-weight: 400 500;
+  src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
   font-display: fallback;
 }
 @font-face {
   font-family: "RedHatMonoVF";
-  src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
   font-style: normal;
   font-weight: 300 700;
+  src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
   font-display: fallback;
 }
 @font-face {
   font-family: "RedHatMonoVF";
-  src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
   font-style: italic;
   font-weight: 300 700;
+  src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
   font-display: fallback;
 }
 .pf-screen-reader {
@@ -5536,8 +5536,8 @@ a {
   color: var(--pf-global--Color--100);
   position: relative;
   display: grid;
-  grid-template-rows: max-content max-content auto;
   grid-template-areas: "brand close" "header header" "content content";
+  grid-template-rows: max-content max-content auto;
   width: var(--pf-c-about-modal-box--Width);
   height: var(--pf-c-about-modal-box--Height);
   overflow-x: hidden;
@@ -5583,22 +5583,22 @@ a {
 }
 @media only screen and (min-width: 576px) {
   .pf-c-about-modal-box {
-    grid-template-columns: var(--pf-c-about-modal-box--sm--grid-template-columns);
     grid-template-areas: "brand          hero" "header         hero" "content        hero";
+    grid-template-columns: var(--pf-c-about-modal-box--sm--grid-template-columns);
   }
 }
 @media only screen and (min-width: 992px) {
   .pf-c-about-modal-box {
     --pf-c-about-modal-box--Height: var(--pf-c-about-modal-box--lg--Height);
     --pf-c-about-modal-box--Width: var(--pf-c-about-modal-box--lg--Width);
-    grid-template-columns: var(--pf-c-about-modal-box--lg--grid-template-columns);
     grid-template-rows: max-content max-content auto;
+    grid-template-columns: var(--pf-c-about-modal-box--lg--grid-template-columns);
   }
 }
 
 .pf-c-about-modal-box__brand {
-  grid-area: brand;
   display: flex;
+  grid-area: brand;
   padding: var(--pf-c-about-modal-box__brand--PaddingTop) var(--pf-c-about-modal-box__brand--PaddingRight) var(--pf-c-about-modal-box__brand--PaddingBottom) var(--pf-c-about-modal-box__brand--PaddingLeft);
 }
 
@@ -5607,9 +5607,9 @@ a {
 }
 
 .pf-c-about-modal-box__header {
-  grid-area: header;
   display: flex;
   flex-direction: column;
+  grid-area: header;
   padding-right: var(--pf-c-about-modal-box__header--PaddingRight);
   padding-bottom: var(--pf-c-about-modal-box__header--PaddingBottom);
   padding-left: var(--pf-c-about-modal-box__header--PaddingLeft);
@@ -5640,10 +5640,10 @@ a {
 }
 
 .pf-c-about-modal-box__close {
-  grid-area: close;
   position: sticky;
   top: 0;
   display: flex;
+  grid-area: close;
   align-items: flex-start;
   justify-content: flex-end;
   padding-top: var(--pf-c-about-modal-box__close--PaddingTop);
@@ -5682,12 +5682,12 @@ a {
 @media only screen and (min-width: 576px) {
   .pf-c-about-modal-box__hero {
     display: block;
+    grid-area: hero;
     background-image: var(--pf-c-about-modal-box__hero--sm--BackgroundImage);
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-position: var(--pf-c-about-modal-box__hero--sm--BackgroundPosition);
     background-size: var(--pf-c-about-modal-box__hero--sm--BackgroundSize);
-    grid-area: hero;
   }
 }
 
@@ -6086,13 +6086,13 @@ a {
   color: var(--pf-global--Color--100);
   position: relative;
   display: grid;
+  grid-template-areas: var(--pf-c-alert--GridTemplateAreas);
+  grid-template-columns: var(--pf-c-alert--GridTemplateColumns);
   padding: var(--pf-c-alert--PaddingTop) var(--pf-c-alert--PaddingRight) var(--pf-c-alert--PaddingBottom) var(--pf-c-alert--PaddingLeft);
   font-size: var(--pf-c-alert__FontSize);
   background-color: var(--pf-c-alert--BackgroundColor);
   border-top: var(--pf-c-alert--BorderTopWidth) solid var(--pf-c-alert--BorderTopColor);
   box-shadow: var(--pf-c-alert--BoxShadow);
-  grid-template-columns: var(--pf-c-alert--GridTemplateColumns);
-  grid-template-areas: var(--pf-c-alert--GridTemplateAreas);
 }
 .pf-c-alert.pf-m-success {
   --pf-c-alert--BorderTopColor: var(--pf-c-alert--m-success--BorderTopColor);
@@ -6153,8 +6153,8 @@ a {
 }
 
 .pf-c-alert__icon {
-  grid-area: icon;
   display: flex;
+  grid-area: icon;
   margin-top: var(--pf-c-alert__icon--MarginTop);
   margin-right: var(--pf-c-alert__icon--MarginRight);
   font-size: var(--pf-c-alert__icon--FontSize);
@@ -7016,18 +7016,18 @@ a {
   --pf-c-banner--link--hover--FontWeight: var(--pf-global--FontWeight--bold);
   --pf-c-banner--link--disabled--Color: var(--pf-c-banner--Color);
   --pf-c-banner--link--disabled--TextDecoration: none;
-  --pf-c-banner--m-info--BackgroundColor: var(--pf-global--palette--blue-200);
-  --pf-c-banner--m-danger--BackgroundColor: var(--pf-global--danger-color--100);
-  --pf-c-banner--m-success--BackgroundColor: var(--pf-global--success-color--100);
-  --pf-c-banner--m-warning--BackgroundColor: var(--pf-global--warning-color--100);
+  --pf-c-banner--m-blue--BackgroundColor: var(--pf-global--palette--blue-200);
+  --pf-c-banner--m-red--BackgroundColor: var(--pf-global--palette--red-100);
+  --pf-c-banner--m-green--BackgroundColor: var(--pf-global--palette--green-500);
+  --pf-c-banner--m-gold--BackgroundColor: var(--pf-global--palette--gold-400);
   --pf-c-banner--m-sticky--ZIndex: var(--pf-global--ZIndex--md);
   --pf-c-banner--m-sticky--BoxShadow: var(--pf-global--BoxShadow--md-bottom);
   color: var(--pf-global--Color--100);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  padding: var(--pf-c-banner--PaddingTop) var(--pf-c-banner--PaddingRight) var(--pf-c-banner--PaddingBottom) var(--pf-c-banner--PaddingLeft);
   flex-shrink: 0;
+  padding: var(--pf-c-banner--PaddingTop) var(--pf-c-banner--PaddingRight) var(--pf-c-banner--PaddingBottom) var(--pf-c-banner--PaddingLeft);
   font-size: var(--pf-c-banner--FontSize);
   color: var(--pf-c-banner--Color);
   white-space: nowrap;
@@ -7039,19 +7039,19 @@ a {
     --pf-c-banner--PaddingLeft: var(--pf-c-banner--md--PaddingLeft);
   }
 }
-.pf-c-banner.pf-m-info, .pf-c-banner.pf-m-blue {
+.pf-c-banner.pf-m-blue {
   color: var(--pf-global--Color--100);
-  --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-info--BackgroundColor);
+  --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-blue--BackgroundColor);
 }
-.pf-c-banner.pf-m-danger, .pf-c-banner.pf-m-red {
-  --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-danger--BackgroundColor);
+.pf-c-banner.pf-m-red {
+  --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-red--BackgroundColor);
 }
-.pf-c-banner.pf-m-success, .pf-c-banner.pf-m-green {
-  --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-success--BackgroundColor);
+.pf-c-banner.pf-m-green {
+  --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-green--BackgroundColor);
 }
-.pf-c-banner.pf-m-warning, .pf-c-banner.pf-m-gold {
+.pf-c-banner.pf-m-gold {
   color: var(--pf-global--Color--100);
-  --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-warning--BackgroundColor);
+  --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-gold--BackgroundColor);
 }
 .pf-c-banner.pf-m-sticky {
   position: sticky;
@@ -8093,9 +8093,9 @@ button.pf-c-breadcrumb__link {
   box-shadow: var(--pf-c-calendar-month__date--focus--BoxShadow);
 }
 .pf-c-calendar-month__date:disabled {
-  pointer-events: none;
   --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__date--disabled--Color);
   --pf-c-calendar-month__date--hover--focus--BorderColor: transparent;
+  pointer-events: none;
 }
 
 :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
@@ -8164,10 +8164,11 @@ button.pf-c-breadcrumb__link {
   --pf-c-card--child--PaddingBottom: var(--pf-global--spacer--lg);
   --pf-c-card--child--PaddingLeft: var(--pf-global--spacer--lg);
   --pf-c-card--c-divider--child--PaddingTop: var(--pf-global--spacer--lg);
-  --pf-c-card__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
-  --pf-c-card__title--FontSize: var(--pf-global--FontSize--md);
-  --pf-c-card__title--FontWeight: var(--pf-global--FontWeight--bold);
   --pf-c-card__title--not--last-child--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-card__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
+  --pf-c-card__title-text--FontSize: var(--pf-global--FontSize--md);
+  --pf-c-card__title-text--FontWeight: var(--pf-global--FontWeight--normal);
+  --pf-c-card__title-text--LineHeight: var(--pf-global--LineHeight--md);
   --pf-c-card__body--FontSize: var(--pf-global--FontSize--md);
   --pf-c-card__footer--FontSize: var(--pf-global--FontSize--md);
   --pf-c-card__actions--PaddingLeft: var(--pf-global--spacer--md);
@@ -8229,7 +8230,7 @@ button.pf-c-breadcrumb__link {
   --pf-c-card--m-compact--child--PaddingLeft: var(--pf-global--spacer--md);
   --pf-c-card--m-compact--c-divider--child--PaddingTop: var(--pf-global--spacer--md);
   --pf-c-card--m-compact__title--not--last-child--PaddingBottom: var(--pf-global--spacer--sm);
-  --pf-c-card--m-display-lg__title--FontSize: var(--pf-global--FontSize--xl);
+  --pf-c-card--m-display-lg__title-text--FontSize: var(--pf-global--FontSize--xl);
   --pf-c-card--m-display-lg--first-child--PaddingTop: var(--pf-global--spacer--xl);
   --pf-c-card--m-display-lg--child--PaddingRight: var(--pf-global--spacer--xl);
   --pf-c-card--m-display-lg--child--PaddingBottom: var(--pf-global--spacer--xl);
@@ -8341,7 +8342,7 @@ button.pf-c-breadcrumb__link {
   --pf-c-card__title--not--last-child--PaddingBottom: var(--pf-c-card--m-compact__title--not--last-child--PaddingBottom);
 }
 .pf-c-card.pf-m-display-lg {
-  --pf-c-card__title--FontSize: var(--pf-c-card--m-display-lg__title--FontSize);
+  --pf-c-card__title-text--FontSize: var(--pf-c-card--m-display-lg__title-text--FontSize);
   --pf-c-card--first-child--PaddingTop: var(--pf-c-card--m-display-lg--first-child--PaddingTop);
   --pf-c-card--child--PaddingRight: var(--pf-c-card--m-display-lg--child--PaddingRight);
   --pf-c-card--child--PaddingBottom: var(--pf-c-card--m-display-lg--child--PaddingBottom);
@@ -8407,20 +8408,21 @@ button.pf-c-breadcrumb__link {
   transition: var(--pf-c-card__header-toggle-icon--Transition);
 }
 
-.pf-c-card__title {
-  font-family: var(--pf-c-card__title--FontFamily);
-  font-size: var(--pf-c-card__title--FontSize);
-  font-weight: var(--pf-c-card__title--FontWeight);
+.pf-c-card__title-text {
+  font-family: var(--pf-c-card__title-text--FontFamily);
+  font-size: var(--pf-c-card__title-text--FontSize);
+  font-weight: var(--pf-c-card__title-text--FontWeight);
+  line-height: var(--pf-c-card__title-text--LineHeight);
 }
 
 .pf-c-card__actions {
   display: flex;
+  gap: var(--pf-c-card__actions--Gap);
   align-items: center;
   align-self: flex-start;
   order: 1;
   padding-left: var(--pf-c-card__actions--PaddingLeft);
   margin: var(--pf-c-card__actions--MarginTop) 0 var(--pf-c-card__actions--MarginBottom) auto;
-  gap: var(--pf-c-card__actions--Gap);
 }
 .pf-c-card__actions + .pf-c-card__title,
 .pf-c-card__actions + .pf-c-card__body,
@@ -8673,8 +8675,8 @@ label.pf-c-check, .pf-c-check__label,
 
 .pf-c-chip__content {
   display: flex;
-  align-items: center;
   column-gap: var(--pf-c-chip__content--ColumnGap);
+  align-items: center;
   font-size: var(--pf-c-chip__content--FontSize);
 }
 
@@ -8757,13 +8759,13 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-chip-group__label--MaxWidth: 18ch;
   --pf-c-chip-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
   --pf-c-chip-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
+  row-gap: var(--pf-c-chip-group--RowGap);
+  column-gap: var(--pf-c-chip-group--ColumnGap);
   max-width: 100%;
   padding-top: var(--pf-c-chip-group--PaddingTop);
   padding-right: var(--pf-c-chip-group--PaddingRight);
   padding-bottom: var(--pf-c-chip-group--PaddingBottom);
   padding-left: var(--pf-c-chip-group--PaddingLeft);
-  row-gap: var(--pf-c-chip-group--RowGap);
-  column-gap: var(--pf-c-chip-group--ColumnGap);
 }
 .pf-c-chip-group.pf-m-category {
   --pf-c-chip-group--PaddingTop: var(--pf-c-chip-group--m-category--PaddingTop);
@@ -8778,10 +8780,10 @@ label.pf-c-check, .pf-c-check__label,
   display: flex;
   flex: 1;
   flex-wrap: wrap;
-  align-items: baseline;
-  min-width: 0;
   row-gap: var(--pf-c-chip-group__main--RowGap);
   column-gap: var(--pf-c-chip-group__main--ColumnGap);
+  align-items: baseline;
+  min-width: 0;
 }
 
 .pf-c-chip-group,
@@ -9370,12 +9372,12 @@ label.pf-c-check, .pf-c-check__label,
   margin-left: var(--pf-c-content--ol--MarginLeft);
 }
 .pf-c-content ol ul {
-  margin-top: var(--pf-c-content--ul--nested--MarginTop);
   --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
+  margin-top: var(--pf-c-content--ul--nested--MarginTop);
 }
 .pf-c-content ol ol {
-  margin-top: var(--pf-c-content--ol--nested--MarginTop);
   --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
+  margin-top: var(--pf-c-content--ol--nested--MarginTop);
 }
 .pf-c-content ul {
   padding-left: var(--pf-c-content--ul--PaddingLeft);
@@ -9383,12 +9385,12 @@ label.pf-c-check, .pf-c-check__label,
   list-style: var(--pf-c-content--ul--ListStyle);
 }
 .pf-c-content ul ul {
-  margin-top: var(--pf-c-content--ul--nested--MarginTop);
   --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
+  margin-top: var(--pf-c-content--ul--nested--MarginTop);
 }
 .pf-c-content ul ol {
-  margin-top: var(--pf-c-content--ol--nested--MarginTop);
   --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
+  margin-top: var(--pf-c-content--ol--nested--MarginTop);
 }
 .pf-c-content dl {
   display: grid;
@@ -9397,8 +9399,8 @@ label.pf-c-check, .pf-c-check__label,
 @media screen and (min-width: 576px) {
   .pf-c-content dl {
     grid-template: auto/auto 1fr;
-    grid-column-gap: var(--pf-c-content--dl--ColumnGap);
     grid-row-gap: var(--pf-c-content--dl--RowGap);
+    grid-column-gap: var(--pf-c-content--dl--ColumnGap);
   }
 }
 .pf-c-content dt {
@@ -9789,8 +9791,8 @@ label.pf-c-check, .pf-c-check__label,
 @media screen and (min-width: 768px) {
   .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__item-content {
     display: flex;
-    flex-wrap: wrap;
     flex-grow: 1;
+    flex-wrap: wrap;
     padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
   }
 }
@@ -9851,8 +9853,8 @@ label.pf-c-check, .pf-c-check__label,
 @media screen and (min-width: 0) {
   .pf-c-data-list.pf-m-grid-none .pf-c-data-list__item-content {
     display: flex;
-    flex-wrap: wrap;
     flex-grow: 1;
+    flex-wrap: wrap;
     padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
   }
 }
@@ -9913,8 +9915,8 @@ label.pf-c-check, .pf-c-check__label,
 @media screen and (min-width: 576px) {
   .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__item-content {
     display: flex;
-    flex-wrap: wrap;
     flex-grow: 1;
+    flex-wrap: wrap;
     padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
   }
 }
@@ -9975,8 +9977,8 @@ label.pf-c-check, .pf-c-check__label,
 @media screen and (min-width: 768px) {
   .pf-c-data-list.pf-m-grid-md .pf-c-data-list__item-content {
     display: flex;
-    flex-wrap: wrap;
     flex-grow: 1;
+    flex-wrap: wrap;
     padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
   }
 }
@@ -10037,8 +10039,8 @@ label.pf-c-check, .pf-c-check__label,
 @media screen and (min-width: 992px) {
   .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__item-content {
     display: flex;
-    flex-wrap: wrap;
     flex-grow: 1;
+    flex-wrap: wrap;
     padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
   }
 }
@@ -10099,8 +10101,8 @@ label.pf-c-check, .pf-c-check__label,
 @media screen and (min-width: 1200px) {
   .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__item-content {
     display: flex;
-    flex-wrap: wrap;
     flex-grow: 1;
+    flex-wrap: wrap;
     padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
   }
 }
@@ -10161,8 +10163,8 @@ label.pf-c-check, .pf-c-check__label,
 @media screen and (min-width: 1450px) {
   .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__item-content {
     display: flex;
-    flex-wrap: wrap;
     flex-grow: 1;
+    flex-wrap: wrap;
     padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
   }
 }
@@ -10522,8 +10524,8 @@ label.pf-c-check, .pf-c-check__label,
 
 .pf-c-data-list__item-action {
   --pf-hidden-visible--visible--Display: var(--pf-c-data-list__item-action--Display);
-  align-items: flex-start;
   align-content: flex-start;
+  align-items: flex-start;
   padding-top: var(--pf-c-data-list__item-action--PaddingTop);
   padding-bottom: var(--pf-c-data-list__item-action--PaddingBottom);
   margin-left: var(--pf-c-data-list__item-action--MarginLeft);
@@ -10549,8 +10551,8 @@ label.pf-c-check, .pf-c-check__label,
 
 .pf-c-data-list__item-content {
   display: grid;
-  width: 100%;
   grid-template-columns: auto 1fr;
+  width: 100%;
 }
 
 .pf-c-data-list__cell {
@@ -10566,8 +10568,8 @@ label.pf-c-check, .pf-c-check__label,
 }
 .pf-c-data-list__cell.pf-m-icon {
   flex-grow: 0;
-  margin-right: var(--pf-c-data-list__cell--m-icon--MarginRight);
   grid-column: 1/2;
+  margin-right: var(--pf-c-data-list__cell--m-icon--MarginRight);
 }
 .pf-c-data-list__cell.pf-m-icon + .pf-c-data-list__cell {
   grid-column: 2/3;
@@ -10687,10 +10689,10 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-description-list--m-display-lg__description--FontSize: var(--pf-global--FontSize--lg);
   --pf-c-description-list--m-display-2xl__description--FontSize: var(--pf-global--FontSize--2xl);
   display: grid;
-  align-items: baseline;
+  grid-template-columns: var(--pf-c-description-list--GridTemplateColumns);
   row-gap: var(--pf-c-description-list--RowGap);
   column-gap: var(--pf-c-description-list--ColumnGap);
-  grid-template-columns: var(--pf-c-description-list--GridTemplateColumns);
+  align-items: baseline;
 }
 @media screen and (min-width: 576px) {
   .pf-c-description-list {
@@ -10796,11 +10798,11 @@ label.pf-c-check, .pf-c-check__label,
 .pf-c-description-list__group,
 .pf-c-description-list > .pf-c-card {
   display: grid;
+  grid-template-rows: var(--pf-c-description-list__group--GridTemplateRows);
+  grid-template-columns: var(--pf-c-description-list__group--GridTemplateColumns);
   grid-column: var(--pf-c-description-list__group--GridColumn);
   row-gap: var(--pf-c-description-list__group--RowGap);
   column-gap: var(--pf-c-description-list__group--ColumnGap);
-  grid-template-columns: var(--pf-c-description-list__group--GridTemplateColumns);
-  grid-template-rows: var(--pf-c-description-list__group--GridTemplateRows);
   align-items: baseline;
 }
 
@@ -10837,11 +10839,11 @@ label.pf-c-check, .pf-c-check__label,
 }
 .pf-c-description-list__text.pf-m-help-text {
   text-decoration: underline;
-  cursor: pointer;
-  text-decoration-style: dashed;
   text-decoration-thickness: var(--pf-c-description-list__text--m-help-text--TextDecorationThickness);
-  text-underline-offset: var(--pf-c-description-list__text--m-help-text--TextDecorationOffset);
+  text-decoration-style: dashed;
   text-decoration-color: var(--pf-c-description-list__text--m-help-text--TextDecorationColor);
+  text-underline-offset: var(--pf-c-description-list__text--m-help-text--TextDecorationOffset);
+  cursor: pointer;
 }
 .pf-c-description-list__text.pf-m-help-text:hover {
   --pf-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-c-description-list__text--m-help-text--hover--TextDecorationColor);
@@ -11081,8 +11083,8 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-global--disabled-color--200);
   display: grid;
   grid-template-areas: "pane-header . pane-header-c" "pane-tools . pane-tools-c" "pane-status . pane-status-c" "pane-menu controls pane-menu-c";
-  grid-template-columns: minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max)) min-content minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max));
   grid-template-rows: repeat(3, auto) auto;
+  grid-template-columns: minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max)) min-content minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max));
 }
 
 .pf-c-dual-list-selector__pane {
@@ -11382,8 +11384,8 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-toolbar--m-full-height__item--Display: flex;
   --pf-c-toolbar--m-full-height__item--AlignItems: center;
   position: relative;
-  row-gap: var(--pf-c-toolbar--RowGap);
   display: grid;
+  row-gap: var(--pf-c-toolbar--RowGap);
   padding-top: var(--pf-c-toolbar--PaddingTop);
   padding-bottom: var(--pf-c-toolbar--PaddingBottom);
   background-color: var(--pf-c-toolbar--BackgroundColor);
@@ -11676,9 +11678,9 @@ label.pf-c-check, .pf-c-check__label,
 .pf-c-toolbar__group.pf-m-chip-container {
   display: flex;
   flex-wrap: wrap;
+  grid-row-gap: 0;
   align-items: baseline;
   margin-top: var(--pf-c-toolbar__group--m-chip-container--MarginTop);
-  grid-row-gap: 0;
 }
 .pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__item,
 .pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__item {
@@ -12574,9 +12576,9 @@ label.pf-c-check, .pf-c-check__label,
   width: 100%;
   height: auto;
   flex-direction: var(--pf-c-divider--FlexDirection);
+  flex-shrink: 0;
   align-items: center;
   align-self: stretch;
-  flex-shrink: 0;
   justify-content: center;
   border: 0;
 }
@@ -12585,11 +12587,11 @@ label.pf-c-check, .pf-c-check__label,
 }
 .pf-c-divider::after {
   align-self: stretch;
+  justify-self: center;
   width: var(--pf-c-divider--after--Width);
   height: var(--pf-c-divider--after--Height);
   content: "";
   background-color: var(--pf-c-divider--after--BackgroundColor);
-  justify-self: center;
 }
 .pf-c-divider.pf-m-vertical {
   --pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
@@ -13161,9 +13163,9 @@ label.pf-c-check, .pf-c-check__label,
 }
 
 .pf-c-drawer__actions {
-  grid-column: 2;
-  grid-row: 1;
   display: flex;
+  grid-row: 1;
+  grid-column: 2;
   align-self: baseline;
   margin-top: var(--pf-c-drawer__actions--MarginTop);
   margin-right: var(--pf-c-drawer__actions--MarginRight);
@@ -14513,16 +14515,16 @@ label.pf-c-check, .pf-c-check__label,
 .pf-c-empty-state__footer {
   display: flex;
   flex-direction: column;
-  align-items: center;
   row-gap: var(--pf-c-empty-state__footer--RowGap);
+  align-items: center;
   margin-top: var(--pf-c-empty-state__footer--MarginTop);
 }
 
 .pf-c-empty-state__actions {
   display: flex;
   flex-wrap: wrap;
-  justify-content: center;
   gap: var(--pf-c-empty-state__actions--RowGap) var(--pf-c-empty-state__actions--ColumnGap);
+  justify-content: center;
 }
 
 .pf-c-expandable-section {
@@ -14837,8 +14839,8 @@ label.pf-c-check, .pf-c-check__label,
   }
   .pf-c-form.pf-m-horizontal .pf-c-form__group {
     display: grid;
-    grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
     grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
+    grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
   }
   .pf-c-form.pf-m-horizontal .pf-c-form__group-label {
     padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14857,8 +14859,8 @@ label.pf-c-check, .pf-c-check__label,
   }
   .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group {
     display: grid;
-    grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
     grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
+    grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
   }
   .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group-label {
     padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14877,8 +14879,8 @@ label.pf-c-check, .pf-c-check__label,
   }
   .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group {
     display: grid;
-    grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
     grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
+    grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
   }
   .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group-label {
     padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14897,8 +14899,8 @@ label.pf-c-check, .pf-c-check__label,
   }
   .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group {
     display: grid;
-    grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
     grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
+    grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
   }
   .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group-label {
     padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14917,8 +14919,8 @@ label.pf-c-check, .pf-c-check__label,
   }
   .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group {
     display: grid;
-    grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
     grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
+    grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
   }
   .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group-label {
     padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14937,8 +14939,8 @@ label.pf-c-check, .pf-c-check__label,
   }
   .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group {
     display: grid;
-    grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
     grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
+    grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
   }
   .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group-label {
     padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14957,8 +14959,8 @@ label.pf-c-check, .pf-c-check__label,
   }
   .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group {
     display: grid;
-    grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
     grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
+    grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
   }
   .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group-label {
     padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -15073,9 +15075,9 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-form__group-control--m-inline--child--MarginRight: 0;
 }
 .pf-c-form__group-control.pf-m-stack {
+  --pf-c-form__helper-text--MarginTop: var(--pf-c-grid__group-control--m-stack__helper-text--MarginTop);
   display: grid;
   gap: var(--pf-c-grid__group-control--m-stack--Gap);
-  --pf-c-form__helper-text--MarginTop: var(--pf-c-grid__group-control--m-stack__helper-text--MarginTop);
 }
 .pf-c-form__group-control .pf-c-form__helper-text:first-child {
   --pf-c-form__helper-text--MarginTop: 0;
@@ -15159,8 +15161,8 @@ label.pf-c-check, .pf-c-check__label,
 }
 
 .pf-c-form__field-group-toggle {
-  grid-column: 1/2;
   grid-row: 1/2;
+  grid-column: 1/2;
   padding-top: var(--pf-c-form__field-group-toggle--PaddingTop);
   padding-right: var(--pf-c-form__field-group-toggle--PaddingRight);
 }
@@ -15182,9 +15184,9 @@ label.pf-c-check, .pf-c-check__label,
 }
 
 .pf-c-form__field-group-header {
-  grid-column: var(--pf-c-form__field-group-header--GridColumn);
-  grid-row: 1/2;
   display: flex;
+  grid-row: 1/2;
+  grid-column: var(--pf-c-form__field-group-header--GridColumn);
   align-items: flex-start;
   padding-top: var(--pf-c-form__field-group-header--PaddingTop);
   padding-bottom: var(--pf-c-form__field-group-header--PaddingBottom);
@@ -15217,8 +15219,8 @@ label.pf-c-check, .pf-c-check__label,
 }
 
 .pf-c-form__field-group-body {
-  grid-column: var(--pf-c-form__field-group-body--GridColumn);
   display: grid;
+  grid-column: var(--pf-c-form__field-group-body--GridColumn);
   gap: var(--pf-c-form__field-group-body--Gap);
   padding-top: var(--pf-c-form__field-group-body--PaddingTop);
   padding-bottom: var(--pf-c-form__field-group-body--PaddingBottom);
@@ -15678,11 +15680,11 @@ textarea.pf-c-form-control {
 
 .pf-c-hint__actions {
   display: inline-grid;
+  grid-row: 1;
+  grid-column: 2;
   grid-auto-flow: column;
   margin-left: var(--pf-c-hint__actions--MarginLeft);
   text-align: right;
-  grid-column: 2;
-  grid-row: 1;
 }
 .pf-c-hint__actions .pf-c-dropdown .pf-c-dropdown__toggle.pf-m-plain {
   margin-top: var(--pf-c-hint__actions--c-dropdown--MarginTop);
@@ -16746,12 +16748,6 @@ label.pf-c-input-group__text {
 }
 
 .pf-c-label.pf-m-editable {
-  text-decoration: var(--pf-c-label--m-editable--TextDecoration);
-  cursor: var(--pf-c-label--m-editable--Cursor);
-  text-decoration-style: var(--pf-c-label--m-editable--TextDecorationStyle);
-  text-decoration-thickness: var(--pf-c-label--m-editable--TextDecorationThickness);
-  text-underline-offset: var(--pf-c-label--m-editable--TextDecorationOffset);
-  text-decoration-color: var(--pf-c-label--m-editable--TextDecorationColor);
   --pf-c-label__content--MaxWidth: var(--pf-c-label--m-editable__content--MaxWidth);
   --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
   --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-editable__content--before--BorderColor);
@@ -16761,6 +16757,12 @@ label.pf-c-input-group__text {
   --pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-editable__content--focus--before--BorderColor);
   --pf-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
   --pf-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
+  text-decoration: var(--pf-c-label--m-editable--TextDecoration);
+  text-decoration-thickness: var(--pf-c-label--m-editable--TextDecorationThickness);
+  text-decoration-style: var(--pf-c-label--m-editable--TextDecorationStyle);
+  text-decoration-color: var(--pf-c-label--m-editable--TextDecorationColor);
+  text-underline-offset: var(--pf-c-label--m-editable--TextDecorationOffset);
+  cursor: var(--pf-c-label--m-editable--Cursor);
 }
 .pf-c-label.pf-m-editable:hover {
   --pf-c-label--m-editable--TextDecorationColor: var(--pf-c-label--m-editable--hover--TextDecorationColor);
@@ -16980,9 +16982,9 @@ button.pf-c-label__content:focus {
   --pf-c-label-group__textarea--PaddingBottom: 0;
   --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
   display: inline-flex;
-  align-items: center;
   row-gap: var(--pf-c-label-group--RowGap);
   column-gap: var(--pf-c-label-group--ColumnGap);
+  align-items: center;
 }
 .pf-c-label-group.pf-m-category {
   padding-top: var(--pf-c-label-group--m-category--PaddingTop);
@@ -17036,9 +17038,9 @@ button.pf-c-label__content:focus {
   display: flex;
   flex: 1;
   flex-wrap: wrap;
-  align-items: baseline;
   row-gap: var(--pf-c-label-group__main--RowGap);
   column-gap: var(--pf-c-label-group__main--ColumnGap);
+  align-items: baseline;
 }
 
 .pf-c-label-group__list {
@@ -17503,10 +17505,10 @@ ul.pf-c-list {
 @media (min-width: 1200px) {
   .pf-c-login__container {
     display: grid;
-    justify-content: center;
-    grid-column-gap: var(--pf-c-login__container--xl--GridColumnGap);
-    grid-template-columns: var(--pf-c-login__container--xl--GridTemplateColumns);
     grid-template-areas: "main header" "main footer" "main .";
+    grid-template-columns: var(--pf-c-login__container--xl--GridTemplateColumns);
+    grid-column-gap: var(--pf-c-login__container--xl--GridColumnGap);
+    justify-content: center;
     padding-right: var(--pf-c-login__container--PaddingRight);
     padding-left: var(--pf-c-login__container--PaddingLeft);
   }
@@ -17528,10 +17530,10 @@ ul.pf-c-list {
 }
 
 .pf-c-login__main {
+  grid-area: main;
   align-self: start;
   margin-bottom: var(--pf-c-login__main--MarginBottom);
   background-color: var(--pf-c-login__main--BackgroundColor);
-  grid-area: main;
 }
 .pf-c-login__main > :first-child:not(.pf-c-login__main-header) {
   padding-top: var(--pf-c-login__main-header--PaddingTop);
@@ -17543,8 +17545,8 @@ ul.pf-c-list {
 .pf-c-login__main-header {
   display: grid;
   grid-template-columns: 100%;
-  column-gap: var(--pf-c-login__main-header--ColumnGap);
   row-gap: var(--pf-c-login__main-header--RowGap);
+  column-gap: var(--pf-c-login__main-header--ColumnGap);
   align-items: center;
   padding: var(--pf-c-login__main-header--PaddingTop) var(--pf-c-login__main-header--PaddingRight) var(--pf-c-login__main-header--PaddingBottom) var(--pf-c-login__main-header--PaddingLeft);
 }
@@ -17556,26 +17558,26 @@ ul.pf-c-list {
 
 .pf-c-login__main-header-utilities,
 .pf-c-login__main-header .pf-c-dropdown {
-  grid-column: auto;
   grid-row: auto;
+  grid-column: auto;
 }
 @media (min-width: 768px) {
   .pf-c-login__main-header-utilities,
   .pf-c-login__main-header .pf-c-dropdown {
-    grid-column: 2/3;
     grid-row: 1;
+    grid-column: 2/3;
   }
 }
 
 .pf-c-login__main-header-utilities .pf-c-dropdown {
-  grid-column: auto;
   grid-row: auto;
+  grid-column: auto;
 }
 
 .pf-c-login__main-header-desc {
+  grid-column: 1/-1;
   margin-bottom: var(--pf-c-login__main-header-desc--MarginBottom);
   font-size: var(--pf-c-login__main-header-desc--FontSize);
-  grid-column: 1/-1;
 }
 
 .pf-c-login__main-body {
@@ -17610,11 +17612,11 @@ ul.pf-c-list {
 }
 
 .pf-c-login__main-footer-links-item-link svg {
-  fill: var(--pf-c-login__main-footer-links-item-link-svg--Fill);
   width: 100%;
   max-width: var(--pf-c-login__main-footer-links-item-link-svg--Width);
   height: 100%;
   max-height: var(--pf-c-login__main-footer-links-item-link-svg--Height);
+  fill: var(--pf-c-login__main-footer-links-item-link-svg--Fill);
 }
 .pf-c-login__main-footer-links-item-link:hover svg {
   fill: var(--pf-c-login__main-footer-links-item-link-svg--hover--Fill);
@@ -17879,6 +17881,7 @@ ul.pf-c-list {
   position: relative;
   display: flex;
   flex-basis: var(--pf-c-masthead__main--FlexBasis);
+  grid-column: var(--pf-c-masthead__main--GridColumn);
   align-items: center;
   align-self: stretch;
   order: var(--pf-c-masthead__main--Order);
@@ -17886,7 +17889,6 @@ ul.pf-c-list {
   padding-top: var(--pf-c-masthead__main--PaddingTop);
   padding-bottom: var(--pf-c-masthead__main--PaddingBottom);
   margin-right: var(--pf-c-masthead__main--MarginRight);
-  grid-column: var(--pf-c-masthead__main--GridColumn);
 }
 .pf-c-masthead__main::before {
   position: absolute;
@@ -17903,6 +17905,9 @@ ul.pf-c-list {
 .pf-c-masthead__content {
   display: flex;
   flex-grow: 1;
+  flex-shrink: 1;
+  grid-column: var(--pf-c-masthead__content--GridColumn);
+  grid-column-end: -1;
   align-items: center;
   align-self: stretch;
   order: var(--pf-c-masthead__content--Order);
@@ -17910,9 +17915,6 @@ ul.pf-c-list {
   padding-top: var(--pf-c-masthead__content--PaddingTop);
   padding-bottom: var(--pf-c-masthead__content--PaddingBottom);
   margin-left: var(--pf-c-masthead__content--MarginLeft);
-  grid-column: var(--pf-c-masthead__content--GridColumn);
-  grid-column-end: -1;
-  flex-shrink: 1;
 }
 .pf-c-masthead__content:only-child {
   --pf-c-masthead__content--MarginLeft: 0;
@@ -18472,12 +18474,6 @@ ul.pf-c-list {
   --pf-c-menu--m-scrollable__footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
   --pf-c-menu--m-scrollable__footer--after--BorderTopWidth: 0;
   --pf-c-menu--m-scrollable__footer--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
-  top: var(--pf-c-menu--Top);
-  z-index: var(--pf-c-menu--ZIndex);
-  width: var(--pf-c-menu--Width);
-  min-width: var(--pf-c-menu--MinWidth);
-  background-color: var(--pf-c-menu--BackgroundColor);
-  box-shadow: var(--pf-c-menu--BoxShadow);
   --pf-c-menu--m-nav--BoxShadow: var(--pf-global--BoxShadow--lg);
   --pf-c-menu--m-nav--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
   --pf-c-menu--m-nav__list--PaddingTop: 0;
@@ -18505,6 +18501,12 @@ ul.pf-c-list {
   --pf-c-menu--m-nav--c-menu--m-left--Right: calc(100% - var(--pf-c-menu--m-nav--c-menu--m-left--right-offset));
   --pf-c-menu--m-nav--c-menu--m-top--Bottom: calc(0 + var(--pf-c-menu--m-nav--c-menu--m-top--bottom-offset));
   --pf-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
+  top: var(--pf-c-menu--Top);
+  z-index: var(--pf-c-menu--ZIndex);
+  width: var(--pf-c-menu--Width);
+  min-width: var(--pf-c-menu--MinWidth);
+  background-color: var(--pf-c-menu--BackgroundColor);
+  box-shadow: var(--pf-c-menu--BoxShadow);
 }
 .pf-c-menu .pf-c-menu__content .pf-c-menu .pf-c-menu__content {
   overflow: visible;
@@ -19324,8 +19326,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 
 .pf-c-menu-toggle__icon {
   display: inline-flex;
-  align-self: center;
   flex-shrink: 0;
+  align-self: center;
   margin-right: var(--pf-c-menu-toggle__icon--MarginRight);
   line-height: 1;
 }
@@ -19697,8 +19699,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-global--primary-color--100);
   --pf-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-global--Color--200);
   display: grid;
-  gap: var(--pf-c-multiple-file-upload--Gap);
   grid-template-columns: var(--pf-c-multiple-file-upload--GridTemplateColumns);
+  gap: var(--pf-c-multiple-file-upload--Gap);
 }
 .pf-c-multiple-file-upload.pf-m-horizontal {
   --pf-c-multiple-file-upload--GridTemplateColumns: var(--pf-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
@@ -19724,21 +19726,21 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 
 .pf-c-multiple-file-upload__main {
   display: grid;
+  grid-template-areas: var(--pf-c-multiple-file-upload__main--GridTemplateAreas);
+  grid-template-rows: var(--pf-c-multiple-file-upload__main--GridTemplateRows);
+  grid-template-columns: var(--pf-c-multiple-file-upload__main--GridTemplateColumns);
+  gap: var(--pf-c-multiple-file-upload__main--Gap);
   padding: var(--pf-c-multiple-file-upload__main--PaddingTop) var(--pf-c-multiple-file-upload__main--PaddingRight) var(--pf-c-multiple-file-upload__main--PaddingBottom) var(--pf-c-multiple-file-upload__main--PaddingLeft);
   text-align: var(--pf-c-multiple-file-upload__main--TextAlign);
   background-color: var(--pf-c-multiple-file-upload__main--BackgroundColor);
   border: var(--pf-c-multiple-file-upload__main--BorderWidth) var(--pf-c-multiple-file-upload__main--BorderStyle) var(--pf-c-multiple-file-upload__main--BorderColor);
-  grid-template-columns: var(--pf-c-multiple-file-upload__main--GridTemplateColumns);
-  grid-template-rows: var(--pf-c-multiple-file-upload__main--GridTemplateRows);
-  grid-template-areas: var(--pf-c-multiple-file-upload__main--GridTemplateAreas);
-  gap: var(--pf-c-multiple-file-upload__main--Gap);
 }
 
 .pf-c-multiple-file-upload__title {
   display: var(--pf-c-multiple-file-upload__title--Display);
+  grid-area: title;
   grid-template-columns: var(--pf-c-multiple-file-upload__title--GridTemplateColumns);
   gap: var(--pf-c-multiple-file-upload__title--Gap);
-  grid-area: title;
 }
 
 .pf-c-multiple-file-upload__title-icon {
@@ -20678,8 +20680,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-c-nav__link--focus--after--BorderLeftWidth: var(--pf-c-nav__section__link--focus--after--BorderWidth);
   --pf-c-nav__link--active--after--BorderLeftWidth: var(--pf-c-nav__section__link--active--after--BorderWidth);
   --pf-c-nav__link--m-current--after--BorderLeftWidth: var(--pf-c-nav__section__link--m-current--after--BorderWidth);
-  margin-top: var(--pf-c-nav__section--MarginTop);
   --pf-c-nav--c-divider--MarginBottom: 0;
+  margin-top: var(--pf-c-nav__section--MarginTop);
 }
 .pf-c-nav__section + .pf-c-nav__section {
   --pf-c-nav__section--MarginTop: var(--pf-c-nav__section--section--MarginTop);
@@ -21126,9 +21128,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 
 .pf-c-notification-drawer__list-item-header {
   display: flex;
-  align-items: baseline;
-  grid-column: 1/2;
   grid-row: 1/2;
+  grid-column: 1/2;
+  align-items: baseline;
   margin-bottom: var(--pf-c-notification-drawer__list-item-header--MarginBottom);
 }
 
@@ -21149,8 +21151,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 }
 
 .pf-c-notification-drawer__list-item-action {
-  grid-column: 2/3;
   grid-row: 1/3;
+  grid-column: 2/3;
 }
 
 .pf-c-notification-drawer__list-item-description {
@@ -21752,10 +21754,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-c-page__main-wizard--BorderTopWidth: var(--pf-global--BorderWidth--sm);
   --pf-c-page__main-wizard--m-light-200--BackgroundColor: var(--pf-global--BackgroundColor--200);
   display: grid;
-  height: 100%;
-  grid-template-columns: 1fr;
-  grid-template-rows: max-content 1fr;
   grid-template-areas: "header" "main";
+  grid-template-rows: max-content 1fr;
+  grid-template-columns: 1fr;
+  height: 100%;
   background-color: var(--pf-c-page--BackgroundColor);
 }
 @media (min-width: 1200px) {
@@ -21802,8 +21804,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 }
 @media (min-width: 1200px) {
   .pf-c-page {
-    grid-template-columns: max-content 1fr;
     grid-template-areas: "header header" "nav main";
+    grid-template-columns: max-content 1fr;
   }
 }
 .pf-c-page.pf-m-full-height {
@@ -21814,14 +21816,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 
 .pf-c-page__header,
 .pf-c-page > .pf-c-masthead {
-  grid-area: header;
   z-index: var(--pf-c-page__header--ZIndex);
+  grid-area: header;
 }
 
 .pf-c-page__header {
   color: var(--pf-global--Color--100);
-  grid-template-columns: auto auto;
   display: grid;
+  grid-template-columns: auto auto;
   align-items: center;
   min-width: 0;
   min-height: var(--pf-c-page__header--MinHeight);
@@ -21869,18 +21871,18 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 }
 
 .pf-c-page__header-nav {
+  grid-row: 2/3;
+  grid-column: 1/-1;
   align-self: stretch;
   min-width: 0;
   padding-right: var(--pf-c-page__header-nav--PaddingRight);
   padding-left: var(--pf-c-page__header-nav--PaddingLeft);
   background-color: var(--pf-c-page__header-nav--BackgroundColor);
-  grid-column: 1/-1;
-  grid-row: 2/3;
 }
 @media screen and (min-width: 1200px) {
   .pf-c-page__header-nav {
-    grid-column: 2/3;
     grid-row: 1/2;
+    grid-column: 2/3;
   }
 }
 .pf-c-page__header-nav .pf-c-nav {
@@ -21946,10 +21948,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 }
 
 .pf-c-page__sidebar {
+  z-index: var(--pf-c-page__sidebar--ZIndex);
   grid-area: nav;
   grid-row-start: 2;
   grid-column-start: 1;
-  z-index: var(--pf-c-page__sidebar--ZIndex);
   width: var(--pf-c-page__sidebar--Width);
   overflow-x: hidden;
   overflow-y: auto;
@@ -22229,8 +22231,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 
 .pf-c-page__main,
 .pf-c-page__drawer {
-  grid-area: main;
   z-index: var(--pf-c-page__main--ZIndex);
+  grid-area: main;
   overflow-x: hidden;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
@@ -23329,10 +23331,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
   --pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
   display: grid;
-  align-items: end;
-  grid-gap: var(--pf-c-progress--GridGap);
-  grid-template-columns: auto auto;
   grid-template-rows: 1fr auto;
+  grid-template-columns: auto auto;
+  grid-gap: var(--pf-c-progress--GridGap);
+  align-items: end;
 }
 .pf-c-progress.pf-m-sm {
   --pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height);
@@ -23361,8 +23363,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   grid-column: 1/3;
 }
 .pf-c-progress.pf-m-outside .pf-c-progress__status {
-  grid-column: 2/3;
   grid-row: 2/3;
+  grid-column: 2/3;
   align-self: center;
 }
 .pf-c-progress.pf-m-outside .pf-c-progress__measure {
@@ -23410,8 +23412,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 }
 
 .pf-c-progress__description {
-  word-break: break-word;
   grid-column: 1/2;
+  word-break: break-word;
 }
 .pf-c-progress__description.pf-m-truncate {
   overflow: hidden;
@@ -23421,13 +23423,13 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 
 .pf-c-progress__status {
   display: flex;
+  grid-row: 1/2;
+  grid-column: 2/3;
+  gap: var(--pf-c-progress__status--Gap);
   align-items: flex-start;
   justify-content: flex-end;
-  grid-column: 2/3;
-  grid-row: 1/2;
   text-align: right;
   word-break: break-word;
-  gap: var(--pf-c-progress__status--Gap);
 }
 
 .pf-c-progress__status-icon {
@@ -23436,8 +23438,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 
 .pf-c-progress__bar {
   position: relative;
-  grid-column: 1/3;
   grid-row: 2/3;
+  grid-column: 1/3;
   align-self: center;
   height: var(--pf-c-progress__bar--Height);
   background-color: var(--pf-c-progress__bar--BackgroundColor);
@@ -23462,8 +23464,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 }
 
 .pf-c-progress__helper-text {
-  grid-column: 1/3;
   grid-row: 3/4;
+  grid-column: 1/3;
   margin-top: var(--pf-c-progress__helper-text--MarginTop);
 }
 
@@ -23625,10 +23627,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-c-progress-stepper--m-center__step-main--before--Content: "";
   position: relative;
   display: grid;
-  grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
-  grid-template-columns: var(--pf-c-progress-stepper--GridTemplateColumns);
   grid-template-rows: var(--pf-c-progress-stepper--GridTemplateRows);
+  grid-template-columns: var(--pf-c-progress-stepper--GridTemplateColumns);
   grid-auto-columns: 1fr;
+  grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
 }
 @media screen and (min-width: 768px) {
   .pf-c-progress-stepper {
@@ -23695,8 +23697,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   grid-auto-flow: var(--pf-c-progress-stepper--m-compact--GridAutoFlow);
 }
 .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-connector {
-  min-width: var(--pf-c-progress-stepper--m-compact__step-connector--MinWidth);
   grid-row: var(--pf-c-progress-stepper--m-compact__step-connector--GridRow);
+  min-width: var(--pf-c-progress-stepper--m-compact__step-connector--MinWidth);
   padding-bottom: var(--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom);
 }
 .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-main {
@@ -23813,11 +23815,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 }
 .pf-c-progress-stepper__step-title.pf-m-help-text {
   text-decoration: underline;
-  cursor: pointer;
+  text-decoration-thickness: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
   text-decoration-style: dashed;
   text-decoration-color: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor);
-  text-decoration-thickness: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
   text-underline-offset: var(--pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
+  cursor: pointer;
 }
 .pf-c-progress-stepper__step-title.pf-m-help-text:hover {
   --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step-title--m-help-text--hover--Color);
@@ -24240,9 +24242,9 @@ label.pf-c-radio, .pf-c-radio__label,
 
 .pf-c-search-input__text {
   display: grid;
-  grid-template-columns: 1fr;
-  grid-template-areas: "text-input";
   flex: 1;
+  grid-template-areas: "text-input";
+  grid-template-columns: 1fr;
 }
 .pf-c-search-input__text::before, .pf-c-search-input__text::after {
   position: absolute;
@@ -24765,8 +24767,8 @@ label.pf-c-radio, .pf-c-radio__label,
 .pf-c-select__toggle-typeahead {
   flex-basis: var(--pf-c-select__toggle-typeahead--FlexBasis);
   flex-grow: 1;
-  min-width: var(--pf-c-select__toggle-typeahead--MinWidth);
   flex-shrink: 0;
+  min-width: var(--pf-c-select__toggle-typeahead--MinWidth);
 }
 .pf-c-select__toggle-typeahead.pf-c-form-control {
   background-color: var(--pf-c-select__toggle-typeahead--BackgroundColor);
@@ -25154,8 +25156,8 @@ label.pf-c-radio, .pf-c-radio__label,
   position: var(--pf-c-sidebar__panel--Position);
   top: var(--pf-c-sidebar__panel--Top);
   z-index: var(--pf-c-sidebar__panel--ZIndex);
-  flex-shrink: 0;
   flex-basis: var(--pf-c-sidebar__panel--FlexBasis);
+  flex-shrink: 0;
   order: var(--pf-c-sidebar__panel--Order);
   background-color: var(--pf-c-sidebar__panel--BackgroundColor);
   box-shadow: var(--pf-c-sidebar__panel--BoxShadow);
@@ -25368,9 +25370,9 @@ label.pf-c-radio, .pf-c-radio__label,
   border: none;
 }
 .pf-c-simple-list__item-link:hover {
-  text-decoration: none;
   --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--hover--BackgroundColor);
   --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--hover--Color);
+  text-decoration: none;
 }
 .pf-c-simple-list__item-link:focus {
   --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--focus--FontWeight);
@@ -26049,13 +26051,13 @@ svg.pf-c-spinner.pf-m-xl {
 .pf-c-spinner__path {
   width: 100%;
   height: 100%;
-  transform-origin: 50% 50%;
-  animation: pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration) var(--pf-c-spinner__path--AnimationTimingFunction) infinite;
   stroke: var(--pf-c-spinner--Color);
-  stroke-linecap: round;
   stroke-dasharray: 283;
   stroke-dashoffset: 280;
+  stroke-linecap: round;
   stroke-width: var(--pf-c-spinner--stroke-width);
+  transform-origin: 50% 50%;
+  animation: pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration) var(--pf-c-spinner__path--AnimationTimingFunction) infinite;
 }
 
 @keyframes pf-c-spinner-animation-rotate {
@@ -26075,8 +26077,8 @@ svg.pf-c-spinner.pf-m-xl {
     stroke-width: calc(var(--pf-c-spinner__path--StrokeWidth) - 4);
   }
   40% {
-    stroke-dashoffset: 150;
     stroke-dasharray: 220;
+    stroke-dashoffset: 150;
   }
   100% {
     stroke-dashoffset: 280;
@@ -28537,9 +28539,9 @@ svg.pf-c-spinner.pf-m-xl {
 .pf-c-table__button-content,
 .pf-c-table__column-help {
   display: grid;
+  grid-template-columns: auto max-content;
   align-items: end;
   justify-content: start;
-  grid-template-columns: auto max-content;
 }
 .pf-c-table__button-content .pf-c-table__text,
 .pf-c-table__column-help .pf-c-table__text {
@@ -30797,9 +30799,9 @@ svg.pf-c-spinner.pf-m-xl {
 
 .pf-c-text-input-group__text {
   display: inline-grid;
-  grid-template-columns: 1fr;
-  grid-template-areas: "text-input";
   flex: 1;
+  grid-template-areas: "text-input";
+  grid-template-columns: 1fr;
 }
 .pf-c-text-input-group__text::before, .pf-c-text-input-group__text::after {
   position: absolute;
@@ -30915,11 +30917,11 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tile--m-display-lg__header--m-stacked__icon--FontSize: var(--pf-global--icon--FontSize--xl);
   position: relative;
   display: inline-grid;
+  grid-template-rows: min-content;
   padding: var(--pf-c-tile--PaddingTop) var(--pf-c-tile--PaddingRight) var(--pf-c-tile--PaddingBottom) var(--pf-c-tile--PaddingLeft);
   text-align: center;
   cursor: pointer;
   background-color: var(--pf-c-tile--BackgroundColor);
-  grid-template-rows: min-content;
   transition: var(--pf-c-tile--Transition);
   transform: translateY(var(--pf-c-tile--TranslateY));
 }
@@ -31071,12 +31073,12 @@ svg.pf-c-spinner.pf-m-xl {
   outline-offset: var(--pf-c-timestamp--OutlineOffset);
 }
 .pf-c-timestamp.pf-m-help-text {
-  cursor: pointer;
   text-decoration-line: var(--pf-c-timestamp--m-help-text--TextDecorationLine);
-  text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
   text-decoration-thickness: var(--pf-c-timestamp--m-help-text--TextDecorationThickness);
-  text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
+  text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
   text-decoration-color: var(--pf-c-timestamp--m-help-text--TextDecorationColor);
+  text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
+  cursor: pointer;
 }
 .pf-c-timestamp.pf-m-help-text:hover {
   --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--hover--Color);
@@ -31994,6 +31996,10 @@ label.pf-c-tree-view__node-text {
   --pf-c-wizard__close--xl--Right: var(--pf-global--spacer--lg);
   --pf-c-wizard__close--FontSize: var(--pf-global--FontSize--xl);
   --pf-c-wizard__title--PaddingRight: var(--pf-global--spacer--2xl);
+  --pf-c-wizard__title-text--FontSize: var(--pf-global--FontSize--3xl);
+  --pf-c-wizard__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
+  --pf-c-wizard__title-text--FontWeight: var(--pf-global--FontWeight--normal);
+  --pf-c-wizard__title-text--LineHeight: var(--pf-global--LineHeight--sm);
   --pf-c-wizard__description--PaddingTop: var(--pf-global--spacer--sm);
   --pf-c-wizard__description--Color: var(--pf-global--Color--light-200);
   --pf-c-wizard__nav-link--Color: var(--pf-global--Color--100);
@@ -32177,6 +32183,8 @@ label.pf-c-tree-view__node-text {
   position: absolute;
   top: var(--pf-c-wizard__close--Top);
   right: var(--pf-c-wizard__close--Right);
+}
+.pf-c-wizard__header .pf-c-wizard__close button {
   font-size: var(--pf-c-wizard__close--FontSize);
 }
 
@@ -32185,6 +32193,13 @@ label.pf-c-tree-view__node-text {
   word-wrap: break-word;
 }
 
+.pf-c-wizard__title-text {
+  font-family: var(--pf-c-wizard__title-text--FontFamily);
+  font-size: var(--pf-c-wizard__title-text--FontSize);
+  font-weight: var(--pf-c-wizard__title-text--FontWeight);
+  line-height: var(--pf-c-wizard__title-text--LineHeight);
+}
+
 .pf-c-wizard__description {
   display: none;
   padding-top: var(--pf-c-wizard__description--PaddingTop);
@@ -32433,8 +32448,8 @@ label.pf-c-tree-view__node-text {
   position: relative;
   z-index: var(--pf-c-wizard__footer--ZIndex);
   display: flex;
-  flex-wrap: wrap;
   flex-shrink: 0;
+  flex-wrap: wrap;
   padding: var(--pf-c-wizard__footer--PaddingTop) var(--pf-c-wizard__footer--PaddingRight) var(--pf-c-wizard__footer--PaddingBottom) var(--pf-c-wizard__footer--PaddingLeft);
   background-color: var(--pf-c-wizard__footer--BackgroundColor);
 }
@@ -34115,8 +34130,8 @@ label.pf-c-tree-view__node-text {
   --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
   --pf-l-gallery--GridTemplateRows: auto;
   display: grid;
-  grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
   grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
+  grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
   --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
   --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
 }
@@ -34184,10 +34199,10 @@ label.pf-c-tree-view__node-text {
 }
 .pf-l-grid > *,
 .pf-l-grid .pf-l-grid__item {
-  min-width: 0;
-  min-height: 0;
   grid-column-start: var(--pf-l-grid__item--GridColumnStart);
   grid-column-end: var(--pf-l-grid__item--GridColumnEnd);
+  min-width: 0;
+  min-height: 0;
   order: var(--pf-l-grid--item--Order);
 }
 @media (min-width: 576px) {