@patternfly/react-core 4.234.3 → 4.235.1

package/dist/umd/react-core.min.css

@@ -5871,472 +5871,6 @@ label.pf-c-check, .pf-c-check__label,
     --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
   }
 }
-.pf-c-divider {
-  --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-divider {
-  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-  --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
-}
-
-@media screen and (min-width: 576px) {
-  .pf-m-hidden-on-sm.pf-c-divider {
-    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
-  }
-
-  .pf-m-visible-on-sm.pf-c-divider {
-    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
-  }
-}
-@media screen and (min-width: 768px) {
-  .pf-m-hidden-on-md.pf-c-divider {
-    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
-  }
-
-  .pf-m-visible-on-md.pf-c-divider {
-    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
-  }
-}
-@media screen and (min-width: 992px) {
-  .pf-m-hidden-on-lg.pf-c-divider {
-    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
-  }
-
-  .pf-m-visible-on-lg.pf-c-divider {
-    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
-  }
-}
-@media screen and (min-width: 1200px) {
-  .pf-m-hidden-on-xl.pf-c-divider {
-    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
-  }
-
-  .pf-m-visible-on-xl.pf-c-divider {
-    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
-  }
-}
-@media screen and (min-width: 1450px) {
-  .pf-m-hidden-on-2xl.pf-c-divider {
-    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
-  }
-
-  .pf-m-visible-on-2xl.pf-c-divider {
-    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
-  }
-}
-.pf-c-divider {
-  --pf-c-divider--BorderWidth--base: var(--pf-global--BorderWidth--sm);
-  --pf-c-divider--BorderColor--base: var(--pf-c-divider--BackgroundColor);
-  --pf-c-divider--Height: var(--pf-c-divider--BorderWidth--base);
-  --pf-c-divider--BackgroundColor: var(--pf-global--BorderColor--100);
-  --pf-c-divider--after--BackgroundColor: var(--pf-c-divider--BorderColor--base);
-  --pf-c-divider--after--FlexBasis: 100%;
-  --pf-c-divider--after--Inset: 0%;
-  --pf-c-divider--m-vertical--after--FlexBasis: 100%;
-  --pf-c-divider--m-horizontal--Display: flex;
-  --pf-c-divider--m-horizontal--FlexDirection: row;
-  --pf-c-divider--m-horizontal--after--Height: var(--pf-c-divider--Height);
-  --pf-c-divider--m-horizontal--after--Width: auto;
-  --pf-c-divider--m-vertical--Display: inline-flex;
-  --pf-c-divider--m-vertical--FlexDirection: column;
-  --pf-c-divider--m-vertical--after--Height: auto;
-  --pf-c-divider--m-vertical--after--Width: var(--pf-c-divider--BorderWidth--base);
-  --pf-hidden-visible--visible--Display: var(--pf-c-divider--Display);
-  --pf-c-divider--Display: var(--pf-c-divider--m-horizontal--Display);
-  --pf-c-divider--FlexDirection: var(--pf-c-divider--m-horizontal--FlexDirection);
-  --pf-c-divider--after--Width: var(--pf-c-divider--m-horizontal--after--Width);
-  --pf-c-divider--after--Height: var(--pf-c-divider--m-horizontal--after--Height);
-  width: 100%;
-  height: auto;
-  display: var(--pf-c-divider--Display);
-  flex-direction: var(--pf-c-divider--FlexDirection);
-  align-items: center;
-  align-self: stretch;
-  flex-shrink: 0;
-  justify-content: center;
-  border: 0;
-}
-
-.pf-c-divider::after {
-  flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
-}
-
-.pf-c-divider::after {
-  align-self: stretch;
-  width: var(--pf-c-divider--after--Width);
-  height: var(--pf-c-divider--after--Height);
-  content: "";
-  background-color: var(--pf-c-divider--after--BackgroundColor);
-  justify-self: center;
-}
-
-.pf-c-divider.pf-m-vertical {
-  --pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
-  --pf-c-divider--FlexDirection: var(--pf-c-divider--m-vertical--FlexDirection);
-  --pf-c-divider--after--Width: var(--pf-c-divider--m-vertical--after--Width);
-  --pf-c-divider--after--Height: var(--pf-c-divider--m-vertical--after--Height);
-  width: auto;
-  height: inherit;
-}
-
-.pf-c-divider.pf-m-vertical::after {
-  flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
-}
-
-.pf-c-divider.pf-m-inset-none {
-  --pf-c-divider--after--Inset: 0%;
-}
-
-.pf-c-divider.pf-m-inset-xs {
-  --pf-c-divider--after--Inset: var(--pf-global--spacer--xs);
-}
-
-.pf-c-divider.pf-m-inset-sm {
-  --pf-c-divider--after--Inset: var(--pf-global--spacer--sm);
-}
-
-.pf-c-divider.pf-m-inset-md {
-  --pf-c-divider--after--Inset: var(--pf-global--spacer--md);
-}
-
-.pf-c-divider.pf-m-inset-lg {
-  --pf-c-divider--after--Inset: var(--pf-global--spacer--lg);
-}
-
-.pf-c-divider.pf-m-inset-xl {
-  --pf-c-divider--after--Inset: var(--pf-global--spacer--xl);
-}
-
-.pf-c-divider.pf-m-inset-2xl {
-  --pf-c-divider--after--Inset: var(--pf-global--spacer--2xl);
-}
-
-.pf-c-divider.pf-m-inset-3xl {
-  --pf-c-divider--after--Inset: var(--pf-global--spacer--3xl);
-}
-
-@media (min-width: 576px) {
-  .pf-c-divider.pf-m-horizontal-on-sm {
-    --pf-c-divider--Display: var(--pf-c-divider--m-horizontal--Display);
-    --pf-c-divider--FlexDirection: var(--pf-c-divider--m-horizontal--FlexDirection);
-    --pf-c-divider--after--Width: var(--pf-c-divider--m-horizontal--after--Width);
-    --pf-c-divider--after--Height: var(--pf-c-divider--m-horizontal--after--Height);
-    width: 100%;
-    height: auto;
-  }
-
-  .pf-c-divider.pf-m-horizontal-on-sm::after {
-    flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
-  }
-}
-@media (min-width: 576px) {
-  .pf-c-divider.pf-m-vertical-on-sm {
-    --pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
-    --pf-c-divider--FlexDirection: var(--pf-c-divider--m-vertical--FlexDirection);
-    --pf-c-divider--after--Width: var(--pf-c-divider--m-vertical--after--Width);
-    --pf-c-divider--after--Height: var(--pf-c-divider--m-vertical--after--Height);
-    width: auto;
-    height: inherit;
-  }
-
-  .pf-c-divider.pf-m-vertical-on-sm::after {
-    flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
-  }
-}
-@media (min-width: 576px) {
-  .pf-c-divider.pf-m-inset-none-on-sm {
-    --pf-c-divider--after--Inset: 0%;
-  }
-
-  .pf-c-divider.pf-m-inset-xs-on-sm {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--xs);
-  }
-
-  .pf-c-divider.pf-m-inset-sm-on-sm {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--sm);
-  }
-
-  .pf-c-divider.pf-m-inset-md-on-sm {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--md);
-  }
-
-  .pf-c-divider.pf-m-inset-lg-on-sm {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--lg);
-  }
-
-  .pf-c-divider.pf-m-inset-xl-on-sm {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--xl);
-  }
-
-  .pf-c-divider.pf-m-inset-2xl-on-sm {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--2xl);
-  }
-
-  .pf-c-divider.pf-m-inset-3xl-on-sm {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--3xl);
-  }
-}
-@media (min-width: 768px) {
-  .pf-c-divider.pf-m-horizontal-on-md {
-    --pf-c-divider--Display: var(--pf-c-divider--m-horizontal--Display);
-    --pf-c-divider--FlexDirection: var(--pf-c-divider--m-horizontal--FlexDirection);
-    --pf-c-divider--after--Width: var(--pf-c-divider--m-horizontal--after--Width);
-    --pf-c-divider--after--Height: var(--pf-c-divider--m-horizontal--after--Height);
-    width: 100%;
-    height: auto;
-  }
-
-  .pf-c-divider.pf-m-horizontal-on-md::after {
-    flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
-  }
-}
-@media (min-width: 768px) {
-  .pf-c-divider.pf-m-vertical-on-md {
-    --pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
-    --pf-c-divider--FlexDirection: var(--pf-c-divider--m-vertical--FlexDirection);
-    --pf-c-divider--after--Width: var(--pf-c-divider--m-vertical--after--Width);
-    --pf-c-divider--after--Height: var(--pf-c-divider--m-vertical--after--Height);
-    width: auto;
-    height: inherit;
-  }
-
-  .pf-c-divider.pf-m-vertical-on-md::after {
-    flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
-  }
-}
-@media (min-width: 768px) {
-  .pf-c-divider.pf-m-inset-none-on-md {
-    --pf-c-divider--after--Inset: 0%;
-  }
-
-  .pf-c-divider.pf-m-inset-xs-on-md {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--xs);
-  }
-
-  .pf-c-divider.pf-m-inset-sm-on-md {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--sm);
-  }
-
-  .pf-c-divider.pf-m-inset-md-on-md {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--md);
-  }
-
-  .pf-c-divider.pf-m-inset-lg-on-md {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--lg);
-  }
-
-  .pf-c-divider.pf-m-inset-xl-on-md {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--xl);
-  }
-
-  .pf-c-divider.pf-m-inset-2xl-on-md {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--2xl);
-  }
-
-  .pf-c-divider.pf-m-inset-3xl-on-md {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--3xl);
-  }
-}
-@media (min-width: 992px) {
-  .pf-c-divider.pf-m-horizontal-on-lg {
-    --pf-c-divider--Display: var(--pf-c-divider--m-horizontal--Display);
-    --pf-c-divider--FlexDirection: var(--pf-c-divider--m-horizontal--FlexDirection);
-    --pf-c-divider--after--Width: var(--pf-c-divider--m-horizontal--after--Width);
-    --pf-c-divider--after--Height: var(--pf-c-divider--m-horizontal--after--Height);
-    width: 100%;
-    height: auto;
-  }
-
-  .pf-c-divider.pf-m-horizontal-on-lg::after {
-    flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
-  }
-}
-@media (min-width: 992px) {
-  .pf-c-divider.pf-m-vertical-on-lg {
-    --pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
-    --pf-c-divider--FlexDirection: var(--pf-c-divider--m-vertical--FlexDirection);
-    --pf-c-divider--after--Width: var(--pf-c-divider--m-vertical--after--Width);
-    --pf-c-divider--after--Height: var(--pf-c-divider--m-vertical--after--Height);
-    width: auto;
-    height: inherit;
-  }
-
-  .pf-c-divider.pf-m-vertical-on-lg::after {
-    flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
-  }
-}
-@media (min-width: 992px) {
-  .pf-c-divider.pf-m-inset-none-on-lg {
-    --pf-c-divider--after--Inset: 0%;
-  }
-
-  .pf-c-divider.pf-m-inset-xs-on-lg {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--xs);
-  }
-
-  .pf-c-divider.pf-m-inset-sm-on-lg {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--sm);
-  }
-
-  .pf-c-divider.pf-m-inset-md-on-lg {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--md);
-  }
-
-  .pf-c-divider.pf-m-inset-lg-on-lg {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--lg);
-  }
-
-  .pf-c-divider.pf-m-inset-xl-on-lg {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--xl);
-  }
-
-  .pf-c-divider.pf-m-inset-2xl-on-lg {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--2xl);
-  }
-
-  .pf-c-divider.pf-m-inset-3xl-on-lg {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--3xl);
-  }
-}
-@media (min-width: 1200px) {
-  .pf-c-divider.pf-m-horizontal-on-xl {
-    --pf-c-divider--Display: var(--pf-c-divider--m-horizontal--Display);
-    --pf-c-divider--FlexDirection: var(--pf-c-divider--m-horizontal--FlexDirection);
-    --pf-c-divider--after--Width: var(--pf-c-divider--m-horizontal--after--Width);
-    --pf-c-divider--after--Height: var(--pf-c-divider--m-horizontal--after--Height);
-    width: 100%;
-    height: auto;
-  }
-
-  .pf-c-divider.pf-m-horizontal-on-xl::after {
-    flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
-  }
-}
-@media (min-width: 1200px) {
-  .pf-c-divider.pf-m-vertical-on-xl {
-    --pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
-    --pf-c-divider--FlexDirection: var(--pf-c-divider--m-vertical--FlexDirection);
-    --pf-c-divider--after--Width: var(--pf-c-divider--m-vertical--after--Width);
-    --pf-c-divider--after--Height: var(--pf-c-divider--m-vertical--after--Height);
-    width: auto;
-    height: inherit;
-  }
-
-  .pf-c-divider.pf-m-vertical-on-xl::after {
-    flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
-  }
-}
-@media (min-width: 1200px) {
-  .pf-c-divider.pf-m-inset-none-on-xl {
-    --pf-c-divider--after--Inset: 0%;
-  }
-
-  .pf-c-divider.pf-m-inset-xs-on-xl {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--xs);
-  }
-
-  .pf-c-divider.pf-m-inset-sm-on-xl {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--sm);
-  }
-
-  .pf-c-divider.pf-m-inset-md-on-xl {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--md);
-  }
-
-  .pf-c-divider.pf-m-inset-lg-on-xl {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--lg);
-  }
-
-  .pf-c-divider.pf-m-inset-xl-on-xl {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--xl);
-  }
-
-  .pf-c-divider.pf-m-inset-2xl-on-xl {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--2xl);
-  }
-
-  .pf-c-divider.pf-m-inset-3xl-on-xl {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--3xl);
-  }
-}
-@media (min-width: 1450px) {
-  .pf-c-divider.pf-m-horizontal-on-2xl {
-    --pf-c-divider--Display: var(--pf-c-divider--m-horizontal--Display);
-    --pf-c-divider--FlexDirection: var(--pf-c-divider--m-horizontal--FlexDirection);
-    --pf-c-divider--after--Width: var(--pf-c-divider--m-horizontal--after--Width);
-    --pf-c-divider--after--Height: var(--pf-c-divider--m-horizontal--after--Height);
-    width: 100%;
-    height: auto;
-  }
-
-  .pf-c-divider.pf-m-horizontal-on-2xl::after {
-    flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
-  }
-}
-@media (min-width: 1450px) {
-  .pf-c-divider.pf-m-vertical-on-2xl {
-    --pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
-    --pf-c-divider--FlexDirection: var(--pf-c-divider--m-vertical--FlexDirection);
-    --pf-c-divider--after--Width: var(--pf-c-divider--m-vertical--after--Width);
-    --pf-c-divider--after--Height: var(--pf-c-divider--m-vertical--after--Height);
-    width: auto;
-    height: inherit;
-  }
-
-  .pf-c-divider.pf-m-vertical-on-2xl::after {
-    flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
-  }
-}
-@media (min-width: 1450px) {
-  .pf-c-divider.pf-m-inset-none-on-2xl {
-    --pf-c-divider--after--Inset: 0%;
-  }
-
-  .pf-c-divider.pf-m-inset-xs-on-2xl {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--xs);
-  }
-
-  .pf-c-divider.pf-m-inset-sm-on-2xl {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--sm);
-  }
-
-  .pf-c-divider.pf-m-inset-md-on-2xl {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--md);
-  }
-
-  .pf-c-divider.pf-m-inset-lg-on-2xl {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--lg);
-  }
-
-  .pf-c-divider.pf-m-inset-xl-on-2xl {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--xl);
-  }
-
-  .pf-c-divider.pf-m-inset-2xl-on-2xl {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--2xl);
-  }
-
-  .pf-c-divider.pf-m-inset-3xl-on-2xl {
-    --pf-c-divider--after--Inset: var(--pf-global--spacer--3xl);
-  }
-}
 .pf-c-drawer {
   --pf-c-drawer__section--BackgroundColor: var(--pf-global--BackgroundColor--100);
   --pf-c-drawer__section--m-light-200--BackgroundColor: var(--pf-global--BackgroundColor--200);
@@ -6936,335 +6470,801 @@ label.pf-c-check, .pf-c-check__label,
     --pf-c-drawer__panel--md--FlexBasis: 75%;
   }
 
-  .pf-c-drawer__panel.pf-m-width-100-on-2xl {
-    --pf-c-drawer__panel--md--FlexBasis: 100%;
+  .pf-c-drawer__panel.pf-m-width-100-on-2xl {
+    --pf-c-drawer__panel--md--FlexBasis: 100%;
+  }
+}
+@media (min-width: 768px) {
+  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content,
+.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
+    flex-shrink: 1;
+  }
+
+  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel,
+.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
+    --pf-c-drawer--m-expanded__panel--BoxShadow: none;
+  }
+
+  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
+.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
+    background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
+  }
+
+  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content {
+    overflow-x: auto;
+  }
+
+  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel {
+    margin-left: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
+    transform: translateX(100%);
+  }
+
+  .pf-c-drawer.pf-m-inline.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel {
+    margin-left: 0;
+    transform: translateX(0);
+  }
+
+  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
+    display: unset;
+    visibility: visible;
+  }
+
+  .pf-c-drawer.pf-m-inline.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
+    margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
+    margin-left: 0;
+    transform: translateX(-100%);
+  }
+
+  .pf-c-drawer.pf-m-inline.pf-m-panel-left.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel {
+    margin-right: 0;
+    transform: translateX(0);
+  }
+
+  .pf-c-drawer.pf-m-inline.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
+    display: unset;
+    visibility: visible;
+  }
+
+  .pf-c-drawer.pf-m-inline.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
+    margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
+    transform: translateY(100%);
+  }
+
+  .pf-c-drawer.pf-m-inline.pf-m-panel-bottom.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel {
+    margin-bottom: 0;
+    transform: translateY(0);
+  }
+
+  .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
+    transform: translateX(0);
+  }
+
+  .pf-c-drawer.pf-m-static.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
+    margin-right: 0;
+    transform: translateX(0);
+  }
+
+  .pf-c-drawer.pf-m-static.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
+    transform: translateX(0);
+  }
+
+  .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
+    display: none;
+    visibility: hidden;
+  }
+}
+@media (min-width: 992px) {
+  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content,
+.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
+    flex-shrink: 1;
+  }
+
+  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel,
+.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
+    --pf-c-drawer--m-expanded__panel--BoxShadow: none;
+  }
+
+  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
+.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
+    background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
+  }
+
+  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
+    overflow-x: auto;
+  }
+
+  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
+    margin-left: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
+    transform: translateX(100%);
+  }
+
+  .pf-c-drawer.pf-m-inline-on-lg.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel {
+    margin-left: 0;
+    transform: translateX(0);
+  }
+
+  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
+    display: unset;
+    visibility: visible;
+  }
+
+  .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
+    margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
+    margin-left: 0;
+    transform: translateX(-100%);
+  }
+
+  .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-left.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel {
+    margin-right: 0;
+    transform: translateX(0);
+  }
+
+  .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
+    display: unset;
+    visibility: visible;
+  }
+
+  .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
+    margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
+    transform: translateY(100%);
+  }
+
+  .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-bottom.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel {
+    margin-bottom: 0;
+    transform: translateY(0);
+  }
+
+  .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
+    transform: translateX(0);
+  }
+
+  .pf-c-drawer.pf-m-static-on-lg.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
+    margin-right: 0;
+    transform: translateX(0);
+  }
+
+  .pf-c-drawer.pf-m-static-on-lg.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
+    transform: translateX(0);
+  }
+
+  .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
+    display: none;
+    visibility: hidden;
+  }
+}
+@media (min-width: 1200px) {
+  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content,
+.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
+    flex-shrink: 1;
+  }
+
+  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel,
+.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
+    --pf-c-drawer--m-expanded__panel--BoxShadow: none;
+  }
+
+  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
+.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
+    background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
+  }
+
+  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
+    overflow-x: auto;
+  }
+
+  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
+    margin-left: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
+    transform: translateX(100%);
+  }
+
+  .pf-c-drawer.pf-m-inline-on-xl.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel {
+    margin-left: 0;
+    transform: translateX(0);
+  }
+
+  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
+    display: unset;
+    visibility: visible;
+  }
+
+  .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
+    margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
+    margin-left: 0;
+    transform: translateX(-100%);
+  }
+
+  .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-left.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel {
+    margin-right: 0;
+    transform: translateX(0);
+  }
+
+  .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
+    display: unset;
+    visibility: visible;
+  }
+
+  .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
+    margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
+    transform: translateY(100%);
+  }
+
+  .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel {
+    margin-bottom: 0;
+    transform: translateY(0);
+  }
+
+  .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
+    transform: translateX(0);
+  }
+
+  .pf-c-drawer.pf-m-static-on-xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
+    margin-right: 0;
+    transform: translateX(0);
+  }
+
+  .pf-c-drawer.pf-m-static-on-xl.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
+    transform: translateX(0);
+  }
+
+  .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
+    display: none;
+    visibility: hidden;
   }
 }
-@media (min-width: 768px) {
-  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content,
-.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
+@media (min-width: 1450px) {
+  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content,
+.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
     flex-shrink: 1;
   }
 
-  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel,
-.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
+  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel,
+.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
     --pf-c-drawer--m-expanded__panel--BoxShadow: none;
   }
 
-  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
-.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
+  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
+.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
     background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
   }
 
-  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content {
+  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
     overflow-x: auto;
   }
 
-  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel {
+  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
     margin-left: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
     transform: translateX(100%);
   }
 
-  .pf-c-drawer.pf-m-inline.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel {
+  .pf-c-drawer.pf-m-inline-on-2xl.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel {
     margin-left: 0;
     transform: translateX(0);
   }
 
-  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
+  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
     display: unset;
     visibility: visible;
   }
 
-  .pf-c-drawer.pf-m-inline.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
+  .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
     margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
     margin-left: 0;
     transform: translateX(-100%);
   }
 
-  .pf-c-drawer.pf-m-inline.pf-m-panel-left.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel {
+  .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel {
     margin-right: 0;
     transform: translateX(0);
   }
 
-  .pf-c-drawer.pf-m-inline.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
+  .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
     display: unset;
     visibility: visible;
   }
 
-  .pf-c-drawer.pf-m-inline.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
+  .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
     margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
     transform: translateY(100%);
   }
 
-  .pf-c-drawer.pf-m-inline.pf-m-panel-bottom.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel {
+  .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel {
     margin-bottom: 0;
     transform: translateY(0);
   }
 
-  .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
-    transform: translateX(0);
+  .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
+    transform: translateX(0);
+  }
+
+  .pf-c-drawer.pf-m-static-on-2xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
+    margin-right: 0;
+    transform: translateX(0);
+  }
+
+  .pf-c-drawer.pf-m-static-on-2xl.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
+    transform: translateX(0);
+  }
+
+  .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
+    display: none;
+    visibility: hidden;
+  }
+}
+:where(.pf-theme-dark) .pf-c-drawer {
+  --pf-c-drawer__panel--BackgroundColor: var(--pf-global--BackgroundColor--400);
+  --pf-c-drawer__splitter--BackgroundColor: transparent;
+}
+
+:where(.pf-theme-dark) .pf-c-drawer.pf-m-inline, :where(.pf-theme-dark) .pf-c-drawer.pf-m-static {
+  --pf-c-drawer__panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
+}
+
+.pf-c-divider {
+  --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-divider {
+  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
+  --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
+}
+
+@media screen and (min-width: 576px) {
+  .pf-m-hidden-on-sm.pf-c-divider {
+    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
+    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
+  }
+
+  .pf-m-visible-on-sm.pf-c-divider {
+    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
+    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
+  }
+}
+@media screen and (min-width: 768px) {
+  .pf-m-hidden-on-md.pf-c-divider {
+    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
+    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
+  }
+
+  .pf-m-visible-on-md.pf-c-divider {
+    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
+    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
+  }
+}
+@media screen and (min-width: 992px) {
+  .pf-m-hidden-on-lg.pf-c-divider {
+    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
+    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
+  }
+
+  .pf-m-visible-on-lg.pf-c-divider {
+    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
+    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
+  }
+}
+@media screen and (min-width: 1200px) {
+  .pf-m-hidden-on-xl.pf-c-divider {
+    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
+    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
+  }
+
+  .pf-m-visible-on-xl.pf-c-divider {
+    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
+    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
+  }
+}
+@media screen and (min-width: 1450px) {
+  .pf-m-hidden-on-2xl.pf-c-divider {
+    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
+    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
+  }
+
+  .pf-m-visible-on-2xl.pf-c-divider {
+    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
+    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
+  }
+}
+.pf-c-divider {
+  --pf-c-divider--BorderWidth--base: var(--pf-global--BorderWidth--sm);
+  --pf-c-divider--BorderColor--base: var(--pf-c-divider--BackgroundColor);
+  --pf-c-divider--Height: var(--pf-c-divider--BorderWidth--base);
+  --pf-c-divider--BackgroundColor: var(--pf-global--BorderColor--100);
+  --pf-c-divider--after--BackgroundColor: var(--pf-c-divider--BorderColor--base);
+  --pf-c-divider--after--FlexBasis: 100%;
+  --pf-c-divider--after--Inset: 0%;
+  --pf-c-divider--m-vertical--after--FlexBasis: 100%;
+  --pf-c-divider--m-horizontal--Display: flex;
+  --pf-c-divider--m-horizontal--FlexDirection: row;
+  --pf-c-divider--m-horizontal--after--Height: var(--pf-c-divider--Height);
+  --pf-c-divider--m-horizontal--after--Width: auto;
+  --pf-c-divider--m-vertical--Display: inline-flex;
+  --pf-c-divider--m-vertical--FlexDirection: column;
+  --pf-c-divider--m-vertical--after--Height: auto;
+  --pf-c-divider--m-vertical--after--Width: var(--pf-c-divider--BorderWidth--base);
+  --pf-hidden-visible--visible--Display: var(--pf-c-divider--Display);
+  --pf-c-divider--Display: var(--pf-c-divider--m-horizontal--Display);
+  --pf-c-divider--FlexDirection: var(--pf-c-divider--m-horizontal--FlexDirection);
+  --pf-c-divider--after--Width: var(--pf-c-divider--m-horizontal--after--Width);
+  --pf-c-divider--after--Height: var(--pf-c-divider--m-horizontal--after--Height);
+  width: 100%;
+  height: auto;
+  display: var(--pf-c-divider--Display);
+  flex-direction: var(--pf-c-divider--FlexDirection);
+  align-items: center;
+  align-self: stretch;
+  flex-shrink: 0;
+  justify-content: center;
+  border: 0;
+}
+
+.pf-c-divider::after {
+  flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
+}
+
+.pf-c-divider::after {
+  align-self: stretch;
+  width: var(--pf-c-divider--after--Width);
+  height: var(--pf-c-divider--after--Height);
+  content: "";
+  background-color: var(--pf-c-divider--after--BackgroundColor);
+  justify-self: center;
+}
+
+.pf-c-divider.pf-m-vertical {
+  --pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
+  --pf-c-divider--FlexDirection: var(--pf-c-divider--m-vertical--FlexDirection);
+  --pf-c-divider--after--Width: var(--pf-c-divider--m-vertical--after--Width);
+  --pf-c-divider--after--Height: var(--pf-c-divider--m-vertical--after--Height);
+  width: auto;
+  height: inherit;
+}
+
+.pf-c-divider.pf-m-vertical::after {
+  flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
+}
+
+.pf-c-divider.pf-m-inset-none {
+  --pf-c-divider--after--Inset: 0%;
+}
+
+.pf-c-divider.pf-m-inset-xs {
+  --pf-c-divider--after--Inset: var(--pf-global--spacer--xs);
+}
+
+.pf-c-divider.pf-m-inset-sm {
+  --pf-c-divider--after--Inset: var(--pf-global--spacer--sm);
+}
+
+.pf-c-divider.pf-m-inset-md {
+  --pf-c-divider--after--Inset: var(--pf-global--spacer--md);
+}
+
+.pf-c-divider.pf-m-inset-lg {
+  --pf-c-divider--after--Inset: var(--pf-global--spacer--lg);
+}
+
+.pf-c-divider.pf-m-inset-xl {
+  --pf-c-divider--after--Inset: var(--pf-global--spacer--xl);
+}
+
+.pf-c-divider.pf-m-inset-2xl {
+  --pf-c-divider--after--Inset: var(--pf-global--spacer--2xl);
+}
+
+.pf-c-divider.pf-m-inset-3xl {
+  --pf-c-divider--after--Inset: var(--pf-global--spacer--3xl);
+}
+
+@media (min-width: 576px) {
+  .pf-c-divider.pf-m-horizontal-on-sm {
+    --pf-c-divider--Display: var(--pf-c-divider--m-horizontal--Display);
+    --pf-c-divider--FlexDirection: var(--pf-c-divider--m-horizontal--FlexDirection);
+    --pf-c-divider--after--Width: var(--pf-c-divider--m-horizontal--after--Width);
+    --pf-c-divider--after--Height: var(--pf-c-divider--m-horizontal--after--Height);
+    width: 100%;
+    height: auto;
+  }
+
+  .pf-c-divider.pf-m-horizontal-on-sm::after {
+    flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
+  }
+}
+@media (min-width: 576px) {
+  .pf-c-divider.pf-m-vertical-on-sm {
+    --pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
+    --pf-c-divider--FlexDirection: var(--pf-c-divider--m-vertical--FlexDirection);
+    --pf-c-divider--after--Width: var(--pf-c-divider--m-vertical--after--Width);
+    --pf-c-divider--after--Height: var(--pf-c-divider--m-vertical--after--Height);
+    width: auto;
+    height: inherit;
+  }
+
+  .pf-c-divider.pf-m-vertical-on-sm::after {
+    flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
+  }
+}
+@media (min-width: 576px) {
+  .pf-c-divider.pf-m-inset-none-on-sm {
+    --pf-c-divider--after--Inset: 0%;
+  }
+
+  .pf-c-divider.pf-m-inset-xs-on-sm {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--xs);
   }
 
-  .pf-c-drawer.pf-m-static.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
-    margin-right: 0;
-    transform: translateX(0);
+  .pf-c-divider.pf-m-inset-sm-on-sm {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--sm);
   }
 
-  .pf-c-drawer.pf-m-static.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
-    transform: translateX(0);
+  .pf-c-divider.pf-m-inset-md-on-sm {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--md);
   }
 
-  .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
-    display: none;
-    visibility: hidden;
-  }
-}
-@media (min-width: 992px) {
-  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content,
-.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
-    flex-shrink: 1;
+  .pf-c-divider.pf-m-inset-lg-on-sm {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--lg);
   }
 
-  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel,
-.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
-    --pf-c-drawer--m-expanded__panel--BoxShadow: none;
+  .pf-c-divider.pf-m-inset-xl-on-sm {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--xl);
   }
 
-  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
-.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
-    background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
+  .pf-c-divider.pf-m-inset-2xl-on-sm {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--2xl);
   }
 
-  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
-    overflow-x: auto;
+  .pf-c-divider.pf-m-inset-3xl-on-sm {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--3xl);
   }
-
-  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
-    margin-left: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
-    transform: translateX(100%);
+}
+@media (min-width: 768px) {
+  .pf-c-divider.pf-m-horizontal-on-md {
+    --pf-c-divider--Display: var(--pf-c-divider--m-horizontal--Display);
+    --pf-c-divider--FlexDirection: var(--pf-c-divider--m-horizontal--FlexDirection);
+    --pf-c-divider--after--Width: var(--pf-c-divider--m-horizontal--after--Width);
+    --pf-c-divider--after--Height: var(--pf-c-divider--m-horizontal--after--Height);
+    width: 100%;
+    height: auto;
   }
 
-  .pf-c-drawer.pf-m-inline-on-lg.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel {
-    margin-left: 0;
-    transform: translateX(0);
+  .pf-c-divider.pf-m-horizontal-on-md::after {
+    flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
   }
-
-  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
-    display: unset;
-    visibility: visible;
+}
+@media (min-width: 768px) {
+  .pf-c-divider.pf-m-vertical-on-md {
+    --pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
+    --pf-c-divider--FlexDirection: var(--pf-c-divider--m-vertical--FlexDirection);
+    --pf-c-divider--after--Width: var(--pf-c-divider--m-vertical--after--Width);
+    --pf-c-divider--after--Height: var(--pf-c-divider--m-vertical--after--Height);
+    width: auto;
+    height: inherit;
   }
 
-  .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
-    margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
-    margin-left: 0;
-    transform: translateX(-100%);
+  .pf-c-divider.pf-m-vertical-on-md::after {
+    flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
   }
-
-  .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-left.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel {
-    margin-right: 0;
-    transform: translateX(0);
+}
+@media (min-width: 768px) {
+  .pf-c-divider.pf-m-inset-none-on-md {
+    --pf-c-divider--after--Inset: 0%;
   }
 
-  .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
-    display: unset;
-    visibility: visible;
+  .pf-c-divider.pf-m-inset-xs-on-md {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--xs);
   }
 
-  .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
-    margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
-    transform: translateY(100%);
+  .pf-c-divider.pf-m-inset-sm-on-md {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--sm);
   }
 
-  .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-bottom.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel {
-    margin-bottom: 0;
-    transform: translateY(0);
+  .pf-c-divider.pf-m-inset-md-on-md {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--md);
   }
 
-  .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
-    transform: translateX(0);
+  .pf-c-divider.pf-m-inset-lg-on-md {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--lg);
   }
 
-  .pf-c-drawer.pf-m-static-on-lg.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
-    margin-right: 0;
-    transform: translateX(0);
+  .pf-c-divider.pf-m-inset-xl-on-md {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--xl);
   }
 
-  .pf-c-drawer.pf-m-static-on-lg.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
-    transform: translateX(0);
+  .pf-c-divider.pf-m-inset-2xl-on-md {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--2xl);
   }
 
-  .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
-    display: none;
-    visibility: hidden;
+  .pf-c-divider.pf-m-inset-3xl-on-md {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--3xl);
   }
 }
-@media (min-width: 1200px) {
-  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content,
-.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
-    flex-shrink: 1;
+@media (min-width: 992px) {
+  .pf-c-divider.pf-m-horizontal-on-lg {
+    --pf-c-divider--Display: var(--pf-c-divider--m-horizontal--Display);
+    --pf-c-divider--FlexDirection: var(--pf-c-divider--m-horizontal--FlexDirection);
+    --pf-c-divider--after--Width: var(--pf-c-divider--m-horizontal--after--Width);
+    --pf-c-divider--after--Height: var(--pf-c-divider--m-horizontal--after--Height);
+    width: 100%;
+    height: auto;
   }
 
-  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel,
-.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
-    --pf-c-drawer--m-expanded__panel--BoxShadow: none;
+  .pf-c-divider.pf-m-horizontal-on-lg::after {
+    flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
   }
-
-  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
-.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
-    background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
+}
+@media (min-width: 992px) {
+  .pf-c-divider.pf-m-vertical-on-lg {
+    --pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
+    --pf-c-divider--FlexDirection: var(--pf-c-divider--m-vertical--FlexDirection);
+    --pf-c-divider--after--Width: var(--pf-c-divider--m-vertical--after--Width);
+    --pf-c-divider--after--Height: var(--pf-c-divider--m-vertical--after--Height);
+    width: auto;
+    height: inherit;
   }
 
-  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
-    overflow-x: auto;
+  .pf-c-divider.pf-m-vertical-on-lg::after {
+    flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
   }
-
-  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
-    margin-left: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
-    transform: translateX(100%);
+}
+@media (min-width: 992px) {
+  .pf-c-divider.pf-m-inset-none-on-lg {
+    --pf-c-divider--after--Inset: 0%;
   }
 
-  .pf-c-drawer.pf-m-inline-on-xl.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel {
-    margin-left: 0;
-    transform: translateX(0);
+  .pf-c-divider.pf-m-inset-xs-on-lg {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--xs);
   }
 
-  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
-    display: unset;
-    visibility: visible;
+  .pf-c-divider.pf-m-inset-sm-on-lg {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--sm);
   }
 
-  .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
-    margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
-    margin-left: 0;
-    transform: translateX(-100%);
+  .pf-c-divider.pf-m-inset-md-on-lg {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--md);
   }
 
-  .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-left.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel {
-    margin-right: 0;
-    transform: translateX(0);
+  .pf-c-divider.pf-m-inset-lg-on-lg {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--lg);
   }
 
-  .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
-    display: unset;
-    visibility: visible;
+  .pf-c-divider.pf-m-inset-xl-on-lg {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--xl);
   }
 
-  .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
-    margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
-    transform: translateY(100%);
+  .pf-c-divider.pf-m-inset-2xl-on-lg {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--2xl);
   }
 
-  .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel {
-    margin-bottom: 0;
-    transform: translateY(0);
+  .pf-c-divider.pf-m-inset-3xl-on-lg {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--3xl);
   }
-
-  .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
-    transform: translateX(0);
+}
+@media (min-width: 1200px) {
+  .pf-c-divider.pf-m-horizontal-on-xl {
+    --pf-c-divider--Display: var(--pf-c-divider--m-horizontal--Display);
+    --pf-c-divider--FlexDirection: var(--pf-c-divider--m-horizontal--FlexDirection);
+    --pf-c-divider--after--Width: var(--pf-c-divider--m-horizontal--after--Width);
+    --pf-c-divider--after--Height: var(--pf-c-divider--m-horizontal--after--Height);
+    width: 100%;
+    height: auto;
   }
 
-  .pf-c-drawer.pf-m-static-on-xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
-    margin-right: 0;
-    transform: translateX(0);
+  .pf-c-divider.pf-m-horizontal-on-xl::after {
+    flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
   }
-
-  .pf-c-drawer.pf-m-static-on-xl.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
-    transform: translateX(0);
+}
+@media (min-width: 1200px) {
+  .pf-c-divider.pf-m-vertical-on-xl {
+    --pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
+    --pf-c-divider--FlexDirection: var(--pf-c-divider--m-vertical--FlexDirection);
+    --pf-c-divider--after--Width: var(--pf-c-divider--m-vertical--after--Width);
+    --pf-c-divider--after--Height: var(--pf-c-divider--m-vertical--after--Height);
+    width: auto;
+    height: inherit;
   }
 
-  .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
-    display: none;
-    visibility: hidden;
+  .pf-c-divider.pf-m-vertical-on-xl::after {
+    flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
   }
 }
-@media (min-width: 1450px) {
-  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content,
-.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
-    flex-shrink: 1;
+@media (min-width: 1200px) {
+  .pf-c-divider.pf-m-inset-none-on-xl {
+    --pf-c-divider--after--Inset: 0%;
   }
 
-  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel,
-.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
-    --pf-c-drawer--m-expanded__panel--BoxShadow: none;
+  .pf-c-divider.pf-m-inset-xs-on-xl {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--xs);
   }
 
-  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
-.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
-    background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
+  .pf-c-divider.pf-m-inset-sm-on-xl {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--sm);
   }
 
-  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
-    overflow-x: auto;
+  .pf-c-divider.pf-m-inset-md-on-xl {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--md);
+  }
+
+  .pf-c-divider.pf-m-inset-lg-on-xl {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--lg);
   }
 
-  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
-    margin-left: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
-    transform: translateX(100%);
+  .pf-c-divider.pf-m-inset-xl-on-xl {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--xl);
   }
 
-  .pf-c-drawer.pf-m-inline-on-2xl.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel {
-    margin-left: 0;
-    transform: translateX(0);
+  .pf-c-divider.pf-m-inset-2xl-on-xl {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--2xl);
   }
 
-  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
-    display: unset;
-    visibility: visible;
+  .pf-c-divider.pf-m-inset-3xl-on-xl {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--3xl);
   }
-
-  .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
-    margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
-    margin-left: 0;
-    transform: translateX(-100%);
+}
+@media (min-width: 1450px) {
+  .pf-c-divider.pf-m-horizontal-on-2xl {
+    --pf-c-divider--Display: var(--pf-c-divider--m-horizontal--Display);
+    --pf-c-divider--FlexDirection: var(--pf-c-divider--m-horizontal--FlexDirection);
+    --pf-c-divider--after--Width: var(--pf-c-divider--m-horizontal--after--Width);
+    --pf-c-divider--after--Height: var(--pf-c-divider--m-horizontal--after--Height);
+    width: 100%;
+    height: auto;
   }
 
-  .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel {
-    margin-right: 0;
-    transform: translateX(0);
+  .pf-c-divider.pf-m-horizontal-on-2xl::after {
+    flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
+  }
+}
+@media (min-width: 1450px) {
+  .pf-c-divider.pf-m-vertical-on-2xl {
+    --pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
+    --pf-c-divider--FlexDirection: var(--pf-c-divider--m-vertical--FlexDirection);
+    --pf-c-divider--after--Width: var(--pf-c-divider--m-vertical--after--Width);
+    --pf-c-divider--after--Height: var(--pf-c-divider--m-vertical--after--Height);
+    width: auto;
+    height: inherit;
   }
 
-  .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
-    display: unset;
-    visibility: visible;
+  .pf-c-divider.pf-m-vertical-on-2xl::after {
+    flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
+  }
+}
+@media (min-width: 1450px) {
+  .pf-c-divider.pf-m-inset-none-on-2xl {
+    --pf-c-divider--after--Inset: 0%;
   }
 
-  .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
-    margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
-    transform: translateY(100%);
+  .pf-c-divider.pf-m-inset-xs-on-2xl {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--xs);
   }
 
-  .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel {
-    margin-bottom: 0;
-    transform: translateY(0);
+  .pf-c-divider.pf-m-inset-sm-on-2xl {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--sm);
   }
 
-  .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
-    transform: translateX(0);
+  .pf-c-divider.pf-m-inset-md-on-2xl {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--md);
   }
 
-  .pf-c-drawer.pf-m-static-on-2xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
-    margin-right: 0;
-    transform: translateX(0);
+  .pf-c-divider.pf-m-inset-lg-on-2xl {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--lg);
   }
 
-  .pf-c-drawer.pf-m-static-on-2xl.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
-    transform: translateX(0);
+  .pf-c-divider.pf-m-inset-xl-on-2xl {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--xl);
   }
 
-  .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
-    display: none;
-    visibility: hidden;
+  .pf-c-divider.pf-m-inset-2xl-on-2xl {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--2xl);
   }
-}
-:where(.pf-theme-dark) .pf-c-drawer {
-  --pf-c-drawer__panel--BackgroundColor: var(--pf-global--BackgroundColor--400);
-  --pf-c-drawer__splitter--BackgroundColor: transparent;
-}
 
-:where(.pf-theme-dark) .pf-c-drawer.pf-m-inline, :where(.pf-theme-dark) .pf-c-drawer.pf-m-static {
-  --pf-c-drawer__panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
+  .pf-c-divider.pf-m-inset-3xl-on-2xl {
+    --pf-c-divider--after--Inset: var(--pf-global--spacer--3xl);
+  }
 }
-
 .pf-c-dropdown {
   --pf-c-dropdown__toggle--PaddingTop: var(--pf-global--spacer--form-element);
   --pf-c-dropdown__toggle--PaddingRight: var(--pf-global--spacer--sm);
@@ -26163,75 +26163,6 @@ label.pf-c-tree-view__node-text {
     --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
   }
 }
-.pf-l-gallery {
-  --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
-  --pf-l-gallery--GridTemplateColumns--min: 250px;
-  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
-  --pf-l-gallery--GridTemplateColumns--max: 1fr;
-  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
-  --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
-  --pf-l-gallery--GridTemplateRows: auto;
-  display: grid;
-  grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
-  grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
-  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
-  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
-}
-
-.pf-l-gallery.pf-m-gutter {
-  grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
-}
-
-@media (min-width: 576px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
-  }
-}
-@media (min-width: 768px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
-  }
-}
-@media (min-width: 992px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
-  }
-}
-@media (min-width: 1200px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
-  }
-}
-@media (min-width: 1450px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
-  }
-}
-@media (min-width: 576px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
-  }
-}
-@media (min-width: 768px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
-  }
-}
-@media (min-width: 992px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
-  }
-}
-@media (min-width: 1200px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
-  }
-}
-@media (min-width: 1450px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
-  }
-}
 .pf-l-grid {
   --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
   --pf-l-grid__item--GridColumnStart: auto;
@@ -27446,6 +27377,18 @@ label.pf-c-tree-view__node-text {
   grid-gap: var(--pf-l-grid--m-gutter--GridGap);
 }
 
+.pf-l-level {
+  --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.pf-l-level.pf-m-gutter > *:not(:last-child) {
+  margin-right: var(--pf-l-level--m-gutter--MarginRight);
+}
+
 .pf-l-split {
   --pf-l-split--m-gutter--MarginRight: var(--pf-global--gutter);
   display: flex;
@@ -27465,18 +27408,6 @@ label.pf-c-tree-view__node-text {
   margin-right: var(--pf-l-split--m-gutter--MarginRight);
 }
 
-.pf-l-level {
-  --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.pf-l-level.pf-m-gutter > *:not(:last-child) {
-  margin-right: var(--pf-l-level--m-gutter--MarginRight);
-}
-
 .pf-l-stack {
   --pf-l-stack--m-gutter--MarginBottom: var(--pf-global--gutter);
   display: flex;
@@ -27492,6 +27423,75 @@ label.pf-c-tree-view__node-text {
   margin-bottom: var(--pf-l-stack--m-gutter--MarginBottom);
 }
 
+.pf-l-gallery {
+  --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
+  --pf-l-gallery--GridTemplateColumns--min: 250px;
+  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
+  --pf-l-gallery--GridTemplateColumns--max: 1fr;
+  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
+  --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
+  --pf-l-gallery--GridTemplateRows: auto;
+  display: grid;
+  grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
+  grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
+  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
+  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
+}
+
+.pf-l-gallery.pf-m-gutter {
+  grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
+}
+
+@media (min-width: 576px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
+  }
+}
+@media (min-width: 768px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
+  }
+}
+@media (min-width: 992px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
+  }
+}
+@media (min-width: 1200px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
+  }
+}
+@media (min-width: 1450px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
+  }
+}
+@media (min-width: 576px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
+  }
+}
+@media (min-width: 768px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
+  }
+}
+@media (min-width: 992px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
+  }
+}
+@media (min-width: 1200px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
+  }
+}
+@media (min-width: 1450px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
+  }
+}
 .pf-c-alert-group {
   --pf-c-alert-group__item--MarginTop: var(--pf-global--spacer--sm);
   --pf-c-alert-group--m-toast--Top: var(--pf-global--spacer--2xl);