@patternfly/react-styles 4.92.7 → 5.0.0-alpha.10

package/css/components/Page/page.css

@@ -1,1037 +1,998 @@
-.pf-c-page__sidebar.pf-m-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);
-  --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
-  --pf-global--link--Color: var(--pf-global--link--Color--dark);
-  --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
-  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
+.pf-v5-c-page__sidebar.pf-m-light {
+  --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
+  --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
+  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
+  --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
+  --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
+  --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
+  --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
 }
 
-.pf-c-page__main-section[class*=pf-m-dark-], .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector, .pf-c-page__header {
-  --pf-global--Color--100: var(--pf-global--Color--light-100);
-  --pf-global--Color--200: var(--pf-global--Color--light-200);
-  --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
-  --pf-global--primary-color--100: var(--pf-global--primary-color--light-100);
-  --pf-global--link--Color: var(--pf-global--link--Color--light);
-  --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
-  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
-}
-.pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-card, .pf-c-page__header .pf-c-card {
-  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
-}
-.pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button, .pf-c-page__header .pf-c-button {
-  --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
-  --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
-  --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
-  --pf-c-button--m-primary--active--Color: var(--pf-global--primary-color--dark-100);
-  --pf-c-button--m-primary--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
-  --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
-  --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
-  --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
-  --pf-c-button--m-secondary--Color: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--hover--Color: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--focus--Color: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--active--Color: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--BorderColor: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--hover--BorderColor: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--focus--BorderColor: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--active--BorderColor: var(--pf-global--Color--light-100);
+.pf-v5-c-page__main-section[class*=pf-m-dark-], .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector, .pf-v5-c-page__sidebar, .pf-v5-c-page__header {
+  --pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100);
+  --pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200);
+  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--light-100);
+  --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--light-100);
+  --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--light);
+  --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--light);
+  --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--dark-100);
 }
 
-.pf-c-page__header-tools-item, .pf-c-page__header-tools-group {
-  --pf-hidden-visible--visible--Visibility: visible;
-  --pf-hidden-visible--hidden--Display: none;
-  --pf-hidden-visible--hidden--Visibility: hidden;
-  --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-  --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
-  display: var(--pf-hidden-visible--Display);
-  visibility: var(--pf-hidden-visible--Visibility);
-}
-.pf-m-hidden.pf-c-page__header-tools-item, .pf-m-hidden.pf-c-page__header-tools-group {
-  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-  --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
+.pf-v5-c-page__header-tools-item, .pf-v5-c-page__header-tools-group {
+  --pf-v5-hidden-visible--hidden--Display: none;
+  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
+  display: var(--pf-v5-hidden-visible--Display);
+}
+.pf-m-hidden.pf-v5-c-page__header-tools-item, .pf-m-hidden.pf-v5-c-page__header-tools-group {
+  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
 }
 @media screen and (min-width: 576px) {
-  .pf-m-hidden-on-sm.pf-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-c-page__header-tools-group {
-    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
+  .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-group {
+    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
   }
-  .pf-m-visible-on-sm.pf-c-page__header-tools-item, .pf-m-visible-on-sm.pf-c-page__header-tools-group {
-    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
+  .pf-m-visible-on-sm.pf-v5-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-group {
+    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
   }
 }
 @media screen and (min-width: 768px) {
-  .pf-m-hidden-on-md.pf-c-page__header-tools-item, .pf-m-hidden-on-md.pf-c-page__header-tools-group {
-    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
+  .pf-m-hidden-on-md.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-group {
+    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
   }
-  .pf-m-visible-on-md.pf-c-page__header-tools-item, .pf-m-visible-on-md.pf-c-page__header-tools-group {
-    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
+  .pf-m-visible-on-md.pf-v5-c-page__header-tools-item, .pf-m-visible-on-md.pf-v5-c-page__header-tools-group {
+    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
   }
 }
 @media screen and (min-width: 992px) {
-  .pf-m-hidden-on-lg.pf-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-c-page__header-tools-group {
-    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
+  .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-group {
+    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
   }
-  .pf-m-visible-on-lg.pf-c-page__header-tools-item, .pf-m-visible-on-lg.pf-c-page__header-tools-group {
-    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
+  .pf-m-visible-on-lg.pf-v5-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-group {
+    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
   }
 }
 @media screen and (min-width: 1200px) {
-  .pf-m-hidden-on-xl.pf-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-c-page__header-tools-group {
-    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
+  .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-group {
+    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
   }
-  .pf-m-visible-on-xl.pf-c-page__header-tools-item, .pf-m-visible-on-xl.pf-c-page__header-tools-group {
-    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
+  .pf-m-visible-on-xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-group {
+    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
   }
 }
 @media screen and (min-width: 1450px) {
-  .pf-m-hidden-on-2xl.pf-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-c-page__header-tools-group {
-    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
+  .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-group {
+    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
   }
-  .pf-m-visible-on-2xl.pf-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-c-page__header-tools-group {
-    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
+  .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-group {
+    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
   }
 }
 
-.pf-c-page {
-  --pf-c-page--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
-  --pf-c-page__header--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
-  --pf-c-page__header--ZIndex: var(--pf-global--ZIndex--md);
-  --pf-c-page__header--MinHeight: 4.75rem;
-  --pf-c-page__header-brand--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-page__header-brand--xl--PaddingRight: var(--pf-global--spacer--xl);
-  --pf-c-page__header-brand--xl--PaddingLeft: var(--pf-global--spacer--lg);
-  --pf-c-page__header-sidebar-toggle__c-button--PaddingTop: var(--pf-global--spacer--sm);
-  --pf-c-page__header-sidebar-toggle__c-button--PaddingRight: var(--pf-global--spacer--sm);
-  --pf-c-page__header-sidebar-toggle__c-button--PaddingBottom: var(--pf-global--spacer--sm);
-  --pf-c-page__header-sidebar-toggle__c-button--PaddingLeft: var(--pf-global--spacer--sm);
-  --pf-c-page__header-sidebar-toggle__c-button--MarginRight: var(--pf-global--spacer--md);
-  --pf-c-page__header-sidebar-toggle__c-button--MarginLeft: calc(var(--pf-c-page__header-sidebar-toggle__c-button--PaddingLeft) * -1);
-  --pf-c-page__header-sidebar-toggle__c-button--FontSize: var(--pf-global--FontSize--2xl);
-  --pf-c-page__header-brand-link--c-brand--MaxHeight: 3.75rem;
-  --pf-c-page__header-nav--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
-  --pf-c-page__header-nav--xl--BackgroundColor: transparent;
-  --pf-c-page__header-nav--xl--PaddingRight: var(--pf-global--spacer--xl);
-  --pf-c-page__header-nav--xl--PaddingLeft: var(--pf-global--spacer--xl);
-  --pf-c-page__header-tools--MarginRight: var(--pf-global--spacer--md);
-  --pf-c-page__header-tools--xl--MarginRight: var(--pf-global--spacer--lg);
-  --pf-c-page__header-tools--c-avatar--MarginLeft: var(--pf-global--spacer--md);
-  --pf-c-page__header-tools-group--MarginLeft: var(--pf-global--spacer--xl);
-  --pf-c-page__header-tools-group--Display: flex;
-  --pf-c-page__header-tools-item--Display: block;
-  --pf-c-page__header-tools-item--c-notification-badge--hover--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
-  --pf-c-page__header-tools--c-button--notification-badge--m-unread--after--BackgroundColor: var(--pf-global--primary-color--200);
-  --pf-c-page__header-tools--c-button--notification-badge--m-attention--after--BackgroundColor: var(--pf-global--danger-color--200);
-  --pf-c-page__header-tools--c-button--m-selected--notification-badge--m-unread--after--BackgroundColor: var(--pf-global--primary-color--200);
-  --pf-c-page__header-tools--c-button--m-selected--notification-badge--m-attention--after--BackgroundColor: var(--pf-global--danger-color--200);
-  --pf-c-page__header-tools--c-button--m-selected--before--Width: auto;
-  --pf-c-page__header-tools--c-button--m-selected--before--Height: auto;
-  --pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
-  --pf-c-page__header-tools--c-button--m-selected--before--BorderRadius: var(--pf-global--BorderRadius--sm);
-  --pf-c-page__header-tools--c-button--m-selected--c-notification-badge--m-unread--after--BorderColor: transparent;
-  --pf-c-page__sidebar--ZIndex: var(--pf-global--ZIndex--sm);
-  --pf-c-page__sidebar--Width: 18.125rem;
-  --pf-c-page__sidebar--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
-  --pf-c-page__sidebar--m-light--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
-  --pf-c-page__sidebar--m-light--BorderRightWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-page__sidebar--m-light--BorderRightColor: var(--pf-global--BorderColor--100);
-  --pf-c-page__sidebar--BoxShadow: var(--pf-global--BoxShadow--lg-right);
-  --pf-c-page__sidebar--Transition: var(--pf-global--Transition);
-  --pf-c-page__sidebar--TranslateX: -100%;
-  --pf-c-page__sidebar--TranslateZ: 0;
-  --pf-c-page__sidebar--m-expanded--TranslateX: 0;
-  --pf-c-page__sidebar--xl--TranslateX: 0;
-  --pf-c-page__sidebar-body--PaddingTop: var(--pf-global--spacer--sm);
-  --pf-c-page__sidebar-body--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-page__sidebar-body--m-menu--PaddingTop: 0;
-  --pf-c-page__sidebar-body--m-menu--PaddingBottom: 0;
-  --pf-c-page__sidebar-body--m-menu--BorderTopColor: var(--pf-global--BackgroundColor--dark-200);
-  --pf-c-page__sidebar-body--m-menu--BorderTopWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor: var(--pf-global--BackgroundColor--dark-200);
-  --pf-c-page__main--ZIndex: var(--pf-global--ZIndex--xs);
-  --pf-c-page__main-section--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-page__main-section--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-page__main-section--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-page__main-section--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-page__main-section--xl--PaddingTop: var(--pf-global--spacer--lg);
-  --pf-c-page__main-section--xl--PaddingRight: var(--pf-global--spacer--lg);
-  --pf-c-page__main-section--xl--PaddingBottom: var(--pf-global--spacer--lg);
-  --pf-c-page__main-section--xl--PaddingLeft: var(--pf-global--spacer--lg);
-  --pf-c-page__main-breadcrumb--main-section--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-page__main-section--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
-  --pf-c-page__main-section--m-light--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
-  --pf-c-page__main-section--m-light-100--BackgroundColor: var(--pf-global--BackgroundColor--150);
-  --pf-c-page__main-section--m-dark-100--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-100);
-  --pf-c-page__main-section--m-dark-200--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
-  --pf-c-page__main-breadcrumb--page__main-tabs--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-page__main-nav--page__main-tabs--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-c-page__sidebar--Width));
-  --pf-c-page--section--m-sticky-top--ZIndex: var(--pf-global--ZIndex--md);
-  --pf-c-page--section--m-sticky-top--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
-  --pf-c-page--section--m-sticky-bottom--ZIndex: var(--pf-global--ZIndex--md);
-  --pf-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-global--BoxShadow--sm-top);
-  --pf-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
-  --pf-c-page--section--m-shadow-bottom--ZIndex: var(--pf-global--ZIndex--xs);
-  --pf-c-page--section--m-shadow-top--BoxShadow: var(--pf-global--BoxShadow--sm-top);
-  --pf-c-page--section--m-shadow-top--ZIndex: var(--pf-global--ZIndex--xs);
-  --pf-c-page__main-nav--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
-  --pf-c-page__main-nav--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-page__main-nav--PaddingRight: 0;
-  --pf-c-page__main-nav--PaddingLeft: 0;
-  --pf-c-page__main-nav--m-sticky-top--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-page__main-nav--xl--PaddingRight: var(--pf-global--spacer--sm);
-  --pf-c-page__main-nav--xl--PaddingLeft: var(--pf-global--spacer--sm);
-  --pf-c-page__main-subnav--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
-  --pf-c-page__main-subnav--BorderTopWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-page__main-subnav--BorderTopColor: var(--pf-global--palette--black-800);
-  --pf-c-page__main-subnav--BorderLeftWidth: 0;
-  --pf-c-page__main-subnav--BorderLeftColor: var(--pf-global--palette--black-800);
-  --pf-c-page__sidebar--main__main-subnav--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth: 0;
-  --pf-c-page__main-breadcrumb--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
-  --pf-c-page__main-breadcrumb--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-page__main-breadcrumb--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-page__main-breadcrumb--PaddingBottom: 0;
-  --pf-c-page__main-breadcrumb--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-page__main-breadcrumb--xl--PaddingRight: var(--pf-global--spacer--lg);
-  --pf-c-page__main-breadcrumb--xl--PaddingLeft: var(--pf-global--spacer--lg);
-  --pf-c-page__main-tabs--PaddingTop: 0;
-  --pf-c-page__main-tabs--PaddingRight: 0;
-  --pf-c-page__main-tabs--PaddingBottom: 0;
-  --pf-c-page__main-tabs--PaddingLeft: 0;
-  --pf-c-page__main-tabs--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
-  --pf-c-page__main-wizard--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
-  --pf-c-page__main-wizard--BorderTopColor: var(--pf-global--BorderColor--100);
-  --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);
+.pf-v5-c-page {
+  --pf-v5-c-page--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
+  --pf-v5-c-page--inset: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-page--xl--inset: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-page__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
+  --pf-v5-c-page__header--ZIndex: var(--pf-v5-global--ZIndex--md);
+  --pf-v5-c-page__header--MinHeight: 4.75rem;
+  --pf-v5-c-page__header-brand--PaddingLeft: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-page__header-brand--xl--PaddingRight: var(--pf-v5-global--spacer--xl);
+  --pf-v5-c-page__header-brand--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingTop: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingBottom: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-page__header-sidebar-toggle__c-button--MarginRight: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-page__header-sidebar-toggle__c-button--MarginLeft: calc(var(--pf-v5-c-page__header-sidebar-toggle__c-button--PaddingLeft) * -1);
+  --pf-v5-c-page__header-sidebar-toggle__c-button--FontSize: var(--pf-v5-global--FontSize--2xl);
+  --pf-v5-c-page__header-brand-link--c-brand--MaxHeight: 3.75rem;
+  --pf-v5-c-page__header-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-300);
+  --pf-v5-c-page__header-nav--xl--BackgroundColor: transparent;
+  --pf-v5-c-page__header-nav--xl--PaddingRight: var(--pf-v5-global--spacer--xl);
+  --pf-v5-c-page__header-nav--xl--PaddingLeft: var(--pf-v5-global--spacer--xl);
+  --pf-v5-c-page__header-tools--MarginRight: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-page__header-tools--xl--MarginRight: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-page__header-tools--c-avatar--MarginLeft: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-page__header-tools-group--MarginLeft: var(--pf-v5-global--spacer--xl);
+  --pf-v5-c-page__header-tools-group--Display: flex;
+  --pf-v5-c-page__header-tools-item--Display: block;
+  --pf-v5-c-page__header-tools-item--c-notification-badge--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
+  --pf-v5-c-page__header-tools--c-button--notification-badge--m-unread--after--BackgroundColor: var(--pf-v5-global--primary-color--200);
+  --pf-v5-c-page__header-tools--c-button--notification-badge--m-attention--after--BackgroundColor: var(--pf-v5-global--danger-color--200);
+  --pf-v5-c-page__header-tools--c-button--m-selected--notification-badge--m-unread--after--BackgroundColor: var(--pf-v5-global--primary-color--200);
+  --pf-v5-c-page__header-tools--c-button--m-selected--notification-badge--m-attention--after--BackgroundColor: var(--pf-v5-global--danger-color--200);
+  --pf-v5-c-page__header-tools--c-button--m-selected--before--Width: auto;
+  --pf-v5-c-page__header-tools--c-button--m-selected--before--Height: auto;
+  --pf-v5-c-page__header-tools--c-button--m-selected--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
+  --pf-v5-c-page__header-tools--c-button--m-selected--before--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
+  --pf-v5-c-page__header-tools--c-button--m-selected--c-notification-badge--m-unread--after--BorderColor: transparent;
+  --pf-v5-c-page__sidebar--ZIndex: var(--pf-v5-global--ZIndex--sm);
+  --pf-v5-c-page__sidebar--Width: 18.125rem;
+  --pf-v5-c-page__sidebar--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-300);
+  --pf-v5-c-page__sidebar--m-light--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
+  --pf-v5-c-page__sidebar--m-light--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-page__sidebar--m-light--BorderRightColor: var(--pf-v5-global--BorderColor--100);
+  --pf-v5-c-page__sidebar--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right);
+  --pf-v5-c-page__sidebar--Transition: var(--pf-v5-global--Transition);
+  --pf-v5-c-page__sidebar--TranslateX: -100%;
+  --pf-v5-c-page__sidebar--TranslateZ: 0;
+  --pf-v5-c-page__sidebar--m-expanded--TranslateX: 0;
+  --pf-v5-c-page__sidebar--xl--TranslateX: 0;
+  --pf-v5-c-page__sidebar-body--PaddingRight: 0;
+  --pf-v5-c-page__sidebar-body--PaddingLeft: 0;
+  --pf-v5-c-page__sidebar-body--m-page-insets--PaddingRight: var(--pf-v5-c-page--inset);
+  --pf-v5-c-page__sidebar-body--m-page-insets--PaddingLeft: var(--pf-v5-c-page--inset);
+  --pf-v5-c-page__sidebar-body--m-menu--BorderTopColor: var(--pf-v5-global--BackgroundColor--dark-200);
+  --pf-v5-c-page__sidebar-body--m-menu--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor: var(--pf-v5-global--BackgroundColor--dark-200);
+  --pf-v5-c-page__main--ZIndex: var(--pf-v5-global--ZIndex--xs);
+  --pf-v5-c-page__main-section--PaddingTop: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-page__main-section--PaddingRight: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-page__main-section--PaddingBottom: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-page__main-section--PaddingLeft: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-page__main-section--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-page__main-section--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-page__main-section--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-page__main-section--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-page__main-breadcrumb--main-section--PaddingTop: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
+  --pf-v5-c-page__main-section--m-light--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
+  --pf-v5-c-page__main-section--m-light-100--BackgroundColor: var(--pf-v5-global--BackgroundColor--150);
+  --pf-v5-c-page__main-section--m-dark-100--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-transparent-100);
+  --pf-v5-c-page__main-section--m-dark-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-transparent-200);
+  --pf-v5-c-page__main-breadcrumb--page__main-tabs--PaddingTop: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-page__main-nav--page__main-tabs--PaddingTop: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v5-c-page__sidebar--Width));
+  --pf-v5-c-page--section--m-sticky-top--ZIndex: var(--pf-v5-global--ZIndex--md);
+  --pf-v5-c-page--section--m-sticky-top--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
+  --pf-v5-c-page--section--m-sticky-bottom--ZIndex: var(--pf-v5-global--ZIndex--md);
+  --pf-v5-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top);
+  --pf-v5-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
+  --pf-v5-c-page--section--m-shadow-bottom--ZIndex: var(--pf-v5-global--ZIndex--xs);
+  --pf-v5-c-page--section--m-shadow-top--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top);
+  --pf-v5-c-page--section--m-shadow-top--ZIndex: var(--pf-v5-global--ZIndex--xs);
+  --pf-v5-c-page__main-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
+  --pf-v5-c-page__main-nav--PaddingTop: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-page__main-nav--PaddingRight: 0;
+  --pf-v5-c-page__main-nav--PaddingLeft: 0;
+  --pf-v5-c-page__main-nav--m-sticky-top--PaddingBottom: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-page__main-nav--xl--PaddingRight: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-page__main-nav--xl--PaddingLeft: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-page__main-subnav--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-300);
+  --pf-v5-c-page__main-subnav--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-page__main-subnav--BorderTopColor: var(--pf-v5-global--palette--black-800);
+  --pf-v5-c-page__main-subnav--BorderLeftWidth: 0;
+  --pf-v5-c-page__main-subnav--BorderLeftColor: var(--pf-v5-global--palette--black-800);
+  --pf-v5-c-page__sidebar--main__main-subnav--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth: 0;
+  --pf-v5-c-page__main-breadcrumb--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
+  --pf-v5-c-page__main-breadcrumb--PaddingTop: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-page__main-breadcrumb--PaddingRight: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-page__main-breadcrumb--PaddingBottom: 0;
+  --pf-v5-c-page__main-breadcrumb--PaddingLeft: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-page__main-breadcrumb--m-sticky-top--PaddingBottom: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-page__main-breadcrumb--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-page__main-breadcrumb--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-page__main-tabs--PaddingTop: 0;
+  --pf-v5-c-page__main-tabs--PaddingRight: 0;
+  --pf-v5-c-page__main-tabs--PaddingBottom: 0;
+  --pf-v5-c-page__main-tabs--PaddingLeft: 0;
+  --pf-v5-c-page__main-tabs--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
+  --pf-v5-c-page__main-wizard--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
+  --pf-v5-c-page__main-wizard--BorderTopColor: var(--pf-v5-global--BorderColor--100);
+  --pf-v5-c-page__main-wizard--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-page__main-wizard--m-light-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
   display: grid;
-  height: 100%;
-  grid-template-columns: 1fr;
-  grid-template-rows: max-content 1fr;
   grid-template-areas: "header" "main";
-  background-color: var(--pf-c-page--BackgroundColor);
+  grid-template-rows: max-content 1fr;
+  grid-template-columns: 1fr;
+  height: 100vh;
+  height: 100dvh;
+  max-height: 100%;
+  background-color: var(--pf-v5-c-page--BackgroundColor);
 }
 @media (min-width: 1200px) {
-  .pf-c-page {
-    --pf-c-page__header-brand--PaddingLeft: var(--pf-c-page__header-brand--xl--PaddingLeft);
+  .pf-v5-c-page {
+    --pf-v5-c-page__header-brand--PaddingLeft: var(--pf-v5-c-page__header-brand--xl--PaddingLeft);
+    --pf-v5-c-page--inset: var(--pf-v5-c-page--xl--inset);
   }
 }
 @media screen and (min-width: 1200px) {
-  .pf-c-page {
-    --pf-c-page__header-nav--BackgroundColor: var(--pf-c-page__header-nav--xl--BackgroundColor);
-    --pf-c-page__header-nav--PaddingRight: var(--pf-c-page__header-nav--xl--PaddingRight);
-    --pf-c-page__header-nav--PaddingLeft: var(--pf-c-page__header-nav--xl--PaddingLeft);
+  .pf-v5-c-page {
+    --pf-v5-c-page__header-nav--BackgroundColor: var(--pf-v5-c-page__header-nav--xl--BackgroundColor);
+    --pf-v5-c-page__header-nav--PaddingRight: var(--pf-v5-c-page__header-nav--xl--PaddingRight);
+    --pf-v5-c-page__header-nav--PaddingLeft: var(--pf-v5-c-page__header-nav--xl--PaddingLeft);
   }
 }
 @media screen and (min-width: 1200px) {
-  .pf-c-page {
-    --pf-c-page__header-tools--MarginRight: var(--pf-c-page__header-tools--xl--MarginRight);
+  .pf-v5-c-page {
+    --pf-v5-c-page__header-tools--MarginRight: var(--pf-v5-c-page__header-tools--xl--MarginRight);
   }
 }
 @media screen and (min-width: 1200px) {
-  .pf-c-page {
-    --pf-c-page__sidebar--TranslateX: var(--pf-c-page__sidebar--xl--TranslateX);
+  .pf-v5-c-page {
+    --pf-v5-c-page__sidebar--TranslateX: var(--pf-v5-c-page__sidebar--xl--TranslateX);
   }
 }
 @media screen and (min-width: 1200px) {
-  .pf-c-page {
-    --pf-c-page__main-section--PaddingTop: var(--pf-c-page__main-section--xl--PaddingTop);
-    --pf-c-page__main-section--PaddingRight: var(--pf-c-page__main-section--xl--PaddingRight);
-    --pf-c-page__main-section--PaddingBottom: var(--pf-c-page__main-section--xl--PaddingBottom);
-    --pf-c-page__main-section--PaddingLeft: var(--pf-c-page__main-section--xl--PaddingLeft);
+  .pf-v5-c-page {
+    --pf-v5-c-page__main-section--PaddingTop: var(--pf-v5-c-page__main-section--xl--PaddingTop);
+    --pf-v5-c-page__main-section--PaddingRight: var(--pf-v5-c-page__main-section--xl--PaddingRight);
+    --pf-v5-c-page__main-section--PaddingBottom: var(--pf-v5-c-page__main-section--xl--PaddingBottom);
+    --pf-v5-c-page__main-section--PaddingLeft: var(--pf-v5-c-page__main-section--xl--PaddingLeft);
   }
 }
 @media screen and (min-width: 1200px) {
-  .pf-c-page {
-    --pf-c-page__main-nav--PaddingRight: var(--pf-c-page__main-nav--xl--PaddingRight);
-    --pf-c-page__main-nav--PaddingLeft: var(--pf-c-page__main-nav--xl--PaddingLeft);
+  .pf-v5-c-page {
+    --pf-v5-c-page__main-nav--PaddingRight: var(--pf-v5-c-page__main-nav--xl--PaddingRight);
+    --pf-v5-c-page__main-nav--PaddingLeft: var(--pf-v5-c-page__main-nav--xl--PaddingLeft);
   }
 }
 @media screen and (min-width: 1200px) {
-  .pf-c-page {
-    --pf-c-page__main-breadcrumb--PaddingRight: var(--pf-c-page__main-breadcrumb--xl--PaddingRight);
-    --pf-c-page__main-breadcrumb--PaddingLeft: var(--pf-c-page__main-breadcrumb--xl--PaddingLeft);
+  .pf-v5-c-page {
+    --pf-v5-c-page__main-breadcrumb--PaddingRight: var(--pf-v5-c-page__main-breadcrumb--xl--PaddingRight);
+    --pf-v5-c-page__main-breadcrumb--PaddingLeft: var(--pf-v5-c-page__main-breadcrumb--xl--PaddingLeft);
   }
 }
 @media (min-width: 1200px) {
-  .pf-c-page {
-    grid-template-columns: max-content 1fr;
+  .pf-v5-c-page {
     grid-template-areas: "header header" "nav main";
+    grid-template-columns: max-content 1fr;
   }
 }
-.pf-c-page.pf-m-full-height {
-  height: 100vh;
-  height: 100dvh;
-  max-height: 100%;
-}
 
-.pf-c-page__header,
-.pf-c-page > .pf-c-masthead {
+.pf-v5-c-page__header,
+.pf-v5-c-page > .pf-v5-c-masthead {
+  z-index: var(--pf-v5-c-page__header--ZIndex);
   grid-area: header;
-  z-index: var(--pf-c-page__header--ZIndex);
 }
 
-.pf-c-page__header {
-  color: var(--pf-global--Color--100);
-  grid-template-columns: auto auto;
+.pf-v5-c-page__header {
+  color: var(--pf-v5-global--Color--100);
   display: grid;
+  grid-template-columns: auto auto;
   align-items: center;
   min-width: 0;
-  min-height: var(--pf-c-page__header--MinHeight);
-  background-color: var(--pf-c-page__header--BackgroundColor);
+  min-height: var(--pf-v5-c-page__header--MinHeight);
+  background-color: var(--pf-v5-c-page__header--BackgroundColor);
 }
-.pf-c-page__header > * {
+.pf-v5-c-page__header > * {
   display: flex;
   align-items: center;
 }
 @media screen and (min-width: 992px) {
-  .pf-c-page__header {
+  .pf-v5-c-page__header {
     grid-template-columns: auto 1fr auto;
   }
 }
-.pf-c-page__header .pf-c-masthead {
+.pf-v5-c-page__header .pf-v5-c-masthead {
   grid-column: span 2;
   align-self: stretch;
 }
 
-.pf-c-page__header-brand {
+.pf-v5-c-page__header-brand {
   grid-column: 1/2;
-  padding-left: var(--pf-c-page__header-brand--PaddingLeft);
+  padding-left: var(--pf-v5-c-page__header-brand--PaddingLeft);
 }
 @media (min-width: 1200px) {
-  .pf-c-page__header-brand {
-    padding-right: var(--pf-c-page__header-brand--xl--PaddingRight);
+  .pf-v5-c-page__header-brand {
+    padding-right: var(--pf-v5-c-page__header-brand--xl--PaddingRight);
   }
 }
 
-.pf-c-page__header-brand-link {
+.pf-v5-c-page__header-brand-link {
   display: flex;
   flex: 1;
   align-items: center;
 }
-.pf-c-page__header-brand-link .pf-c-brand {
-  max-height: var(--pf-c-page__header-brand-link--c-brand--MaxHeight);
+.pf-v5-c-page__header-brand-link .pf-v5-c-brand {
+  max-height: var(--pf-v5-c-page__header-brand-link--c-brand--MaxHeight);
 }
 
-.pf-c-page__header-brand-toggle .pf-c-button {
-  padding: var(--pf-c-page__header-sidebar-toggle__c-button--PaddingTop) var(--pf-c-page__header-sidebar-toggle__c-button--PaddingRight) var(--pf-c-page__header-sidebar-toggle__c-button--PaddingBottom) var(--pf-c-page__header-sidebar-toggle__c-button--PaddingLeft);
-  margin-right: var(--pf-c-page__header-sidebar-toggle__c-button--MarginRight);
-  margin-left: var(--pf-c-page__header-sidebar-toggle__c-button--MarginLeft);
-  font-size: var(--pf-c-page__header-sidebar-toggle__c-button--FontSize);
+.pf-v5-c-page__header-brand-toggle .pf-v5-c-button {
+  padding: var(--pf-v5-c-page__header-sidebar-toggle__c-button--PaddingTop) var(--pf-v5-c-page__header-sidebar-toggle__c-button--PaddingRight) var(--pf-v5-c-page__header-sidebar-toggle__c-button--PaddingBottom) var(--pf-v5-c-page__header-sidebar-toggle__c-button--PaddingLeft);
+  margin-right: var(--pf-v5-c-page__header-sidebar-toggle__c-button--MarginRight);
+  margin-left: var(--pf-v5-c-page__header-sidebar-toggle__c-button--MarginLeft);
+  font-size: var(--pf-v5-c-page__header-sidebar-toggle__c-button--FontSize);
   line-height: 1;
 }
 
-.pf-c-page__header-nav {
+.pf-v5-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;
+  padding-right: var(--pf-v5-c-page__header-nav--PaddingRight);
+  padding-left: var(--pf-v5-c-page__header-nav--PaddingLeft);
+  background-color: var(--pf-v5-c-page__header-nav--BackgroundColor);
 }
 @media screen and (min-width: 1200px) {
-  .pf-c-page__header-nav {
-    grid-column: 2/3;
+  .pf-v5-c-page__header-nav {
     grid-row: 1/2;
+    grid-column: 2/3;
   }
 }
-.pf-c-page__header-nav .pf-c-nav {
+.pf-v5-c-page__header-nav .pf-v5-c-nav {
   align-self: stretch;
 }
 
-.pf-c-page__header-tools {
+.pf-v5-c-page__header-tools {
   grid-column: 2/3;
-  margin-right: var(--pf-c-page__header-tools--MarginRight);
+  margin-right: var(--pf-v5-c-page__header-tools--MarginRight);
   margin-left: auto;
 }
-.pf-c-page__header-tools .pf-c-avatar {
-  margin-left: var(--pf-c-page__header-tools--c-avatar--MarginLeft);
+.pf-v5-c-page__header-tools .pf-v5-c-avatar {
+  margin-left: var(--pf-v5-c-page__header-tools--c-avatar--MarginLeft);
 }
 @media screen and (min-width: 992px) {
-  .pf-c-page__header-tools {
+  .pf-v5-c-page__header-tools {
     grid-column: 3/4;
   }
 }
 
-.pf-c-page__header-tools-group {
-  --pf-hidden-visible--visible--Display: var(--pf-c-page__header-tools-group--Display);
+.pf-v5-c-page__header-tools-group {
+  --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-page__header-tools-group--Display);
   align-items: center;
 }
-.pf-c-page__header-tools-group + .pf-c-page__header-tools-group {
-  margin-left: var(--pf-c-page__header-tools-group--MarginLeft);
+.pf-v5-c-page__header-tools-group + .pf-v5-c-page__header-tools-group {
+  margin-left: var(--pf-v5-c-page__header-tools-group--MarginLeft);
 }
 
-.pf-c-page__header-tools-item {
-  --pf-hidden-visible--visible--Display: var(--pf-c-page__header-tools-item--Display);
+.pf-v5-c-page__header-tools-item {
+  --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-page__header-tools-item--Display);
 }
-.pf-c-page__header-tools-item .pf-c-notification-badge.pf-m-read:hover {
-  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-page__header-tools-item--c-notification-badge--hover--BackgroundColor);
+.pf-v5-c-page__header-tools-item .pf-v5-c-notification-badge.pf-m-read:hover {
+  --pf-v5-c-notification-badge--after--BackgroundColor: var(--pf-v5-c-page__header-tools-item--c-notification-badge--hover--BackgroundColor);
 }
-.pf-c-page__header-tools-item.pf-m-selected .pf-c-button {
-  background-color: var(--pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor);
-  border-radius: var(--pf-c-page__header-tools--c-button--m-selected--before--BorderRadius);
+.pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button {
+  background-color: var(--pf-v5-c-page__header-tools--c-button--m-selected--before--BackgroundColor);
+  border-radius: var(--pf-v5-c-page__header-tools--c-button--m-selected--before--BorderRadius);
 }
-.pf-c-page__header-tools-item.pf-m-selected .pf-c-button::before {
+.pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button::before {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
-  width: var(--pf-c-page__header-tools--c-button--m-selected--before--Width);
-  height: var(--pf-c-page__header-tools--c-button--m-selected--before--Height);
+  width: var(--pf-v5-c-page__header-tools--c-button--m-selected--before--Width);
+  height: var(--pf-v5-c-page__header-tools--c-button--m-selected--before--Height);
   content: "";
 }
-.pf-c-page__header-tools-item.pf-m-selected .pf-c-button .pf-c-notification-badge.pf-m-unread {
-  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-page__header-tools--c-button--m-selected--notification-badge--m-unread--after--BackgroundColor);
+.pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button .pf-v5-c-notification-badge.pf-m-unread {
+  --pf-v5-c-notification-badge--after--BackgroundColor: var(--pf-v5-c-page__header-tools--c-button--m-selected--notification-badge--m-unread--after--BackgroundColor);
 }
-.pf-c-page__header-tools-item.pf-m-selected .pf-c-button .pf-c-notification-badge.pf-m-unread::after {
-  border-color: var(--pf-c-page__header-tools--c-button--m-selected--c-notification-badge--m-unread--after--BorderColor);
+.pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button .pf-v5-c-notification-badge.pf-m-unread::after {
+  border-color: var(--pf-v5-c-page__header-tools--c-button--m-selected--c-notification-badge--m-unread--after--BorderColor);
 }
-.pf-c-page__header-tools-item.pf-m-selected .pf-c-button .pf-c-notification-badge.pf-m-attention {
-  --pf-c-notification-badge--after--BackgroundColor: var(--pf-global--danger-color--200);
+.pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button .pf-v5-c-notification-badge.pf-m-attention {
+  --pf-v5-c-notification-badge--after--BackgroundColor: var(--pf-v5-global--danger-color--200);
 }
-.pf-c-page__header-tools-item .pf-c-button:focus .pf-c-notification-badge.pf-m-unread {
-  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-page__header-tools--c-button--notification-badge--m-unread--after--BackgroundColor);
+.pf-v5-c-page__header-tools-item .pf-v5-c-button:focus .pf-v5-c-notification-badge.pf-m-unread {
+  --pf-v5-c-notification-badge--after--BackgroundColor: var(--pf-v5-c-page__header-tools--c-button--notification-badge--m-unread--after--BackgroundColor);
 }
-.pf-c-page__header-tools-item .pf-c-button:focus .pf-c-notification-badge.pf-m-attention {
-  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-page__header-tools--c-button--notification-badge--m-attention--after--BackgroundColor);
+.pf-v5-c-page__header-tools-item .pf-v5-c-button:focus .pf-v5-c-notification-badge.pf-m-attention {
+  --pf-v5-c-notification-badge--after--BackgroundColor: var(--pf-v5-c-page__header-tools--c-button--notification-badge--m-attention--after--BackgroundColor);
 }
 
-.pf-c-page__sidebar {
+.pf-v5-c-page__sidebar {
+  color: var(--pf-v5-global--Color--100);
+  z-index: var(--pf-v5-c-page__sidebar--ZIndex);
+  display: flex;
+  flex-direction: column;
   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);
+  width: var(--pf-v5-c-page__sidebar--Width);
   overflow-x: hidden;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
-  background-color: var(--pf-c-page__sidebar--BackgroundColor);
-  transition: var(--pf-c-page__sidebar--Transition);
-  transform: translateX(var(--pf-c-page__sidebar--TranslateX)) translateZ(var(--pf-c-page__sidebar--TranslateZ));
+  background-color: var(--pf-v5-c-page__sidebar--BackgroundColor);
+  transition: var(--pf-v5-c-page__sidebar--Transition);
+  transform: translateX(var(--pf-v5-c-page__sidebar--TranslateX)) translateZ(var(--pf-v5-c-page__sidebar--TranslateZ));
 }
-.pf-c-page__sidebar.pf-m-expanded {
-  --pf-c-page__sidebar--TranslateX: var(--pf-c-page__sidebar--m-expanded--TranslateX);
-  box-shadow: var(--pf-c-page__sidebar--BoxShadow);
+.pf-v5-c-page__sidebar.pf-m-expanded {
+  --pf-v5-c-page__sidebar--TranslateX: var(--pf-v5-c-page__sidebar--m-expanded--TranslateX);
+  box-shadow: var(--pf-v5-c-page__sidebar--BoxShadow);
 }
 @media screen and (min-width: 1200px) {
-  .pf-c-page__sidebar.pf-m-expanded {
-    --pf-c-page__sidebar--BoxShadow: none;
+  .pf-v5-c-page__sidebar.pf-m-expanded {
+    --pf-v5-c-page__sidebar--BoxShadow: none;
   }
 }
-.pf-c-page__sidebar.pf-m-collapsed {
+.pf-v5-c-page__sidebar.pf-m-collapsed {
   max-width: 0;
   overflow: hidden;
 }
-.pf-c-page__sidebar.pf-m-light {
-  color: var(--pf-global--Color--100);
-  --pf-c-page__sidebar--BackgroundColor: var(--pf-c-page__sidebar--m-light--BackgroundColor);
-  border-right: var(--pf-c-page__sidebar--m-light--BorderRightWidth) solid var(--pf-c-page__sidebar--m-light--BorderRightColor);
+.pf-v5-c-page__sidebar.pf-m-light {
+  color: var(--pf-v5-global--Color--100);
+  --pf-v5-c-page__sidebar--BackgroundColor: var(--pf-v5-c-page__sidebar--m-light--BackgroundColor);
+  border-right: var(--pf-v5-c-page__sidebar--m-light--BorderRightWidth) solid var(--pf-v5-c-page__sidebar--m-light--BorderRightColor);
 }
 
-.pf-c-page__sidebar-body {
-  padding-top: var(--pf-c-page__sidebar-body--PaddingTop);
-  padding-bottom: var(--pf-c-page__sidebar-body--PaddingBottom);
-}
-.pf-c-page__sidebar-body.pf-m-menu {
-  --pf-c-page__sidebar-body--PaddingTop: var(--pf-c-page__sidebar-body--m-menu--PaddingTop);
-  --pf-c-page__sidebar-body--PaddingBottom: var(--pf-c-page__sidebar-body--m-menu--PaddingBottom);
-  background-color: var(--pf-global--palette--black-900);
-  border-top: var(--pf-c-page__sidebar-body--m-menu--BorderTopWidth) solid var(--pf-c-page__sidebar-body--m-menu--BorderTopColor);
-}
-.pf-c-page__sidebar-body.pf-m-menu + .pf-c-page__sidebar-body.pf-m-menu {
-  --pf-c-page__sidebar-body--m-menu--BorderTopWidth: 0;
-}
-.pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector {
-  --pf-c-context-selector__toggle--BorderTopColor: transparent;
-  --pf-c-context-selector__toggle--BorderRightColor: transparent;
-  --pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor);
-  --pf-c-context-selector__toggle--BorderLeftColor: transparent;
-  --pf-c-context-selector__menu--Top: 100%;
-  color: var(--pf-global--Color--100);
+.pf-v5-c-page__sidebar-body {
+  padding-right: var(--pf-v5-c-page__sidebar-body--PaddingRight);
+  padding-left: var(--pf-v5-c-page__sidebar-body--PaddingLeft);
+}
+.pf-v5-c-page__sidebar-body:last-child {
+  flex-grow: 1;
+}
+.pf-v5-c-page__sidebar-body.pf-m-menu {
+  background-color: var(--pf-v5-global--palette--black-900);
+  border-top: var(--pf-v5-c-page__sidebar-body--m-menu--BorderTopWidth) solid var(--pf-v5-c-page__sidebar-body--m-menu--BorderTopColor);
+}
+.pf-v5-c-page__sidebar-body.pf-m-menu + .pf-v5-c-page__sidebar-body.pf-m-menu {
+  --pf-v5-c-page__sidebar-body--m-menu--BorderTopWidth: 0;
+}
+.pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector {
+  --pf-v5-c-context-selector__toggle--BorderTopColor: transparent;
+  --pf-v5-c-context-selector__toggle--BorderRightColor: transparent;
+  --pf-v5-c-context-selector__toggle--BorderBottomColor: var(--pf-v5-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor);
+  --pf-v5-c-context-selector__toggle--BorderLeftColor: transparent;
+  --pf-v5-c-context-selector__menu--Top: 100%;
+  color: var(--pf-v5-global--Color--100);
   width: 100%;
 }
+.pf-v5-c-page__sidebar-body.pf-m-page-insets {
+  --pf-v5-c-page__sidebar-body--PaddingRight: var(--pf-v5-c-page__sidebar-body--m-page-insets--PaddingRight);
+  --pf-v5-c-page__sidebar-body--PaddingLeft: var(--pf-v5-c-page__sidebar-body--m-page-insets--PaddingLeft);
+}
+.pf-v5-c-page__sidebar-body.pf-m-inset-none {
+  --pf-v5-c-page__sidebar-body--PaddingRight: 0;
+  --pf-v5-c-page__sidebar-body--PaddingLeft: 0;
+}
+.pf-v5-c-page__sidebar-body.pf-m-fill {
+  flex-grow: 1;
+}
+.pf-v5-c-page__sidebar-body.pf-m-no-fill {
+  flex-grow: 0;
+}
 
-.pf-c-page__main-nav.pf-m-limit-width,
-.pf-c-page__main-breadcrumb.pf-m-limit-width,
-.pf-c-page__main-tabs.pf-m-limit-width,
-.pf-c-page__main-section.pf-m-limit-width,
-.pf-c-page__main-wizard.pf-m-limit-width {
+.pf-v5-c-page__main-nav.pf-m-limit-width,
+.pf-v5-c-page__main-breadcrumb.pf-m-limit-width,
+.pf-v5-c-page__main-tabs.pf-m-limit-width,
+.pf-v5-c-page__main-section.pf-m-limit-width,
+.pf-v5-c-page__main-wizard.pf-m-limit-width {
   display: flex;
   flex-direction: column;
   padding: 0;
 }
-.pf-c-page__main-nav.pf-m-limit-width > .pf-c-page__main-body,
-.pf-c-page__main-breadcrumb.pf-m-limit-width > .pf-c-page__main-body,
-.pf-c-page__main-tabs.pf-m-limit-width > .pf-c-page__main-body,
-.pf-c-page__main-section.pf-m-limit-width > .pf-c-page__main-body,
-.pf-c-page__main-wizard.pf-m-limit-width > .pf-c-page__main-body {
+.pf-v5-c-page__main-nav.pf-m-limit-width > .pf-v5-c-page__main-body,
+.pf-v5-c-page__main-breadcrumb.pf-m-limit-width > .pf-v5-c-page__main-body,
+.pf-v5-c-page__main-tabs.pf-m-limit-width > .pf-v5-c-page__main-body,
+.pf-v5-c-page__main-section.pf-m-limit-width > .pf-v5-c-page__main-body,
+.pf-v5-c-page__main-wizard.pf-m-limit-width > .pf-v5-c-page__main-body {
   flex: 1;
-  max-width: var(--pf-c-page--section--m-limit-width--MaxWidth);
+  max-width: var(--pf-v5-c-page--section--m-limit-width--MaxWidth);
 }
-.pf-c-page__main-nav.pf-m-limit-width.pf-m-align-center,
-.pf-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center,
-.pf-c-page__main-tabs.pf-m-limit-width.pf-m-align-center,
-.pf-c-page__main-section.pf-m-limit-width.pf-m-align-center,
-.pf-c-page__main-wizard.pf-m-limit-width.pf-m-align-center {
+.pf-v5-c-page__main-nav.pf-m-limit-width.pf-m-align-center,
+.pf-v5-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center,
+.pf-v5-c-page__main-tabs.pf-m-limit-width.pf-m-align-center,
+.pf-v5-c-page__main-section.pf-m-limit-width.pf-m-align-center,
+.pf-v5-c-page__main-wizard.pf-m-limit-width.pf-m-align-center {
   align-items: center;
 }
-.pf-c-page__main-nav.pf-m-limit-width.pf-m-align-center > .pf-c-page__main-body,
-.pf-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center > .pf-c-page__main-body,
-.pf-c-page__main-tabs.pf-m-limit-width.pf-m-align-center > .pf-c-page__main-body,
-.pf-c-page__main-section.pf-m-limit-width.pf-m-align-center > .pf-c-page__main-body,
-.pf-c-page__main-wizard.pf-m-limit-width.pf-m-align-center > .pf-c-page__main-body {
+.pf-v5-c-page__main-nav.pf-m-limit-width.pf-m-align-center > .pf-v5-c-page__main-body,
+.pf-v5-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center > .pf-v5-c-page__main-body,
+.pf-v5-c-page__main-tabs.pf-m-limit-width.pf-m-align-center > .pf-v5-c-page__main-body,
+.pf-v5-c-page__main-section.pf-m-limit-width.pf-m-align-center > .pf-v5-c-page__main-body,
+.pf-v5-c-page__main-wizard.pf-m-limit-width.pf-m-align-center > .pf-v5-c-page__main-body {
   width: 100%;
 }
 
-.pf-c-page__main-nav,
-.pf-c-page__main-breadcrumb,
-.pf-c-page__main-tabs,
-.pf-c-page__main-section,
-.pf-c-page__main-wizard,
-.pf-c-page__main-group,
-.pf-c-page__main-subnav {
+.pf-v5-c-page__main-nav,
+.pf-v5-c-page__main-breadcrumb,
+.pf-v5-c-page__main-tabs,
+.pf-v5-c-page__main-section,
+.pf-v5-c-page__main-wizard,
+.pf-v5-c-page__main-group,
+.pf-v5-c-page__main-subnav {
   flex-shrink: 0;
 }
-.pf-c-page__main-nav.pf-m-overflow-scroll,
-.pf-c-page__main-breadcrumb.pf-m-overflow-scroll,
-.pf-c-page__main-tabs.pf-m-overflow-scroll,
-.pf-c-page__main-section.pf-m-overflow-scroll,
-.pf-c-page__main-wizard.pf-m-overflow-scroll,
-.pf-c-page__main-group.pf-m-overflow-scroll,
-.pf-c-page__main-subnav.pf-m-overflow-scroll {
+.pf-v5-c-page__main-nav.pf-m-overflow-scroll,
+.pf-v5-c-page__main-breadcrumb.pf-m-overflow-scroll,
+.pf-v5-c-page__main-tabs.pf-m-overflow-scroll,
+.pf-v5-c-page__main-section.pf-m-overflow-scroll,
+.pf-v5-c-page__main-wizard.pf-m-overflow-scroll,
+.pf-v5-c-page__main-group.pf-m-overflow-scroll,
+.pf-v5-c-page__main-subnav.pf-m-overflow-scroll {
   position: relative;
   flex-shrink: 1;
   overflow: auto;
 }
-.pf-c-page__main-nav.pf-m-shadow-bottom,
-.pf-c-page__main-breadcrumb.pf-m-shadow-bottom,
-.pf-c-page__main-tabs.pf-m-shadow-bottom,
-.pf-c-page__main-section.pf-m-shadow-bottom,
-.pf-c-page__main-wizard.pf-m-shadow-bottom,
-.pf-c-page__main-group.pf-m-shadow-bottom,
-.pf-c-page__main-subnav.pf-m-shadow-bottom {
-  z-index: var(--pf-c-page--section--m-shadow-bottom--ZIndex);
-  box-shadow: var(--pf-c-page--section--m-shadow-bottom--BoxShadow);
-}
-.pf-c-page__main-nav.pf-m-shadow-top,
-.pf-c-page__main-breadcrumb.pf-m-shadow-top,
-.pf-c-page__main-tabs.pf-m-shadow-top,
-.pf-c-page__main-section.pf-m-shadow-top,
-.pf-c-page__main-wizard.pf-m-shadow-top,
-.pf-c-page__main-group.pf-m-shadow-top,
-.pf-c-page__main-subnav.pf-m-shadow-top {
-  z-index: var(--pf-c-page--section--m-shadow-top--ZIndex);
-  box-shadow: var(--pf-c-page--section--m-shadow-top--BoxShadow);
-}
-.pf-c-page__main-nav.pf-m-sticky-top,
-.pf-c-page__main-breadcrumb.pf-m-sticky-top,
-.pf-c-page__main-tabs.pf-m-sticky-top,
-.pf-c-page__main-section.pf-m-sticky-top,
-.pf-c-page__main-wizard.pf-m-sticky-top,
-.pf-c-page__main-group.pf-m-sticky-top,
-.pf-c-page__main-subnav.pf-m-sticky-top {
+.pf-v5-c-page__main-nav.pf-m-shadow-bottom,
+.pf-v5-c-page__main-breadcrumb.pf-m-shadow-bottom,
+.pf-v5-c-page__main-tabs.pf-m-shadow-bottom,
+.pf-v5-c-page__main-section.pf-m-shadow-bottom,
+.pf-v5-c-page__main-wizard.pf-m-shadow-bottom,
+.pf-v5-c-page__main-group.pf-m-shadow-bottom,
+.pf-v5-c-page__main-subnav.pf-m-shadow-bottom {
+  z-index: var(--pf-v5-c-page--section--m-shadow-bottom--ZIndex);
+  box-shadow: var(--pf-v5-c-page--section--m-shadow-bottom--BoxShadow);
+}
+.pf-v5-c-page__main-nav.pf-m-shadow-top,
+.pf-v5-c-page__main-breadcrumb.pf-m-shadow-top,
+.pf-v5-c-page__main-tabs.pf-m-shadow-top,
+.pf-v5-c-page__main-section.pf-m-shadow-top,
+.pf-v5-c-page__main-wizard.pf-m-shadow-top,
+.pf-v5-c-page__main-group.pf-m-shadow-top,
+.pf-v5-c-page__main-subnav.pf-m-shadow-top {
+  z-index: var(--pf-v5-c-page--section--m-shadow-top--ZIndex);
+  box-shadow: var(--pf-v5-c-page--section--m-shadow-top--BoxShadow);
+}
+.pf-v5-c-page__main-nav.pf-m-sticky-top,
+.pf-v5-c-page__main-breadcrumb.pf-m-sticky-top,
+.pf-v5-c-page__main-tabs.pf-m-sticky-top,
+.pf-v5-c-page__main-section.pf-m-sticky-top,
+.pf-v5-c-page__main-wizard.pf-m-sticky-top,
+.pf-v5-c-page__main-group.pf-m-sticky-top,
+.pf-v5-c-page__main-subnav.pf-m-sticky-top {
   position: sticky;
   top: 0;
-  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
-  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
-}
-.pf-c-page__main-nav.pf-m-sticky-bottom,
-.pf-c-page__main-breadcrumb.pf-m-sticky-bottom,
-.pf-c-page__main-tabs.pf-m-sticky-bottom,
-.pf-c-page__main-section.pf-m-sticky-bottom,
-.pf-c-page__main-wizard.pf-m-sticky-bottom,
-.pf-c-page__main-group.pf-m-sticky-bottom,
-.pf-c-page__main-subnav.pf-m-sticky-bottom {
+  z-index: var(--pf-v5-c-page--section--m-sticky-top--ZIndex);
+  box-shadow: var(--pf-v5-c-page--section--m-sticky-top--BoxShadow);
+}
+.pf-v5-c-page__main-nav.pf-m-sticky-bottom,
+.pf-v5-c-page__main-breadcrumb.pf-m-sticky-bottom,
+.pf-v5-c-page__main-tabs.pf-m-sticky-bottom,
+.pf-v5-c-page__main-section.pf-m-sticky-bottom,
+.pf-v5-c-page__main-wizard.pf-m-sticky-bottom,
+.pf-v5-c-page__main-group.pf-m-sticky-bottom,
+.pf-v5-c-page__main-subnav.pf-m-sticky-bottom {
   position: sticky;
   bottom: 0;
-  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
-  box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
+  z-index: var(--pf-v5-c-page--section--m-sticky-bottom--ZIndex);
+  box-shadow: var(--pf-v5-c-page--section--m-sticky-bottom--BoxShadow);
 }
 @media (min-height: 0) {
-  .pf-c-page__main-nav.pf-m-sticky-top-on-sm-height,
-.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
-.pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
-.pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
-.pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
-.pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
-.pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
+  .pf-v5-c-page__main-nav.pf-m-sticky-top-on-sm-height,
+  .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
+  .pf-v5-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
+  .pf-v5-c-page__main-section.pf-m-sticky-top-on-sm-height,
+  .pf-v5-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
+  .pf-v5-c-page__main-group.pf-m-sticky-top-on-sm-height,
+  .pf-v5-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
     position: sticky;
     top: 0;
-    z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
-    box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
-  }
-  .pf-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
-.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
-.pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
-.pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
-.pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
-.pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
-.pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
+    z-index: var(--pf-v5-c-page--section--m-sticky-top--ZIndex);
+    box-shadow: var(--pf-v5-c-page--section--m-sticky-top--BoxShadow);
+  }
+  .pf-v5-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
+  .pf-v5-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
+  .pf-v5-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
+  .pf-v5-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
+  .pf-v5-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
+  .pf-v5-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
+  .pf-v5-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
     position: sticky;
     bottom: 0;
-    z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
-    box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
+    z-index: var(--pf-v5-c-page--section--m-sticky-bottom--ZIndex);
+    box-shadow: var(--pf-v5-c-page--section--m-sticky-bottom--BoxShadow);
   }
 }
 @media (min-height: 40rem) {
-  .pf-c-page__main-nav.pf-m-sticky-top-on-md-height,
-.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
-.pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
-.pf-c-page__main-section.pf-m-sticky-top-on-md-height,
-.pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
-.pf-c-page__main-group.pf-m-sticky-top-on-md-height,
-.pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
+  .pf-v5-c-page__main-nav.pf-m-sticky-top-on-md-height,
+  .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
+  .pf-v5-c-page__main-tabs.pf-m-sticky-top-on-md-height,
+  .pf-v5-c-page__main-section.pf-m-sticky-top-on-md-height,
+  .pf-v5-c-page__main-wizard.pf-m-sticky-top-on-md-height,
+  .pf-v5-c-page__main-group.pf-m-sticky-top-on-md-height,
+  .pf-v5-c-page__main-subnav.pf-m-sticky-top-on-md-height {
     position: sticky;
     top: 0;
-    z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
-    box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
-  }
-  .pf-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
-.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
-.pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
-.pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
-.pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
-.pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
-.pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
+    z-index: var(--pf-v5-c-page--section--m-sticky-top--ZIndex);
+    box-shadow: var(--pf-v5-c-page--section--m-sticky-top--BoxShadow);
+  }
+  .pf-v5-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
+  .pf-v5-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
+  .pf-v5-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
+  .pf-v5-c-page__main-section.pf-m-sticky-bottom-on-md-height,
+  .pf-v5-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
+  .pf-v5-c-page__main-group.pf-m-sticky-bottom-on-md-height,
+  .pf-v5-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
     position: sticky;
     bottom: 0;
-    z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
-    box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
+    z-index: var(--pf-v5-c-page--section--m-sticky-bottom--ZIndex);
+    box-shadow: var(--pf-v5-c-page--section--m-sticky-bottom--BoxShadow);
   }
 }
 @media (min-height: 48rem) {
-  .pf-c-page__main-nav.pf-m-sticky-top-on-lg-height,
-.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
-.pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
-.pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
-.pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
-.pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
-.pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
+  .pf-v5-c-page__main-nav.pf-m-sticky-top-on-lg-height,
+  .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
+  .pf-v5-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
+  .pf-v5-c-page__main-section.pf-m-sticky-top-on-lg-height,
+  .pf-v5-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
+  .pf-v5-c-page__main-group.pf-m-sticky-top-on-lg-height,
+  .pf-v5-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
     position: sticky;
     top: 0;
-    z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
-    box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
-  }
-  .pf-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
-.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
-.pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
-.pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
-.pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
-.pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
-.pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
+    z-index: var(--pf-v5-c-page--section--m-sticky-top--ZIndex);
+    box-shadow: var(--pf-v5-c-page--section--m-sticky-top--BoxShadow);
+  }
+  .pf-v5-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
+  .pf-v5-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
+  .pf-v5-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
+  .pf-v5-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
+  .pf-v5-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
+  .pf-v5-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
+  .pf-v5-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
     position: sticky;
     bottom: 0;
-    z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
-    box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
+    z-index: var(--pf-v5-c-page--section--m-sticky-bottom--ZIndex);
+    box-shadow: var(--pf-v5-c-page--section--m-sticky-bottom--BoxShadow);
   }
 }
 @media (min-height: 60rem) {
-  .pf-c-page__main-nav.pf-m-sticky-top-on-xl-height,
-.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
-.pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
-.pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
-.pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
-.pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
-.pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
+  .pf-v5-c-page__main-nav.pf-m-sticky-top-on-xl-height,
+  .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
+  .pf-v5-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
+  .pf-v5-c-page__main-section.pf-m-sticky-top-on-xl-height,
+  .pf-v5-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
+  .pf-v5-c-page__main-group.pf-m-sticky-top-on-xl-height,
+  .pf-v5-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
     position: sticky;
     top: 0;
-    z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
-    box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
-  }
-  .pf-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
-.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
-.pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
-.pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
-.pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
-.pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
-.pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
+    z-index: var(--pf-v5-c-page--section--m-sticky-top--ZIndex);
+    box-shadow: var(--pf-v5-c-page--section--m-sticky-top--BoxShadow);
+  }
+  .pf-v5-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
+  .pf-v5-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
+  .pf-v5-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
+  .pf-v5-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
+  .pf-v5-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
+  .pf-v5-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
+  .pf-v5-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
     position: sticky;
     bottom: 0;
-    z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
-    box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
+    z-index: var(--pf-v5-c-page--section--m-sticky-bottom--ZIndex);
+    box-shadow: var(--pf-v5-c-page--section--m-sticky-bottom--BoxShadow);
   }
 }
 @media (min-height: 80rem) {
-  .pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
-.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
-.pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
-.pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
-.pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
-.pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
-.pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
+  .pf-v5-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
+  .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
+  .pf-v5-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
+  .pf-v5-c-page__main-section.pf-m-sticky-top-on-2xl-height,
+  .pf-v5-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
+  .pf-v5-c-page__main-group.pf-m-sticky-top-on-2xl-height,
+  .pf-v5-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
     position: sticky;
     top: 0;
-    z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
-    box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
-  }
-  .pf-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
-.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
-.pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
-.pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
-.pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
-.pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
-.pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
+    z-index: var(--pf-v5-c-page--section--m-sticky-top--ZIndex);
+    box-shadow: var(--pf-v5-c-page--section--m-sticky-top--BoxShadow);
+  }
+  .pf-v5-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
+  .pf-v5-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
+  .pf-v5-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
+  .pf-v5-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
+  .pf-v5-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
+  .pf-v5-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
+  .pf-v5-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
     position: sticky;
     bottom: 0;
-    z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
-    box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
+    z-index: var(--pf-v5-c-page--section--m-sticky-bottom--ZIndex);
+    box-shadow: var(--pf-v5-c-page--section--m-sticky-bottom--BoxShadow);
   }
 }
 
-.pf-c-page__main,
-.pf-c-page__drawer {
+.pf-v5-c-page__main,
+.pf-v5-c-page__drawer {
+  z-index: var(--pf-v5-c-page__main--ZIndex);
   grid-area: main;
-  z-index: var(--pf-c-page__main--ZIndex);
   overflow-x: hidden;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
 }
-.pf-c-page__main:focus,
-.pf-c-page__drawer:focus {
+.pf-v5-c-page__main:focus,
+.pf-v5-c-page__drawer:focus {
   outline: 0;
 }
 
-.pf-c-page__main,
-.pf-c-page__main-drawer,
-.pf-c-page__main-group {
+.pf-v5-c-page__main,
+.pf-v5-c-page__main-drawer,
+.pf-v5-c-page__main-group {
   display: flex;
   flex-direction: column;
 }
 
-.pf-c-page__main-nav {
-  padding-top: var(--pf-c-page__main-nav--PaddingTop);
-  padding-right: var(--pf-c-page__main-nav--PaddingRight);
-  padding-left: var(--pf-c-page__main-nav--PaddingLeft);
-  background-color: var(--pf-c-page__main-nav--BackgroundColor);
+.pf-v5-c-page__main-nav {
+  padding-top: var(--pf-v5-c-page__main-nav--PaddingTop);
+  padding-right: var(--pf-v5-c-page__main-nav--PaddingRight);
+  padding-left: var(--pf-v5-c-page__main-nav--PaddingLeft);
+  background-color: var(--pf-v5-c-page__main-nav--BackgroundColor);
 }
-.pf-c-page__main-nav.pf-m-sticky-top, .pf-c-page__main-group.pf-m-sticky-top .pf-c-page__main-nav:last-child {
-  padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
+.pf-v5-c-page__main-nav.pf-m-sticky-top, .pf-v5-c-page__main-group.pf-m-sticky-top .pf-v5-c-page__main-nav:last-child {
+  padding-bottom: var(--pf-v5-c-page__main-nav--m-sticky-top--PaddingBottom);
 }
 @media (min-height: 0) {
-  .pf-c-page__main-nav.pf-m-sticky-top-on-sm-height, .pf-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-c-page__main-nav:last-child {
-    padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
+  .pf-v5-c-page__main-nav.pf-m-sticky-top-on-sm-height, .pf-v5-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-v5-c-page__main-nav:last-child {
+    padding-bottom: var(--pf-v5-c-page__main-nav--m-sticky-top--PaddingBottom);
   }
 }
 @media (min-height: 40rem) {
-  .pf-c-page__main-nav.pf-m-sticky-top-on-md-height, .pf-c-page__main-group.pf-m-sticky-top-on-md-height .pf-c-page__main-nav:last-child {
-    padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
+  .pf-v5-c-page__main-nav.pf-m-sticky-top-on-md-height, .pf-v5-c-page__main-group.pf-m-sticky-top-on-md-height .pf-v5-c-page__main-nav:last-child {
+    padding-bottom: var(--pf-v5-c-page__main-nav--m-sticky-top--PaddingBottom);
   }
 }
 @media (min-height: 48rem) {
-  .pf-c-page__main-nav.pf-m-sticky-top-on-lg-height, .pf-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-c-page__main-nav:last-child {
-    padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
+  .pf-v5-c-page__main-nav.pf-m-sticky-top-on-lg-height, .pf-v5-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-v5-c-page__main-nav:last-child {
+    padding-bottom: var(--pf-v5-c-page__main-nav--m-sticky-top--PaddingBottom);
   }
 }
 @media (min-height: 60rem) {
-  .pf-c-page__main-nav.pf-m-sticky-top-on-xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-c-page__main-nav:last-child {
-    padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
+  .pf-v5-c-page__main-nav.pf-m-sticky-top-on-xl-height, .pf-v5-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-v5-c-page__main-nav:last-child {
+    padding-bottom: var(--pf-v5-c-page__main-nav--m-sticky-top--PaddingBottom);
   }
 }
 @media (min-height: 80rem) {
-  .pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-c-page__main-nav:last-child {
-    padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
+  .pf-v5-c-page__main-nav.pf-m-sticky-top-on-2xl-height, .pf-v5-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-v5-c-page__main-nav:last-child {
+    padding-bottom: var(--pf-v5-c-page__main-nav--m-sticky-top--PaddingBottom);
   }
 }
 
-.pf-c-page__main-subnav {
-  background-color: var(--pf-c-page__main-subnav--BackgroundColor);
-  border-top: var(--pf-c-page__main-subnav--BorderTopWidth) solid var(--pf-c-page__main-subnav--BorderTopColor);
-  border-left: var(--pf-c-page__main-subnav--BorderLeftWidth) solid var(--pf-c-page__main-subnav--BorderLeftColor);
+.pf-v5-c-page__main-subnav {
+  background-color: var(--pf-v5-c-page__main-subnav--BackgroundColor);
+  border-top: var(--pf-v5-c-page__main-subnav--BorderTopWidth) solid var(--pf-v5-c-page__main-subnav--BorderTopColor);
+  border-left: var(--pf-v5-c-page__main-subnav--BorderLeftWidth) solid var(--pf-v5-c-page__main-subnav--BorderLeftColor);
 }
 @media screen and (min-width: 1200px) {
-  .pf-c-page__sidebar ~ .pf-c-page__main {
-    --pf-c-page__main-subnav--BorderLeftWidth: var(--pf-c-page__sidebar--main__main-subnav--BorderLeftWidth);
+  .pf-v5-c-page__sidebar ~ .pf-v5-c-page__main {
+    --pf-v5-c-page__main-subnav--BorderLeftWidth: var(--pf-v5-c-page__sidebar--main__main-subnav--BorderLeftWidth);
   }
 }
-.pf-c-page__sidebar.pf-m-collapsed ~ .pf-c-page__main {
-  --pf-c-page__main-subnav--BorderLeftWidth: var(--pf-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth);
+.pf-v5-c-page__sidebar.pf-m-collapsed ~ .pf-v5-c-page__main {
+  --pf-v5-c-page__main-subnav--BorderLeftWidth: var(--pf-v5-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth);
 }
 
-.pf-c-page__main-breadcrumb {
-  padding: var(--pf-c-page__main-breadcrumb--PaddingTop) var(--pf-c-page__main-breadcrumb--PaddingRight) var(--pf-c-page__main-breadcrumb--PaddingBottom) var(--pf-c-page__main-breadcrumb--PaddingLeft);
-  background-color: var(--pf-c-page__main-breadcrumb--BackgroundColor);
+.pf-v5-c-page__main-breadcrumb {
+  padding: var(--pf-v5-c-page__main-breadcrumb--PaddingTop) var(--pf-v5-c-page__main-breadcrumb--PaddingRight) var(--pf-v5-c-page__main-breadcrumb--PaddingBottom) var(--pf-v5-c-page__main-breadcrumb--PaddingLeft);
+  background-color: var(--pf-v5-c-page__main-breadcrumb--BackgroundColor);
 }
-.pf-c-page__main-breadcrumb + .pf-c-page__main-section {
-  --pf-c-page__main-section--PaddingTop: var(--pf-c-page__main-breadcrumb--main-section--PaddingTop);
+.pf-v5-c-page__main-breadcrumb + .pf-v5-c-page__main-section {
+  --pf-v5-c-page__main-section--PaddingTop: var(--pf-v5-c-page__main-breadcrumb--main-section--PaddingTop);
 }
-.pf-c-page__main-breadcrumb.pf-m-sticky-top, .pf-c-page__main-group.pf-m-sticky-top .pf-c-page__main-breadcrumb:last-child {
-  --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
+.pf-v5-c-page__main-breadcrumb.pf-m-sticky-top, .pf-v5-c-page__main-group.pf-m-sticky-top .pf-v5-c-page__main-breadcrumb:last-child {
+  --pf-v5-c-page__main-breadcrumb--PaddingBottom: var(--pf-v5-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
 }
 @media (min-height: 0) {
-  .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height, .pf-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-c-page__main-breadcrumb:last-child {
-    --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
+  .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height, .pf-v5-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-v5-c-page__main-breadcrumb:last-child {
+    --pf-v5-c-page__main-breadcrumb--PaddingBottom: var(--pf-v5-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
   }
 }
 @media (min-height: 40rem) {
-  .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height, .pf-c-page__main-group.pf-m-sticky-top-on-md-height .pf-c-page__main-breadcrumb:last-child {
-    --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
+  .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height, .pf-v5-c-page__main-group.pf-m-sticky-top-on-md-height .pf-v5-c-page__main-breadcrumb:last-child {
+    --pf-v5-c-page__main-breadcrumb--PaddingBottom: var(--pf-v5-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
   }
 }
 @media (min-height: 48rem) {
-  .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height, .pf-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-c-page__main-breadcrumb:last-child {
-    --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
+  .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height, .pf-v5-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-v5-c-page__main-breadcrumb:last-child {
+    --pf-v5-c-page__main-breadcrumb--PaddingBottom: var(--pf-v5-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
   }
 }
 @media (min-height: 60rem) {
-  .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-c-page__main-breadcrumb:last-child {
-    --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
+  .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height, .pf-v5-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-v5-c-page__main-breadcrumb:last-child {
+    --pf-v5-c-page__main-breadcrumb--PaddingBottom: var(--pf-v5-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
   }
 }
 @media (min-height: 80rem) {
-  .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-c-page__main-breadcrumb:last-child {
-    --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
+  .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height, .pf-v5-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-v5-c-page__main-breadcrumb:last-child {
+    --pf-v5-c-page__main-breadcrumb--PaddingBottom: var(--pf-v5-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
   }
 }
 
-.pf-c-page__main-tabs {
-  padding: var(--pf-c-page__main-tabs--PaddingTop) var(--pf-c-page__main-tabs--PaddingRight) var(--pf-c-page__main-tabs--PaddingBottom) var(--pf-c-page__main-tabs--PaddingLeft);
-  background-color: var(--pf-c-page__main-tabs--BackgroundColor);
+.pf-v5-c-page__main-tabs {
+  padding: var(--pf-v5-c-page__main-tabs--PaddingTop) var(--pf-v5-c-page__main-tabs--PaddingRight) var(--pf-v5-c-page__main-tabs--PaddingBottom) var(--pf-v5-c-page__main-tabs--PaddingLeft);
+  background-color: var(--pf-v5-c-page__main-tabs--BackgroundColor);
 }
-.pf-c-page__main-nav + .pf-c-page__main-tabs {
-  --pf-c-page__main-tabs--PaddingTop: var(--pf-c-page__main-nav--page__main-tabs--PaddingTop);
+.pf-v5-c-page__main-nav + .pf-v5-c-page__main-tabs {
+  --pf-v5-c-page__main-tabs--PaddingTop: var(--pf-v5-c-page__main-nav--page__main-tabs--PaddingTop);
 }
-.pf-c-page__main-breadcrumb + .pf-c-page__main-tabs {
-  --pf-c-page__main-tabs--PaddingTop: var(--pf-c-page__main-breadcrumb--page__main-tabs--PaddingTop);
+.pf-v5-c-page__main-breadcrumb + .pf-v5-c-page__main-tabs {
+  --pf-v5-c-page__main-tabs--PaddingTop: var(--pf-v5-c-page__main-breadcrumb--page__main-tabs--PaddingTop);
 }
 
-.pf-c-page__main-section:last-child, .pf-c-page__main-section:only-child, .pf-c-page__main-section.pf-m-fill,
-.pf-c-page__main-group:last-child,
-.pf-c-page__main-group:only-child,
-.pf-c-page__main-group.pf-m-fill,
-.pf-c-page__main-wizard:last-child,
-.pf-c-page__main-wizard:only-child,
-.pf-c-page__main-wizard.pf-m-fill {
+.pf-v5-c-page__main-section:last-child, .pf-v5-c-page__main-section:only-child, .pf-v5-c-page__main-section.pf-m-fill,
+.pf-v5-c-page__main-group:last-child,
+.pf-v5-c-page__main-group:only-child,
+.pf-v5-c-page__main-group.pf-m-fill,
+.pf-v5-c-page__main-wizard:last-child,
+.pf-v5-c-page__main-wizard:only-child,
+.pf-v5-c-page__main-wizard.pf-m-fill {
   flex-grow: 1;
 }
-.pf-c-page__main-section.pf-m-no-fill,
-.pf-c-page__main-group.pf-m-no-fill,
-.pf-c-page__main-wizard.pf-m-no-fill {
+.pf-v5-c-page__main-section.pf-m-no-fill,
+.pf-v5-c-page__main-group.pf-m-no-fill,
+.pf-v5-c-page__main-wizard.pf-m-no-fill {
   flex-grow: 0;
 }
 
-.pf-c-page__main-section {
-  padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
-  background-color: var(--pf-c-page__main-section--BackgroundColor);
+.pf-v5-c-page__main-section {
+  padding: var(--pf-v5-c-page__main-section--PaddingTop) var(--pf-v5-c-page__main-section--PaddingRight) var(--pf-v5-c-page__main-section--PaddingBottom) var(--pf-v5-c-page__main-section--PaddingLeft);
+  background-color: var(--pf-v5-c-page__main-section--BackgroundColor);
 }
-.pf-c-page__main-section.pf-m-light {
-  --pf-c-page__main-section--BackgroundColor: var(--pf-c-page__main-section--m-light--BackgroundColor);
+.pf-v5-c-page__main-section.pf-m-light {
+  --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-c-page__main-section--m-light--BackgroundColor);
 }
-.pf-c-page__main-section.pf-m-light-100 {
-  --pf-c-page__main-section--BackgroundColor: var(--pf-c-page__main-section--m-light-100--BackgroundColor);
+.pf-v5-c-page__main-section.pf-m-light-100 {
+  --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-c-page__main-section--m-light-100--BackgroundColor);
 }
-.pf-c-page__main-section[class*=pf-m-dark-] {
-  color: var(--pf-global--Color--100);
+.pf-v5-c-page__main-section[class*=pf-m-dark-] {
+  color: var(--pf-v5-global--Color--100);
 }
-.pf-c-page__main-section.pf-m-dark-100 {
-  --pf-c-page__main-section--BackgroundColor: var(--pf-c-page__main-section--m-dark-100--BackgroundColor);
+.pf-v5-c-page__main-section.pf-m-dark-100 {
+  --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-c-page__main-section--m-dark-100--BackgroundColor);
 }
-.pf-c-page__main-section.pf-m-dark-200 {
-  --pf-c-page__main-section--BackgroundColor: var(--pf-c-page__main-section--m-dark-200--BackgroundColor);
+.pf-v5-c-page__main-section.pf-m-dark-200 {
+  --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-c-page__main-section--m-dark-200--BackgroundColor);
 }
-.pf-c-page__main-section.pf-m-padding {
-  padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
+.pf-v5-c-page__main-section.pf-m-padding {
+  padding: var(--pf-v5-c-page__main-section--PaddingTop) var(--pf-v5-c-page__main-section--PaddingRight) var(--pf-v5-c-page__main-section--PaddingBottom) var(--pf-v5-c-page__main-section--PaddingLeft);
 }
-.pf-c-page__main-section.pf-m-padding.pf-m-limit-width {
+.pf-v5-c-page__main-section.pf-m-padding.pf-m-limit-width {
   padding: 0;
 }
-.pf-c-page__main-section.pf-m-padding.pf-m-limit-width .pf-c-page__main-body {
-  padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
+.pf-v5-c-page__main-section.pf-m-padding.pf-m-limit-width .pf-v5-c-page__main-body {
+  padding: var(--pf-v5-c-page__main-section--PaddingTop) var(--pf-v5-c-page__main-section--PaddingRight) var(--pf-v5-c-page__main-section--PaddingBottom) var(--pf-v5-c-page__main-section--PaddingLeft);
 }
-.pf-c-page__main-section.pf-m-no-padding, .pf-c-page__main-section.pf-m-no-padding.pf-m-limit-width .pf-c-page__main-body {
+.pf-v5-c-page__main-section.pf-m-no-padding, .pf-v5-c-page__main-section.pf-m-no-padding.pf-m-limit-width .pf-v5-c-page__main-body {
   padding: 0;
 }
 @media (min-width: 576px) {
-  .pf-c-page__main-section.pf-m-padding-on-sm {
-    padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
+  .pf-v5-c-page__main-section.pf-m-padding-on-sm {
+    padding: var(--pf-v5-c-page__main-section--PaddingTop) var(--pf-v5-c-page__main-section--PaddingRight) var(--pf-v5-c-page__main-section--PaddingBottom) var(--pf-v5-c-page__main-section--PaddingLeft);
   }
-  .pf-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width {
+  .pf-v5-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width {
     padding: 0;
   }
-  .pf-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width .pf-c-page__main-body {
-    padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
+  .pf-v5-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width .pf-v5-c-page__main-body {
+    padding: var(--pf-v5-c-page__main-section--PaddingTop) var(--pf-v5-c-page__main-section--PaddingRight) var(--pf-v5-c-page__main-section--PaddingBottom) var(--pf-v5-c-page__main-section--PaddingLeft);
   }
-  .pf-c-page__main-section.pf-m-no-padding-on-sm, .pf-c-page__main-section.pf-m-no-padding-on-sm.pf-m-limit-width .pf-c-page__main-body {
+  .pf-v5-c-page__main-section.pf-m-no-padding-on-sm, .pf-v5-c-page__main-section.pf-m-no-padding-on-sm.pf-m-limit-width .pf-v5-c-page__main-body {
     padding: 0;
   }
 }
 @media (min-width: 768px) {
-  .pf-c-page__main-section.pf-m-padding-on-md {
-    padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
+  .pf-v5-c-page__main-section.pf-m-padding-on-md {
+    padding: var(--pf-v5-c-page__main-section--PaddingTop) var(--pf-v5-c-page__main-section--PaddingRight) var(--pf-v5-c-page__main-section--PaddingBottom) var(--pf-v5-c-page__main-section--PaddingLeft);
   }
-  .pf-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width {
+  .pf-v5-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width {
     padding: 0;
   }
-  .pf-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width .pf-c-page__main-body {
-    padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
+  .pf-v5-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width .pf-v5-c-page__main-body {
+    padding: var(--pf-v5-c-page__main-section--PaddingTop) var(--pf-v5-c-page__main-section--PaddingRight) var(--pf-v5-c-page__main-section--PaddingBottom) var(--pf-v5-c-page__main-section--PaddingLeft);
   }
-  .pf-c-page__main-section.pf-m-no-padding-on-md, .pf-c-page__main-section.pf-m-no-padding-on-md.pf-m-limit-width .pf-c-page__main-body {
+  .pf-v5-c-page__main-section.pf-m-no-padding-on-md, .pf-v5-c-page__main-section.pf-m-no-padding-on-md.pf-m-limit-width .pf-v5-c-page__main-body {
     padding: 0;
   }
 }
 @media (min-width: 992px) {
-  .pf-c-page__main-section.pf-m-padding-on-lg {
-    padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
+  .pf-v5-c-page__main-section.pf-m-padding-on-lg {
+    padding: var(--pf-v5-c-page__main-section--PaddingTop) var(--pf-v5-c-page__main-section--PaddingRight) var(--pf-v5-c-page__main-section--PaddingBottom) var(--pf-v5-c-page__main-section--PaddingLeft);
   }
-  .pf-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width {
+  .pf-v5-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width {
     padding: 0;
   }
-  .pf-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width .pf-c-page__main-body {
-    padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
+  .pf-v5-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width .pf-v5-c-page__main-body {
+    padding: var(--pf-v5-c-page__main-section--PaddingTop) var(--pf-v5-c-page__main-section--PaddingRight) var(--pf-v5-c-page__main-section--PaddingBottom) var(--pf-v5-c-page__main-section--PaddingLeft);
   }
-  .pf-c-page__main-section.pf-m-no-padding-on-lg, .pf-c-page__main-section.pf-m-no-padding-on-lg.pf-m-limit-width .pf-c-page__main-body {
+  .pf-v5-c-page__main-section.pf-m-no-padding-on-lg, .pf-v5-c-page__main-section.pf-m-no-padding-on-lg.pf-m-limit-width .pf-v5-c-page__main-body {
     padding: 0;
   }
 }
 @media (min-width: 1200px) {
-  .pf-c-page__main-section.pf-m-padding-on-xl {
-    padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
+  .pf-v5-c-page__main-section.pf-m-padding-on-xl {
+    padding: var(--pf-v5-c-page__main-section--PaddingTop) var(--pf-v5-c-page__main-section--PaddingRight) var(--pf-v5-c-page__main-section--PaddingBottom) var(--pf-v5-c-page__main-section--PaddingLeft);
   }
-  .pf-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width {
+  .pf-v5-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width {
     padding: 0;
   }
-  .pf-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width .pf-c-page__main-body {
-    padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
+  .pf-v5-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width .pf-v5-c-page__main-body {
+    padding: var(--pf-v5-c-page__main-section--PaddingTop) var(--pf-v5-c-page__main-section--PaddingRight) var(--pf-v5-c-page__main-section--PaddingBottom) var(--pf-v5-c-page__main-section--PaddingLeft);
   }
-  .pf-c-page__main-section.pf-m-no-padding-on-xl, .pf-c-page__main-section.pf-m-no-padding-on-xl.pf-m-limit-width .pf-c-page__main-body {
+  .pf-v5-c-page__main-section.pf-m-no-padding-on-xl, .pf-v5-c-page__main-section.pf-m-no-padding-on-xl.pf-m-limit-width .pf-v5-c-page__main-body {
     padding: 0;
   }
 }
 @media (min-width: 1450px) {
-  .pf-c-page__main-section.pf-m-padding-on-2xl {
-    padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
+  .pf-v5-c-page__main-section.pf-m-padding-on-2xl {
+    padding: var(--pf-v5-c-page__main-section--PaddingTop) var(--pf-v5-c-page__main-section--PaddingRight) var(--pf-v5-c-page__main-section--PaddingBottom) var(--pf-v5-c-page__main-section--PaddingLeft);
   }
-  .pf-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width {
+  .pf-v5-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width {
     padding: 0;
   }
-  .pf-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width .pf-c-page__main-body {
-    padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
+  .pf-v5-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width .pf-v5-c-page__main-body {
+    padding: var(--pf-v5-c-page__main-section--PaddingTop) var(--pf-v5-c-page__main-section--PaddingRight) var(--pf-v5-c-page__main-section--PaddingBottom) var(--pf-v5-c-page__main-section--PaddingLeft);
   }
-  .pf-c-page__main-section.pf-m-no-padding-on-2xl, .pf-c-page__main-section.pf-m-no-padding-on-2xl.pf-m-limit-width .pf-c-page__main-body {
+  .pf-v5-c-page__main-section.pf-m-no-padding-on-2xl, .pf-v5-c-page__main-section.pf-m-no-padding-on-2xl.pf-m-limit-width .pf-v5-c-page__main-body {
     padding: 0;
   }
 }
 
-.pf-c-page__main-wizard {
+.pf-v5-c-page__main-wizard {
   flex: 1 1;
   min-height: 0;
-  background-color: var(--pf-c-page__main-wizard--BackgroundColor);
-  border-top: var(--pf-c-page__main-wizard--BorderTopWidth) solid var(--pf-c-page__main-wizard--BorderTopColor);
+  background-color: var(--pf-v5-c-page__main-wizard--BackgroundColor);
+  border-top: var(--pf-v5-c-page__main-wizard--BorderTopWidth) solid var(--pf-v5-c-page__main-wizard--BorderTopColor);
 }
-.pf-c-page__main-wizard:first-child {
-  --pf-c-page__main-wizard--BorderTopWidth: 0;
+.pf-v5-c-page__main-wizard:first-child {
+  --pf-v5-c-page__main-wizard--BorderTopWidth: 0;
 }
-.pf-c-page__main-wizard.pf-m-light-200 {
-  --pf-c-page__main-wizard--BackgroundColor: var(--pf-c-page__main-wizard--m-light-200--BackgroundColor);
+.pf-v5-c-page__main-wizard.pf-m-light-200 {
+  --pf-v5-c-page__main-wizard--BackgroundColor: var(--pf-v5-c-page__main-wizard--m-light-200--BackgroundColor);
 }
 
-.pf-c-page__main-wizard .pf-c-page__main-body {
+.pf-v5-c-page__main-wizard .pf-v5-c-page__main-body {
   min-height: 0;
 }
 
-.pf-c-page__main-group {
+.pf-v5-c-page__main-group {
   flex-shrink: 0;
 }
 
-.pf-c-page__main-nav .pf-c-page__main-body {
-  padding-top: var(--pf-c-page__main-nav--PaddingTop);
-  padding-right: var(--pf-c-page__main-nav--PaddingRight);
-  padding-left: var(--pf-c-page__main-nav--PaddingLeft);
+.pf-v5-c-page__main-nav .pf-v5-c-page__main-body {
+  padding-top: var(--pf-v5-c-page__main-nav--PaddingTop);
+  padding-right: var(--pf-v5-c-page__main-nav--PaddingRight);
+  padding-left: var(--pf-v5-c-page__main-nav--PaddingLeft);
 }
-.pf-c-page__main-breadcrumb .pf-c-page__main-body {
-  padding: var(--pf-c-page__main-breadcrumb--PaddingTop) var(--pf-c-page__main-breadcrumb--PaddingRight) var(--pf-c-page__main-breadcrumb--PaddingBottom) var(--pf-c-page__main-breadcrumb--PaddingLeft);
+.pf-v5-c-page__main-breadcrumb .pf-v5-c-page__main-body {
+  padding: var(--pf-v5-c-page__main-breadcrumb--PaddingTop) var(--pf-v5-c-page__main-breadcrumb--PaddingRight) var(--pf-v5-c-page__main-breadcrumb--PaddingBottom) var(--pf-v5-c-page__main-breadcrumb--PaddingLeft);
 }
-.pf-c-page__main-section .pf-c-page__main-body {
-  padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
+.pf-v5-c-page__main-section .pf-v5-c-page__main-body {
+  padding: var(--pf-v5-c-page__main-section--PaddingTop) var(--pf-v5-c-page__main-section--PaddingRight) var(--pf-v5-c-page__main-section--PaddingBottom) var(--pf-v5-c-page__main-section--PaddingLeft);
 }
-.pf-c-page__main-tabs .pf-c-page__main-body {
-  padding: var(--pf-c-page__main-tabs--PaddingTop) var(--pf-c-page__main-tabs--PaddingRight) var(--pf-c-page__main-tabs--PaddingBottom) var(--pf-c-page__main-tabs--PaddingLeft);
+.pf-v5-c-page__main-tabs .pf-v5-c-page__main-body {
+  padding: var(--pf-v5-c-page__main-tabs--PaddingTop) var(--pf-v5-c-page__main-tabs--PaddingRight) var(--pf-v5-c-page__main-tabs--PaddingBottom) var(--pf-v5-c-page__main-tabs--PaddingLeft);
 }
 
-.pf-c-page__drawer {
+.pf-v5-c-page__drawer {
   grid-area: main;
 }
-.pf-c-page__drawer > .pf-c-drawer {
+.pf-v5-c-page__drawer > .pf-v5-c-drawer {
   flex: 1 0 auto;
 }
 
-:where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
-:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
-:where(.pf-theme-dark) .pf-c-page__header {
-  --pf-global--Color--100: #e0e0e0;
-  --pf-global--Color--200: #aaabac;
-  --pf-global--BorderColor--100: #444548;
-  --pf-global--primary-color--100: #1fa7f8;
-  --pf-global--link--Color: #1fa7f8;
-  --pf-global--link--Color--hover: #73bcf7;
-  --pf-global--BackgroundColor--100: #1b1d21;
-}
-:where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-card,
-:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card,
-:where(.pf-theme-dark) .pf-c-page__header .pf-c-card {
-  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
-}
-:where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
-:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
-:where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
-  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
-  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
-  --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
-  --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
-  --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
-  --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
-  --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
-  --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
-  --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
-  --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
-  --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
-  --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
+: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-theme-dark) .pf-c-page {
-  --pf-c-page__main-section--BackgroundColor: var(--pf-global--BackgroundColor--200);
-  --pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor: var(--pf-global--BackgroundColor--300);
-  --pf-c-page__sidebar--BackgroundColor: var(--pf-global--BackgroundColor--100);
-  --pf-c-page__header--BackgroundColor: var(--pf-global--palette--black-1000);
+:where(.pf-v5-theme-dark) .pf-v5-c-page {
+  --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
+  --pf-v5-c-page__header-tools--c-button--m-selected--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
+  --pf-v5-c-page__sidebar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
+  --pf-v5-c-page__header--BackgroundColor: var(--pf-v5-global--palette--black-1000);
 }
-:where(.pf-theme-dark) .pf-c-page__header-tools-item.pf-m-selected .pf-c-button {
-  color: var(--pf-global--Color--100);
+:where(.pf-v5-theme-dark) .pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button {
+  color: var(--pf-v5-global--Color--100);
 }
-:where(.pf-theme-dark) .pf-c-page__header-tools-item.pf-m-selected .pf-c-button .pf-c-notification-badge:hover::before {
-  background-color: var(--pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor);
+:where(.pf-v5-theme-dark) .pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button .pf-v5-c-notification-badge:hover::before {
+  background-color: var(--pf-v5-c-page__header-tools--c-button--m-selected--before--BackgroundColor);
 }
-:where(.pf-theme-dark) .pf-c-page__sidebar {
-  border-right: var(--pf-global--BorderWidth--sm) solid var(--pf-global--BorderColor--100);
+:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar {
+  border-right: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
 }
-:where(.pf-theme-dark) .pf-c-page__main-nav.pf-m-sticky-top, :where(.pf-theme-dark) .pf-c-page__main-nav.pf-m-sticky-bottom {
-  --pf-c-page__main-nav--BackgroundColor: var(--pf-global--BackgroundColor--300);
+:where(.pf-v5-theme-dark) .pf-v5-c-page__main-nav.pf-m-sticky-top, :where(.pf-v5-theme-dark) .pf-v5-c-page__main-nav.pf-m-sticky-bottom {
+  --pf-v5-c-page__main-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
 }
-:where(.pf-theme-dark) .pf-c-page__main-breadcrumb.pf-m-sticky-top, :where(.pf-theme-dark) .pf-c-page__main-breadcrumb.pf-m-sticky-bottom {
-  --pf-c-page__main-breadcrumb--BackgroundColor: var(--pf-global--BackgroundColor--300);
+:where(.pf-v5-theme-dark) .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top, :where(.pf-v5-theme-dark) .pf-v5-c-page__main-breadcrumb.pf-m-sticky-bottom {
+  --pf-v5-c-page__main-breadcrumb--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
 }
-:where(.pf-theme-dark) .pf-c-page__main-group.pf-m-sticky-top, :where(.pf-theme-dark) .pf-c-page__main-group.pf-m-sticky-bottom {
-  --pf-c-page__main-section--m-light--BackgroundColor: var(--pf-global--BackgroundColor--300);
-  --pf-c-page__main-section--BackgroundColor: var(--pf-global--BackgroundColor--300);
-  --pf-c-page__main-breadcrumb--BackgroundColor: var(--pf-global--BackgroundColor--300);
-  --pf-c-page__main-nav--BackgroundColor: var(--pf-global--BackgroundColor--300);
+:where(.pf-v5-theme-dark) .pf-v5-c-page__main-group.pf-m-sticky-top, :where(.pf-v5-theme-dark) .pf-v5-c-page__main-group.pf-m-sticky-bottom {
+  --pf-v5-c-page__main-section--m-light--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
+  --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
+  --pf-v5-c-page__main-breadcrumb--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
+  --pf-v5-c-page__main-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
 }
-:where(.pf-theme-dark) .pf-c-page__main-section.pf-m-sticky-top, :where(.pf-theme-dark) .pf-c-page__main-section.pf-m-sticky-bottom {
-  --pf-c-page__main-section--BackgroundColor: var(--pf-global--BackgroundColor--300);
+:where(.pf-v5-theme-dark) .pf-v5-c-page__main-section.pf-m-sticky-top, :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section.pf-m-sticky-bottom {
+  --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
 }
-:where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
-:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
-:where(.pf-theme-dark) .pf-c-page__header {
-  color: var(--pf-global--Color--100);
+: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 {
+  color: var(--pf-v5-global--Color--100);
 }