@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.css CHANGED
@@ -13047,341 +13047,261 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13047
13047
  --pf-v5-c-date-picker__calendar--Top: 100%;
13048
13048
  }
13049
13049
 
13050
+ :root,
13051
+ :where(.pf-v5-c-divider) {
13052
+ --pf-v5-c-divider--Display: flex;
13053
+ --pf-v5-c-divider--Color: var(--pf-t--global--border--color--default);
13054
+ --pf-v5-c-divider--Size: var(--pf-t--global--border--width--divider--default);
13055
+ --pf-v5-c-divider--before--FlexBasis: 100%;
13056
+ }
13057
+
13050
13058
  .pf-v5-c-divider {
13051
- --pf-v5-c-divider--BorderWidth--base: var(--pf-v5-global--BorderWidth--sm);
13052
- --pf-v5-c-divider--BorderColor--base: var(--pf-v5-c-divider--BackgroundColor);
13053
- --pf-v5-c-divider--Height: var(--pf-v5-c-divider--BorderWidth--base);
13054
- --pf-v5-c-divider--BackgroundColor: var(--pf-v5-global--BorderColor--100);
13055
- --pf-v5-c-divider--after--BackgroundColor: var(--pf-v5-c-divider--BorderColor--base);
13056
- --pf-v5-c-divider--after--FlexBasis: 100%;
13057
- --pf-v5-c-divider--after--Inset: 0%;
13058
- --pf-v5-c-divider--m-vertical--after--FlexBasis: 100%;
13059
- --pf-v5-c-divider--m-horizontal--Display: flex;
13060
- --pf-v5-c-divider--m-horizontal--FlexDirection: row;
13061
- --pf-v5-c-divider--m-horizontal--after--Height: var(--pf-v5-c-divider--Height);
13062
- --pf-v5-c-divider--m-horizontal--after--Width: auto;
13063
- --pf-v5-c-divider--m-vertical--Display: inline-flex;
13064
- --pf-v5-c-divider--m-vertical--FlexDirection: column;
13065
- --pf-v5-c-divider--m-vertical--after--Height: auto;
13066
- --pf-v5-c-divider--m-vertical--after--Width: var(--pf-v5-c-divider--BorderWidth--base);
13067
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-divider--Display);
13068
- --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
13069
- --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
13070
- --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
13071
- --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
13059
+ flex-direction: row;
13072
13060
  width: 100%;
13073
- height: auto;
13074
- flex-direction: var(--pf-v5-c-divider--FlexDirection);
13075
- flex-shrink: 0;
13076
- align-items: center;
13077
- align-self: stretch;
13061
+ height: var(--pf-v5-c-divider--Size);
13062
+ --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-divider--Display);
13063
+ align-items: stretch;
13078
13064
  justify-content: center;
13079
13065
  border: 0;
13080
13066
  }
13081
- .pf-v5-c-divider::after {
13082
- flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
13083
- }
13084
- .pf-v5-c-divider::after {
13085
- align-self: stretch;
13086
- justify-self: center;
13087
- width: var(--pf-v5-c-divider--after--Width);
13088
- height: var(--pf-v5-c-divider--after--Height);
13067
+ .pf-v5-c-divider::before {
13068
+ flex-basis: var(--pf-v5-c-divider--before--FlexBasis);
13089
13069
  content: "";
13090
- background-color: var(--pf-v5-c-divider--after--BackgroundColor);
13070
+ background-color: var(--pf-v5-c-divider--Color);
13091
13071
  }
13092
- .pf-v5-c-divider.pf-m-vertical {
13093
- --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
13094
- --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
13095
- --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
13096
- --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
13097
- width: auto;
13098
- height: inherit;
13072
+ .pf-v5-c-divider.pf-m-horizontal {
13073
+ flex-direction: row;
13074
+ width: 100%;
13075
+ height: var(--pf-v5-c-divider--Size);
13099
13076
  }
13100
- .pf-v5-c-divider.pf-m-vertical::after {
13101
- flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
13077
+ .pf-v5-c-divider.pf-m-vertical {
13078
+ flex-direction: column;
13079
+ width: var(--pf-v5-c-divider--Size);
13080
+ height: 100%;
13102
13081
  }
13103
13082
  .pf-v5-c-divider.pf-m-inset-none {
13104
- --pf-v5-c-divider--after--Inset: 0%;
13083
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - 0% * 2);
13105
13084
  }
13106
13085
  .pf-v5-c-divider.pf-m-inset-xs {
13107
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
13086
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xs) * 2);
13108
13087
  }
13109
13088
  .pf-v5-c-divider.pf-m-inset-sm {
13110
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
13089
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--sm) * 2);
13111
13090
  }
13112
13091
  .pf-v5-c-divider.pf-m-inset-md {
13113
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
13092
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--md) * 2);
13114
13093
  }
13115
13094
  .pf-v5-c-divider.pf-m-inset-lg {
13116
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
13095
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--lg) * 2);
13117
13096
  }
13118
13097
  .pf-v5-c-divider.pf-m-inset-xl {
13119
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
13098
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xl) * 2);
13120
13099
  }
13121
13100
  .pf-v5-c-divider.pf-m-inset-2xl {
13122
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
13101
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--2xl) * 2);
13123
13102
  }
13124
13103
  .pf-v5-c-divider.pf-m-inset-3xl {
13125
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
13104
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--3xl) * 2);
13126
13105
  }
13106
+
13127
13107
  @media (min-width: 576px) {
13128
13108
  .pf-v5-c-divider.pf-m-horizontal-on-sm {
13129
- --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
13130
- --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
13131
- --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
13132
- --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
13109
+ flex-direction: row;
13133
13110
  width: 100%;
13134
- height: auto;
13135
- }
13136
- .pf-v5-c-divider.pf-m-horizontal-on-sm::after {
13137
- flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
13111
+ height: var(--pf-v5-c-divider--Size);
13138
13112
  }
13139
13113
  }
13140
13114
  @media (min-width: 576px) {
13141
13115
  .pf-v5-c-divider.pf-m-vertical-on-sm {
13142
- --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
13143
- --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
13144
- --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
13145
- --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
13146
- width: auto;
13147
- height: inherit;
13148
- }
13149
- .pf-v5-c-divider.pf-m-vertical-on-sm::after {
13150
- flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
13116
+ flex-direction: column;
13117
+ width: var(--pf-v5-c-divider--Size);
13118
+ height: 100%;
13151
13119
  }
13152
13120
  }
13153
13121
  @media (min-width: 576px) {
13154
13122
  .pf-v5-c-divider.pf-m-inset-none-on-sm {
13155
- --pf-v5-c-divider--after--Inset: 0%;
13123
+ --pf-v5-c-divider--before--FlexBasis: 100%;
13156
13124
  }
13157
13125
  .pf-v5-c-divider.pf-m-inset-xs-on-sm {
13158
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
13126
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xs) * 2);
13159
13127
  }
13160
13128
  .pf-v5-c-divider.pf-m-inset-sm-on-sm {
13161
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
13129
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--sm) * 2);
13162
13130
  }
13163
13131
  .pf-v5-c-divider.pf-m-inset-md-on-sm {
13164
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
13132
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--md) * 2);
13165
13133
  }
13166
13134
  .pf-v5-c-divider.pf-m-inset-lg-on-sm {
13167
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
13135
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--lg) * 2);
13168
13136
  }
13169
13137
  .pf-v5-c-divider.pf-m-inset-xl-on-sm {
13170
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
13138
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xl) * 2);
13171
13139
  }
13172
13140
  .pf-v5-c-divider.pf-m-inset-2xl-on-sm {
13173
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
13141
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--2xl) * 2);
13174
13142
  }
13175
13143
  .pf-v5-c-divider.pf-m-inset-3xl-on-sm {
13176
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
13144
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--3xl) * 2);
13177
13145
  }
13178
13146
  }
13179
13147
  @media (min-width: 768px) {
13180
13148
  .pf-v5-c-divider.pf-m-horizontal-on-md {
13181
- --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
13182
- --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
13183
- --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
13184
- --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
13149
+ flex-direction: row;
13185
13150
  width: 100%;
13186
- height: auto;
13187
- }
13188
- .pf-v5-c-divider.pf-m-horizontal-on-md::after {
13189
- flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
13151
+ height: var(--pf-v5-c-divider--Size);
13190
13152
  }
13191
13153
  }
13192
13154
  @media (min-width: 768px) {
13193
13155
  .pf-v5-c-divider.pf-m-vertical-on-md {
13194
- --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
13195
- --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
13196
- --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
13197
- --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
13198
- width: auto;
13199
- height: inherit;
13200
- }
13201
- .pf-v5-c-divider.pf-m-vertical-on-md::after {
13202
- flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
13156
+ flex-direction: column;
13157
+ width: var(--pf-v5-c-divider--Size);
13158
+ height: 100%;
13203
13159
  }
13204
13160
  }
13205
13161
  @media (min-width: 768px) {
13206
13162
  .pf-v5-c-divider.pf-m-inset-none-on-md {
13207
- --pf-v5-c-divider--after--Inset: 0%;
13163
+ --pf-v5-c-divider--before--FlexBasis: 100%;
13208
13164
  }
13209
13165
  .pf-v5-c-divider.pf-m-inset-xs-on-md {
13210
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
13166
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xs) * 2);
13211
13167
  }
13212
13168
  .pf-v5-c-divider.pf-m-inset-sm-on-md {
13213
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
13169
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--sm) * 2);
13214
13170
  }
13215
13171
  .pf-v5-c-divider.pf-m-inset-md-on-md {
13216
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
13172
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--md) * 2);
13217
13173
  }
13218
13174
  .pf-v5-c-divider.pf-m-inset-lg-on-md {
13219
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
13175
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--lg) * 2);
13220
13176
  }
13221
13177
  .pf-v5-c-divider.pf-m-inset-xl-on-md {
13222
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
13178
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xl) * 2);
13223
13179
  }
13224
13180
  .pf-v5-c-divider.pf-m-inset-2xl-on-md {
13225
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
13181
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--2xl) * 2);
13226
13182
  }
13227
13183
  .pf-v5-c-divider.pf-m-inset-3xl-on-md {
13228
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
13184
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--3xl) * 2);
13229
13185
  }
13230
13186
  }
13231
13187
  @media (min-width: 992px) {
13232
13188
  .pf-v5-c-divider.pf-m-horizontal-on-lg {
13233
- --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
13234
- --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
13235
- --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
13236
- --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
13189
+ flex-direction: row;
13237
13190
  width: 100%;
13238
- height: auto;
13239
- }
13240
- .pf-v5-c-divider.pf-m-horizontal-on-lg::after {
13241
- flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
13191
+ height: var(--pf-v5-c-divider--Size);
13242
13192
  }
13243
13193
  }
13244
13194
  @media (min-width: 992px) {
13245
13195
  .pf-v5-c-divider.pf-m-vertical-on-lg {
13246
- --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
13247
- --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
13248
- --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
13249
- --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
13250
- width: auto;
13251
- height: inherit;
13252
- }
13253
- .pf-v5-c-divider.pf-m-vertical-on-lg::after {
13254
- flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
13196
+ flex-direction: column;
13197
+ width: var(--pf-v5-c-divider--Size);
13198
+ height: 100%;
13255
13199
  }
13256
13200
  }
13257
13201
  @media (min-width: 992px) {
13258
13202
  .pf-v5-c-divider.pf-m-inset-none-on-lg {
13259
- --pf-v5-c-divider--after--Inset: 0%;
13203
+ --pf-v5-c-divider--before--FlexBasis: 100%;
13260
13204
  }
13261
13205
  .pf-v5-c-divider.pf-m-inset-xs-on-lg {
13262
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
13206
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xs) * 2);
13263
13207
  }
13264
13208
  .pf-v5-c-divider.pf-m-inset-sm-on-lg {
13265
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
13209
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--sm) * 2);
13266
13210
  }
13267
13211
  .pf-v5-c-divider.pf-m-inset-md-on-lg {
13268
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
13212
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--md) * 2);
13269
13213
  }
13270
13214
  .pf-v5-c-divider.pf-m-inset-lg-on-lg {
13271
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
13215
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--lg) * 2);
13272
13216
  }
13273
13217
  .pf-v5-c-divider.pf-m-inset-xl-on-lg {
13274
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
13218
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xl) * 2);
13275
13219
  }
13276
13220
  .pf-v5-c-divider.pf-m-inset-2xl-on-lg {
13277
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
13221
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--2xl) * 2);
13278
13222
  }
13279
13223
  .pf-v5-c-divider.pf-m-inset-3xl-on-lg {
13280
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
13224
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--3xl) * 2);
13281
13225
  }
13282
13226
  }
13283
13227
  @media (min-width: 1200px) {
13284
13228
  .pf-v5-c-divider.pf-m-horizontal-on-xl {
13285
- --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
13286
- --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
13287
- --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
13288
- --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
13229
+ flex-direction: row;
13289
13230
  width: 100%;
13290
- height: auto;
13291
- }
13292
- .pf-v5-c-divider.pf-m-horizontal-on-xl::after {
13293
- flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
13231
+ height: var(--pf-v5-c-divider--Size);
13294
13232
  }
13295
13233
  }
13296
13234
  @media (min-width: 1200px) {
13297
13235
  .pf-v5-c-divider.pf-m-vertical-on-xl {
13298
- --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
13299
- --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
13300
- --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
13301
- --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
13302
- width: auto;
13303
- height: inherit;
13304
- }
13305
- .pf-v5-c-divider.pf-m-vertical-on-xl::after {
13306
- flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
13236
+ flex-direction: column;
13237
+ width: var(--pf-v5-c-divider--Size);
13238
+ height: 100%;
13307
13239
  }
13308
13240
  }
13309
13241
  @media (min-width: 1200px) {
13310
13242
  .pf-v5-c-divider.pf-m-inset-none-on-xl {
13311
- --pf-v5-c-divider--after--Inset: 0%;
13243
+ --pf-v5-c-divider--before--FlexBasis: 100%;
13312
13244
  }
13313
13245
  .pf-v5-c-divider.pf-m-inset-xs-on-xl {
13314
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
13246
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xs) * 2);
13315
13247
  }
13316
13248
  .pf-v5-c-divider.pf-m-inset-sm-on-xl {
13317
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
13249
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--sm) * 2);
13318
13250
  }
13319
13251
  .pf-v5-c-divider.pf-m-inset-md-on-xl {
13320
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
13252
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--md) * 2);
13321
13253
  }
13322
13254
  .pf-v5-c-divider.pf-m-inset-lg-on-xl {
13323
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
13255
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--lg) * 2);
13324
13256
  }
13325
13257
  .pf-v5-c-divider.pf-m-inset-xl-on-xl {
13326
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
13258
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xl) * 2);
13327
13259
  }
13328
13260
  .pf-v5-c-divider.pf-m-inset-2xl-on-xl {
13329
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
13261
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--2xl) * 2);
13330
13262
  }
13331
13263
  .pf-v5-c-divider.pf-m-inset-3xl-on-xl {
13332
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
13264
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--3xl) * 2);
13333
13265
  }
13334
13266
  }
13335
13267
  @media (min-width: 1450px) {
13336
13268
  .pf-v5-c-divider.pf-m-horizontal-on-2xl {
13337
- --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
13338
- --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
13339
- --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
13340
- --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
13269
+ flex-direction: row;
13341
13270
  width: 100%;
13342
- height: auto;
13343
- }
13344
- .pf-v5-c-divider.pf-m-horizontal-on-2xl::after {
13345
- flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
13271
+ height: var(--pf-v5-c-divider--Size);
13346
13272
  }
13347
13273
  }
13348
13274
  @media (min-width: 1450px) {
13349
13275
  .pf-v5-c-divider.pf-m-vertical-on-2xl {
13350
- --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
13351
- --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
13352
- --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
13353
- --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
13354
- width: auto;
13355
- height: inherit;
13356
- }
13357
- .pf-v5-c-divider.pf-m-vertical-on-2xl::after {
13358
- flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
13276
+ flex-direction: column;
13277
+ width: var(--pf-v5-c-divider--Size);
13278
+ height: 100%;
13359
13279
  }
13360
13280
  }
13361
13281
  @media (min-width: 1450px) {
13362
13282
  .pf-v5-c-divider.pf-m-inset-none-on-2xl {
13363
- --pf-v5-c-divider--after--Inset: 0%;
13283
+ --pf-v5-c-divider--before--FlexBasis: 100%;
13364
13284
  }
13365
13285
  .pf-v5-c-divider.pf-m-inset-xs-on-2xl {
13366
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
13286
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xs) * 2);
13367
13287
  }
13368
13288
  .pf-v5-c-divider.pf-m-inset-sm-on-2xl {
13369
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
13289
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--sm) * 2);
13370
13290
  }
13371
13291
  .pf-v5-c-divider.pf-m-inset-md-on-2xl {
13372
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
13292
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--md) * 2);
13373
13293
  }
13374
13294
  .pf-v5-c-divider.pf-m-inset-lg-on-2xl {
13375
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
13295
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--lg) * 2);
13376
13296
  }
13377
13297
  .pf-v5-c-divider.pf-m-inset-xl-on-2xl {
13378
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
13298
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xl) * 2);
13379
13299
  }
13380
13300
  .pf-v5-c-divider.pf-m-inset-2xl-on-2xl {
13381
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
13301
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--2xl) * 2);
13382
13302
  }
13383
13303
  .pf-v5-c-divider.pf-m-inset-3xl-on-2xl {
13384
- --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
13304
+ --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--3xl) * 2);
13385
13305
  }
13386
13306
  }
13387
13307
 
@@ -17917,616 +17837,448 @@ ul.pf-v5-c-list {
17917
17837
  padding-block-start: var(--pf-v5-c-login__footer--c-list--PaddingTop);
17918
17838
  }
17919
17839
 
17920
- :root {
17921
- --pf-v5-c-masthead--PaddingLeft: var(--pf-v5-c-masthead--inset);
17922
- --pf-v5-c-masthead--PaddingRight: var(--pf-v5-c-masthead--inset);
17840
+ :root,
17841
+ :where(.pf-v5-c-masthead) {
17842
+ --pf-v5-c-masthead--inset: var(--pf-t--global--spacer--lg);
17843
+ --pf-v5-c-masthead--PaddingBlockStart: var(--pf-t--global--spacer--md);
17844
+ --pf-v5-c-masthead--PaddingBlockEnd: var(--pf-t--global--spacer--md);
17845
+ --pf-v5-c-masthead--PaddingInlineStart: var(--pf-v5-c-masthead--inset);
17846
+ --pf-v5-c-masthead--PaddingInlineEnd: var(--pf-v5-c-masthead--inset);
17847
+ --pf-v5-c-masthead--AlignItems: start;
17848
+ --pf-v5-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
17849
+ --pf-v5-c-masthead--ColumnGap: var(--pf-t--global--spacer--md);
17923
17850
  --pf-v5-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
17924
- --pf-v5-c-masthead--inset: var(--pf-t--global--spacer--md);
17925
- --pf-v5-c-masthead--xl--inset: var(--pf-t--global--spacer--lg);
17851
+ --pf-v5-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
17852
+ --pf-v5-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
17853
+ --pf-v5-c-masthead__brand--MarginInlineEnd: var(--pf-t--global--spacer--md);
17854
+ --pf-v5-c-masthead__brand--MaxHeight: 2.375rem;
17855
+ --pf-v5-c-masthead__toggle--Size: var(--pf-t--global--icon--size--xl);
17926
17856
  --pf-v5-c-masthead--m-display-stack--GridTemplateColumns: max-content 1fr;
17927
17857
  --pf-v5-c-masthead--m-display-stack__main--GridColumn: -1 / 1;
17928
- --pf-v5-c-masthead--m-display-stack__main--MinHeight: 4.375rem;
17929
17858
  --pf-v5-c-masthead--m-display-stack__main--Order: -1;
17930
- --pf-v5-c-masthead--m-display-stack__main--FlexBasis: 100%;
17931
- --pf-v5-c-masthead--m-display-stack__main--PaddingTop: var(--pf-t--global--spacer--lg);
17932
- --pf-v5-c-masthead--m-display-stack__main--PaddingBottom: var(--pf-t--global--spacer--md);
17933
- --pf-v5-c-masthead--m-display-stack__main--MarginRight: 0;
17934
- --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);
17935
- --pf-v5-c-masthead--m-display-stack__toggle--GridColumn: 1;
17859
+ --pf-v5-c-masthead--m-display-stack__main--PaddingBlockEnd: var(--pf-v5-c-masthead--RowGap);
17860
+ --pf-v5-c-masthead--m-display-stack__main--BorderBlockEnd: var(--pf-v5-c-masthead--BorderWidth) solid var(--pf-v5-c-masthead--BorderColor);
17936
17861
  --pf-v5-c-masthead--m-display-stack__content--GridColumn: 2;
17937
- --pf-v5-c-masthead--m-display-stack__content--MinHeight: auto;
17938
17862
  --pf-v5-c-masthead--m-display-stack__content--Order: 1;
17939
- --pf-v5-c-masthead--m-display-stack__content--PaddingTop: var(--pf-t--global--spacer--xs);
17940
- --pf-v5-c-masthead--m-display-stack__content--PaddingBottom: var(--pf-t--global--spacer--xs);
17941
- --pf-v5-c-masthead--m-display-stack__content--MarginLeft: 0;
17942
- --pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight: calc(var(--pf-v5-c-masthead--inset) * -1);
17943
- --pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft: calc(var(--pf-v5-c-masthead--inset) * -1);
17944
17863
  --pf-v5-c-masthead--m-display-inline--GridTemplateColumns: max-content max-content 1fr;
17945
17864
  --pf-v5-c-masthead--m-display-inline__main--GridColumn: 2;
17946
- --pf-v5-c-masthead--m-display-inline__main--MinHeight: 4.375rem;
17947
17865
  --pf-v5-c-masthead--m-display-inline__main--Order: 0;
17948
- --pf-v5-c-masthead--m-display-inline__main--FlexBasis: auto;
17949
- --pf-v5-c-masthead--m-display-inline__main--PaddingTop: 0;
17950
- --pf-v5-c-masthead--m-display-inline__main--PaddingBottom: 0;
17951
- --pf-v5-c-masthead--m-display-inline__main--MarginRight: calc(var(--pf-t--global--spacer--lg) / 2);
17952
- --pf-v5-c-masthead--m-display-inline__main--BorderBottom: 0;
17953
- --pf-v5-c-masthead--m-display-inline__toggle--GridColumn: 1;
17866
+ --pf-v5-c-masthead--m-display-inline__main--PaddingBlockEnd: 0;
17867
+ --pf-v5-c-masthead--m-display-inline__main--BorderBlockEnd: 0;
17954
17868
  --pf-v5-c-masthead--m-display-inline__content--GridColumn: 3;
17955
- --pf-v5-c-masthead--m-display-inline__content--MinHeight: 4.375rem;
17956
17869
  --pf-v5-c-masthead--m-display-inline__content--Order: 0;
17957
- --pf-v5-c-masthead--m-display-inline__content--PaddingTop: 0;
17958
- --pf-v5-c-masthead--m-display-inline__content--PaddingBottom: 0;
17959
- --pf-v5-c-masthead--m-display-inline__content--MarginLeft: calc(var(--pf-t--global--spacer--lg) / 2);
17960
- --pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight: 0;
17961
- --pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft: 0;
17962
- --pf-v5-c-masthead__main--before--Right: calc(var(--pf-v5-c-masthead--inset) * -1);
17963
- --pf-v5-c-masthead__main--before--Left: calc(var(--pf-v5-c-masthead--inset) * -1);
17964
- --pf-v5-c-masthead__main--before--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
17965
- --pf-v5-c-masthead__main--before--BorderBottomColor: var(--pf-t--global--border--color--default);
17966
- --pf-v5-c-masthead__content--Gap: var(--pf-t--global--spacer--sm);
17967
- --pf-v5-c-masthead__toggle--MarginRight: var(--pf-t--global--spacer--sm);
17968
- --pf-v5-c-masthead__toggle--MarginLeft: calc(var(--pf-t--global--spacer--sm) * -1);
17969
- --pf-v5-c-masthead__toggle--c-button--FontSize: var(--pf-t--global--icon--size--lg);
17970
- --pf-v5-c-masthead--c-toolbar__item--Display: flex;
17971
- --pf-v5-c-masthead--item-border-color--base: var(--pf-t--global--border--color--default);
17972
- --pf-v5-c-masthead--c-context-selector--Width: auto;
17973
- --pf-v5-c-masthead--c-context-selector__toggle--BorderTopColor: var(--pf-v5-c-masthead--item-border-color--base);
17974
- --pf-v5-c-masthead--c-context-selector__toggle--BorderRightColor: var(--pf-v5-c-masthead--item-border-color--base);
17975
- --pf-v5-c-masthead--c-context-selector__toggle--BorderLeftColor: var(--pf-v5-c-masthead--item-border-color--base);
17976
- --pf-v5-c-masthead--c-context-selector--m-full-height__toggle--BorderTopColor: transparent;
17977
- --pf-v5-c-masthead--c-context-selector--m-full-height__toggle--BorderBottomColor: transparent;
17978
- --pf-v5-c-masthead--c-dropdown__toggle--before--BorderTopColor: var(--pf-v5-c-masthead--item-border-color--base);
17979
- --pf-v5-c-masthead--c-dropdown__toggle--before--BorderRightColor: var(--pf-v5-c-masthead--item-border-color--base);
17980
- --pf-v5-c-masthead--c-dropdown__toggle--before--BorderLeftColor: var(--pf-v5-c-masthead--item-border-color--base);
17981
- --pf-v5-c-masthead--c-dropdown--m-full-height__toggle--before--BorderTopColor: transparent;
17982
- --pf-v5-c-masthead--c-dropdown--m-full-height__toggle--before--BorderBottomColor: transparent;
17983
- --pf-v5-c-masthead--c-menu-toggle--before--BorderTopColor: var(--pf-v5-c-masthead--item-border-color--base);
17984
- --pf-v5-c-masthead--c-menu-toggle--before--BorderRightColor: var(--pf-v5-c-masthead--item-border-color--base);
17985
- --pf-v5-c-masthead--c-menu-toggle--before--BorderLeftColor: var(--pf-v5-c-masthead--item-border-color--base);
17986
- --pf-v5-c-masthead--c-toolbar--BackgroundColor: var(--pf-v5-c-masthead--BackgroundColor);
17987
- --pf-v5-c-masthead--c-toolbar--AlignItems--base: center;
17988
- --pf-v5-c-masthead--c-toolbar__content--PaddingRight: 0;
17989
- --pf-v5-c-masthead--c-toolbar__content--PaddingLeft: 0;
17990
- --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingTop: var(--pf-t--global--spacer--md);
17991
- --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-masthead--inset);
17992
- --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingBottom: var(--pf-t--global--spacer--md);
17993
- --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-masthead--inset);
17994
- --pf-v5-c-masthead--c-toolbar__expandable-content--before--BorderTopWidth: var(--pf-t--global--border--width--divider--default);
17995
- --pf-v5-c-masthead--c-toolbar__expandable-content--before--BorderTopColor: var(--pf-v5-c-masthead--item-border-color--base);
17870
+ --pf-v5-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
17871
+ --pf-v5-c-masthead__expandable-content--BorderBlockStart: var(--pf-v5-c-masthead--BorderWidth) solid var(--pf-v5-c-masthead--BorderColor);
17996
17872
  }
17997
17873
 
17998
17874
  .pf-v5-c-masthead {
17999
- --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-c-masthead--c-toolbar--BackgroundColor);
18000
- --pf-v5-c-toolbar--AlignItems--base: var(--pf-v5-c-masthead--c-toolbar--AlignItems--base);
18001
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-masthead--c-toolbar__content--PaddingRight);
18002
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-masthead--c-toolbar__content--PaddingLeft);
18003
- --pf-v5-c-toolbar__expandable-content--PaddingTop: var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingTop);
18004
- --pf-v5-c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingRight);
18005
- --pf-v5-c-toolbar__expandable-content--PaddingBottom: var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingBottom);
18006
- --pf-v5-c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingLeft);
18007
- --pf-v5-c-context-selector--Width: var(--pf-v5-c-masthead--c-context-selector--Width);
18008
- --pf-v5-c-context-selector__toggle--BorderTopColor: var(--pf-v5-c-masthead--c-context-selector__toggle--BorderTopColor);
18009
- --pf-v5-c-context-selector__toggle--BorderRightColor: var(--pf-v5-c-masthead--c-context-selector__toggle--BorderRightColor);
18010
- --pf-v5-c-context-selector__toggle--BorderLeftColor: var(--pf-v5-c-masthead--c-context-selector__toggle--BorderLeftColor);
18011
- --pf-v5-c-dropdown__toggle--before--BorderTopColor: var(--pf-v5-c-masthead--c-dropdown__toggle--before--BorderTopColor);
18012
- --pf-v5-c-dropdown__toggle--before--BorderRightColor: var(--pf-v5-c-masthead--c-dropdown__toggle--before--BorderRightColor);
18013
- --pf-v5-c-dropdown__toggle--before--BorderLeftColor: var(--pf-v5-c-masthead--c-dropdown__toggle--before--BorderLeftColor);
18014
- --pf-v5-c-menu-toggle--before--BorderTopColor: var(--pf-v5-c-masthead--c-menu-toggle--before--BorderTopColor);
18015
- --pf-v5-c-menu-toggle--before--BorderRightColor: var(--pf-v5-c-masthead--c-menu-toggle--before--BorderRightColor);
18016
- --pf-v5-c-menu-toggle--before--BorderLeftColor: var(--pf-v5-c-masthead--c-menu-toggle--before--BorderLeftColor);
18017
- --pf-v5-c-menu-toggle--m-full-height__toggle--after--BorderBottomWidth: 0;
17875
+ --pf-v5-c-toolbar--PaddingTop: 0;
17876
+ --pf-v5-c-toolbar--PaddingBottom: 0;
17877
+ --pf-v5-c-toolbar__content--PaddingRight: 0;
17878
+ --pf-v5-c-toolbar__content--PaddingLeft: 0;
17879
+ --pf-v5-c-toolbar__expandable-content--PaddingTop: var(--pf-t--global--spacer--md);
17880
+ --pf-v5-c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-masthead--inset);
17881
+ --pf-v5-c-toolbar__expandable-content--PaddingBottom: var(--pf-t--global--spacer--md);
17882
+ --pf-v5-c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-masthead--inset);
17883
+ --pf-v5-c-toolbar__expandable-content--BackgroundColor: var(--pf-v5-c-masthead--BackgroundColor);
17884
+ --pf-v5-c-toolbar__expandable-content--lg--PaddingRight: var(--pf-v5-c-masthead--PaddingInlineStart);
17885
+ --pf-v5-c-toolbar__expandable-content--lg--PaddingBottom: var(--pf-t--global--spacer--md);
17886
+ --pf-v5-c-toolbar__expandable-content--lg--PaddingLeft: var(--pf-v5-c-masthead--PaddingInlineEnd);
18018
17887
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns);
18019
17888
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-stack__main--GridColumn);
18020
- --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-stack__main--MinHeight);
18021
17889
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-stack__main--Order);
18022
- --pf-v5-c-masthead__main--FlexBasis: var(--pf-v5-c-masthead--m-display-stack__main--FlexBasis);
18023
- --pf-v5-c-masthead__main--PaddingTop: var(--pf-v5-c-masthead--m-display-stack__main--PaddingTop);
18024
- --pf-v5-c-masthead__main--PaddingBottom: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBottom);
18025
- --pf-v5-c-masthead__main--MarginRight: var(--pf-v5-c-masthead--m-display-stack__main--MarginRight);
18026
- --pf-v5-c-masthead__main--before--BorderBottom: var(--pf-v5-c-masthead--m-display-stack__main--before--BorderBottom);
17890
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBlockEnd);
17891
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--BorderBlockEnd);
18027
17892
  --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-stack__content--GridColumn);
18028
- --pf-v5-c-masthead__content--MinHeight: var(--pf-v5-c-masthead--m-display-stack__content--MinHeight);
18029
17893
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-stack__content--Order);
18030
- --pf-v5-c-masthead__content--PaddingTop: var(--pf-v5-c-masthead--m-display-stack__content--PaddingTop);
18031
- --pf-v5-c-masthead__content--PaddingBottom: var(--pf-v5-c-masthead--m-display-stack__content--PaddingBottom);
18032
- --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--MarginLeft);
18033
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
18034
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
18035
- position: relative;
18036
17894
  display: grid;
18037
17895
  grid-template-columns: var(--pf-v5-c-masthead--GridTemplateColumns);
18038
- align-items: center;
17896
+ row-gap: var(--pf-v5-c-masthead--RowGap);
17897
+ column-gap: var(--pf-v5-c-masthead--ColumnGap);
17898
+ align-items: var(--pf-v5-c-masthead--AlignItems);
18039
17899
  min-width: 0;
18040
- padding-inline-start: var(--pf-v5-c-masthead--PaddingLeft);
18041
- padding-inline-end: var(--pf-v5-c-masthead--PaddingRight);
17900
+ padding-block-start: var(--pf-v5-c-masthead--PaddingBlockStart);
17901
+ padding-block-end: var(--pf-v5-c-masthead--PaddingBlockEnd);
17902
+ padding-inline-start: var(--pf-v5-c-masthead--inset);
17903
+ padding-inline-end: var(--pf-v5-c-masthead--inset);
18042
17904
  background-color: var(--pf-v5-c-masthead--BackgroundColor);
18043
17905
  }
18044
17906
  @media screen and (min-width: 768px) {
18045
17907
  :where(:not(.pf-m-resize-observer)) .pf-v5-c-masthead {
18046
17908
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-inline--GridTemplateColumns);
18047
17909
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-inline__main--GridColumn);
18048
- --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-inline__main--MinHeight);
18049
17910
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-inline__main--Order);
18050
- --pf-v5-c-masthead__main--FlexBasis: var(--pf-v5-c-masthead--m-display-inline__main--FlexBasis);
18051
- --pf-v5-c-masthead__main--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__main--PaddingTop);
18052
- --pf-v5-c-masthead__main--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBottom);
18053
- --pf-v5-c-masthead__main--MarginRight: var(--pf-v5-c-masthead--m-display-inline__main--MarginRight);
18054
- --pf-v5-c-masthead__main--before--BorderBottom: var(--pf-v5-c-masthead--m-display-inline__main--BorderBottom);
17911
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBlockEnd);
17912
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--BorderBlockEnd);
18055
17913
  --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-inline__content--GridColumn);
18056
- --pf-v5-c-masthead__content--MinHeight: var(--pf-v5-c-masthead--m-display-inline__content--MinHeight);
18057
17914
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-inline__content--Order);
18058
- --pf-v5-c-masthead__content--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__content--PaddingTop);
18059
- --pf-v5-c-masthead__content--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__content--PaddingBottom);
18060
- --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--MarginLeft);
18061
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
18062
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
18063
- }
18064
- }
18065
- @media screen and (min-width: 1200px) {
18066
- .pf-v5-c-masthead {
18067
- --pf-v5-c-masthead--inset: var(--pf-v5-c-masthead--xl--inset);
18068
17915
  }
18069
17916
  }
18070
17917
  .pf-v5-c-masthead .pf-v5-c-toolbar {
18071
17918
  width: 100%;
18072
17919
  }
18073
- .pf-v5-c-masthead .pf-v5-c-toolbar__content-section {
18074
- flex-wrap: nowrap;
18075
- }
18076
17920
  .pf-v5-c-masthead .pf-v5-c-toolbar__expandable-content {
18077
17921
  inset-block-start: 100%;
17922
+ border-block-start: var(--pf-v5-c-masthead__expandable-content--BorderBlockStart);
17923
+ box-shadow: var(--pf-v5-c-masthead__expandable-content--BoxShadow);
18078
17924
  }
18079
- .pf-v5-c-masthead .pf-v5-c-toolbar__expandable-content::before {
18080
- position: absolute;
18081
- inset: 0;
18082
- content: "";
18083
- 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);
18084
- box-shadow: var(--pf-v5-c-toolbar__expandable-content--before--BoxShadow);
17925
+ .pf-v5-c-masthead.pf-m-display-stack {
17926
+ --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns);
17927
+ --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-stack__main--GridColumn);
17928
+ --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-stack__main--Order);
17929
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBlockEnd);
17930
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--BorderBlockEnd);
17931
+ --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-stack__content--GridColumn);
17932
+ --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-stack__content--Order);
18085
17933
  }
18086
- .pf-v5-c-masthead .pf-v5-c-context-selector.pf-m-full-height {
18087
- --pf-v5-c-context-selector__toggle--BorderTopColor: var(--pf-v5-c-masthead--c-context-selector--m-full-height__toggle--BorderTopColor);
18088
- --pf-v5-c-context-selector__toggle--BorderBottomColor: var(--pf-v5-c-masthead--c-context-selector--m-full-height__toggle--BorderBottomColor);
17934
+ .pf-v5-c-masthead.pf-m-display-inline {
17935
+ --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-inline--GridTemplateColumns);
17936
+ --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-inline__main--GridColumn);
17937
+ --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-inline__main--Order);
17938
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBlockEnd);
17939
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--BorderBlockEnd);
17940
+ --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-inline__content--GridColumn);
17941
+ --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-inline__content--Order);
17942
+ }
17943
+ .pf-v5-c-masthead.pf-m-inset-none {
17944
+ padding-inline-start: 0;
17945
+ padding-inline-end: 0;
18089
17946
  }
18090
- .pf-v5-c-masthead .pf-v5-c-dropdown.pf-m-full-height {
18091
- --pf-v5-c-dropdown__toggle--before--BorderTopColor: var(--pf-v5-c-masthead--c-dropdown--m-full-height__toggle--before--BorderTopColor);
18092
- --pf-v5-c-dropdown__toggle--before--BorderBottomColor: var(--pf-v5-c-masthead--c-dropdown--m-full-height__toggle--before--BorderBottomColor);
17947
+ .pf-v5-c-masthead.pf-m-inset-sm {
17948
+ padding-inline-start: var(--pf-v5-global--spacer--sm);
17949
+ padding-inline-end: var(--pf-v5-global--spacer--sm);
18093
17950
  }
18094
- .pf-v5-c-masthead .pf-v5-c-nav {
18095
- align-self: stretch;
17951
+ .pf-v5-c-masthead.pf-m-inset-md {
17952
+ padding-inline-start: var(--pf-v5-global--spacer--md);
17953
+ padding-inline-end: var(--pf-v5-global--spacer--md);
17954
+ }
17955
+ .pf-v5-c-masthead.pf-m-inset-lg {
17956
+ padding-inline-start: var(--pf-v5-global--spacer--lg);
17957
+ padding-inline-end: var(--pf-v5-global--spacer--lg);
17958
+ }
17959
+ .pf-v5-c-masthead.pf-m-inset-xl {
17960
+ padding-inline-start: var(--pf-v5-global--spacer--xl);
17961
+ padding-inline-end: var(--pf-v5-global--spacer--xl);
17962
+ }
17963
+ .pf-v5-c-masthead.pf-m-inset-2xl {
17964
+ padding-inline-start: var(--pf-v5-global--spacer--2xl);
17965
+ padding-inline-end: var(--pf-v5-global--spacer--2xl);
18096
17966
  }
18097
17967
 
17968
+ .pf-v5-c-masthead,
18098
17969
  .pf-v5-c-masthead__main {
18099
17970
  position: relative;
17971
+ }
17972
+
17973
+ .pf-v5-c-masthead__main,
17974
+ .pf-v5-c-masthead__content,
17975
+ .pf-v5-c-masthead__logo,
17976
+ .pf-v5-c-masthead__brand {
18100
17977
  display: flex;
18101
- flex-basis: var(--pf-v5-c-masthead__main--FlexBasis);
18102
- grid-column: var(--pf-v5-c-masthead__main--GridColumn);
18103
- align-items: center;
18104
17978
  align-self: stretch;
18105
- order: var(--pf-v5-c-masthead__main--Order);
18106
- min-height: var(--pf-v5-c-masthead__main--MinHeight);
18107
- padding-block-start: var(--pf-v5-c-masthead__main--PaddingTop);
18108
- padding-block-end: var(--pf-v5-c-masthead__main--PaddingBottom);
18109
- margin-inline-end: var(--pf-v5-c-masthead__main--MarginRight);
18110
17979
  }
18111
- .pf-v5-c-masthead__main::before {
18112
- position: absolute;
18113
- inset-block-end: 0;
18114
- inset-inline-start: var(--pf-v5-c-masthead__main--before--Left);
18115
- inset-inline-end: var(--pf-v5-c-masthead__main--before--Right);
18116
- content: "";
18117
- border-block-end: var(--pf-v5-c-masthead__main--before--BorderBottom);
18118
- }
18119
- .pf-v5-c-masthead__main:last-child {
18120
- --pf-v5-c-masthead__main--MarginRight: 0;
17980
+
17981
+ .pf-v5-c-masthead__main,
17982
+ .pf-v5-c-masthead__brand,
17983
+ .pf-v5-c-masthead__content {
17984
+ min-width: 0.25rem;
18121
17985
  }
18122
17986
 
18123
- .pf-v5-c-masthead__logo {
18124
- display: flex;
18125
- gap: var(--pf-t--global--spacer--md);
17987
+ .pf-v5-c-masthead__main {
17988
+ grid-column: var(--pf-v5-c-masthead__main--GridColumn);
17989
+ row-gap: var(--pf-v5-c-masthead__main--RowGap, var(--pf-v5-c-masthead--RowGap));
17990
+ align-items: var(--pf-v5-c-masthead__main--AlignItems, var(--pf-v5-c-masthead--AlignItems));
17991
+ order: var(--pf-v5-c-masthead__main--Order);
17992
+ padding-block-end: var(--pf-v5-c-masthead__main--PaddingBlockEnd);
17993
+ border-block-end: var(--pf-v5-c-masthead__main--BorderBlockEnd);
18126
17994
  }
18127
17995
 
18128
17996
  .pf-v5-c-masthead__content {
18129
- display: flex;
18130
- flex-grow: 1;
18131
- flex-shrink: 1;
17997
+ flex-wrap: wrap;
18132
17998
  grid-column: var(--pf-v5-c-masthead__content--GridColumn);
18133
17999
  grid-column-end: -1;
18134
- gap: var(--pf-v5-c-masthead__content--Gap);
18135
- align-items: center;
18136
- align-self: stretch;
18000
+ row-gap: var(--pf-v5-c-masthead__content-RowGap, var(--pf-v5-c-masthead--RowGap));
18001
+ column-gap: var(--pf-v5-c-masthead__content-ColumnGap, var(--pf-v5-c-masthead--ColumnGap));
18002
+ align-items: var(--pf-v5-c-masthead__content--AlignItems, var(--pf-v5-c-masthead--AlignItems));
18137
18003
  order: var(--pf-v5-c-masthead__content--Order);
18138
- min-height: var(--pf-v5-c-masthead__content--MinHeight);
18139
- padding-block-start: var(--pf-v5-c-masthead__content--PaddingTop);
18140
- padding-block-end: var(--pf-v5-c-masthead__content--PaddingBottom);
18141
- margin-inline-start: var(--pf-v5-c-masthead__content--MarginLeft);
18142
- }
18143
- .pf-v5-c-masthead__content:only-child {
18144
- --pf-v5-c-masthead__content--MarginLeft: 0;
18145
- }
18146
- .pf-v5-c-masthead__content .pf-v5-c-nav.pf-m-horizontal {
18147
- margin-inline-start: var(--pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft);
18148
- margin-inline-end: var(--pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight);
18149
- }
18150
- .pf-v5-c-masthead__toggle ~ .pf-v5-c-masthead__content {
18151
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: calc(var(--pf-v5-c-masthead__content--MarginLeft) * -1);
18152
- }
18153
-
18154
- .pf-v5-c-masthead__main,
18155
- .pf-v5-c-masthead__brand,
18156
- .pf-v5-c-masthead__content {
18157
- min-width: 0;
18158
18004
  }
18159
18005
 
18160
18006
  .pf-v5-c-masthead__brand {
18161
- display: inline-flex;
18162
- align-self: center;
18007
+ align-items: var(--pf-v5-c-masthead__brand--AlignItems, var(--pf-v5-c-masthead--AlignItems));
18008
+ max-height: var(--pf-v5-c-masthead__brand--MaxHeight);
18009
+ margin-inline-end: var(--pf-v5-c-masthead__brand--MarginInlineEnd);
18163
18010
  }
18164
18011
 
18165
18012
  .pf-v5-c-masthead__toggle {
18166
- grid-column: var(--pf-v5-c-masthead__toggle--GridColumn);
18167
- align-self: center;
18168
- margin-inline-start: var(--pf-v5-c-masthead__toggle--MarginLeft);
18169
- margin-inline-end: var(--pf-v5-c-masthead__toggle--MarginRight);
18013
+ --pf-v5-c-button--FontSize: var(--pf-v5-c-masthead__toggle--Size);
18170
18014
  }
18171
- .pf-v5-c-masthead__toggle .pf-v5-c-button {
18172
- --pf-v5-c-button--FontSize: var(--pf-v5-c-masthead__toggle--c-button--FontSize);
18015
+
18016
+ .pf-v5-c-masthead__expandable-content {
18017
+ row-gap: var(--pf-v5-c-masthead__expandable-content-RowGap, var(--pf-v5-c-masthead--RowGap));
18018
+ background-color: var(--pf-v5-c-masthead--BackgroundColor);
18173
18019
  }
18174
18020
 
18175
18021
  .pf-v5-c-masthead.pf-m-display-stack {
18176
18022
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns);
18177
18023
  --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
18024
  --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);
18025
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBlockEnd);
18026
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--BorderBlockEnd);
18185
18027
  --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
18028
  --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
18029
  }
18194
18030
  .pf-v5-c-masthead.pf-m-display-inline {
18195
18031
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-inline--GridTemplateColumns);
18196
18032
  --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
18033
  --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);
18034
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBlockEnd);
18035
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--BorderBlockEnd);
18204
18036
  --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
18037
  --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
18038
  }
18213
18039
  .pf-v5-c-masthead.pf-m-inset-none {
18214
- --pf-v5-c-masthead--inset: 0;
18040
+ padding-inline-start: 0;
18041
+ padding-inline-end: 0;
18215
18042
  }
18216
18043
  .pf-v5-c-masthead.pf-m-inset-sm {
18217
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
18044
+ padding-inline-start: var(--pf-v5-global--spacer--sm);
18045
+ padding-inline-end: var(--pf-v5-global--spacer--sm);
18218
18046
  }
18219
18047
  .pf-v5-c-masthead.pf-m-inset-md {
18220
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--md);
18048
+ padding-inline-start: var(--pf-v5-global--spacer--md);
18049
+ padding-inline-end: var(--pf-v5-global--spacer--md);
18221
18050
  }
18222
18051
  .pf-v5-c-masthead.pf-m-inset-lg {
18223
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--lg);
18052
+ padding-inline-start: var(--pf-v5-global--spacer--lg);
18053
+ padding-inline-end: var(--pf-v5-global--spacer--lg);
18224
18054
  }
18225
18055
  .pf-v5-c-masthead.pf-m-inset-xl {
18226
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--xl);
18056
+ padding-inline-start: var(--pf-v5-global--spacer--xl);
18057
+ padding-inline-end: var(--pf-v5-global--spacer--xl);
18227
18058
  }
18228
18059
  .pf-v5-c-masthead.pf-m-inset-2xl {
18229
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--2xl);
18060
+ padding-inline-start: var(--pf-v5-global--spacer--2xl);
18061
+ padding-inline-end: var(--pf-v5-global--spacer--2xl);
18230
18062
  }
18231
18063
  @media (min-width: 576px) {
18232
18064
  .pf-v5-c-masthead.pf-m-display-stack-on-sm {
18233
18065
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns);
18234
18066
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-stack__main--GridColumn);
18235
- --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-stack__main--MinHeight);
18236
18067
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-stack__main--Order);
18237
- --pf-v5-c-masthead__main--FlexBasis: var(--pf-v5-c-masthead--m-display-stack__main--FlexBasis);
18238
- --pf-v5-c-masthead__main--PaddingTop: var(--pf-v5-c-masthead--m-display-stack__main--PaddingTop);
18239
- --pf-v5-c-masthead__main--PaddingBottom: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBottom);
18240
- --pf-v5-c-masthead__main--MarginRight: var(--pf-v5-c-masthead--m-display-stack__main--MarginRight);
18241
- --pf-v5-c-masthead__main--before--BorderBottom: var(--pf-v5-c-masthead--m-display-stack__main--before--BorderBottom);
18068
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBlockEnd);
18069
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--BorderBlockEnd);
18242
18070
  --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-stack__content--GridColumn);
18243
- --pf-v5-c-masthead__content--MinHeight: var(--pf-v5-c-masthead--m-display-stack__content--MinHeight);
18244
18071
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-stack__content--Order);
18245
- --pf-v5-c-masthead__content--PaddingTop: var(--pf-v5-c-masthead--m-display-stack__content--PaddingTop);
18246
- --pf-v5-c-masthead__content--PaddingBottom: var(--pf-v5-c-masthead--m-display-stack__content--PaddingBottom);
18247
- --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--MarginLeft);
18248
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
18249
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
18250
18072
  }
18251
18073
  .pf-v5-c-masthead.pf-m-display-inline-on-sm {
18252
18074
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-inline--GridTemplateColumns);
18253
18075
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-inline__main--GridColumn);
18254
- --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-inline__main--MinHeight);
18255
18076
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-inline__main--Order);
18256
- --pf-v5-c-masthead__main--FlexBasis: var(--pf-v5-c-masthead--m-display-inline__main--FlexBasis);
18257
- --pf-v5-c-masthead__main--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__main--PaddingTop);
18258
- --pf-v5-c-masthead__main--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBottom);
18259
- --pf-v5-c-masthead__main--MarginRight: var(--pf-v5-c-masthead--m-display-inline__main--MarginRight);
18260
- --pf-v5-c-masthead__main--before--BorderBottom: var(--pf-v5-c-masthead--m-display-inline__main--BorderBottom);
18077
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBlockEnd);
18078
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--BorderBlockEnd);
18261
18079
  --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-inline__content--GridColumn);
18262
- --pf-v5-c-masthead__content--MinHeight: var(--pf-v5-c-masthead--m-display-inline__content--MinHeight);
18263
18080
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-inline__content--Order);
18264
- --pf-v5-c-masthead__content--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__content--PaddingTop);
18265
- --pf-v5-c-masthead__content--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__content--PaddingBottom);
18266
- --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--MarginLeft);
18267
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
18268
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
18269
18081
  }
18270
18082
  }
18271
- @media (min-width: 576px) {
18272
- .pf-v5-c-masthead.pf-m-inset-none-on-sm {
18273
- --pf-v5-c-masthead--inset: 0;
18274
- }
18275
- .pf-v5-c-masthead.pf-m-inset-sm-on-sm {
18276
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
18277
- }
18278
- .pf-v5-c-masthead.pf-m-inset-md-on-sm {
18279
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--md);
18280
- }
18281
- .pf-v5-c-masthead.pf-m-inset-lg-on-sm {
18282
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--lg);
18283
- }
18284
- .pf-v5-c-masthead.pf-m-inset-xl-on-sm {
18285
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--xl);
18286
- }
18287
- .pf-v5-c-masthead.pf-m-inset-2xl-on-sm {
18288
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--2xl);
18289
- }
18083
+ .pf-v5-c-masthead.pf-m-inset-none {
18084
+ padding-inline-start: 0;
18085
+ padding-inline-end: 0;
18086
+ }
18087
+ .pf-v5-c-masthead.pf-m-inset-sm {
18088
+ padding-inline-start: var(--pf-v5-global--spacer--sm);
18089
+ padding-inline-end: var(--pf-v5-global--spacer--sm);
18090
+ }
18091
+ .pf-v5-c-masthead.pf-m-inset-md {
18092
+ padding-inline-start: var(--pf-v5-global--spacer--md);
18093
+ padding-inline-end: var(--pf-v5-global--spacer--md);
18094
+ }
18095
+ .pf-v5-c-masthead.pf-m-inset-lg {
18096
+ padding-inline-start: var(--pf-v5-global--spacer--lg);
18097
+ padding-inline-end: var(--pf-v5-global--spacer--lg);
18098
+ }
18099
+ .pf-v5-c-masthead.pf-m-inset-xl {
18100
+ padding-inline-start: var(--pf-v5-global--spacer--xl);
18101
+ padding-inline-end: var(--pf-v5-global--spacer--xl);
18102
+ }
18103
+ .pf-v5-c-masthead.pf-m-inset-2xl {
18104
+ padding-inline-start: var(--pf-v5-global--spacer--2xl);
18105
+ padding-inline-end: var(--pf-v5-global--spacer--2xl);
18290
18106
  }
18291
18107
  @media (min-width: 768px) {
18292
18108
  .pf-v5-c-masthead.pf-m-display-stack-on-md {
18293
18109
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns);
18294
18110
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-stack__main--GridColumn);
18295
- --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-stack__main--MinHeight);
18296
18111
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-stack__main--Order);
18297
- --pf-v5-c-masthead__main--FlexBasis: var(--pf-v5-c-masthead--m-display-stack__main--FlexBasis);
18298
- --pf-v5-c-masthead__main--PaddingTop: var(--pf-v5-c-masthead--m-display-stack__main--PaddingTop);
18299
- --pf-v5-c-masthead__main--PaddingBottom: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBottom);
18300
- --pf-v5-c-masthead__main--MarginRight: var(--pf-v5-c-masthead--m-display-stack__main--MarginRight);
18301
- --pf-v5-c-masthead__main--before--BorderBottom: var(--pf-v5-c-masthead--m-display-stack__main--before--BorderBottom);
18112
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBlockEnd);
18113
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--BorderBlockEnd);
18302
18114
  --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-stack__content--GridColumn);
18303
- --pf-v5-c-masthead__content--MinHeight: var(--pf-v5-c-masthead--m-display-stack__content--MinHeight);
18304
18115
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-stack__content--Order);
18305
- --pf-v5-c-masthead__content--PaddingTop: var(--pf-v5-c-masthead--m-display-stack__content--PaddingTop);
18306
- --pf-v5-c-masthead__content--PaddingBottom: var(--pf-v5-c-masthead--m-display-stack__content--PaddingBottom);
18307
- --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--MarginLeft);
18308
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
18309
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
18310
18116
  }
18311
18117
  .pf-v5-c-masthead.pf-m-display-inline-on-md {
18312
18118
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-inline--GridTemplateColumns);
18313
18119
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-inline__main--GridColumn);
18314
- --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-inline__main--MinHeight);
18315
18120
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-inline__main--Order);
18316
- --pf-v5-c-masthead__main--FlexBasis: var(--pf-v5-c-masthead--m-display-inline__main--FlexBasis);
18317
- --pf-v5-c-masthead__main--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__main--PaddingTop);
18318
- --pf-v5-c-masthead__main--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBottom);
18319
- --pf-v5-c-masthead__main--MarginRight: var(--pf-v5-c-masthead--m-display-inline__main--MarginRight);
18320
- --pf-v5-c-masthead__main--before--BorderBottom: var(--pf-v5-c-masthead--m-display-inline__main--BorderBottom);
18121
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBlockEnd);
18122
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--BorderBlockEnd);
18321
18123
  --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-inline__content--GridColumn);
18322
- --pf-v5-c-masthead__content--MinHeight: var(--pf-v5-c-masthead--m-display-inline__content--MinHeight);
18323
18124
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-inline__content--Order);
18324
- --pf-v5-c-masthead__content--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__content--PaddingTop);
18325
- --pf-v5-c-masthead__content--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__content--PaddingBottom);
18326
- --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--MarginLeft);
18327
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
18328
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
18329
18125
  }
18330
18126
  }
18331
- @media (min-width: 768px) {
18332
- .pf-v5-c-masthead.pf-m-inset-none-on-md {
18333
- --pf-v5-c-masthead--inset: 0;
18334
- }
18335
- .pf-v5-c-masthead.pf-m-inset-sm-on-md {
18336
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
18337
- }
18338
- .pf-v5-c-masthead.pf-m-inset-md-on-md {
18339
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--md);
18340
- }
18341
- .pf-v5-c-masthead.pf-m-inset-lg-on-md {
18342
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--lg);
18343
- }
18344
- .pf-v5-c-masthead.pf-m-inset-xl-on-md {
18345
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--xl);
18346
- }
18347
- .pf-v5-c-masthead.pf-m-inset-2xl-on-md {
18348
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--2xl);
18349
- }
18127
+ .pf-v5-c-masthead.pf-m-inset-none {
18128
+ padding-inline-start: 0;
18129
+ padding-inline-end: 0;
18130
+ }
18131
+ .pf-v5-c-masthead.pf-m-inset-sm {
18132
+ padding-inline-start: var(--pf-v5-global--spacer--sm);
18133
+ padding-inline-end: var(--pf-v5-global--spacer--sm);
18134
+ }
18135
+ .pf-v5-c-masthead.pf-m-inset-md {
18136
+ padding-inline-start: var(--pf-v5-global--spacer--md);
18137
+ padding-inline-end: var(--pf-v5-global--spacer--md);
18138
+ }
18139
+ .pf-v5-c-masthead.pf-m-inset-lg {
18140
+ padding-inline-start: var(--pf-v5-global--spacer--lg);
18141
+ padding-inline-end: var(--pf-v5-global--spacer--lg);
18142
+ }
18143
+ .pf-v5-c-masthead.pf-m-inset-xl {
18144
+ padding-inline-start: var(--pf-v5-global--spacer--xl);
18145
+ padding-inline-end: var(--pf-v5-global--spacer--xl);
18146
+ }
18147
+ .pf-v5-c-masthead.pf-m-inset-2xl {
18148
+ padding-inline-start: var(--pf-v5-global--spacer--2xl);
18149
+ padding-inline-end: var(--pf-v5-global--spacer--2xl);
18350
18150
  }
18351
18151
  @media (min-width: 992px) {
18352
18152
  .pf-v5-c-masthead.pf-m-display-stack-on-lg {
18353
18153
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns);
18354
18154
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-stack__main--GridColumn);
18355
- --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-stack__main--MinHeight);
18356
18155
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-stack__main--Order);
18357
- --pf-v5-c-masthead__main--FlexBasis: var(--pf-v5-c-masthead--m-display-stack__main--FlexBasis);
18358
- --pf-v5-c-masthead__main--PaddingTop: var(--pf-v5-c-masthead--m-display-stack__main--PaddingTop);
18359
- --pf-v5-c-masthead__main--PaddingBottom: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBottom);
18360
- --pf-v5-c-masthead__main--MarginRight: var(--pf-v5-c-masthead--m-display-stack__main--MarginRight);
18361
- --pf-v5-c-masthead__main--before--BorderBottom: var(--pf-v5-c-masthead--m-display-stack__main--before--BorderBottom);
18156
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBlockEnd);
18157
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--BorderBlockEnd);
18362
18158
  --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-stack__content--GridColumn);
18363
- --pf-v5-c-masthead__content--MinHeight: var(--pf-v5-c-masthead--m-display-stack__content--MinHeight);
18364
18159
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-stack__content--Order);
18365
- --pf-v5-c-masthead__content--PaddingTop: var(--pf-v5-c-masthead--m-display-stack__content--PaddingTop);
18366
- --pf-v5-c-masthead__content--PaddingBottom: var(--pf-v5-c-masthead--m-display-stack__content--PaddingBottom);
18367
- --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--MarginLeft);
18368
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
18369
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
18370
18160
  }
18371
18161
  .pf-v5-c-masthead.pf-m-display-inline-on-lg {
18372
18162
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-inline--GridTemplateColumns);
18373
18163
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-inline__main--GridColumn);
18374
- --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-inline__main--MinHeight);
18375
18164
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-inline__main--Order);
18376
- --pf-v5-c-masthead__main--FlexBasis: var(--pf-v5-c-masthead--m-display-inline__main--FlexBasis);
18377
- --pf-v5-c-masthead__main--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__main--PaddingTop);
18378
- --pf-v5-c-masthead__main--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBottom);
18379
- --pf-v5-c-masthead__main--MarginRight: var(--pf-v5-c-masthead--m-display-inline__main--MarginRight);
18380
- --pf-v5-c-masthead__main--before--BorderBottom: var(--pf-v5-c-masthead--m-display-inline__main--BorderBottom);
18165
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBlockEnd);
18166
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--BorderBlockEnd);
18381
18167
  --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-inline__content--GridColumn);
18382
- --pf-v5-c-masthead__content--MinHeight: var(--pf-v5-c-masthead--m-display-inline__content--MinHeight);
18383
18168
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-inline__content--Order);
18384
- --pf-v5-c-masthead__content--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__content--PaddingTop);
18385
- --pf-v5-c-masthead__content--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__content--PaddingBottom);
18386
- --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--MarginLeft);
18387
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
18388
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
18389
18169
  }
18390
18170
  }
18391
- @media (min-width: 992px) {
18392
- .pf-v5-c-masthead.pf-m-inset-none-on-lg {
18393
- --pf-v5-c-masthead--inset: 0;
18394
- }
18395
- .pf-v5-c-masthead.pf-m-inset-sm-on-lg {
18396
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
18397
- }
18398
- .pf-v5-c-masthead.pf-m-inset-md-on-lg {
18399
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--md);
18400
- }
18401
- .pf-v5-c-masthead.pf-m-inset-lg-on-lg {
18402
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--lg);
18403
- }
18404
- .pf-v5-c-masthead.pf-m-inset-xl-on-lg {
18405
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--xl);
18406
- }
18407
- .pf-v5-c-masthead.pf-m-inset-2xl-on-lg {
18408
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--2xl);
18409
- }
18171
+ .pf-v5-c-masthead.pf-m-inset-none {
18172
+ padding-inline-start: 0;
18173
+ padding-inline-end: 0;
18174
+ }
18175
+ .pf-v5-c-masthead.pf-m-inset-sm {
18176
+ padding-inline-start: var(--pf-v5-global--spacer--sm);
18177
+ padding-inline-end: var(--pf-v5-global--spacer--sm);
18178
+ }
18179
+ .pf-v5-c-masthead.pf-m-inset-md {
18180
+ padding-inline-start: var(--pf-v5-global--spacer--md);
18181
+ padding-inline-end: var(--pf-v5-global--spacer--md);
18182
+ }
18183
+ .pf-v5-c-masthead.pf-m-inset-lg {
18184
+ padding-inline-start: var(--pf-v5-global--spacer--lg);
18185
+ padding-inline-end: var(--pf-v5-global--spacer--lg);
18186
+ }
18187
+ .pf-v5-c-masthead.pf-m-inset-xl {
18188
+ padding-inline-start: var(--pf-v5-global--spacer--xl);
18189
+ padding-inline-end: var(--pf-v5-global--spacer--xl);
18190
+ }
18191
+ .pf-v5-c-masthead.pf-m-inset-2xl {
18192
+ padding-inline-start: var(--pf-v5-global--spacer--2xl);
18193
+ padding-inline-end: var(--pf-v5-global--spacer--2xl);
18410
18194
  }
18411
18195
  @media (min-width: 1200px) {
18412
18196
  .pf-v5-c-masthead.pf-m-display-stack-on-xl {
18413
18197
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns);
18414
18198
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-stack__main--GridColumn);
18415
- --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-stack__main--MinHeight);
18416
18199
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-stack__main--Order);
18417
- --pf-v5-c-masthead__main--FlexBasis: var(--pf-v5-c-masthead--m-display-stack__main--FlexBasis);
18418
- --pf-v5-c-masthead__main--PaddingTop: var(--pf-v5-c-masthead--m-display-stack__main--PaddingTop);
18419
- --pf-v5-c-masthead__main--PaddingBottom: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBottom);
18420
- --pf-v5-c-masthead__main--MarginRight: var(--pf-v5-c-masthead--m-display-stack__main--MarginRight);
18421
- --pf-v5-c-masthead__main--before--BorderBottom: var(--pf-v5-c-masthead--m-display-stack__main--before--BorderBottom);
18200
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBlockEnd);
18201
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--BorderBlockEnd);
18422
18202
  --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-stack__content--GridColumn);
18423
- --pf-v5-c-masthead__content--MinHeight: var(--pf-v5-c-masthead--m-display-stack__content--MinHeight);
18424
18203
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-stack__content--Order);
18425
- --pf-v5-c-masthead__content--PaddingTop: var(--pf-v5-c-masthead--m-display-stack__content--PaddingTop);
18426
- --pf-v5-c-masthead__content--PaddingBottom: var(--pf-v5-c-masthead--m-display-stack__content--PaddingBottom);
18427
- --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--MarginLeft);
18428
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
18429
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
18430
18204
  }
18431
18205
  .pf-v5-c-masthead.pf-m-display-inline-on-xl {
18432
18206
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-inline--GridTemplateColumns);
18433
18207
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-inline__main--GridColumn);
18434
- --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-inline__main--MinHeight);
18435
18208
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-inline__main--Order);
18436
- --pf-v5-c-masthead__main--FlexBasis: var(--pf-v5-c-masthead--m-display-inline__main--FlexBasis);
18437
- --pf-v5-c-masthead__main--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__main--PaddingTop);
18438
- --pf-v5-c-masthead__main--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBottom);
18439
- --pf-v5-c-masthead__main--MarginRight: var(--pf-v5-c-masthead--m-display-inline__main--MarginRight);
18440
- --pf-v5-c-masthead__main--before--BorderBottom: var(--pf-v5-c-masthead--m-display-inline__main--BorderBottom);
18209
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBlockEnd);
18210
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--BorderBlockEnd);
18441
18211
  --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-inline__content--GridColumn);
18442
- --pf-v5-c-masthead__content--MinHeight: var(--pf-v5-c-masthead--m-display-inline__content--MinHeight);
18443
18212
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-inline__content--Order);
18444
- --pf-v5-c-masthead__content--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__content--PaddingTop);
18445
- --pf-v5-c-masthead__content--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__content--PaddingBottom);
18446
- --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--MarginLeft);
18447
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
18448
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
18449
18213
  }
18450
18214
  }
18451
- @media (min-width: 1200px) {
18452
- .pf-v5-c-masthead.pf-m-inset-none-on-xl {
18453
- --pf-v5-c-masthead--inset: 0;
18454
- }
18455
- .pf-v5-c-masthead.pf-m-inset-sm-on-xl {
18456
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
18457
- }
18458
- .pf-v5-c-masthead.pf-m-inset-md-on-xl {
18459
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--md);
18460
- }
18461
- .pf-v5-c-masthead.pf-m-inset-lg-on-xl {
18462
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--lg);
18463
- }
18464
- .pf-v5-c-masthead.pf-m-inset-xl-on-xl {
18465
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--xl);
18466
- }
18467
- .pf-v5-c-masthead.pf-m-inset-2xl-on-xl {
18468
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--2xl);
18469
- }
18215
+ .pf-v5-c-masthead.pf-m-inset-none {
18216
+ padding-inline-start: 0;
18217
+ padding-inline-end: 0;
18218
+ }
18219
+ .pf-v5-c-masthead.pf-m-inset-sm {
18220
+ padding-inline-start: var(--pf-v5-global--spacer--sm);
18221
+ padding-inline-end: var(--pf-v5-global--spacer--sm);
18222
+ }
18223
+ .pf-v5-c-masthead.pf-m-inset-md {
18224
+ padding-inline-start: var(--pf-v5-global--spacer--md);
18225
+ padding-inline-end: var(--pf-v5-global--spacer--md);
18226
+ }
18227
+ .pf-v5-c-masthead.pf-m-inset-lg {
18228
+ padding-inline-start: var(--pf-v5-global--spacer--lg);
18229
+ padding-inline-end: var(--pf-v5-global--spacer--lg);
18230
+ }
18231
+ .pf-v5-c-masthead.pf-m-inset-xl {
18232
+ padding-inline-start: var(--pf-v5-global--spacer--xl);
18233
+ padding-inline-end: var(--pf-v5-global--spacer--xl);
18234
+ }
18235
+ .pf-v5-c-masthead.pf-m-inset-2xl {
18236
+ padding-inline-start: var(--pf-v5-global--spacer--2xl);
18237
+ padding-inline-end: var(--pf-v5-global--spacer--2xl);
18470
18238
  }
18471
18239
  @media (min-width: 1450px) {
18472
18240
  .pf-v5-c-masthead.pf-m-display-stack-on-2xl {
18473
18241
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns);
18474
18242
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-stack__main--GridColumn);
18475
- --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-stack__main--MinHeight);
18476
18243
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-stack__main--Order);
18477
- --pf-v5-c-masthead__main--FlexBasis: var(--pf-v5-c-masthead--m-display-stack__main--FlexBasis);
18478
- --pf-v5-c-masthead__main--PaddingTop: var(--pf-v5-c-masthead--m-display-stack__main--PaddingTop);
18479
- --pf-v5-c-masthead__main--PaddingBottom: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBottom);
18480
- --pf-v5-c-masthead__main--MarginRight: var(--pf-v5-c-masthead--m-display-stack__main--MarginRight);
18481
- --pf-v5-c-masthead__main--before--BorderBottom: var(--pf-v5-c-masthead--m-display-stack__main--before--BorderBottom);
18244
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--PaddingBlockEnd);
18245
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-stack__main--BorderBlockEnd);
18482
18246
  --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-stack__content--GridColumn);
18483
- --pf-v5-c-masthead__content--MinHeight: var(--pf-v5-c-masthead--m-display-stack__content--MinHeight);
18484
18247
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-stack__content--Order);
18485
- --pf-v5-c-masthead__content--PaddingTop: var(--pf-v5-c-masthead--m-display-stack__content--PaddingTop);
18486
- --pf-v5-c-masthead__content--PaddingBottom: var(--pf-v5-c-masthead--m-display-stack__content--PaddingBottom);
18487
- --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--MarginLeft);
18488
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
18489
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
18490
18248
  }
18491
18249
  .pf-v5-c-masthead.pf-m-display-inline-on-2xl {
18492
18250
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-inline--GridTemplateColumns);
18493
18251
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-inline__main--GridColumn);
18494
- --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-inline__main--MinHeight);
18495
18252
  --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-inline__main--Order);
18496
- --pf-v5-c-masthead__main--FlexBasis: var(--pf-v5-c-masthead--m-display-inline__main--FlexBasis);
18497
- --pf-v5-c-masthead__main--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__main--PaddingTop);
18498
- --pf-v5-c-masthead__main--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBottom);
18499
- --pf-v5-c-masthead__main--MarginRight: var(--pf-v5-c-masthead--m-display-inline__main--MarginRight);
18500
- --pf-v5-c-masthead__main--before--BorderBottom: var(--pf-v5-c-masthead--m-display-inline__main--BorderBottom);
18253
+ --pf-v5-c-masthead__main--PaddingBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBlockEnd);
18254
+ --pf-v5-c-masthead__main--BorderBlockEnd: var(--pf-v5-c-masthead--m-display-inline__main--BorderBlockEnd);
18501
18255
  --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-inline__content--GridColumn);
18502
- --pf-v5-c-masthead__content--MinHeight: var(--pf-v5-c-masthead--m-display-inline__content--MinHeight);
18503
18256
  --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-inline__content--Order);
18504
- --pf-v5-c-masthead__content--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__content--PaddingTop);
18505
- --pf-v5-c-masthead__content--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__content--PaddingBottom);
18506
- --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--MarginLeft);
18507
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
18508
- --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
18509
18257
  }
18510
18258
  }
18511
- @media (min-width: 1450px) {
18512
- .pf-v5-c-masthead.pf-m-inset-none-on-2xl {
18513
- --pf-v5-c-masthead--inset: 0;
18514
- }
18515
- .pf-v5-c-masthead.pf-m-inset-sm-on-2xl {
18516
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
18517
- }
18518
- .pf-v5-c-masthead.pf-m-inset-md-on-2xl {
18519
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--md);
18520
- }
18521
- .pf-v5-c-masthead.pf-m-inset-lg-on-2xl {
18522
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--lg);
18523
- }
18524
- .pf-v5-c-masthead.pf-m-inset-xl-on-2xl {
18525
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--xl);
18526
- }
18527
- .pf-v5-c-masthead.pf-m-inset-2xl-on-2xl {
18528
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--2xl);
18529
- }
18259
+ .pf-v5-c-masthead.pf-m-inset-none {
18260
+ padding-inline-start: 0;
18261
+ padding-inline-end: 0;
18262
+ }
18263
+ .pf-v5-c-masthead.pf-m-inset-sm {
18264
+ padding-inline-start: var(--pf-v5-global--spacer--sm);
18265
+ padding-inline-end: var(--pf-v5-global--spacer--sm);
18266
+ }
18267
+ .pf-v5-c-masthead.pf-m-inset-md {
18268
+ padding-inline-start: var(--pf-v5-global--spacer--md);
18269
+ padding-inline-end: var(--pf-v5-global--spacer--md);
18270
+ }
18271
+ .pf-v5-c-masthead.pf-m-inset-lg {
18272
+ padding-inline-start: var(--pf-v5-global--spacer--lg);
18273
+ padding-inline-end: var(--pf-v5-global--spacer--lg);
18274
+ }
18275
+ .pf-v5-c-masthead.pf-m-inset-xl {
18276
+ padding-inline-start: var(--pf-v5-global--spacer--xl);
18277
+ padding-inline-end: var(--pf-v5-global--spacer--xl);
18278
+ }
18279
+ .pf-v5-c-masthead.pf-m-inset-2xl {
18280
+ padding-inline-start: var(--pf-v5-global--spacer--2xl);
18281
+ padding-inline-end: var(--pf-v5-global--spacer--2xl);
18530
18282
  }
18531
18283
 
18532
18284
  .pf-v5-c-menu {