@patternfly/patternfly 6.0.0-alpha.38 → 6.0.0-alpha.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/components/Divider/divider.css +97 -177
  2. package/components/Divider/divider.scss +60 -79
  3. package/components/Masthead/masthead.css +267 -435
  4. package/components/Masthead/masthead.scss +118 -233
  5. package/docs/components/Divider/examples/Divider.css +3 -1
  6. package/docs/components/Divider/examples/Divider.md +4 -5
  7. package/docs/components/Masthead/examples/masthead.md +441 -16
  8. package/docs/demos/AboutModal/examples/AboutModal.md +40 -42
  9. package/docs/demos/Alert/examples/Alert.md +120 -126
  10. package/docs/demos/BackToTop/examples/BackToTop.md +40 -42
  11. package/docs/demos/Banner/examples/Banner.md +79 -80
  12. package/docs/demos/CardView/examples/CardView.md +40 -42
  13. package/docs/demos/ContextSelector/examples/ContextSelector.md +129 -146
  14. package/docs/demos/Dashboard/examples/Dashboard.md +40 -42
  15. package/docs/demos/DataList/examples/DataList.md +160 -279
  16. package/docs/demos/DescriptionList/examples/DescriptionList.md +120 -126
  17. package/docs/demos/Drawer/examples/Drawer.md +200 -210
  18. package/docs/demos/JumpLinks/examples/JumpLinks.md +240 -252
  19. package/docs/demos/Masthead/examples/Masthead.md +143 -224
  20. package/docs/demos/Modal/examples/Modal.md +240 -252
  21. package/docs/demos/Nav/examples/Nav.md +320 -336
  22. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +200 -210
  23. package/docs/demos/Page/examples/Page.md +360 -378
  24. package/docs/demos/Page/examples/Penta.md +8 -15
  25. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +280 -294
  26. package/docs/demos/Skeleton/examples/Skeleton.md +40 -42
  27. package/docs/demos/Table/examples/Table.md +617 -647
  28. package/docs/demos/Tabs/examples/Tabs.md +240 -252
  29. package/docs/demos/Toolbar/examples/Toolbar.md +80 -84
  30. package/docs/demos/Wizard/examples/Wizard.md +360 -378
  31. package/package.json +1 -1
  32. package/patternfly-no-globals.css +363 -611
  33. package/patternfly-theme-dark-unversioned.css +363 -611
  34. package/patternfly.css +363 -611
  35. package/patternfly.min.css +1 -1
  36. package/patternfly.min.css.map +1 -1
package/patternfly-no-globals.css CHANGED
@@ -12930,341 +12930,261 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12930
12930
  --pf-v5-c-date-picker__calendar--Top: 100%;
12931
12931
  }
12932
12932
 
12933
+ :root,
12934
+ :where(.pf-v5-c-divider) {
12935
+ --pf-v5-c-divider--Display: flex;
12936
+ --pf-v5-c-divider--Color: var(--pf-t--global--border--color--default);
12937
+ --pf-v5-c-divider--Size: var(--pf-t--global--border--width--divider--default);
12938
+ --pf-v5-c-divider--before--FlexBasis: 100%;
12939
+ }
12940
+
12933
12941
  .pf-v5-c-divider {
12934
- --pf-v5-c-divider--BorderWidth--base: var(--pf-v5-global--BorderWidth--sm);
12935
- --pf-v5-c-divider--BorderColor--base: var(--pf-v5-c-divider--BackgroundColor);
12936
- --pf-v5-c-divider--Height: var(--pf-v5-c-divider--BorderWidth--base);
12937
- --pf-v5-c-divider--BackgroundColor: var(--pf-v5-global--BorderColor--100);
12938
- --pf-v5-c-divider--after--BackgroundColor: var(--pf-v5-c-divider--BorderColor--base);
12939
- --pf-v5-c-divider--after--FlexBasis: 100%;
12940
- --pf-v5-c-divider--after--Inset: 0%;
12941
- --pf-v5-c-divider--m-vertical--after--FlexBasis: 100%;
12942
- --pf-v5-c-divider--m-horizontal--Display: flex;
12943
- --pf-v5-c-divider--m-horizontal--FlexDirection: row;
12944
- --pf-v5-c-divider--m-horizontal--after--Height: var(--pf-v5-c-divider--Height);
12945
- --pf-v5-c-divider--m-horizontal--after--Width: auto;
12946
- --pf-v5-c-divider--m-vertical--Display: inline-flex;
12947
- --pf-v5-c-divider--m-vertical--FlexDirection: column;
12948
- --pf-v5-c-divider--m-vertical--after--Height: auto;
12949
- --pf-v5-c-divider--m-vertical--after--Width: var(--pf-v5-c-divider--BorderWidth--base);
12950
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-divider--Display);
12951
- --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
12952
- --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
12953
- --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
12954
- --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
12942
+ flex-direction: row;
12955
12943
  width: 100%;
12956
- height: auto;
12957
- flex-direction: var(--pf-v5-c-divider--FlexDirection);
12958
- flex-shrink: 0;
12959
- align-items: center;
12960
- align-self: stretch;
12944
+ height: var(--pf-v5-c-divider--Size);
12945
+ --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-divider--Display);
12946
+ align-items: stretch;
12961
12947
  justify-content: center;
12962
12948
  border: 0;
12963
12949
  }
12964
- .pf-v5-c-divider::after {
12965
- flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
12966
- }
12967
- .pf-v5-c-divider::after {
12968
- align-self: stretch;
12969
- justify-self: center;
12970
- width: var(--pf-v5-c-divider--after--Width);
12971
- height: var(--pf-v5-c-divider--after--Height);
12950
+ .pf-v5-c-divider::before {
12951
+ flex-basis: var(--pf-v5-c-divider--before--FlexBasis);
12972
12952
  content: "";
12973
- background-color: var(--pf-v5-c-divider--after--BackgroundColor);
12953
+ background-color: var(--pf-v5-c-divider--Color);
12974
12954
  }
12975
- .pf-v5-c-divider.pf-m-vertical {
12976
- --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
12977
- --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
12978
- --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
12979
- --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
12980
- width: auto;
12981
- height: inherit;
12955
+ .pf-v5-c-divider.pf-m-horizontal {
12956
+ flex-direction: row;
12957
+ width: 100%;
12958
+ height: var(--pf-v5-c-divider--Size);
12982
12959
  }
12983
- .pf-v5-c-divider.pf-m-vertical::after {
12984
- flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
12960
+ .pf-v5-c-divider.pf-m-vertical {
12961
+ flex-direction: column;
12962
+ width: var(--pf-v5-c-divider--Size);
12963
+ height: 100%;
12985
12964
  }
12986
12965
  .pf-v5-c-divider.pf-m-inset-none {
12987
- --pf-v5-c-divider--after--Inset: 0%;
12966
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - 0% * 2);
12988
12967
  }
12989
12968
  .pf-v5-c-divider.pf-m-inset-xs {
12990
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
12969
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xs) * 2);
12991
12970
  }
12992
12971
  .pf-v5-c-divider.pf-m-inset-sm {
12993
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
12972
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--sm) * 2);
12994
12973
  }
12995
12974
  .pf-v5-c-divider.pf-m-inset-md {
12996
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
12975
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--md) * 2);
12997
12976
  }
12998
12977
  .pf-v5-c-divider.pf-m-inset-lg {
12999
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
12978
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--lg) * 2);
13000
12979
  }
13001
12980
  .pf-v5-c-divider.pf-m-inset-xl {
13002
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
12981
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xl) * 2);
13003
12982
  }
13004
12983
  .pf-v5-c-divider.pf-m-inset-2xl {
13005
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
12984
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--2xl) * 2);
13006
12985
  }
13007
12986
  .pf-v5-c-divider.pf-m-inset-3xl {
13008
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
12987
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--3xl) * 2);
13009
12988
  }
12989
+
13010
12990
  @media (min-width: 576px) {
13011
12991
  .pf-v5-c-divider.pf-m-horizontal-on-sm {
13012
- --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
13013
- --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
13014
- --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
13015
- --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
12992
+ flex-direction: row;
13016
12993
  width: 100%;
13017
- height: auto;
13018
- }
13019
- .pf-v5-c-divider.pf-m-horizontal-on-sm::after {
13020
- flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
12994
+ height: var(--pf-v5-c-divider--Size);
13021
12995
  }
13022
12996
  }
13023
12997
  @media (min-width: 576px) {
13024
12998
  .pf-v5-c-divider.pf-m-vertical-on-sm {
13025
- --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
13026
- --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
13027
- --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
13028
- --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
13029
- width: auto;
13030
- height: inherit;
13031
- }
13032
- .pf-v5-c-divider.pf-m-vertical-on-sm::after {
13033
- flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
12999
+ flex-direction: column;
13000
+ width: var(--pf-v5-c-divider--Size);
13001
+ height: 100%;
13034
13002
  }
13035
13003
  }
13036
13004
  @media (min-width: 576px) {
13037
13005
  .pf-v5-c-divider.pf-m-inset-none-on-sm {
13038
- --pf-v5-c-divider--after--Inset: 0%;
13006
+ --pf-v5-c-divider--before--FlexBasis: 100%;
13039
13007
  }
13040
13008
  .pf-v5-c-divider.pf-m-inset-xs-on-sm {
13041
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
13009
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xs) * 2);
13042
13010
  }
13043
13011
  .pf-v5-c-divider.pf-m-inset-sm-on-sm {
13044
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
13012
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--sm) * 2);
13045
13013
  }
13046
13014
  .pf-v5-c-divider.pf-m-inset-md-on-sm {
13047
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
13015
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--md) * 2);
13048
13016
  }
13049
13017
  .pf-v5-c-divider.pf-m-inset-lg-on-sm {
13050
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
13018
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--lg) * 2);
13051
13019
  }
13052
13020
  .pf-v5-c-divider.pf-m-inset-xl-on-sm {
13053
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
13021
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xl) * 2);
13054
13022
  }
13055
13023
  .pf-v5-c-divider.pf-m-inset-2xl-on-sm {
13056
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
13024
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--2xl) * 2);
13057
13025
  }
13058
13026
  .pf-v5-c-divider.pf-m-inset-3xl-on-sm {
13059
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
13027
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--3xl) * 2);
13060
13028
  }
13061
13029
  }
13062
13030
  @media (min-width: 768px) {
13063
13031
  .pf-v5-c-divider.pf-m-horizontal-on-md {
13064
- --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
13065
- --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
13066
- --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
13067
- --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
13032
+ flex-direction: row;
13068
13033
  width: 100%;
13069
- height: auto;
13070
- }
13071
- .pf-v5-c-divider.pf-m-horizontal-on-md::after {
13072
- flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
13034
+ height: var(--pf-v5-c-divider--Size);
13073
13035
  }
13074
13036
  }
13075
13037
  @media (min-width: 768px) {
13076
13038
  .pf-v5-c-divider.pf-m-vertical-on-md {
13077
- --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
13078
- --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
13079
- --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
13080
- --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
13081
- width: auto;
13082
- height: inherit;
13083
- }
13084
- .pf-v5-c-divider.pf-m-vertical-on-md::after {
13085
- flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
13039
+ flex-direction: column;
13040
+ width: var(--pf-v5-c-divider--Size);
13041
+ height: 100%;
13086
13042
  }
13087
13043
  }
13088
13044
  @media (min-width: 768px) {
13089
13045
  .pf-v5-c-divider.pf-m-inset-none-on-md {
13090
- --pf-v5-c-divider--after--Inset: 0%;
13046
+ --pf-v5-c-divider--before--FlexBasis: 100%;
13091
13047
  }
13092
13048
  .pf-v5-c-divider.pf-m-inset-xs-on-md {
13093
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
13049
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xs) * 2);
13094
13050
  }
13095
13051
  .pf-v5-c-divider.pf-m-inset-sm-on-md {
13096
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
13052
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--sm) * 2);
13097
13053
  }
13098
13054
  .pf-v5-c-divider.pf-m-inset-md-on-md {
13099
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
13055
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--md) * 2);
13100
13056
  }
13101
13057
  .pf-v5-c-divider.pf-m-inset-lg-on-md {
13102
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
13058
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--lg) * 2);
13103
13059
  }
13104
13060
  .pf-v5-c-divider.pf-m-inset-xl-on-md {
13105
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
13061
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xl) * 2);
13106
13062
  }
13107
13063
  .pf-v5-c-divider.pf-m-inset-2xl-on-md {
13108
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
13064
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--2xl) * 2);
13109
13065
  }
13110
13066
  .pf-v5-c-divider.pf-m-inset-3xl-on-md {
13111
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
13067
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--3xl) * 2);
13112
13068
  }
13113
13069
  }
13114
13070
  @media (min-width: 992px) {
13115
13071
  .pf-v5-c-divider.pf-m-horizontal-on-lg {
13116
- --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
13117
- --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
13118
- --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
13119
- --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
13072
+ flex-direction: row;
13120
13073
  width: 100%;
13121
- height: auto;
13122
- }
13123
- .pf-v5-c-divider.pf-m-horizontal-on-lg::after {
13124
- flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
13074
+ height: var(--pf-v5-c-divider--Size);
13125
13075
  }
13126
13076
  }
13127
13077
  @media (min-width: 992px) {
13128
13078
  .pf-v5-c-divider.pf-m-vertical-on-lg {
13129
- --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
13130
- --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
13131
- --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
13132
- --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
13133
- width: auto;
13134
- height: inherit;
13135
- }
13136
- .pf-v5-c-divider.pf-m-vertical-on-lg::after {
13137
- flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
13079
+ flex-direction: column;
13080
+ width: var(--pf-v5-c-divider--Size);
13081
+ height: 100%;
13138
13082
  }
13139
13083
  }
13140
13084
  @media (min-width: 992px) {
13141
13085
  .pf-v5-c-divider.pf-m-inset-none-on-lg {
13142
- --pf-v5-c-divider--after--Inset: 0%;
13086
+ --pf-v5-c-divider--before--FlexBasis: 100%;
13143
13087
  }
13144
13088
  .pf-v5-c-divider.pf-m-inset-xs-on-lg {
13145
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
13089
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xs) * 2);
13146
13090
  }
13147
13091
  .pf-v5-c-divider.pf-m-inset-sm-on-lg {
13148
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
13092
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--sm) * 2);
13149
13093
  }
13150
13094
  .pf-v5-c-divider.pf-m-inset-md-on-lg {
13151
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
13095
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--md) * 2);
13152
13096
  }
13153
13097
  .pf-v5-c-divider.pf-m-inset-lg-on-lg {
13154
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
13098
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--lg) * 2);
13155
13099
  }
13156
13100
  .pf-v5-c-divider.pf-m-inset-xl-on-lg {
13157
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
13101
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xl) * 2);
13158
13102
  }
13159
13103
  .pf-v5-c-divider.pf-m-inset-2xl-on-lg {
13160
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
13104
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--2xl) * 2);
13161
13105
  }
13162
13106
  .pf-v5-c-divider.pf-m-inset-3xl-on-lg {
13163
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
13107
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--3xl) * 2);
13164
13108
  }
13165
13109
  }
13166
13110
  @media (min-width: 1200px) {
13167
13111
  .pf-v5-c-divider.pf-m-horizontal-on-xl {
13168
- --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
13169
- --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
13170
- --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
13171
- --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
13112
+ flex-direction: row;
13172
13113
  width: 100%;
13173
- height: auto;
13174
- }
13175
- .pf-v5-c-divider.pf-m-horizontal-on-xl::after {
13176
- flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
13114
+ height: var(--pf-v5-c-divider--Size);
13177
13115
  }
13178
13116
  }
13179
13117
  @media (min-width: 1200px) {
13180
13118
  .pf-v5-c-divider.pf-m-vertical-on-xl {
13181
- --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
13182
- --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
13183
- --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
13184
- --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
13185
- width: auto;
13186
- height: inherit;
13187
- }
13188
- .pf-v5-c-divider.pf-m-vertical-on-xl::after {
13189
- flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
13119
+ flex-direction: column;
13120
+ width: var(--pf-v5-c-divider--Size);
13121
+ height: 100%;
13190
13122
  }
13191
13123
  }
13192
13124
  @media (min-width: 1200px) {
13193
13125
  .pf-v5-c-divider.pf-m-inset-none-on-xl {
13194
- --pf-v5-c-divider--after--Inset: 0%;
13126
+ --pf-v5-c-divider--before--FlexBasis: 100%;
13195
13127
  }
13196
13128
  .pf-v5-c-divider.pf-m-inset-xs-on-xl {
13197
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
13129
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xs) * 2);
13198
13130
  }
13199
13131
  .pf-v5-c-divider.pf-m-inset-sm-on-xl {
13200
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
13132
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--sm) * 2);
13201
13133
  }
13202
13134
  .pf-v5-c-divider.pf-m-inset-md-on-xl {
13203
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
13135
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--md) * 2);
13204
13136
  }
13205
13137
  .pf-v5-c-divider.pf-m-inset-lg-on-xl {
13206
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
13138
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--lg) * 2);
13207
13139
  }
13208
13140
  .pf-v5-c-divider.pf-m-inset-xl-on-xl {
13209
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
13141
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xl) * 2);
13210
13142
  }
13211
13143
  .pf-v5-c-divider.pf-m-inset-2xl-on-xl {
13212
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
13144
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--2xl) * 2);
13213
13145
  }
13214
13146
  .pf-v5-c-divider.pf-m-inset-3xl-on-xl {
13215
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
13147
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--3xl) * 2);
13216
13148
  }
13217
13149
  }
13218
13150
  @media (min-width: 1450px) {
13219
13151
  .pf-v5-c-divider.pf-m-horizontal-on-2xl {
13220
- --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
13221
- --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
13222
- --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
13223
- --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
13152
+ flex-direction: row;
13224
13153
  width: 100%;
13225
- height: auto;
13226
- }
13227
- .pf-v5-c-divider.pf-m-horizontal-on-2xl::after {
13228
- flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
13154
+ height: var(--pf-v5-c-divider--Size);
13229
13155
  }
13230
13156
  }
13231
13157
  @media (min-width: 1450px) {
13232
13158
  .pf-v5-c-divider.pf-m-vertical-on-2xl {
13233
- --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
13234
- --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
13235
- --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
13236
- --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
13237
- width: auto;
13238
- height: inherit;
13239
- }
13240
- .pf-v5-c-divider.pf-m-vertical-on-2xl::after {
13241
- flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
13159
+ flex-direction: column;
13160
+ width: var(--pf-v5-c-divider--Size);
13161
+ height: 100%;
13242
13162
  }
13243
13163
  }
13244
13164
  @media (min-width: 1450px) {
13245
13165
  .pf-v5-c-divider.pf-m-inset-none-on-2xl {
13246
- --pf-v5-c-divider--after--Inset: 0%;
13166
+ --pf-v5-c-divider--before--FlexBasis: 100%;
13247
13167
  }
13248
13168
  .pf-v5-c-divider.pf-m-inset-xs-on-2xl {
13249
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
13169
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xs) * 2);
13250
13170
  }
13251
13171
  .pf-v5-c-divider.pf-m-inset-sm-on-2xl {
13252
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
13172
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--sm) * 2);
13253
13173
  }
13254
13174
  .pf-v5-c-divider.pf-m-inset-md-on-2xl {
13255
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
13175
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--md) * 2);
13256
13176
  }
13257
13177
  .pf-v5-c-divider.pf-m-inset-lg-on-2xl {
13258
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
13178
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--lg) * 2);
13259
13179
  }
13260
13180
  .pf-v5-c-divider.pf-m-inset-xl-on-2xl {
13261
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
13181
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xl) * 2);
13262
13182
  }
13263
13183
  .pf-v5-c-divider.pf-m-inset-2xl-on-2xl {
13264
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
13184
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--2xl) * 2);
13265
13185
  }
13266
13186
  .pf-v5-c-divider.pf-m-inset-3xl-on-2xl {
13267
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
13187
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--3xl) * 2);
13268
13188
  }
13269
13189
  }
13270
13190
 
@@ -17800,616 +17720,448 @@ ul.pf-v5-c-list {
17800
17720
  padding-block-start: var(--pf-v5-c-login__footer--c-list--PaddingTop);
17801
17721
  }
17802
17722
 
17803
- :root {
17804
- --pf-v5-c-masthead--PaddingLeft: var(--pf-v5-c-masthead--inset);
17805
- --pf-v5-c-masthead--PaddingRight: var(--pf-v5-c-masthead--inset);
17723
+ :root,
17724
+ :where(.pf-v5-c-masthead) {
17725
+ --pf-v5-c-masthead--inset: var(--pf-t--global--spacer--lg);
17726
+ --pf-v5-c-masthead--PaddingBlockStart: var(--pf-t--global--spacer--md);
17727
+ --pf-v5-c-masthead--PaddingBlockEnd: var(--pf-t--global--spacer--md);
17728
+ --pf-v5-c-masthead--PaddingInlineStart: var(--pf-v5-c-masthead--inset);
17729
+ --pf-v5-c-masthead--PaddingInlineEnd: var(--pf-v5-c-masthead--inset);
17730
+ --pf-v5-c-masthead--AlignItems: start;
17731
+ --pf-v5-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
17732
+ --pf-v5-c-masthead--ColumnGap: var(--pf-t--global--spacer--md);
17806
17733
  --pf-v5-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
17807
- --pf-v5-c-masthead--inset: var(--pf-t--global--spacer--md);
17808
- --pf-v5-c-masthead--xl--inset: var(--pf-t--global--spacer--lg);
17734
+ --pf-v5-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
17735
+ --pf-v5-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
17736
+ --pf-v5-c-masthead__brand--MarginInlineEnd: var(--pf-t--global--spacer--md);
17737
+ --pf-v5-c-masthead__brand--MaxHeight: 2.375rem;
17738
+ --pf-v5-c-masthead__toggle--Size: var(--pf-t--global--icon--size--xl);
17809
17739
  --pf-v5-c-masthead--m-display-stack--GridTemplateColumns: max-content 1fr;
17810
17740
  --pf-v5-c-masthead--m-display-stack__main--GridColumn: -1 / 1;
17811
- --pf-v5-c-masthead--m-display-stack__main--MinHeight: 4.375rem;
17812
17741
  --pf-v5-c-masthead--m-display-stack__main--Order: -1;
17813
- --pf-v5-c-masthead--m-display-stack__main--FlexBasis: 100%;
17814
- --pf-v5-c-masthead--m-display-stack__main--PaddingTop: var(--pf-t--global--spacer--lg);
17815
- --pf-v5-c-masthead--m-display-stack__main--PaddingBottom: var(--pf-t--global--spacer--md);
17816
- --pf-v5-c-masthead--m-display-stack__main--MarginRight: 0;
17817
- --pf-v5-c-masthead--m-display-stack__main--before--BorderBottom: var(--pf-v5-c-masthead__main--before--BorderBottomWidth) solid var(--pf-v5-c-masthead__main--before--BorderBottomColor);
17818
- --pf-v5-c-masthead--m-display-stack__toggle--GridColumn: 1;
17742
+ --pf-v5-c-masthead--m-display-stack__main--PaddingBlockEnd: var(--pf-v5-c-masthead--RowGap);
17743
+ --pf-v5-c-masthead--m-display-stack__main--BorderBlockEnd: var(--pf-v5-c-masthead--BorderWidth) solid var(--pf-v5-c-masthead--BorderColor);
17819
17744
  --pf-v5-c-masthead--m-display-stack__content--GridColumn: 2;
17820
- --pf-v5-c-masthead--m-display-stack__content--MinHeight: auto;
17821
17745
  --pf-v5-c-masthead--m-display-stack__content--Order: 1;
17822
- --pf-v5-c-masthead--m-display-stack__content--PaddingTop: var(--pf-t--global--spacer--xs);
17823
- --pf-v5-c-masthead--m-display-stack__content--PaddingBottom: var(--pf-t--global--spacer--xs);
17824
- --pf-v5-c-masthead--m-display-stack__content--MarginLeft: 0;
17825
- --pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight: calc(var(--pf-v5-c-masthead--inset) * -1);
17826
- --pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft: calc(var(--pf-v5-c-masthead--inset) * -1);
17827
17746
  --pf-v5-c-masthead--m-display-inline--GridTemplateColumns: max-content max-content 1fr;
17828
17747
  --pf-v5-c-masthead--m-display-inline__main--GridColumn: 2;
17829
- --pf-v5-c-masthead--m-display-inline__main--MinHeight: 4.375rem;
17830
17748
  --pf-v5-c-masthead--m-display-inline__main--Order: 0;
17831
- --pf-v5-c-masthead--m-display-inline__main--FlexBasis: auto;
17832
- --pf-v5-c-masthead--m-display-inline__main--PaddingTop: 0;
17833
- --pf-v5-c-masthead--m-display-inline__main--PaddingBottom: 0;
17834
- --pf-v5-c-masthead--m-display-inline__main--MarginRight: calc(var(--pf-t--global--spacer--lg) / 2);
17835
- --pf-v5-c-masthead--m-display-inline__main--BorderBottom: 0;
17836
- --pf-v5-c-masthead--m-display-inline__toggle--GridColumn: 1;
17749
+ --pf-v5-c-masthead--m-display-inline__main--PaddingBlockEnd: 0;
17750
+ --pf-v5-c-masthead--m-display-inline__main--BorderBlockEnd: 0;
17837
17751
  --pf-v5-c-masthead--m-display-inline__content--GridColumn: 3;
17838
- --pf-v5-c-masthead--m-display-inline__content--MinHeight: 4.375rem;
17839
17752
  --pf-v5-c-masthead--m-display-inline__content--Order: 0;
17840
- --pf-v5-c-masthead--m-display-inline__content--PaddingTop: 0;
17841
- --pf-v5-c-masthead--m-display-inline__content--PaddingBottom: 0;
17842
- --pf-v5-c-masthead--m-display-inline__content--MarginLeft: calc(var(--pf-t--global--spacer--lg) / 2);
17843
- --pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight: 0;
17844
- --pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft: 0;
17845
- --pf-v5-c-masthead__main--before--Right: calc(var(--pf-v5-c-masthead--inset) * -1);
17846
- --pf-v5-c-masthead__main--before--Left: calc(var(--pf-v5-c-masthead--inset) * -1);
17847
- --pf-v5-c-masthead__main--before--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
17848
- --pf-v5-c-masthead__main--before--BorderBottomColor: var(--pf-t--global--border--color--default);
17849
- --pf-v5-c-masthead__content--Gap: var(--pf-t--global--spacer--sm);
17850
- --pf-v5-c-masthead__toggle--MarginRight: var(--pf-t--global--spacer--sm);
17851
- --pf-v5-c-masthead__toggle--MarginLeft: calc(var(--pf-t--global--spacer--sm) * -1);
17852
- --pf-v5-c-masthead__toggle--c-button--FontSize: var(--pf-t--global--icon--size--lg);
17853
- --pf-v5-c-masthead--c-toolbar__item--Display: flex;
17854
- --pf-v5-c-masthead--item-border-color--base: var(--pf-t--global--border--color--default);
17855
- --pf-v5-c-masthead--c-context-selector--Width: auto;
17856
- --pf-v5-c-masthead--c-context-selector__toggle--BorderTopColor: var(--pf-v5-c-masthead--item-border-color--base);
17857
- --pf-v5-c-masthead--c-context-selector__toggle--BorderRightColor: var(--pf-v5-c-masthead--item-border-color--base);
17858
- --pf-v5-c-masthead--c-context-selector__toggle--BorderLeftColor: var(--pf-v5-c-masthead--item-border-color--base);
17859
- --pf-v5-c-masthead--c-context-selector--m-full-height__toggle--BorderTopColor: transparent;
17860
- --pf-v5-c-masthead--c-context-selector--m-full-height__toggle--BorderBottomColor: transparent;
17861
- --pf-v5-c-masthead--c-dropdown__toggle--before--BorderTopColor: var(--pf-v5-c-masthead--item-border-color--base);
17862
- --pf-v5-c-masthead--c-dropdown__toggle--before--BorderRightColor: var(--pf-v5-c-masthead--item-border-color--base);
17863
- --pf-v5-c-masthead--c-dropdown__toggle--before--BorderLeftColor: var(--pf-v5-c-masthead--item-border-color--base);
17864
- --pf-v5-c-masthead--c-dropdown--m-full-height__toggle--before--BorderTopColor: transparent;
17865
- --pf-v5-c-masthead--c-dropdown--m-full-height__toggle--before--BorderBottomColor: transparent;
17866
- --pf-v5-c-masthead--c-menu-toggle--before--BorderTopColor: var(--pf-v5-c-masthead--item-border-color--base);
17867
- --pf-v5-c-masthead--c-menu-toggle--before--BorderRightColor: var(--pf-v5-c-masthead--item-border-color--base);
17868
- --pf-v5-c-masthead--c-menu-toggle--before--BorderLeftColor: var(--pf-v5-c-masthead--item-border-color--base);
17869
- --pf-v5-c-masthead--c-toolbar--BackgroundColor: var(--pf-v5-c-masthead--BackgroundColor);
17870
- --pf-v5-c-masthead--c-toolbar--AlignItems--base: center;
17871
- --pf-v5-c-masthead--c-toolbar__content--PaddingRight: 0;
17872
- --pf-v5-c-masthead--c-toolbar__content--PaddingLeft: 0;
17873
- --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingTop: var(--pf-t--global--spacer--md);
17874
- --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-masthead--inset);
17875
- --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingBottom: var(--pf-t--global--spacer--md);
17876
- --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-masthead--inset);
17877
- --pf-v5-c-masthead--c-toolbar__expandable-content--before--BorderTopWidth: var(--pf-t--global--border--width--divider--default);
17878
- --pf-v5-c-masthead--c-toolbar__expandable-content--before--BorderTopColor: var(--pf-v5-c-masthead--item-border-color--base);
17753
+ --pf-v5-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
17754
+ --pf-v5-c-masthead__expandable-content--BorderBlockStart: var(--pf-v5-c-masthead--BorderWidth) solid var(--pf-v5-c-masthead--BorderColor);
17879
17755
  }
17880
17756
 
17881
17757
  .pf-v5-c-masthead {
17882
- --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-c-masthead--c-toolbar--BackgroundColor);
17883
- --pf-v5-c-toolbar--AlignItems--base: var(--pf-v5-c-masthead--c-toolbar--AlignItems--base);
17884
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-masthead--c-toolbar__content--PaddingRight);
17885
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-masthead--c-toolbar__content--PaddingLeft);
17886
- --pf-v5-c-toolbar__expandable-content--PaddingTop: var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingTop);
17887
- --pf-v5-c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingRight);
17888
- --pf-v5-c-toolbar__expandable-content--PaddingBottom: var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingBottom);
17889
- --pf-v5-c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingLeft);
17890
- --pf-v5-c-context-selector--Width: var(--pf-v5-c-masthead--c-context-selector--Width);
17891
- --pf-v5-c-context-selector__toggle--BorderTopColor: var(--pf-v5-c-masthead--c-context-selector__toggle--BorderTopColor);
17892
- --pf-v5-c-context-selector__toggle--BorderRightColor: var(--pf-v5-c-masthead--c-context-selector__toggle--BorderRightColor);
17893
- --pf-v5-c-context-selector__toggle--BorderLeftColor: var(--pf-v5-c-masthead--c-context-selector__toggle--BorderLeftColor);
17894
- --pf-v5-c-dropdown__toggle--before--BorderTopColor: var(--pf-v5-c-masthead--c-dropdown__toggle--before--BorderTopColor);
17895
- --pf-v5-c-dropdown__toggle--before--BorderRightColor: var(--pf-v5-c-masthead--c-dropdown__toggle--before--BorderRightColor);
17896
- --pf-v5-c-dropdown__toggle--before--BorderLeftColor: var(--pf-v5-c-masthead--c-dropdown__toggle--before--BorderLeftColor);
17897
- --pf-v5-c-menu-toggle--before--BorderTopColor: var(--pf-v5-c-masthead--c-menu-toggle--before--BorderTopColor);
17898
- --pf-v5-c-menu-toggle--before--BorderRightColor: var(--pf-v5-c-masthead--c-menu-toggle--before--BorderRightColor);
17899
- --pf-v5-c-menu-toggle--before--BorderLeftColor: var(--pf-v5-c-masthead--c-menu-toggle--before--BorderLeftColor);
17900
- --pf-v5-c-menu-toggle--m-full-height__toggle--after--BorderBottomWidth: 0;
17758
+ --pf-v5-c-toolbar--PaddingTop: 0;
17759
+ --pf-v5-c-toolbar--PaddingBottom: 0;
17760
+ --pf-v5-c-toolbar__content--PaddingRight: 0;
17761
+ --pf-v5-c-toolbar__content--PaddingLeft: 0;
17762
+ --pf-v5-c-toolbar__expandable-content--PaddingTop: var(--pf-t--global--spacer--md);
17763
+ --pf-v5-c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-masthead--inset);
17764
+ --pf-v5-c-toolbar__expandable-content--PaddingBottom: var(--pf-t--global--spacer--md);
17765
+ --pf-v5-c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-masthead--inset);
17766
+ --pf-v5-c-toolbar__expandable-content--BackgroundColor: var(--pf-v5-c-masthead--BackgroundColor);
17767
+ --pf-v5-c-toolbar__expandable-content--lg--PaddingRight: var(--pf-v5-c-masthead--PaddingInlineStart);
17768
+ --pf-v5-c-toolbar__expandable-content--lg--PaddingBottom: var(--pf-t--global--spacer--md);
17769
+ --pf-v5-c-toolbar__expandable-content--lg--PaddingLeft: var(--pf-v5-c-masthead--PaddingInlineEnd);
17901
17770
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns);
17902
17771
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-stack__main--GridColumn);
17903
- --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-stack__main--MinHeight);
17904
17772
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-stack__main--Order);
17905
- --pf-v5-c-masthead__main--FlexBasis: var(--pf-v5-c-masthead--m-display-stack__main--FlexBasis);
17906
- --pf-v5-c-masthead__main--PaddingTop: var(--pf-v5-c-masthead--m-display-stack__main--PaddingTop);
17907
- --pf-v5-c-masthead__main--PaddingBottom: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBottom);
17908
- --pf-v5-c-masthead__main--MarginRight: var(--pf-v5-c-masthead--m-display-stack__main--MarginRight);
17909
- --pf-v5-c-masthead__main--before--BorderBottom: var(--pf-v5-c-masthead--m-display-stack__main--before--BorderBottom);
17773
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBlockEnd);
17774
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--BorderBlockEnd);
17910
17775
  --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-stack__content--GridColumn);
17911
- --pf-v5-c-masthead__content--MinHeight: var(--pf-v5-c-masthead--m-display-stack__content--MinHeight);
17912
17776
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-stack__content--Order);
17913
- --pf-v5-c-masthead__content--PaddingTop: var(--pf-v5-c-masthead--m-display-stack__content--PaddingTop);
17914
- --pf-v5-c-masthead__content--PaddingBottom: var(--pf-v5-c-masthead--m-display-stack__content--PaddingBottom);
17915
- --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--MarginLeft);
17916
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
17917
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
17918
- position: relative;
17919
17777
  display: grid;
17920
17778
  grid-template-columns: var(--pf-v5-c-masthead--GridTemplateColumns);
17921
- align-items: center;
17779
+ row-gap: var(--pf-v5-c-masthead--RowGap);
17780
+ column-gap: var(--pf-v5-c-masthead--ColumnGap);
17781
+ align-items: var(--pf-v5-c-masthead--AlignItems);
17922
17782
  min-width: 0;
17923
- padding-inline-start: var(--pf-v5-c-masthead--PaddingLeft);
17924
- padding-inline-end: var(--pf-v5-c-masthead--PaddingRight);
17783
+ padding-block-start: var(--pf-v5-c-masthead--PaddingBlockStart);
17784
+ padding-block-end: var(--pf-v5-c-masthead--PaddingBlockEnd);
17785
+ padding-inline-start: var(--pf-v5-c-masthead--inset);
17786
+ padding-inline-end: var(--pf-v5-c-masthead--inset);
17925
17787
  background-color: var(--pf-v5-c-masthead--BackgroundColor);
17926
17788
  }
17927
17789
  @media screen and (min-width: 768px) {
17928
17790
  :where(:not(.pf-m-resize-observer)) .pf-v5-c-masthead {
17929
17791
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-inline--GridTemplateColumns);
17930
17792
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-inline__main--GridColumn);
17931
- --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-inline__main--MinHeight);
17932
17793
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-inline__main--Order);
17933
- --pf-v5-c-masthead__main--FlexBasis: var(--pf-v5-c-masthead--m-display-inline__main--FlexBasis);
17934
- --pf-v5-c-masthead__main--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__main--PaddingTop);
17935
- --pf-v5-c-masthead__main--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBottom);
17936
- --pf-v5-c-masthead__main--MarginRight: var(--pf-v5-c-masthead--m-display-inline__main--MarginRight);
17937
- --pf-v5-c-masthead__main--before--BorderBottom: var(--pf-v5-c-masthead--m-display-inline__main--BorderBottom);
17794
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBlockEnd);
17795
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--BorderBlockEnd);
17938
17796
  --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-inline__content--GridColumn);
17939
- --pf-v5-c-masthead__content--MinHeight: var(--pf-v5-c-masthead--m-display-inline__content--MinHeight);
17940
17797
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-inline__content--Order);
17941
- --pf-v5-c-masthead__content--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__content--PaddingTop);
17942
- --pf-v5-c-masthead__content--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__content--PaddingBottom);
17943
- --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--MarginLeft);
17944
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
17945
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
17946
- }
17947
- }
17948
- @media screen and (min-width: 1200px) {
17949
- .pf-v5-c-masthead {
17950
- --pf-v5-c-masthead--inset: var(--pf-v5-c-masthead--xl--inset);
17951
17798
  }
17952
17799
  }
17953
17800
  .pf-v5-c-masthead .pf-v5-c-toolbar {
17954
17801
  width: 100%;
17955
17802
  }
17956
- .pf-v5-c-masthead .pf-v5-c-toolbar__content-section {
17957
- flex-wrap: nowrap;
17958
- }
17959
17803
  .pf-v5-c-masthead .pf-v5-c-toolbar__expandable-content {
17960
17804
  inset-block-start: 100%;
17805
+ border-block-start: var(--pf-v5-c-masthead__expandable-content--BorderBlockStart);
17806
+ box-shadow: var(--pf-v5-c-masthead__expandable-content--BoxShadow);
17961
17807
  }
17962
- .pf-v5-c-masthead .pf-v5-c-toolbar__expandable-content::before {
17963
- position: absolute;
17964
- inset: 0;
17965
- content: "";
17966
- border-block-start: var(--pf-v5-c-masthead--c-toolbar__expandable-content--before--BorderTopWidth) solid var(--pf-v5-c-masthead--c-toolbar__expandable-content--before--BorderTopColor);
17967
- box-shadow: var(--pf-v5-c-toolbar__expandable-content--before--BoxShadow);
17808
+ .pf-v5-c-masthead.pf-m-display-stack {
17809
+ --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns);
17810
+ --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-stack__main--GridColumn);
17811
+ --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-stack__main--Order);
17812
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBlockEnd);
17813
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--BorderBlockEnd);
17814
+ --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-stack__content--GridColumn);
17815
+ --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-stack__content--Order);
17968
17816
  }
17969
- .pf-v5-c-masthead .pf-v5-c-context-selector.pf-m-full-height {
17970
- --pf-v5-c-context-selector__toggle--BorderTopColor: var(--pf-v5-c-masthead--c-context-selector--m-full-height__toggle--BorderTopColor);
17971
- --pf-v5-c-context-selector__toggle--BorderBottomColor: var(--pf-v5-c-masthead--c-context-selector--m-full-height__toggle--BorderBottomColor);
17817
+ .pf-v5-c-masthead.pf-m-display-inline {
17818
+ --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-inline--GridTemplateColumns);
17819
+ --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-inline__main--GridColumn);
17820
+ --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-inline__main--Order);
17821
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBlockEnd);
17822
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--BorderBlockEnd);
17823
+ --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-inline__content--GridColumn);
17824
+ --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-inline__content--Order);
17825
+ }
17826
+ .pf-v5-c-masthead.pf-m-inset-none {
17827
+ padding-inline-start: 0;
17828
+ padding-inline-end: 0;
17972
17829
  }
17973
- .pf-v5-c-masthead .pf-v5-c-dropdown.pf-m-full-height {
17974
- --pf-v5-c-dropdown__toggle--before--BorderTopColor: var(--pf-v5-c-masthead--c-dropdown--m-full-height__toggle--before--BorderTopColor);
17975
- --pf-v5-c-dropdown__toggle--before--BorderBottomColor: var(--pf-v5-c-masthead--c-dropdown--m-full-height__toggle--before--BorderBottomColor);
17830
+ .pf-v5-c-masthead.pf-m-inset-sm {
17831
+ padding-inline-start: var(--pf-v5-global--spacer--sm);
17832
+ padding-inline-end: var(--pf-v5-global--spacer--sm);
17976
17833
  }
17977
- .pf-v5-c-masthead .pf-v5-c-nav {
17978
- align-self: stretch;
17834
+ .pf-v5-c-masthead.pf-m-inset-md {
17835
+ padding-inline-start: var(--pf-v5-global--spacer--md);
17836
+ padding-inline-end: var(--pf-v5-global--spacer--md);
17837
+ }
17838
+ .pf-v5-c-masthead.pf-m-inset-lg {
17839
+ padding-inline-start: var(--pf-v5-global--spacer--lg);
17840
+ padding-inline-end: var(--pf-v5-global--spacer--lg);
17841
+ }
17842
+ .pf-v5-c-masthead.pf-m-inset-xl {
17843
+ padding-inline-start: var(--pf-v5-global--spacer--xl);
17844
+ padding-inline-end: var(--pf-v5-global--spacer--xl);
17845
+ }
17846
+ .pf-v5-c-masthead.pf-m-inset-2xl {
17847
+ padding-inline-start: var(--pf-v5-global--spacer--2xl);
17848
+ padding-inline-end: var(--pf-v5-global--spacer--2xl);
17979
17849
  }
17980
17850
 
17851
+ .pf-v5-c-masthead,
17981
17852
  .pf-v5-c-masthead__main {
17982
17853
  position: relative;
17854
+ }
17855
+
17856
+ .pf-v5-c-masthead__main,
17857
+ .pf-v5-c-masthead__content,
17858
+ .pf-v5-c-masthead__logo,
17859
+ .pf-v5-c-masthead__brand {
17983
17860
  display: flex;
17984
- flex-basis: var(--pf-v5-c-masthead__main--FlexBasis);
17985
- grid-column: var(--pf-v5-c-masthead__main--GridColumn);
17986
- align-items: center;
17987
17861
  align-self: stretch;
17988
- order: var(--pf-v5-c-masthead__main--Order);
17989
- min-height: var(--pf-v5-c-masthead__main--MinHeight);
17990
- padding-block-start: var(--pf-v5-c-masthead__main--PaddingTop);
17991
- padding-block-end: var(--pf-v5-c-masthead__main--PaddingBottom);
17992
- margin-inline-end: var(--pf-v5-c-masthead__main--MarginRight);
17993
17862
  }
17994
- .pf-v5-c-masthead__main::before {
17995
- position: absolute;
17996
- inset-block-end: 0;
17997
- inset-inline-start: var(--pf-v5-c-masthead__main--before--Left);
17998
- inset-inline-end: var(--pf-v5-c-masthead__main--before--Right);
17999
- content: "";
18000
- border-block-end: var(--pf-v5-c-masthead__main--before--BorderBottom);
18001
- }
18002
- .pf-v5-c-masthead__main:last-child {
18003
- --pf-v5-c-masthead__main--MarginRight: 0;
17863
+
17864
+ .pf-v5-c-masthead__main,
17865
+ .pf-v5-c-masthead__brand,
17866
+ .pf-v5-c-masthead__content {
17867
+ min-width: 0.25rem;
18004
17868
  }
18005
17869
 
18006
- .pf-v5-c-masthead__logo {
18007
- display: flex;
18008
- gap: var(--pf-t--global--spacer--md);
17870
+ .pf-v5-c-masthead__main {
17871
+ grid-column: var(--pf-v5-c-masthead__main--GridColumn);
17872
+ row-gap: var(--pf-v5-c-masthead__main--RowGap, var(--pf-v5-c-masthead--RowGap));
17873
+ align-items: var(--pf-v5-c-masthead__main--AlignItems, var(--pf-v5-c-masthead--AlignItems));
17874
+ order: var(--pf-v5-c-masthead__main--Order);
17875
+ padding-block-end: var(--pf-v5-c-masthead__main--PaddingBlockEnd);
17876
+ border-block-end: var(--pf-v5-c-masthead__main--BorderBlockEnd);
18009
17877
  }
18010
17878
 
18011
17879
  .pf-v5-c-masthead__content {
18012
- display: flex;
18013
- flex-grow: 1;
18014
- flex-shrink: 1;
17880
+ flex-wrap: wrap;
18015
17881
  grid-column: var(--pf-v5-c-masthead__content--GridColumn);
18016
17882
  grid-column-end: -1;
18017
- gap: var(--pf-v5-c-masthead__content--Gap);
18018
- align-items: center;
18019
- align-self: stretch;
17883
+ row-gap: var(--pf-v5-c-masthead__content-RowGap, var(--pf-v5-c-masthead--RowGap));
17884
+ column-gap: var(--pf-v5-c-masthead__content-ColumnGap, var(--pf-v5-c-masthead--ColumnGap));
17885
+ align-items: var(--pf-v5-c-masthead__content--AlignItems, var(--pf-v5-c-masthead--AlignItems));
18020
17886
  order: var(--pf-v5-c-masthead__content--Order);
18021
- min-height: var(--pf-v5-c-masthead__content--MinHeight);
18022
- padding-block-start: var(--pf-v5-c-masthead__content--PaddingTop);
18023
- padding-block-end: var(--pf-v5-c-masthead__content--PaddingBottom);
18024
- margin-inline-start: var(--pf-v5-c-masthead__content--MarginLeft);
18025
- }
18026
- .pf-v5-c-masthead__content:only-child {
18027
- --pf-v5-c-masthead__content--MarginLeft: 0;
18028
- }
18029
- .pf-v5-c-masthead__content .pf-v5-c-nav.pf-m-horizontal {
18030
- margin-inline-start: var(--pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft);
18031
- margin-inline-end: var(--pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight);
18032
- }
18033
- .pf-v5-c-masthead__toggle ~ .pf-v5-c-masthead__content {
18034
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: calc(var(--pf-v5-c-masthead__content--MarginLeft) * -1);
18035
- }
18036
-
18037
- .pf-v5-c-masthead__main,
18038
- .pf-v5-c-masthead__brand,
18039
- .pf-v5-c-masthead__content {
18040
- min-width: 0;
18041
17887
  }
18042
17888
 
18043
17889
  .pf-v5-c-masthead__brand {
18044
- display: inline-flex;
18045
- align-self: center;
17890
+ align-items: var(--pf-v5-c-masthead__brand--AlignItems, var(--pf-v5-c-masthead--AlignItems));
17891
+ max-height: var(--pf-v5-c-masthead__brand--MaxHeight);
17892
+ margin-inline-end: var(--pf-v5-c-masthead__brand--MarginInlineEnd);
18046
17893
  }
18047
17894
 
18048
17895
  .pf-v5-c-masthead__toggle {
18049
- grid-column: var(--pf-v5-c-masthead__toggle--GridColumn);
18050
- align-self: center;
18051
- margin-inline-start: var(--pf-v5-c-masthead__toggle--MarginLeft);
18052
- margin-inline-end: var(--pf-v5-c-masthead__toggle--MarginRight);
17896
+ --pf-v5-c-button--FontSize: var(--pf-v5-c-masthead__toggle--Size);
18053
17897
  }
18054
- .pf-v5-c-masthead__toggle .pf-v5-c-button {
18055
- --pf-v5-c-button--FontSize: var(--pf-v5-c-masthead__toggle--c-button--FontSize);
17898
+
17899
+ .pf-v5-c-masthead__expandable-content {
17900
+ row-gap: var(--pf-v5-c-masthead__expandable-content-RowGap, var(--pf-v5-c-masthead--RowGap));
17901
+ background-color: var(--pf-v5-c-masthead--BackgroundColor);
18056
17902
  }
18057
17903
 
18058
17904
  .pf-v5-c-masthead.pf-m-display-stack {
18059
17905
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns);
18060
17906
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-stack__main--GridColumn);
18061
- --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-stack__main--MinHeight);
18062
17907
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-stack__main--Order);
18063
- --pf-v5-c-masthead__main--FlexBasis: var(--pf-v5-c-masthead--m-display-stack__main--FlexBasis);
18064
- --pf-v5-c-masthead__main--PaddingTop: var(--pf-v5-c-masthead--m-display-stack__main--PaddingTop);
18065
- --pf-v5-c-masthead__main--PaddingBottom: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBottom);
18066
- --pf-v5-c-masthead__main--MarginRight: var(--pf-v5-c-masthead--m-display-stack__main--MarginRight);
18067
- --pf-v5-c-masthead__main--before--BorderBottom: var(--pf-v5-c-masthead--m-display-stack__main--before--BorderBottom);
17908
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBlockEnd);
17909
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--BorderBlockEnd);
18068
17910
  --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-stack__content--GridColumn);
18069
- --pf-v5-c-masthead__content--MinHeight: var(--pf-v5-c-masthead--m-display-stack__content--MinHeight);
18070
17911
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-stack__content--Order);
18071
- --pf-v5-c-masthead__content--PaddingTop: var(--pf-v5-c-masthead--m-display-stack__content--PaddingTop);
18072
- --pf-v5-c-masthead__content--PaddingBottom: var(--pf-v5-c-masthead--m-display-stack__content--PaddingBottom);
18073
- --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--MarginLeft);
18074
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
18075
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
18076
17912
  }
18077
17913
  .pf-v5-c-masthead.pf-m-display-inline {
18078
17914
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-inline--GridTemplateColumns);
18079
17915
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-inline__main--GridColumn);
18080
- --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-inline__main--MinHeight);
18081
17916
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-inline__main--Order);
18082
- --pf-v5-c-masthead__main--FlexBasis: var(--pf-v5-c-masthead--m-display-inline__main--FlexBasis);
18083
- --pf-v5-c-masthead__main--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__main--PaddingTop);
18084
- --pf-v5-c-masthead__main--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBottom);
18085
- --pf-v5-c-masthead__main--MarginRight: var(--pf-v5-c-masthead--m-display-inline__main--MarginRight);
18086
- --pf-v5-c-masthead__main--before--BorderBottom: var(--pf-v5-c-masthead--m-display-inline__main--BorderBottom);
17917
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBlockEnd);
17918
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--BorderBlockEnd);
18087
17919
  --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-inline__content--GridColumn);
18088
- --pf-v5-c-masthead__content--MinHeight: var(--pf-v5-c-masthead--m-display-inline__content--MinHeight);
18089
17920
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-inline__content--Order);
18090
- --pf-v5-c-masthead__content--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__content--PaddingTop);
18091
- --pf-v5-c-masthead__content--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__content--PaddingBottom);
18092
- --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--MarginLeft);
18093
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
18094
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
18095
17921
  }
18096
17922
  .pf-v5-c-masthead.pf-m-inset-none {
18097
- --pf-v5-c-masthead--inset: 0;
17923
+ padding-inline-start: 0;
17924
+ padding-inline-end: 0;
18098
17925
  }
18099
17926
  .pf-v5-c-masthead.pf-m-inset-sm {
18100
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
17927
+ padding-inline-start: var(--pf-v5-global--spacer--sm);
17928
+ padding-inline-end: var(--pf-v5-global--spacer--sm);
18101
17929
  }
18102
17930
  .pf-v5-c-masthead.pf-m-inset-md {
18103
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--md);
17931
+ padding-inline-start: var(--pf-v5-global--spacer--md);
17932
+ padding-inline-end: var(--pf-v5-global--spacer--md);
18104
17933
  }
18105
17934
  .pf-v5-c-masthead.pf-m-inset-lg {
18106
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--lg);
17935
+ padding-inline-start: var(--pf-v5-global--spacer--lg);
17936
+ padding-inline-end: var(--pf-v5-global--spacer--lg);
18107
17937
  }
18108
17938
  .pf-v5-c-masthead.pf-m-inset-xl {
18109
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--xl);
17939
+ padding-inline-start: var(--pf-v5-global--spacer--xl);
17940
+ padding-inline-end: var(--pf-v5-global--spacer--xl);
18110
17941
  }
18111
17942
  .pf-v5-c-masthead.pf-m-inset-2xl {
18112
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--2xl);
17943
+ padding-inline-start: var(--pf-v5-global--spacer--2xl);
17944
+ padding-inline-end: var(--pf-v5-global--spacer--2xl);
18113
17945
  }
18114
17946
  @media (min-width: 576px) {
18115
17947
  .pf-v5-c-masthead.pf-m-display-stack-on-sm {
18116
17948
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns);
18117
17949
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-stack__main--GridColumn);
18118
- --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-stack__main--MinHeight);
18119
17950
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-stack__main--Order);
18120
- --pf-v5-c-masthead__main--FlexBasis: var(--pf-v5-c-masthead--m-display-stack__main--FlexBasis);
18121
- --pf-v5-c-masthead__main--PaddingTop: var(--pf-v5-c-masthead--m-display-stack__main--PaddingTop);
18122
- --pf-v5-c-masthead__main--PaddingBottom: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBottom);
18123
- --pf-v5-c-masthead__main--MarginRight: var(--pf-v5-c-masthead--m-display-stack__main--MarginRight);
18124
- --pf-v5-c-masthead__main--before--BorderBottom: var(--pf-v5-c-masthead--m-display-stack__main--before--BorderBottom);
17951
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBlockEnd);
17952
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--BorderBlockEnd);
18125
17953
  --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-stack__content--GridColumn);
18126
- --pf-v5-c-masthead__content--MinHeight: var(--pf-v5-c-masthead--m-display-stack__content--MinHeight);
18127
17954
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-stack__content--Order);
18128
- --pf-v5-c-masthead__content--PaddingTop: var(--pf-v5-c-masthead--m-display-stack__content--PaddingTop);
18129
- --pf-v5-c-masthead__content--PaddingBottom: var(--pf-v5-c-masthead--m-display-stack__content--PaddingBottom);
18130
- --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--MarginLeft);
18131
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
18132
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
18133
17955
  }
18134
17956
  .pf-v5-c-masthead.pf-m-display-inline-on-sm {
18135
17957
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-inline--GridTemplateColumns);
18136
17958
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-inline__main--GridColumn);
18137
- --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-inline__main--MinHeight);
18138
17959
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-inline__main--Order);
18139
- --pf-v5-c-masthead__main--FlexBasis: var(--pf-v5-c-masthead--m-display-inline__main--FlexBasis);
18140
- --pf-v5-c-masthead__main--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__main--PaddingTop);
18141
- --pf-v5-c-masthead__main--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBottom);
18142
- --pf-v5-c-masthead__main--MarginRight: var(--pf-v5-c-masthead--m-display-inline__main--MarginRight);
18143
- --pf-v5-c-masthead__main--before--BorderBottom: var(--pf-v5-c-masthead--m-display-inline__main--BorderBottom);
17960
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBlockEnd);
17961
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--BorderBlockEnd);
18144
17962
  --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-inline__content--GridColumn);
18145
- --pf-v5-c-masthead__content--MinHeight: var(--pf-v5-c-masthead--m-display-inline__content--MinHeight);
18146
17963
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-inline__content--Order);
18147
- --pf-v5-c-masthead__content--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__content--PaddingTop);
18148
- --pf-v5-c-masthead__content--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__content--PaddingBottom);
18149
- --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--MarginLeft);
18150
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
18151
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
18152
17964
  }
18153
17965
  }
18154
- @media (min-width: 576px) {
18155
- .pf-v5-c-masthead.pf-m-inset-none-on-sm {
18156
- --pf-v5-c-masthead--inset: 0;
18157
- }
18158
- .pf-v5-c-masthead.pf-m-inset-sm-on-sm {
18159
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
18160
- }
18161
- .pf-v5-c-masthead.pf-m-inset-md-on-sm {
18162
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--md);
18163
- }
18164
- .pf-v5-c-masthead.pf-m-inset-lg-on-sm {
18165
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--lg);
18166
- }
18167
- .pf-v5-c-masthead.pf-m-inset-xl-on-sm {
18168
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--xl);
18169
- }
18170
- .pf-v5-c-masthead.pf-m-inset-2xl-on-sm {
18171
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--2xl);
18172
- }
17966
+ .pf-v5-c-masthead.pf-m-inset-none {
17967
+ padding-inline-start: 0;
17968
+ padding-inline-end: 0;
17969
+ }
17970
+ .pf-v5-c-masthead.pf-m-inset-sm {
17971
+ padding-inline-start: var(--pf-v5-global--spacer--sm);
17972
+ padding-inline-end: var(--pf-v5-global--spacer--sm);
17973
+ }
17974
+ .pf-v5-c-masthead.pf-m-inset-md {
17975
+ padding-inline-start: var(--pf-v5-global--spacer--md);
17976
+ padding-inline-end: var(--pf-v5-global--spacer--md);
17977
+ }
17978
+ .pf-v5-c-masthead.pf-m-inset-lg {
17979
+ padding-inline-start: var(--pf-v5-global--spacer--lg);
17980
+ padding-inline-end: var(--pf-v5-global--spacer--lg);
17981
+ }
17982
+ .pf-v5-c-masthead.pf-m-inset-xl {
17983
+ padding-inline-start: var(--pf-v5-global--spacer--xl);
17984
+ padding-inline-end: var(--pf-v5-global--spacer--xl);
17985
+ }
17986
+ .pf-v5-c-masthead.pf-m-inset-2xl {
17987
+ padding-inline-start: var(--pf-v5-global--spacer--2xl);
17988
+ padding-inline-end: var(--pf-v5-global--spacer--2xl);
18173
17989
  }
18174
17990
  @media (min-width: 768px) {
18175
17991
  .pf-v5-c-masthead.pf-m-display-stack-on-md {
18176
17992
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns);
18177
17993
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-stack__main--GridColumn);
18178
- --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-stack__main--MinHeight);
18179
17994
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-stack__main--Order);
18180
- --pf-v5-c-masthead__main--FlexBasis: var(--pf-v5-c-masthead--m-display-stack__main--FlexBasis);
18181
- --pf-v5-c-masthead__main--PaddingTop: var(--pf-v5-c-masthead--m-display-stack__main--PaddingTop);
18182
- --pf-v5-c-masthead__main--PaddingBottom: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBottom);
18183
- --pf-v5-c-masthead__main--MarginRight: var(--pf-v5-c-masthead--m-display-stack__main--MarginRight);
18184
- --pf-v5-c-masthead__main--before--BorderBottom: var(--pf-v5-c-masthead--m-display-stack__main--before--BorderBottom);
17995
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBlockEnd);
17996
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--BorderBlockEnd);
18185
17997
  --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-stack__content--GridColumn);
18186
- --pf-v5-c-masthead__content--MinHeight: var(--pf-v5-c-masthead--m-display-stack__content--MinHeight);
18187
17998
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-stack__content--Order);
18188
- --pf-v5-c-masthead__content--PaddingTop: var(--pf-v5-c-masthead--m-display-stack__content--PaddingTop);
18189
- --pf-v5-c-masthead__content--PaddingBottom: var(--pf-v5-c-masthead--m-display-stack__content--PaddingBottom);
18190
- --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--MarginLeft);
18191
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
18192
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
18193
17999
  }
18194
18000
  .pf-v5-c-masthead.pf-m-display-inline-on-md {
18195
18001
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-inline--GridTemplateColumns);
18196
18002
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-inline__main--GridColumn);
18197
- --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-inline__main--MinHeight);
18198
18003
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-inline__main--Order);
18199
- --pf-v5-c-masthead__main--FlexBasis: var(--pf-v5-c-masthead--m-display-inline__main--FlexBasis);
18200
- --pf-v5-c-masthead__main--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__main--PaddingTop);
18201
- --pf-v5-c-masthead__main--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBottom);
18202
- --pf-v5-c-masthead__main--MarginRight: var(--pf-v5-c-masthead--m-display-inline__main--MarginRight);
18203
- --pf-v5-c-masthead__main--before--BorderBottom: var(--pf-v5-c-masthead--m-display-inline__main--BorderBottom);
18004
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBlockEnd);
18005
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--BorderBlockEnd);
18204
18006
  --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-inline__content--GridColumn);
18205
- --pf-v5-c-masthead__content--MinHeight: var(--pf-v5-c-masthead--m-display-inline__content--MinHeight);
18206
18007
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-inline__content--Order);
18207
- --pf-v5-c-masthead__content--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__content--PaddingTop);
18208
- --pf-v5-c-masthead__content--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__content--PaddingBottom);
18209
- --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--MarginLeft);
18210
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
18211
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
18212
18008
  }
18213
18009
  }
18214
- @media (min-width: 768px) {
18215
- .pf-v5-c-masthead.pf-m-inset-none-on-md {
18216
- --pf-v5-c-masthead--inset: 0;
18217
- }
18218
- .pf-v5-c-masthead.pf-m-inset-sm-on-md {
18219
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
18220
- }
18221
- .pf-v5-c-masthead.pf-m-inset-md-on-md {
18222
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--md);
18223
- }
18224
- .pf-v5-c-masthead.pf-m-inset-lg-on-md {
18225
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--lg);
18226
- }
18227
- .pf-v5-c-masthead.pf-m-inset-xl-on-md {
18228
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--xl);
18229
- }
18230
- .pf-v5-c-masthead.pf-m-inset-2xl-on-md {
18231
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--2xl);
18232
- }
18010
+ .pf-v5-c-masthead.pf-m-inset-none {
18011
+ padding-inline-start: 0;
18012
+ padding-inline-end: 0;
18013
+ }
18014
+ .pf-v5-c-masthead.pf-m-inset-sm {
18015
+ padding-inline-start: var(--pf-v5-global--spacer--sm);
18016
+ padding-inline-end: var(--pf-v5-global--spacer--sm);
18017
+ }
18018
+ .pf-v5-c-masthead.pf-m-inset-md {
18019
+ padding-inline-start: var(--pf-v5-global--spacer--md);
18020
+ padding-inline-end: var(--pf-v5-global--spacer--md);
18021
+ }
18022
+ .pf-v5-c-masthead.pf-m-inset-lg {
18023
+ padding-inline-start: var(--pf-v5-global--spacer--lg);
18024
+ padding-inline-end: var(--pf-v5-global--spacer--lg);
18025
+ }
18026
+ .pf-v5-c-masthead.pf-m-inset-xl {
18027
+ padding-inline-start: var(--pf-v5-global--spacer--xl);
18028
+ padding-inline-end: var(--pf-v5-global--spacer--xl);
18029
+ }
18030
+ .pf-v5-c-masthead.pf-m-inset-2xl {
18031
+ padding-inline-start: var(--pf-v5-global--spacer--2xl);
18032
+ padding-inline-end: var(--pf-v5-global--spacer--2xl);
18233
18033
  }
18234
18034
  @media (min-width: 992px) {
18235
18035
  .pf-v5-c-masthead.pf-m-display-stack-on-lg {
18236
18036
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns);
18237
18037
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-stack__main--GridColumn);
18238
- --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-stack__main--MinHeight);
18239
18038
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-stack__main--Order);
18240
- --pf-v5-c-masthead__main--FlexBasis: var(--pf-v5-c-masthead--m-display-stack__main--FlexBasis);
18241
- --pf-v5-c-masthead__main--PaddingTop: var(--pf-v5-c-masthead--m-display-stack__main--PaddingTop);
18242
- --pf-v5-c-masthead__main--PaddingBottom: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBottom);
18243
- --pf-v5-c-masthead__main--MarginRight: var(--pf-v5-c-masthead--m-display-stack__main--MarginRight);
18244
- --pf-v5-c-masthead__main--before--BorderBottom: var(--pf-v5-c-masthead--m-display-stack__main--before--BorderBottom);
18039
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBlockEnd);
18040
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--BorderBlockEnd);
18245
18041
  --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-stack__content--GridColumn);
18246
- --pf-v5-c-masthead__content--MinHeight: var(--pf-v5-c-masthead--m-display-stack__content--MinHeight);
18247
18042
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-stack__content--Order);
18248
- --pf-v5-c-masthead__content--PaddingTop: var(--pf-v5-c-masthead--m-display-stack__content--PaddingTop);
18249
- --pf-v5-c-masthead__content--PaddingBottom: var(--pf-v5-c-masthead--m-display-stack__content--PaddingBottom);
18250
- --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--MarginLeft);
18251
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
18252
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
18253
18043
  }
18254
18044
  .pf-v5-c-masthead.pf-m-display-inline-on-lg {
18255
18045
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-inline--GridTemplateColumns);
18256
18046
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-inline__main--GridColumn);
18257
- --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-inline__main--MinHeight);
18258
18047
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-inline__main--Order);
18259
- --pf-v5-c-masthead__main--FlexBasis: var(--pf-v5-c-masthead--m-display-inline__main--FlexBasis);
18260
- --pf-v5-c-masthead__main--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__main--PaddingTop);
18261
- --pf-v5-c-masthead__main--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBottom);
18262
- --pf-v5-c-masthead__main--MarginRight: var(--pf-v5-c-masthead--m-display-inline__main--MarginRight);
18263
- --pf-v5-c-masthead__main--before--BorderBottom: var(--pf-v5-c-masthead--m-display-inline__main--BorderBottom);
18048
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBlockEnd);
18049
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--BorderBlockEnd);
18264
18050
  --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-inline__content--GridColumn);
18265
- --pf-v5-c-masthead__content--MinHeight: var(--pf-v5-c-masthead--m-display-inline__content--MinHeight);
18266
18051
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-inline__content--Order);
18267
- --pf-v5-c-masthead__content--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__content--PaddingTop);
18268
- --pf-v5-c-masthead__content--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__content--PaddingBottom);
18269
- --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--MarginLeft);
18270
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
18271
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
18272
18052
  }
18273
18053
  }
18274
- @media (min-width: 992px) {
18275
- .pf-v5-c-masthead.pf-m-inset-none-on-lg {
18276
- --pf-v5-c-masthead--inset: 0;
18277
- }
18278
- .pf-v5-c-masthead.pf-m-inset-sm-on-lg {
18279
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
18280
- }
18281
- .pf-v5-c-masthead.pf-m-inset-md-on-lg {
18282
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--md);
18283
- }
18284
- .pf-v5-c-masthead.pf-m-inset-lg-on-lg {
18285
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--lg);
18286
- }
18287
- .pf-v5-c-masthead.pf-m-inset-xl-on-lg {
18288
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--xl);
18289
- }
18290
- .pf-v5-c-masthead.pf-m-inset-2xl-on-lg {
18291
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--2xl);
18292
- }
18054
+ .pf-v5-c-masthead.pf-m-inset-none {
18055
+ padding-inline-start: 0;
18056
+ padding-inline-end: 0;
18057
+ }
18058
+ .pf-v5-c-masthead.pf-m-inset-sm {
18059
+ padding-inline-start: var(--pf-v5-global--spacer--sm);
18060
+ padding-inline-end: var(--pf-v5-global--spacer--sm);
18061
+ }
18062
+ .pf-v5-c-masthead.pf-m-inset-md {
18063
+ padding-inline-start: var(--pf-v5-global--spacer--md);
18064
+ padding-inline-end: var(--pf-v5-global--spacer--md);
18065
+ }
18066
+ .pf-v5-c-masthead.pf-m-inset-lg {
18067
+ padding-inline-start: var(--pf-v5-global--spacer--lg);
18068
+ padding-inline-end: var(--pf-v5-global--spacer--lg);
18069
+ }
18070
+ .pf-v5-c-masthead.pf-m-inset-xl {
18071
+ padding-inline-start: var(--pf-v5-global--spacer--xl);
18072
+ padding-inline-end: var(--pf-v5-global--spacer--xl);
18073
+ }
18074
+ .pf-v5-c-masthead.pf-m-inset-2xl {
18075
+ padding-inline-start: var(--pf-v5-global--spacer--2xl);
18076
+ padding-inline-end: var(--pf-v5-global--spacer--2xl);
18293
18077
  }
18294
18078
  @media (min-width: 1200px) {
18295
18079
  .pf-v5-c-masthead.pf-m-display-stack-on-xl {
18296
18080
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns);
18297
18081
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-stack__main--GridColumn);
18298
- --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-stack__main--MinHeight);
18299
18082
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-stack__main--Order);
18300
- --pf-v5-c-masthead__main--FlexBasis: var(--pf-v5-c-masthead--m-display-stack__main--FlexBasis);
18301
- --pf-v5-c-masthead__main--PaddingTop: var(--pf-v5-c-masthead--m-display-stack__main--PaddingTop);
18302
- --pf-v5-c-masthead__main--PaddingBottom: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBottom);
18303
- --pf-v5-c-masthead__main--MarginRight: var(--pf-v5-c-masthead--m-display-stack__main--MarginRight);
18304
- --pf-v5-c-masthead__main--before--BorderBottom: var(--pf-v5-c-masthead--m-display-stack__main--before--BorderBottom);
18083
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBlockEnd);
18084
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--BorderBlockEnd);
18305
18085
  --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-stack__content--GridColumn);
18306
- --pf-v5-c-masthead__content--MinHeight: var(--pf-v5-c-masthead--m-display-stack__content--MinHeight);
18307
18086
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-stack__content--Order);
18308
- --pf-v5-c-masthead__content--PaddingTop: var(--pf-v5-c-masthead--m-display-stack__content--PaddingTop);
18309
- --pf-v5-c-masthead__content--PaddingBottom: var(--pf-v5-c-masthead--m-display-stack__content--PaddingBottom);
18310
- --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--MarginLeft);
18311
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
18312
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
18313
18087
  }
18314
18088
  .pf-v5-c-masthead.pf-m-display-inline-on-xl {
18315
18089
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-inline--GridTemplateColumns);
18316
18090
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-inline__main--GridColumn);
18317
- --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-inline__main--MinHeight);
18318
18091
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-inline__main--Order);
18319
- --pf-v5-c-masthead__main--FlexBasis: var(--pf-v5-c-masthead--m-display-inline__main--FlexBasis);
18320
- --pf-v5-c-masthead__main--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__main--PaddingTop);
18321
- --pf-v5-c-masthead__main--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBottom);
18322
- --pf-v5-c-masthead__main--MarginRight: var(--pf-v5-c-masthead--m-display-inline__main--MarginRight);
18323
- --pf-v5-c-masthead__main--before--BorderBottom: var(--pf-v5-c-masthead--m-display-inline__main--BorderBottom);
18092
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBlockEnd);
18093
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--BorderBlockEnd);
18324
18094
  --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-inline__content--GridColumn);
18325
- --pf-v5-c-masthead__content--MinHeight: var(--pf-v5-c-masthead--m-display-inline__content--MinHeight);
18326
18095
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-inline__content--Order);
18327
- --pf-v5-c-masthead__content--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__content--PaddingTop);
18328
- --pf-v5-c-masthead__content--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__content--PaddingBottom);
18329
- --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--MarginLeft);
18330
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
18331
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
18332
18096
  }
18333
18097
  }
18334
- @media (min-width: 1200px) {
18335
- .pf-v5-c-masthead.pf-m-inset-none-on-xl {
18336
- --pf-v5-c-masthead--inset: 0;
18337
- }
18338
- .pf-v5-c-masthead.pf-m-inset-sm-on-xl {
18339
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
18340
- }
18341
- .pf-v5-c-masthead.pf-m-inset-md-on-xl {
18342
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--md);
18343
- }
18344
- .pf-v5-c-masthead.pf-m-inset-lg-on-xl {
18345
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--lg);
18346
- }
18347
- .pf-v5-c-masthead.pf-m-inset-xl-on-xl {
18348
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--xl);
18349
- }
18350
- .pf-v5-c-masthead.pf-m-inset-2xl-on-xl {
18351
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--2xl);
18352
- }
18098
+ .pf-v5-c-masthead.pf-m-inset-none {
18099
+ padding-inline-start: 0;
18100
+ padding-inline-end: 0;
18101
+ }
18102
+ .pf-v5-c-masthead.pf-m-inset-sm {
18103
+ padding-inline-start: var(--pf-v5-global--spacer--sm);
18104
+ padding-inline-end: var(--pf-v5-global--spacer--sm);
18105
+ }
18106
+ .pf-v5-c-masthead.pf-m-inset-md {
18107
+ padding-inline-start: var(--pf-v5-global--spacer--md);
18108
+ padding-inline-end: var(--pf-v5-global--spacer--md);
18109
+ }
18110
+ .pf-v5-c-masthead.pf-m-inset-lg {
18111
+ padding-inline-start: var(--pf-v5-global--spacer--lg);
18112
+ padding-inline-end: var(--pf-v5-global--spacer--lg);
18113
+ }
18114
+ .pf-v5-c-masthead.pf-m-inset-xl {
18115
+ padding-inline-start: var(--pf-v5-global--spacer--xl);
18116
+ padding-inline-end: var(--pf-v5-global--spacer--xl);
18117
+ }
18118
+ .pf-v5-c-masthead.pf-m-inset-2xl {
18119
+ padding-inline-start: var(--pf-v5-global--spacer--2xl);
18120
+ padding-inline-end: var(--pf-v5-global--spacer--2xl);
18353
18121
  }
18354
18122
  @media (min-width: 1450px) {
18355
18123
  .pf-v5-c-masthead.pf-m-display-stack-on-2xl {
18356
18124
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns);
18357
18125
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-stack__main--GridColumn);
18358
- --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-stack__main--MinHeight);
18359
18126
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-stack__main--Order);
18360
- --pf-v5-c-masthead__main--FlexBasis: var(--pf-v5-c-masthead--m-display-stack__main--FlexBasis);
18361
- --pf-v5-c-masthead__main--PaddingTop: var(--pf-v5-c-masthead--m-display-stack__main--PaddingTop);
18362
- --pf-v5-c-masthead__main--PaddingBottom: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBottom);
18363
- --pf-v5-c-masthead__main--MarginRight: var(--pf-v5-c-masthead--m-display-stack__main--MarginRight);
18364
- --pf-v5-c-masthead__main--before--BorderBottom: var(--pf-v5-c-masthead--m-display-stack__main--before--BorderBottom);
18127
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBlockEnd);
18128
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--BorderBlockEnd);
18365
18129
  --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-stack__content--GridColumn);
18366
- --pf-v5-c-masthead__content--MinHeight: var(--pf-v5-c-masthead--m-display-stack__content--MinHeight);
18367
18130
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-stack__content--Order);
18368
- --pf-v5-c-masthead__content--PaddingTop: var(--pf-v5-c-masthead--m-display-stack__content--PaddingTop);
18369
- --pf-v5-c-masthead__content--PaddingBottom: var(--pf-v5-c-masthead--m-display-stack__content--PaddingBottom);
18370
- --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--MarginLeft);
18371
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
18372
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
18373
18131
  }
18374
18132
  .pf-v5-c-masthead.pf-m-display-inline-on-2xl {
18375
18133
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-inline--GridTemplateColumns);
18376
18134
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-inline__main--GridColumn);
18377
- --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-inline__main--MinHeight);
18378
18135
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-inline__main--Order);
18379
- --pf-v5-c-masthead__main--FlexBasis: var(--pf-v5-c-masthead--m-display-inline__main--FlexBasis);
18380
- --pf-v5-c-masthead__main--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__main--PaddingTop);
18381
- --pf-v5-c-masthead__main--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBottom);
18382
- --pf-v5-c-masthead__main--MarginRight: var(--pf-v5-c-masthead--m-display-inline__main--MarginRight);
18383
- --pf-v5-c-masthead__main--before--BorderBottom: var(--pf-v5-c-masthead--m-display-inline__main--BorderBottom);
18136
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBlockEnd);
18137
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--BorderBlockEnd);
18384
18138
  --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-inline__content--GridColumn);
18385
- --pf-v5-c-masthead__content--MinHeight: var(--pf-v5-c-masthead--m-display-inline__content--MinHeight);
18386
18139
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-inline__content--Order);
18387
- --pf-v5-c-masthead__content--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__content--PaddingTop);
18388
- --pf-v5-c-masthead__content--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__content--PaddingBottom);
18389
- --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--MarginLeft);
18390
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
18391
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
18392
18140
  }
18393
18141
  }
18394
- @media (min-width: 1450px) {
18395
- .pf-v5-c-masthead.pf-m-inset-none-on-2xl {
18396
- --pf-v5-c-masthead--inset: 0;
18397
- }
18398
- .pf-v5-c-masthead.pf-m-inset-sm-on-2xl {
18399
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
18400
- }
18401
- .pf-v5-c-masthead.pf-m-inset-md-on-2xl {
18402
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--md);
18403
- }
18404
- .pf-v5-c-masthead.pf-m-inset-lg-on-2xl {
18405
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--lg);
18406
- }
18407
- .pf-v5-c-masthead.pf-m-inset-xl-on-2xl {
18408
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--xl);
18409
- }
18410
- .pf-v5-c-masthead.pf-m-inset-2xl-on-2xl {
18411
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--2xl);
18412
- }
18142
+ .pf-v5-c-masthead.pf-m-inset-none {
18143
+ padding-inline-start: 0;
18144
+ padding-inline-end: 0;
18145
+ }
18146
+ .pf-v5-c-masthead.pf-m-inset-sm {
18147
+ padding-inline-start: var(--pf-v5-global--spacer--sm);
18148
+ padding-inline-end: var(--pf-v5-global--spacer--sm);
18149
+ }
18150
+ .pf-v5-c-masthead.pf-m-inset-md {
18151
+ padding-inline-start: var(--pf-v5-global--spacer--md);
18152
+ padding-inline-end: var(--pf-v5-global--spacer--md);
18153
+ }
18154
+ .pf-v5-c-masthead.pf-m-inset-lg {
18155
+ padding-inline-start: var(--pf-v5-global--spacer--lg);
18156
+ padding-inline-end: var(--pf-v5-global--spacer--lg);
18157
+ }
18158
+ .pf-v5-c-masthead.pf-m-inset-xl {
18159
+ padding-inline-start: var(--pf-v5-global--spacer--xl);
18160
+ padding-inline-end: var(--pf-v5-global--spacer--xl);
18161
+ }
18162
+ .pf-v5-c-masthead.pf-m-inset-2xl {
18163
+ padding-inline-start: var(--pf-v5-global--spacer--2xl);
18164
+ padding-inline-end: var(--pf-v5-global--spacer--2xl);
18413
18165
  }
18414
18166
 
18415
18167
  .pf-v5-c-menu {